/* Global */
.btns{ margin: 0; padding: 10px 16px; background: var(--primary-color); color: #fff; border-radius: 50px; display: inline-flex; justify-content: center; align-items: center; letter-spacing: -0.015em; text-transform: uppercase; font-family: var(--font-semibold); font-size: 16px; border: none; min-height: 51px; transition:all .4s ease-in-out; gap: 7px;}
.btns:hover{ background: var(--secondary-color);}
.btns img{ width:auto !important;}

.page-template-whitepaper .spacing { padding: 20px 0;}
.single-post .spacing {padding: 20px 0;}

/* Section */
.blog_article{ margin: 0; padding: 0; display: grid; grid-template-columns: auto 360px; grid-column-gap: 60px;}
.left_article{ margin: 0; padding: 0;}
.left_article .article_img{ margin: 0 0 20px; padding: 0; border-radius: 24px; position: relative;}
.left_article .article_img img{ width: 100%; border-radius: 24px; object-fit: cover;}
.left_article .article_btn{ margin: 0 0 20px; padding: 0; display: flex; gap: 4px;}
.left_article .btn_art{ margin: 0; padding: 4px 9px; background: #FEF5F1; color: var(--border-color); border-radius: 4px; display: inline-block; font-size: 10px; font-family: var(--font-semibold); transition:all .4s ease-in-out;}
.left_article .btn_art:hover{ background: var(--primary-color); color: #FFF;}
.left_article .date_info{ margin: 0 0 15px; padding: 0; display: flex; gap: 15px; justify-content: space-between; align-items: center;}
.left_article span{ margin: 0; padding: 0; font-size: 16px; font-family: "Poppins-Regular"; color: #666666; display: flex; align-items: center; gap: 10px; font-weight: 500 !important;}
.left_article span strong{ font-weight: 500;}
.left_article .social_icon{ margin: 0; padding: 0; display: flex; gap: 8px; align-items: center;}
.left_article .social_icon li{ margin: 0; padding: 0; display: flex;}
.left_article .social_icon li a{ display: inline-flex; transition:all .4s ease-in-out;}
.left_article .social_icon li a:hover{ opacity: 0.7;}
.left_article figure{ margin: 0 0 10px; padding: 0; border-radius: 24px;}
.left_article figure img{ width: 100%; border-radius: 24px; object-fit: cover;}
.left_article .button{ margin: 0 0 40px; text-align: right;}

.left_article h1{ margin: 0 0 35px; padding: 0; color: #01256F; font-size: 35px; font-weight: 600;}
.left_article h2{ margin: 0 0 35px; padding: 0; color: #01256F; font-size: 28px; font-weight: 600;}
.left_article h3{ margin: 0 0 35px; padding: 0; color: #01256F; font-size: 24px; font-weight: 600;}
.left_article h4{ margin: 0 0 35px; padding: 0; color: #01256F; font-size: 20px; font-weight: 600;}
.left_article h5{ margin: 0 0 20px; padding: 0; color: #01256F; font-size: 16px; font-weight: 600;}
.left_article p{ margin: 0 0 22px 0; padding: 0; color: #666666; font-weight: 500;}
.left_article ul{ margin: 0 0 20px 15px; padding: 0;}
.left_article ul li{ margin: 0 0 10px 0; padding: 0; font-size: 16px; color: #666666; list-style: disc;}
.left_article ul .number { margin: 0 0 10px 0; padding: 0; font-size: 16px; color: #666666; list-style: decimal;}
.left_article ul li a{ color: #666666;}
.left_article ul li a:hover{ color: #01256F;}
.left_article ul li .underlinelink {
    color: #666666;
    text-decoration: underline !important;
}
.left_article ol{ margin: 0 0 20px 15px; padding: 0;}
.left_article ol li{ margin: 0 0 10px 0; padding: 0; font-size: 16px; color: #666666; }
.left_article ol li a{ color: #666666;}
.left_article ol li a:hover{ color: #01256F;}
.left_article ol li .underlinelink {
    color: #666666;
    text-decoration: underline !important;
}

.right_article{ margin: 0; padding: 0; display: flex; flex-direction: column; /*position: sticky;top: 120px;*/align-self: flex-start;}
.article_form{ margin: 0 0 45px; padding: 20px; background: #01256F; border-radius: 24px;}
.article_form h2{ margin: 0 0 12px; padding: 0; font-size: 20px; font-style: italic; color: #FFF; letter-spacing: -1px;font-family: var(--font-bold);}
.article_form > p{ margin: 0 0 10px; padding: 0; font-size: 12px; color: #FFF;}
.article_form .contact_form{ margin: 0; padding: 0;}
.article_form .input_group{ margin: 0 0 15px; padding: 0;}
.article_form .input_group label{ margin: 0 0 8px; padding: 0; font-size: 14px; font-family: var(--font-semibold); color: #FFF; display: inline-block;}
.article_form .input_group .form-control{ width: 100%; height: 40px; margin: 0; padding: 12px 15px; font-size: 14px; font-family: var(--font-medium); color: #FFF; background: rgba(255, 255, 255, 0.15); border-radius: 25px; border: none; position: relative;}
.article_form .input_group .form-control::placeholder{ color: #FFF;}
.article_form .input_group select.form-control{ -webkit-appearance: none; -moz-appearance: none; appearance: none; background: rgba(255, 255, 255, 0.15) url(../images/select_arrow.svg) center right 15px no-repeat;}
.article_form .input_group .form-control option{ color: #000;}
.article_form .input_group textarea.form-control{ resize: none; height: 160px;}
.article_form .contact_form .input_group:nth-child(7){ margin-bottom: 32px;}
.landing_sec .article_form .contact_form .input_group:nth-child(5){ margin-bottom: 32px;}
.article_form .btns{ width: 100%; border: 1px solid var(--secondary-color);}
.article_form .btns:hover{ width: 100%; border-color: #FFF;}

.right_article h4{ margin: 0 0 20px; padding: 0; color: var(--secondary-color); text-align: center;}
.right_article .article_info{ margin: 0; padding: 0;}
.right_article .btns{ margin: 0 auto;}
.right_article .article_block .btns{ border-radius: 14px;}
.article_info .btns img{ width: auto !important;}
.article_block{ margin: 10px 20px 25px; padding: 12px 12px 24px; background: #FFF; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.09); border-radius: 24px;}
.article_block figure{ margin: 0 0 20px; padding: 0; border-radius: 12px; display: flex; overflow: hidden;}
.article_block figure a{ transition:all .4s ease-in-out; display: flex; width: 100%;}
.article_block:hover figure a img{ transform: scale(1.05);}
.article_block figure img{ width: 100%; border-radius: 12px; transition:all .4s ease-in-out; transform-origin: top right; object-fit: cover;}
.article_block .detail{ margin: 0; padding: 0 12px;}
.article_block span{ margin: 0 0 10px; padding: 0; font-size: 14px; font-family: var(--font-bold); color: #7D7D7D; display: inline-block;}
.article_block p{ margin: 0 0 16px; padding: 0; font-family: var(--font-bold); color: #150D22;}

.article_info .owl-carousel .owl-nav{ display: flex; justify-content: space-between; gap: 15px; padding: 0 20px;}
.article_info .owl-carousel .owl-nav button{ width: 50px; height: 50px; font-size: 0 !important; display: flex; z-index:555; transition:all .6s ease-in-out; background: none !important; position: relative; align-items: center; justify-content: center;}
.article_info .owl-carousel .owl-nav button.owl-prev:after{ content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(180deg); background: url(../images/left_arrow.svg) center center no-repeat; height: 24px; width: 24px;}
.article_info .owl-carousel .owl-nav button.owl-next:after{ content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url(../images/left_arrow.svg) center center no-repeat; height: 24px; width: 24px;}
.article_info .owl-carousel .owl-nav button:hover{ opacity: 0.5;}

/* White Paper Landing */
.article_form .input_group .checkbox{ margin: 0; padding: 0 0 0 35px; display: block; font-size: 12px; font-family: var(--font-medium); color: rgba(255, 255, 255, 0.5); cursor: pointer; position: relative;}
.article_form .checkbox input{ height: 0; width: 0; margin: 0; border: none; opacity: 0; position: absolute;}
.article_form input:checked ~ .checkmark { background-color: #fff;}
.article_form .checkmark:after { content: ""; position: absolute; display: none;}
.article_form .checkbox input:checked ~ .checkmark:after{ display: block;}
.article_form .checkbox .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid var(--secondary-color); border-width: 0 3px 3px 0; transform: rotate(45deg);}
.article_form .checkbox .checkmark{ position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: rgba(255, 255, 255, 0.15); border-radius: 4px;}

.left_landing h2{ margin: 0 0 30px; padding: 0; color: #01256F; font-size: 36px; font-weight: 500; text-align: center; text-transform: uppercase;}
.left_landing h2 span{ color: var(--primary-color);}
.left_landing .info{ margin: 35px auto 50px; text-align: center; max-width: 500px;}

.whitepaper{ margin: 0; padding: 40px 40px 10px 40px; background: #DDE2EB; border-radius: 24px;}
.whitepaper .left_info{ margin: 0; padding: 0;}
.whitepaper .left_info h6 { font-family: var(--font-extralight)}
.whitepaper .whitepaper_dtl{ margin: 0 0 20px; padding: 0; display: flex; gap: 10px;}
.whitepaper .whitepaper_dtl span{ margin: 0; padding: 0; font-size: 25px; font-family: var(--font-light); background: #01256F; color: #FFF; height: 40px; width: 40px; min-width: 40px; border-radius: 40px; display: flex; align-items: center; justify-content: center;}
.whitepaper .whitepaper_block{ margin: 0; padding: 0;}
.whitepaper .whitepaper_block h6{ font-size: 20px;}
.whitepaper .whitepaper_block p{ margin: 0; padding: 0; font-size: 14px;}
.whitepaper figure{ margin: 0 0 40px; padding: 0; border-radius: 4px; justify-content: center; display: flex;}
.whitepaper figure img{ border-radius: 4px;}

/* Download Form */
.download_form{ margin: 0 0 30px; padding: 40px; background: #012B55; border-radius: 24px;}
.download_form h4{ margin: 0 0 30px; padding: 0; color: #fff; font-weight: 500; text-align: center;}
.download_form .form_group{ display: flex; gap: 15px; align-items: end;}
.left_landing .form_group{ display: flex; gap: 25px; align-items: end;}
.download_form .input_group{ margin: 0 0 18px; padding: 0; width: 100%;}
.download_form .input_group label{ margin: 0 0 8px; padding: 0; font-size: 14px; font-family: var(--font-semibold); color: #FFF; display: inline-block; text-transform: uppercase;}
.download_form .input_group .form-control{ width: 100%; height: 48px; margin: 0; padding: 12px 15px; font-size: 14px; font-family: var(--font-medium); color: #FFF; /*background: rgba(255, 255, 255, 0.15);*/ background: #2f4b6f; /*border-radius: 25px;*/ border-radius: 4px; border: none; position: relative;}
.download_form .input_group .form-control::placeholder{ color: #FFF;}
.download_form .input_group select.form-control{ -webkit-appearance: none; -moz-appearance: none; appearance: none; background: rgba(255, 255, 255, 0.15) url(/images/select_arrow.svg) center right 15px no-repeat;}
.download_form .input_group .form-control option{ color: #000;}
.download_form .input_group textarea.form-control{ resize: none; height: 50px;}
.download_form .form_group:last-child .input_group{ margin: 0;}
.download_form .btns{ width: 190px;}
.download_form .input_group .btns{ width: 100%;}
.download_form .btns img{ transition: all 0.4s ease-in-out;}
.download_form .btns:hover{ background: #fff; color: var(--secondary-color);}
.download_form .btns:hover img{ filter: brightness(0);}
.download_form p{ margin:0;}
.quotebtn .btns { margin-bottom: 24px;}
.download_form .input_group .checkbox{ margin: 0; padding: 0 0 0 40px; display: block; font-size: 16px; font-family: var(--font-medium); color: rgba(255, 255, 255, 0.5); cursor: pointer; position: relative; text-transform: capitalize;}
.download_form .checkbox input{ height: 0; width: 0; margin: 0; border: none; opacity: 0; position: absolute;}
.download_form input:checked ~ .checkmark { background-color: #fff;}
.download_form .checkmark:after { content: ""; position: absolute; display: none;}
.download_form .checkbox input:checked ~ .checkmark:after{ display: block;}
.download_form .checkbox .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid var(--secondary-color); border-width: 0 3px 3px 0; transform: rotate(45deg);}
.download_form .checkbox .checkmark{ position: absolute; top: 6px; left: 0; height: 25px; width: 25px; background-color: rgba(255, 255, 255, 0.15); border-radius: 4px;}

/* Sub Form */
.sub_form{ margin: 0 0 30px; padding: 24px; background: #012B55; border-radius: 24px;}
.privacy_policy_link {font-size: 14px; color: #fff;  text-align: center;margin-top: 25px;}
.privacy_policy_link a{ color: #fff; text-decoration: underline; font-style:italic; }
.privacy_policy_link a:hover{ color: #fff; text-decoration: none;}
.right_article .sub_form{ /*background: var(--primary-color);*/  }
.sub_form .grid{ display: grid; grid-template-columns: 4fr 8fr;}
.sub_form h3{ margin: 0; padding: 0; font-size: 32px; color: #FFF; font-style: italic; text-transform: uppercase;}
.sub_form h3 small{ display: block; font-size: 14px; font-family: var(--font); text-transform: lowercase; font-style: normal; letter-spacing: normal;}
.sub_form .input-group{ display: flex; gap: 12px;}
.sub_form .input-group label{ margin: 0 0 5px; padding: 0; font-size: 14px; font-family: var(--font-semibold); color: #FFF; display: inline-block; text-transform: uppercase;}
.sub_form .input-group .form-control{ padding: 12px 15px; width: 100%; height: 48px; font-size: 14px; font-weight: 500; border-radius: 25px; color: #FFF; border: none; background: rgba(255, 255, 255, 0.15);}
.sub_form .input-group .form-control::placeholder{ color: rgba(255, 255, 255, 0.5);}
.sub_form .btns{ flex: 0 0 auto;}
.right_article .sub_form .btns{ background: var(--primary-color);}
.sub_form .btns:hover{background: #fff; color: var(--secondary-color);}
.sub_form.right{ margin: 30px 20px 0 20px;}
.sub_form.right h3{ text-align: center; margin-bottom: 30px;}
.sub_form.right .input-group{ display: block;}
.sub_form.right .input-group .form-control{ margin-bottom: 20px;}
.sub_form.right .input-group .btns{ width: 100%;}
.right_article .download_form{ margin-left:20px; margin-right:20px; padding:25px;}

.wpcf7 form.sent .wpcf7-response-output{ color:#fff !important;}