/*!
Theme Name: Cardinal Ethanol
Theme URI: http://underscores.me/
Author: Ayokay
Author URI: http://Ayokay.com
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: cardinal-ethanol
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Cardinal Ethanol is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/* 1. Clean Base
------------------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Manrope:wght@200..800&display=swap');

/* 
font-family: "Barlow", sans-serif;
font-family: "Manrope", sans-serif; 
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, 
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, a, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; list-style:none; outline:none; -webkit-font-smoothing: subpixel-antialiased; -webkit-tap-highlight-color:rgba(0,0,0,0);}

html,body { -webkit-text-size-adjust:none; height: 100%; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}
iframe {vertical-align: top;}
textarea:focus, input:focus, a, div, img { outline: none; }

*,
*:before,
*:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/* 2. Base Typography
------------------------------------------------------------------------------*/
body{color: #000;font-size: 20px;line-height: normal;font-family: "Barlow", sans-serif;font-weight: 400;background-color: #fff;}

.h1, .h2, .h3, .h4, .h5, .h6,h1, h2, h3, h4, h5, h6 {font-weight:800;font-family: "Barlow", sans-serif;line-height: 1;}

.h1, h1 {font-size:76px; margin-bottom: 20px;line-height: 86px;}
.h2, h2 {font-size:70px; margin-bottom: 20px;line-height: 1;}
.h3, h3 {font-size:54px; margin-bottom: 18px;}
.h4, h4 {font-size:40px; margin-bottom: 28px;line-height: 34px;}
.h5, h5 {font-size:34px; margin-bottom: 15px;}
.h6, h6 {font-size:28px; margin-bottom: 10px;}
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {color: inherit; text-decoration: none;}

p { font-size: inherit; font-weight: inherit; line-height: inherit;  margin-bottom:20px; }
p:last-child { margin-bottom:0; }

ul{ margin:0;margin-left: 20px; padding:0; }
ul li {
    font-family: "Barlow", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    padding-bottom: 5px;
}
ul li:last-child{margin-bottom: 0;}
ul > li { list-style:outside disc; }
ol{ margin:0;margin-left: 20px; padding:0; list-style: none; }
ol li {
    font-size: 20px;
    color: #000;
    font-weight: 400;
    line-height: 1.5;
    padding: 0;
    margin-bottom: 5px;
}
ol > li { list-style: outside decimal; }

blockquote{ display:block; text-align:left; margin-bottom:20px; position:relative; background:#f3f3f3; padding:20px 20px; border-left:4px solid #1589cb;line-height: 2;font-size: 20px; font-style: italic;margin-bottom: 25px;}
blockquote p{ font-size:inherit; font-weight:inherit; line-height:inherit; }

hr {border:0 #000 solid; border-top-width:1px; clear:both; height:0;margin: 10px auto 40px;}

img{ border:none; max-width: 100%; vertical-align: top; height: auto;}
img[src$=".svg"] {width: 100%;}

/* 4. Link
------------------------------------------------------------------------------*/
a{ color:#4777ac; transition: background-color 0.3s ease 0s, color 0.3s ease 0s; }
a:hover{ color:#000; text-decoration: underline; }
a:focus {outline: none;}

/* 5. Forms
------------------------------------------------------------------------------*/
label, legend{
    color: #27241B;
    font-family: Barlow;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 27px;
    margin-bottom: 10px !important;
}
input, 
textarea, select:not(.ui-datepicker-month):not(.ui-datepicker-year) ,
button { font-family: "Barlow", sans-serif;  }
input[type="text"],
input[type="submit"],
input[type="button"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
textarea {-webkit-appearance: none; outline: none;}

input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="number"], textarea , select:not(.ui-datepicker-month):not(.ui-datepicker-year) {
    padding: 15.5px 16px !important;
    height: auto !important;
    box-shadow: unset !important;
    position: relative;
    border-radius: 10px;
    border: 1px solid rgba(0, 43, 100, 0.10);
    background: #FFF;
    color: #000;
    font-family: Barlow;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 27px !important;
            min-height: inherit ! IMPORTANT;
}
textarea {
    height: 140px !important;
    resize: none;
    overflow: auto;
}
input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="email"]:focus, 
input[type="tel"]:focus, 
input[type="search"]:focus,
input[type="number"]:focus,
textarea:focus , select:not(.ui-datepicker-month):not(.ui-datepicker-year):focus {border-color: #6A994E}

button:not(.our-partners-section .slick-arrow , .hamburger), input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath d='M1.0177 7.42465C1.01769 7.01043 1.35348 6.67465 1.7677 6.67465L13.7885 6.67466C14.2028 6.67466 14.5385 7.01039 14.5385 7.42461C14.5385 7.83884 14.2027 8.17464 13.7885 8.17464L1.7677 8.17465C1.35348 8.17465 1.01769 7.83887 1.0177 7.42465Z' fill='white'/%3E%3Cpath d='M6.89432 0.53033C7.1872 0.237447 7.66208 0.237432 7.95498 0.53033L14.319 6.89432C14.6119 7.1872 14.6119 7.6621 14.319 7.95498L7.95498 14.319C7.66208 14.6119 7.1872 14.6119 6.89432 14.319C6.60137 14.026 6.60142 13.5512 6.89432 13.2583L12.728 7.42465L6.89432 1.59099C6.60142 1.29809 6.60137 0.823284 6.89432 0.53033Z' fill='white'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-size: 12.5px !important;
    background-position: right 30.5px  center !important;
    padding: 19px 57.5px 19px 25px !important;
}

button:not(.our-partners-section .slick-arrow , .hamburger):hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {background-color: #66afe9; color: #fff;}

input[type="search"] {-webkit-appearance: textfield;}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}

::-webkit-input-placeholder { opacity: 0.5 !important; color: #000; }
:-moz-placeholder { opacity: 0.5 !important; color: #000; }
::-moz-placeholder { opacity: 0.5 !important; color: #000; }
:-ms-input-placeholder { opacity: 0.5 !important; color: #000; }

.form-group {margin-bottom: 30px;}

/* buttons */
.btn , button:not(.our-partners-section .slick-arrow , .hamburger),
input[type="button"],
input[type="reset"],
input[type="submit"]{ 
    display: inline-block;
    vertical-align: top;
    padding: 19px 25px 19px 25px;
    text-align: center;
    border: none;
    transition: all 0.5s;
    border-radius: 15px;
    background: #1E4960;
    box-shadow: 0 10px 24px 0 rgba(0, 0, 0, 0.20);
    color: #FFF;
    font-family: Barlow;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 27px;
    text-transform: uppercase;
}
.btn svg {
    margin-left: 20px;
}
button:not(.our-partners-section .slick-arrow , .hamburger):hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.btn:hover, 
.btn:focus,
.hamburger:hover { color: #fff; background: #000;text-decoration: none;transition: all 0.5s}
.btn-sm {padding: 8px 16px; }
.btn-md {padding: 12px 24px;}
.btn-link { color: #98989c; text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 2px; border-bottom: 1px solid #98989c; margin-bottom: 2px; }
.btn-link:hover,
.btn-link:focus{ color: #0eb769; font-weight: 700; text-decoration: none; border-bottom: 1px solid #0eb769; }

/* 6. Tables
------------------------------------------------------------------------------*/
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: left; font-weight: normal;}
.table-responsive {display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar}
.table-bordered{width: 100%;max-width: 100%;text-align: left;}
.table-bordered th, 
.table-bordered td{ vertical-align: bottom;border-bottom: 1px solid #ddd;padding: 10px;}

/* 7. Layout Framework
------------------------------------------------------------------------------*/
/* main container */
#wrapper {width: 100%;display: flex;min-height: 100%;position: relative;flex-wrap: wrap;justify-content: space-between;align-content: space-between;}
.main-container {width: 100%;}
.container {max-width: 1480px;padding: 0 20px;width: 100%;}
.body-content ul, 
.body-content ol{margin-bottom: 20px;}
.body-content ul ul, 
.body-content ul ol,
.body-content ol ol,
.body-content ol ul{margin-bottom: 0;}

/* header */
.main-header {width: 100%;height: auto;position: absolute;z-index: 999;top:0;}

/* responsive nav for small devices */
.hamburger{padding: 0;margin: 0;height: auto;width: auto; text-align: center;background-color: transparent;min-width: unset;}
.hamburger:not(.close) {
    position: absolute;
    top: 50px;
    right: 20px;
    z-index: 99;
    width: 40px;
    height: 40px;
    min-width: unset;
    background: #000;
    border: none;
}
#mobilenav .nav-logo img.custom-logo {max-width: 150px;}
div#mobilenav a.header-btn {padding: 10px;}
.hamburger:hover, .hamburger:focus {
    background-color: #000;
    outline: none;
}
.hamburger .line{width: 28px;height: 3px;background-color: #fff;display: block;margin: 6px auto;}
.hamburger:hover{cursor: pointer;}
.hamburger.close {
    padding: 10px;
    background-color: #000;
    border-radius: 10px 0 0 10px;
    min-width: unset;
    border: none;
}
.hamburger.close .wrap{ position: relative;width: 30px;height: 30px;display: block;}
.hamburger.close .line{margin: 0;width:100%;position: absolute;top: calc(50% - 2px);transform: rotate(45deg);background-color: #fff}
.hamburger.close .line:last-child{transform: rotate(-45deg);}
#menu{position: fixed;top: 0;left: -100%;width:80%;height: 100%;background-color: #fff;max-width: 450px;transition: all 0.3s ease-in-out;z-index: 999;}
#mobilenav.is-open #menu{left: 0;}
#mobilenav .nav-logo{padding: 15px;}
#mobilenav ul,
#mobilenav li{padding: 0;margin: 0;list-style: none;position: relative;}
#mobilenav ul ul{display: none;}
#mobilenav .caret {display: block;width: 30px;height: 30px;position: absolute;top: 9px;right: 5px;cursor: pointer;z-index: 99;}
#mobilenav .caret:not(.trigger-caret){pointer-events: none;}
#mobilenav .caret:before,
#mobilenav .caret:after{content:'';position: absolute;top: 0;left: 0;bottom: 0;right: 0;display: block;margin: auto; width: 16px;height: 2px;background: #27241B;}
#mobilenav .caret:after{transform: rotate(-90deg);transition: all .2s ease;}
#mobilenav .is-open > .caret:after{transform: rotate(0)}
#mobilenav ul a {display: block;padding: 10px 15px;cursor: pointer;z-index: 2;font-size: 16px;text-decoration: none;color: #27241B;background: #fff;border-bottom: 1px solid #ddd}
#mobilenav .has-sub>a{padding-right: 40px;}
#mobilenav li li a { padding-left: 30px; font-size: 14px;text-decoration: none;color: #dddddd;background: #49505a; }
#mobilenav li li li a {padding-left: 50px;}
#mobilenav .nav-backdrop{ position: fixed;inset:0px;height: 100%;width: 100%;background: rgba(0,0,0,0.8);z-index: -1;opacity: 0;visibility: hidden;transition: all 0.4s ease-in;}
#mobilenav.is-open .nav-backdrop{ opacity: 1;z-index: 999;visibility: visible;}
#mobilenav .menu-outer{max-height: calc(100vh - 80px);overflow-y: auto;padding-bottom: 60px;}

/* nav */
/* Nav */
.header-navigation ul{padding:0;margin:0;list-style:none;}
.header-navigation ul li{padding:0;margin:0;list-style:none;}
.header-navigation ul li a{font-size: 16px; letter-spacing: 1px; text-transform: uppercase; color: #000; text-align: center; text-decoration:none;}
.header-navigation ul li.parent{position:relative;}
.header__menu {display: flex;align-items: center;flex-wrap: wrap;}
.header-navigation ul li.parent .arrowclick{position:absolute;right:14px;top:50%;margin-top:-13px;}
.header-navigation .main-menu{display:flex;flex-wrap:wrap;align-items:center;}
.header-navigation .main-menu > li{position:relative}
.header-navigation .main-menu > li > a:hover {color: #ed181e;}
.header-navigation .main-menu > li > a {color: #27241B;text-align: center;font-family: Barlow;font-size: 16px;font-style: normal;font-weight: 500;line-height: normal;letter-spacing: 0.96px;text-transform: uppercase;}
.header-navigation .main-menu > li {padding: 0 36px;border-right: 1px solid rgba(0, 0, 0, 0.35);line-height: 19px;}
.header-navigation .main-menu > li:last-child {padding-right: 0;border: 0;}
.header-navigation .main-menu > li:first-child {padding-left: 0;}
.header-navigation .main-menu ul{margin:0;padding:0;list-style:none;position:absolute;top:100%;left:0;width:100%;background-color:#fff;box-shadow:0 0 16px 7px rgba(0,0,0,.15);opacity:0;visibility:hidden;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:9}
.header-navigation .main-menu > li.parent:hover ul{opacity:1;visibility:visible}
.header-navigation .main-menu ul a { border-bottom: 1px solid #c2c2c2; padding: 15px 25px; font-size: 16px; line-height: 1.17; color: #000; font-weight: 400; position: relative; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; display: inline-flex; width: 100%; z-index: 1; text-transform: none; letter-spacing: normal; justify-content: center; }
.header-navigation .main-menu ul a:before{content:"";position:absolute;left:0;top:0;bottom:0;background-color: rgb(218 38 39 / 12%);color: #DA2627;;height:0;width:100%;opacity:0;z-index:-1;-webkit-transition: none;transition: none;}
/* .header-navigation .main-menu ul a:hover,.current_page_item a{color: #DA2627;} */
#mobilenav ul li.current-menu-item  a {
    color: #ed181e;
}
.header-navigation .main-menu ul a:hover:before{height:100%;opacity:1}
.current_page_item a:before{width:100%;opacity:1}
.current-menu-parent a {color: #1a9bac;}
.header__main ul li ul.sub-menu {top: 100%;display: none;}
.header__main ul li:hover ul.sub-menu {opacity: 1; visibility: visible; top: 30px;display: block;}
.header__main .header__right .header__menu li.current-menu-item > a , footer.footer-main ul#menu-footer-menu > li.current-menu-item a {color: #ed181e;}
.header__main .header__right .header__menu .sub-menu li.current-menu-item > a {color: #ed181e; }
header.main-header > .container-fluid {max-width: 1920px;padding: 0 130px;}
div#mobilenav {display: none;visibility: hidden;}
.header_cart {margin-left: 20px;}
/* footer */
.main-footer { width:100%; height:auto; background:#322348; line-height: normal;}
/* Common CSS */
.container-fluid,
.wrapper,
.wrapper-fluid {padding-right: 40px;padding-left: 40px;width: 100%;margin: auto;}
.container-fluid,
.wrapper-fluid {max-width: 100%}
.container,.wrapper {margin: auto;}
/* row and column */
.row,.wrapper-row {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;}
/* [class*="col-"]{padding-left: 15px;padding-right: 15px; position: relative;width: 100%;} */
.no-gutters {margin-right: 0;margin-left: 0;}
.no-gutters > [class*="col-"] {padding-right: 0;padding-left: 0;}

/* align item */
.d-flex { display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; }
.align-items-center {-webkit-box-align: center;-ms-flex-align: center;align-items: center ;}
.align-content-center {-ms-flex-line-pack: center;align-content: center;}
.align-items-end {-ms-flex-align: end ;align-items: flex-end ;}
.justify-content-center {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.justify-content-end {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
.justify-content-between {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.justify-content-around {-ms-flex-pack: distribute;justify-content: space-around;}

/* Font Color Css */
.brown {color: #52433C;}
.white {color: white;}

/* column structure */
/* ----- Extra small devices ≤640px ----- */
.col-12 {width: 100%}
.col-11 {width: 91.66666667%}
.col-10 {width: 83.33333333%}
.col-9 {width: 75%}
.col-8 {width: 66.66666667%}
.col-7 {width: 58.33333333%}
.col-6 {width: 50%}
.col-5 {width: 41.66666667%}
.col-4 {width: 33.33333333%}
.col-3 {width: 25%}
.col-2 {width: 16.66666667%}
.col-1 {width: 8.33333333%}
.col-offset-12 {margin-left: 100%}
.col-offset-11 {margin-left: 91.66666667%}
.col-offset-10 {margin-left: 83.33333333%}
.col-offset-9 {margin-left: 75%}
.col-offset-8 {margin-left: 66.66666667%}
.col-offset-7 {margin-left: 58.33333333%}
.col-offset-6 {margin-left: 50%}
.col-offset-5 {margin-left: 41.66666667%}
.col-offset-4 {margin-left: 33.33333333%}
.col-offset-3 {margin-left: 25%}
.col-offset-2 {margin-left: 16.66666667%}
.col-offset-1 {margin-left: 8.33333333%}
.col-offset-0 {margin-left: 0}

/* ----- Small devices ≥641px ----- */
@media (min-width:641px) {
    .col-sm-12 {width: 100%}
    .col-sm-11 {width: 91.66666667%}
    .col-sm-10 {width: 83.33333333%}
    .col-sm-9 {width: 75%}
    .col-sm-8 {width: 66.66666667%}
    .col-sm-7 {width: 58.33333333%}
    .col-sm-6 {width: 50%}
    .col-sm-5 {width: 41.66666667%}
    .col-sm-4 {width: 33.33333333%}
    .col-sm-3 {width: 25%}
    .col-sm-2 {width: 16.66666667%}
    .col-sm-1 {width: 8.33333333%}
    .col-sm-offset-12 {margin-left: 100%}
    .col-sm-offset-11 {margin-left: 91.66666667%}
    .col-sm-offset-10 {margin-left: 83.33333333%}
    .col-sm-offset-9 {margin-left: 75%}
    .col-sm-offset-8 {margin-left: 66.66666667%}
    .col-sm-offset-7 {margin-left: 58.33333333%}
    .col-sm-offset-6 {margin-left: 50%}
    .col-sm-offset-5 {margin-left: 41.66666667%}
    .col-sm-offset-4 {margin-left: 33.33333333%}
    .col-sm-offset-3 {margin-left: 25%}
    .col-sm-offset-2 {margin-left: 16.66666667%}
    .col-sm-offset-1 {margin-left: 8.33333333%}
    .col-sm-offset-0 {margin-left: 0}
}

/* ----- Medium devices ≥768px ----- */
@media (min-width:768px) {
    .col-md-12 {width: 100%}
    .col-md-11 {width: 91.66666667%}
    .col-md-10 {width: 83.33333333%}
    .col-md-9 {width: 75%}
    .col-md-8 {width: 66.66666667%}
    .col-md-7 {width: 58.33333333%}
    .col-md-6 {width: 50%}
    .col-md-5 {width: 41.66666667%}
    .col-md-4 {width: 33.33333333%}
    .col-md-3 {width: 25%}
    .col-md-2 {width: 16.66666667%}
    .col-md-1 {width: 8.33333333%}
    .col-md-offset-12 {margin-left: 100%}
    .col-md-offset-11 {margin-left: 91.66666667%}
    .col-md-offset-10 {margin-left: 83.33333333%}
    .col-md-offset-9 {margin-left: 75%}
    .col-md-offset-8 {margin-left: 66.66666667%}
    .col-md-offset-7 {margin-left: 58.33333333%}
    .col-md-offset-6 {margin-left: 50%}
    .col-md-offset-5 {margin-left: 41.66666667%}
    .col-md-offset-4 {margin-left: 33.33333333%}
    .col-md-offset-3 {margin-left: 25%}
    .col-md-offset-2 {margin-left: 16.66666667%}
    .col-md-offset-1 {margin-left: 8.33333333%}
    .col-md-offset-0 {margin-left: 0}   
}

/* ----- Large devices ≥1024px ----- */
@media (min-width:1024px) {
    .col-lg-12 {width: 100%}
    .col-lg-11 {width: 91.66666667%}
    .col-lg-10 {width: 83.33333333%}
    .col-lg-9 {width: 75%}
    .col-lg-8 {width: 66.66666667%}
    .col-lg-7 {width: 58.33333333%}
    .col-lg-6 {width: 50%}
    .col-lg-5 {width: 41.66666667%}
    .col-lg-4 {width: 33.33333333%}
    .col-lg-3 {width: 25%}
    .col-lg-2 {width: 16.66666667%}
    .col-lg-1 {width: 8.33333333%}
    .col-lg-offset-12 {margin-left: 100%}
    .col-lg-offset-11 {margin-left: 91.66666667%}
    .col-lg-offset-10 {margin-left: 83.33333333%}
    .col-lg-offset-9 {margin-left: 75%}
    .col-lg-offset-8 {margin-left: 66.66666667%}
    .col-lg-offset-7 {margin-left: 58.33333333%}
    .col-lg-offset-6 {margin-left: 50%}
    .col-lg-offset-5 {margin-left: 41.66666667%}
    .col-lg-offset-4 {margin-left: 33.33333333%}
    .col-lg-offset-3 {margin-left: 25%}
    .col-lg-offset-2 {margin-left: 16.66666667%}
    .col-lg-offset-1 {margin-left: 8.33333333%}
    .col-lg-offset-0 {margin-left: 0}
}

/* ----- Extra Large devices ≥1200px ----- */
@media (min-width:1200px) {
    .col-xl-12 {width: 100%}
    .col-xl-11 {width: 91.66666667%}
    .col-xl-10 {width: 83.33333333%}
    .col-xl-9 {width: 75%}
    .col-xl-8 {width: 66.66666667%}
    .col-xl-7 {width: 58.33333333%}
    .col-xl-6 {width: 50%}
    .col-xl-5 {width: 41.66666667%}
    .col-xl-4 {width: 33.33333333%}
    .col-xl-3 {width: 25%}
    .col-xl-2 {width: 16.66666667%}
    .col-xl-1 {width: 8.33333333%}
    .col-xl-offset-12 {margin-left: 100%}
    .col-xl-offset-11 {margin-left: 91.66666667%}
    .col-xl-offset-10 {margin-left: 83.33333333%}
    .col-xl-offset-9 {margin-left: 75%}
    .col-xl-offset-8 {margin-left: 66.66666667%}
    .col-xl-offset-7 {margin-left: 58.33333333%}
    .col-xl-offset-6 {margin-left: 50%}
    .col-xl-offset-5 {margin-left: 41.66666667%}
    .col-xl-offset-4 {margin-left: 33.33333333%}
    .col-xl-offset-3 {margin-left: 25%}
    .col-xl-offset-2 {margin-left: 16.66666667%}
    .col-xl-offset-1 {margin-left: 8.33333333%}
    .col-xl-offset-0 {margin-left: 0}
}

/* hidden element */
.hidden{ display: none;}
.sec_pt-0{padding-top: 0 !important;margin-top: 0 !important;}
.sec_pb-0{margin-bottom: 0 !important;padding-bottom: 0 !important;}
.sec_ptb-0{margin-bottom: 0 !important;padding-bottom: 0 !important;padding-top: 0 !important;margin-top: 0 !important;}

#wpadminbar>#wp-toolbar>#wp-admin-bar-top-secondary>#wp-admin-bar-search #adminbarsearch input.adminbar-input{
    display: none;
}
/* ----- Extra small devices ≤640px ----- */
@media (max-width: 640px) {
    .hidden-xs-down {display: none ;}
}
/* ----- Small devices ≥641px ----- */
@media (min-width: 641px) {
    .hidden-sm-up {display: none ;}
}
/* ----- Small devices ≤767px ----- */
@media (max-width: 767px) {
    .hidden-sm-down {display: none ;}
}
/* ----- Medium devices ≥768px ----- */
@media (min-width: 768px) {
    .hidden-md-up {display: none ;}
}
/* ----- Medium devices ≤1024px ----- */
@media (max-width: 1023px) {
    .hidden-md-down {display: none ;}
}
/* ----- Large devices ≥1024px ----- */
@media (min-width: 1024px) {
    .hidden-xl-up {display: none ;}
}

/* Wordpress align class */
.alignnone{float: none; margin: 20px 0;}
.aligncenter {display: block; clear:both; margin:20px auto;}
.alignleft {float: left; margin: 0 20px 20px 0; }
.alignright {float: right; margin: 0 0 20px 20px;}

/* text alignment */
.text-center{text-align: center;}
.text-right{text-align: right;}
.text-left{text-align: left;}
.text-justify{text-align: justify;}

/* images */
.img-fluid {max-width: 100%;height: auto;display: block;}
.img-full{width: 100%;display: block;}

/* float class */
.float-left{float:left}
.float-right{float:right}
.float-none{float:none}

/* mange spacing */
.space-small{ padding-top: 30px; padding-bottom: 30px; }
.space-medium { padding-top: 50px; padding-bottom: 50px; }
.space-large { padding-top: 70px; padding-bottom: 70px; }
.no-bdr{border-width: 0 }

/* padding */
.no-padding{padding: 0 ;}
.pt-0{padding-top: 0;}
.pb-0{padding-bottom: 0;}
.pl-0{padding-left: 0;}
.pr-0{padding-right: 0;}
.pt-1{padding-top: 20px;}
.pb-1{padding-bottom: 20px;}
.pl-1{padding-left: 20px;}
.pr-1{padding-right: 20px;}

/* margin */
.no-margin{margin: 0 ;}
.mt-0{margin-top: 0;}
.mb-0{margin-bottom: 0;}
.ml-0{margin-left: 0;}
.mr-0{margin-right: 0;}
.mt-1{margin-top: 20px;}
.mb-1{margin-bottom: 20px;}
.ml-1{margin-left: 20px;}
.mr-1{margin-right: 20px;}

/* clear element when using */
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }

/******************************** Main Css Start **********************************/
.header__main {
    padding: 0 15px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    max-width: 1750px;
}
.header__menu {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}
.header__right {
    display: flex;
    align-items: center;
    justify-content: space-between;
        padding-left: 276px;
}
.header__logo img.custom-logo {
    width: 100%;
    max-width: 180px;
}   
.header__menu--btn.d-none-dw-sm img {
    width: 60px;
    height: 60px;
    margin-right: 15px;
}
.header__menu--btn.d-none-dw-sm a.header-btn {
    color: #27241B;
    font-family: "Manrope", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: 2.4px;
     display: flex;
    align-items: center;
}
li.menu-item-has-children::after {
    content: "";
    position: absolute;
    width: 19px;
    height: 19px;
    right: 30px;
    top: 57%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='none'%3E%3Cpath d='M4.75 7.125L9.5 11.875L14.25 7.125' stroke='%2327241B' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.header-navigation .main-menu > li.menu-item-has-children {
    padding-right: 55px;
}
li.menu-item-has-children{
    position: relative;
}
nav.header-navigation {
    padding-right: 89px;
}
section.banner-section {
    position: relative;
    z-index: 1;
    padding: 440px 0 80px 0;
    color: #fff;
    text-align: center;
    background-size: cover;
}
.banner-section:before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    bottom: 0;
    right: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(./assets/images/banner-shadow.png);
    z-index: 3;
}
.banner-section > .container {
    position: relative;
    z-index: 4;
}
.banner-section .h1.banner-title span {
    font-weight: 300;
}
.banner-section .h1.banner-title {
    text-shadow: 0 8px 12px rgba(0, 0, 0, 0.15), 0 4px 4px rgba(0, 0, 0, 0.30);
    font-style: normal;
    max-width: 1177px;
    margin: 0 auto;
    margin-bottom: 25px;
}
.banner-section video {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    z-index: 2;
}
.banner-section .top-banner-title {
    max-width: 1135px;
    text-shadow: 0 8px 12px rgba(0, 0, 0, 0.15), 0 4px 4px rgba(0, 0, 0, 0.30);
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0 auto;
    margin-bottom: 48px;
}
.banner-section ul.banner-bottom-section-inner {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.banner-section ul.banner-bottom-section-inner > li {
    margin: 0;
    list-style: none;
    width: 25%;
    border-right: 1px solid hwb(0deg 100% 0% / 64%);
    padding: 0 15px;
}
.banner-section .banner-bottom-section {
    width: 100%;
    margin-top: 82px;
}
.banner-section .banner-bottom-section h4 {
    margin-bottom: 10px;
    text-shadow: 0 8px 12px rgba(0, 0, 0, 0.5), 0 4px 4px rgba(0, 0, 0, 0.30);
}
ul.banner-bottom-section-inner li p, ul.banner-bottom-section-inner li h4 span {
    text-shadow: 0 8px 12px rgba(0, 0, 0, 0.5), 0 4px 4px rgba(0, 0, 0, 0.30);
    font-family: Barlow;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.banner-section ul.banner-bottom-section-inner > li:first-child {
    padding-left: 0;
}
.banner-section ul.banner-bottom-section-inner > li:last-child {
    padding-right: 0;
    border: 0;
}
.image-content-section .image-content-left {
    width: 41.55%;
    padding-top: 202px;
    position: relative;
    z-index: 1;
}
.image-content-section .image-content-right {
    width: 51.95%;
    margin-right: -45px;
    position: relative;
    z-index: 1;
}
.image-content-section > .container {
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    z-index: 1;
}
.image-content-section {
    width: 100%;
    padding-bottom: 137px;
    
    
}
section.image-content-section.Design-1{
     background-image: linear-gradient(0deg, #F2F2F2 0%, #FFF 100%) !important;
     border-radius: 0 0 0 220px;
     overflow: hidden;
}
.tab-section .tab-content .row a.trigger {
    display: none;
    opacity: 0;
    height: 0;
    width: 0;
    visibility: hidden;
}
.h2.section-title {
    color: #27241B;
    line-height: 1;
}
.h2.section-title span {
    font-weight: 300;
}
.image-content-section .section-sub-title {
    color: #6A994E;
    font-family: Barlow;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 24px;
}

.image-content-section > .container.Right {
    flex-direction: row-reverse;
    align-items: center;
}
.image-content-section.Design-2 {
    padding-top: 160px;
    padding-bottom: 190px;
    width: 100%;
    z-index: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.image-content-section.Design-2 .image-content-left {
    width: 43.4%;
    padding-top: 0;
}
.image-content-section.Design-2 .image-content-right {
    /* width: 49.45%; */
    width: 50%;
    margin-right: 0;
}
.image-content-section.Design-2 img {
    border-radius: 15px;
    box-shadow: 0 10.208px 24.5px 0 rgba(0, 0, 0, 0.20);
}
.image-content-section .image-content-btn {
    width: 100%;
    padding-top: 72px;
}
.image-content-section.Design-2 .section-sub-title {
    margin-bottom: 30px;
}
section.tab-section {
    width: 100%;
    padding-top: 150px;
    padding-bottom: 150px;
    z-index: 2;
    position: relative;
}
.tab-section ul.nav-tabs {
    padding-left: 240px;
    width: 37.23%;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    border-radius: 0 20px 0 0;
    padding-top: 222px;
    padding-right: 24px;
    position: relative;
}
.tab-section ul.nav-tabs:before {
    width: 100%;
    /* height: 899px; */
    height: calc(100% - 83px);
    background: #1E4960;
    border-radius: 0 20px 0 0;
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 85px;
}
.tab-section ul.nav-tabs > li {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
    width: 100%;
}
.tab-section .row.active {
    width: 63.55%;
    margin-top: 204px;
    height: fit-content;
}
.tab-section .row.active .tab-pane {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top left;
    border-radius: 0 0 0 20px;
    width: 100%;
    padding-right: 0px;
    border-radius: 20px;
    background: rgba(30, 73, 96, 0.08);
}
.tab-section .tab-content .tab-pane p {
    color: #27241B;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
}
.tab-section .tab-content {
    width: 100%;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
}
.tab-section ul.nav-tabs a {
    border-radius: 10px;
    background: #6A994E;
    display: flex;
    justify-content: space-between;
    color: #fff;
    padding: 40px 52px;
    margin-bottom: 18px;
    text-decoration: none;
    align-items: center;
    cursor: pointer;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-image-source: linear-gradient(to right, rgba(88, 88, 88, 0) 0%, rgba(88, 88, 88, 1) 20%, rgba(88, 88, 88, 1) 80%,  rgba(88, 88, 88, 0) 100%);
    border-image-slice: 1;
}
.tab-section ul.nav-tabs a img {
    width: 92px;
    height: 92px;
    display: none;
    margin-left: 20px;
    object-fit: contain;
}
.tab-section ul.nav-tabs a.active h4 {
    font-size: 56px;
    font-style: normal;
    font-weight: 700;
    line-height: 58.435px;
}
.tab-section ul.nav-tabs a span {
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
}
.tab-section ul.nav-tabs a.active {
    margin-right: -83px;
    position: relative;
    z-index: 2;
    padding: 51px 52px;
}
.tab-section ul.nav-tabs a.active span {
     /* max-width: calc(100% - 112.788px); */
}
.tab-section ul.nav-tabs a.active img {
    display: block;
}
.tab-section .tab-content .tab-pane .tab-pane-inner {
    border-radius: 10px;
    backdrop-filter: blur(6.5px);
    margin: 0px;
    padding: 32px;
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
        min-height: 450px;
}
.tab-section .tab-content .tab-pane {
    display: none;
}
.tab-section .tab-main {
    margin-bottom: -140px;
    display: flex;
    justify-content: end;
}
.tab-section .tab-main .h2.section-title {
    color: #27241B;
    width: calc(100% - 37.23%);
    display: flex;
    flex-direction: column;
    padding-left: 64px;
    margin-bottom: 0;
}
.tab-section .tab-content .tab-pane.active{
    display: block;
}
.section-text {
    line-height: 1.34;
}
.tab-section ul.nav-tabs a h4 {
    color: #FFF;
    font-style: normal;
    font-weight: 400;
    line-height: 45px;
    margin-bottom: 11px;
}
.tab-section ul.nav-tabs li:last-child a {
    margin-bottom: 0;
}
.tab-section .tab-content .tab-pane .tab-pane-inner ul > li {
    color: #27241B;
    font-family: Barlow;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 27px;
    list-style: none;
    margin-bottom: 16px;
    position: relative;
    padding-left: 26px;
}
 .tab-section .tab-content .tab-pane .tab-pane-inner ul {
    margin: 0;
 }    
.tab-section .tab-content .tab-pane .tab-pane-inner ul > li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.35em;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.0008 0H2.00084C0.896 0 0 0.896 0 1.99916V14.0008C0 15.104 0.896 16 2.00084 16H14.0008C15.104 16 16 15.104 16 14.0008V1.99916C16 0.896 15.104 0 14.0008 0ZM12.9667 5.70779C10.8278 7.85347 9.27326 9.6 7.09221 11.7861L6.43368 12.4446L5.72463 11.8434L3.09053 9.61516L2.31747 8.95663L3.62105 7.41053L4.39411 8.064L6.31242 9.68421C8.11453 7.84674 9.59663 6.22147 11.5368 4.27621L12.2526 3.55705L13.6825 4.98695L12.9667 5.70779Z' fill='%231E4960'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}
.tab-section .tab-content .tab-pane .tab-pane-inner a.btn {
    margin-top: 20px;
}
.three-grid-section-wrapper {
    width: 100%;
    padding: 150px 0;
    background: linear-gradient(180deg, rgba(244, 246, 247, 0.00) 0%, #F4F6F7 100%) !important;
}
.three-grid-section .three-grid-section-top {
    width: 100%;
    text-align: center;
    padding-bottom: 50px;
}
.three-grid-section .three-grid-section-main {
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
    width: 100%;
}
.three-grid-section .grid-main {
    box-sizing: border-box;
    border-radius: 20px;
    border: 1px solid rgba(0, 43, 100, 0.10);
    background: #FFF;
    box-shadow: 0 15px 100px 0 rgba(0, 43, 100, 0.07);
    flex: 0 0 calc(33.333% - 40px);
    padding: 40px;
        display: flex;
    flex-direction: column;
}
.three-grid-section .grid-icon {
    width: 100px;
    height: auto;
    margin-bottom: 54px;
}
.three-grid-section .grid-sub-title {
    color: #6A994E;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    margin-bottom: 15px;
}
.three-grid-section .grid-title {
    color: #27241B;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px;
    margin-bottom: 12px;
}
.three-grid-section .grid-content {
    color: #27241B;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    flex: 1;
}
.our-partners-section .our-partners-logo {
    /* 
    background: linear-gradient(180deg, #ffffff75 0%, rgba(255, 255, 255, 0) 90%);
    box-shadow: 0px -6px 15px 0 rgba(30, 73, 96, 0.08); 
    */
    background: linear-gradient(180deg, #ffffffe6 0%, rgba(255, 255, 255, 0) 90%);
    box-shadow: 0px -11px 16px 0px rgba(30, 73, 96, 0.08);
    margin: 22px;
    min-height: 308px;
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.our-partners-section .our-partners-main {
    margin-left: -300px;
    margin-right: -300px;
    background: linear-gradient(183deg, #F4F6F7 0%, rgba(244, 246, 247, 0.00) 100%) !important;
    position: relative;
    z-index: 1;
}
.our-partners-section .our-partners-logo img {
    display: block;
    max-width: 75%;
    max-height: 175px;
}

.our-partners-section a.main-btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 36px 46px;
}
section.our-partners-section {
    background: linear-gradient(180deg, #F4F6F7 0%, rgba(244, 246, 247, 0.00) 100%) !important;
    width: 100%;
    overflow: hidden;
}
.our-partners-section .our-partner-bottom-img {
    margin-top: -200px;
    position: relative;
    z-index: -1;
}
.our-partners-section .our-partner-bottom-img img {
    opacity: 0;
}
.our-partners-top {
    width: 100%;
    text-align: center;
    padding-bottom: 45px;
    position: relative;
}
.our-partners-section .slick-prev, 
.our-partners-section .slick-next {
    background: #CFCFCF;
    width: 77px;
    height: 77px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: unset;
    transform: unset;
}
.image-content-section.Design-2 .h2.section-title {
    margin-bottom: 38px;
}
.our-partners-section .slick-prev:before, 
.our-partners-section .slick-next:before{
    display: none;
    height: 0;
    width: 0;
    opacity: 0;
}
.our-partners-slider-arrow {
    display: flex;
    align-items: center;
    justify-content: end;
    position: absolute;
    top: 0;
    right: 0;
}
.our-partners-section  button.slick-next {
    margin-right: 20px;
}
.our-partners-section .h2.section-title {
    margin: 0;
}
.our-partners-section .slick-prev svg, 
.our-partners-section .slick-next svg {
    width: 30px;
    height: 15.074px;
}
.our-partners-section .slick-prev:hover, 
.our-partners-section .slick-prev:focus, 
.our-partners-section .slick-next:hover, 
.our-partners-section .slick-next:focus {
    background: #E6E6E6 !important;
}
section.image-content-section.Design-1 .container::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url(./assets/images/lines-texture.png);
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    width: 100%;
    height: 562.797px;
    bottom: -353px;
    top: auto;
    left: 0;
    z-index: 1;
}
section.image-content-section.Design-1{
    position: relative;
}
footer.footer-main {
    width: 100%;
    z-index: 2;
    position: relative;
}
footer.footer-main .bottom-footer-section {
    width: 100%;
    background: #1E4960;
    padding-top: 234px;
}

footer.footer-main .footer-logo {
    box-shadow: 0 4px 8px 3px rgba(0, 0, 0, 0.15), 0 1px 3px 0 rgba(0, 0, 0, 0.30);
    background: #FFF;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    max-width: 235.09px;
    width: 100%;
    min-height: 235.087px;
    margin-top: -21px;
}
footer.footer-main .footer-address {
    width: 71.53%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap:50px;
}
footer.footer-main .bottom-footer-section-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    padding-bottom: 41px;
    align-items: flex-start;
}
footer.footer-main .footer-address-inner {
    width: calc(33.33% - 33.34px);;
    padding: 30px 40px 20px 40px;
    text-align: center;
    color: #fff;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-image-source: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 15%, rgba(255, 255, 255, 0) 100%);
    border-image-slice: 1;
}
footer.footer-main .footer-address-icon img {
    width: 63px;
}
footer.footer-main .footer-address-icon {
    width: 100%;
    margin-bottom: 18px;
}
footer.footer-main .footer-address-details,
footer.footer-main .footer-address-details a  {
    color: #FFF;
    text-align: center;
    font-family: Barlow;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}
footer.footer-main .footer-address-details strong {
    font-family: Barlow;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    padding-top: 11px;
    display: inline-block;
}
footer.footer-main .footer-menu-main {
    background: linear-gradient(
        90deg,
        rgba(22, 54, 71, 0) 0%,
        rgba(22, 54, 71, 0.35) 26%,
        rgba(22, 54, 71, 0.6) 51%,
        rgba(22, 54, 71, 0.51) 75%,
        rgba(22, 54, 71, 0) 100%
    );
}
footer.footer-main ul#menu-footer-menu {
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 36.5px 0;
    flex-wrap: wrap;
}
footer.footer-main ul#menu-footer-menu > li {
    list-style: none;
    padding: 0 40px;
    position: relative;
    display: flex;
    align-items: center;
}
footer.footer-main ul#menu-footer-menu > li:after {
    width: 1px;
    height: 13px;
    position: absolute;
    content: "";
    background: rgba(255, 255, 255, 0.10);
    right: 0;
}
footer.footer-main ul#menu-footer-menu > li:last-child:after {display: none;}
footer.footer-main ul#menu-footer-menu > li a {
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.96px;
    text-transform: uppercase;
    color: #fff;
}
footer.footer-main ul#menu-footer-menu > li:first-child {
    /* padding-left: 0; */
}
footer.footer-main ul#menu-footer-menu > li:last-child {
    /* padding-right: 0; */
    border: 0;
}
footer.footer-main .top-footer-section {
    border-radius: 0px 75px;
    background: linear-gradient(135deg, #6A994E, #38761d);
    box-shadow: 0 15px 40px rgba(0,0,0,0.15);
    max-width: 1440px;
    margin: 0 auto;
    padding: 62px 90px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: -146px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
footer.footer-main .top-footer-section-left {
    color: #FFF;
    font-family: Barlow;
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    width: 69.3%;
    padding-right: 20px;
    text-shadow: 0 8px 12px rgba(0, 0, 0, 0.15), 0 4px 4px rgba(0, 0, 0, 0.30);
}
footer.footer-main .top-footer-section-left span {
    font-weight: 400;
    opacity: 0.9;
}
footer.footer-main .top-footer-section-right {
    width: 30.7%;
    overflow: hidden;
    margin-bottom: -62px;
    text-align: right;
}

footer.footer-main .top-footer-section-left a.btn.yellow-btn {
    margin-top: 30px;
    display: block;
    width: max-content;
}
a.btn.yellow-btn {
    color: #000;
    background: #FFBF42;
}
a.btn.yellow-btn:hover {
    color: #000;
    background: #FFF ; 
}
.header__menu--btn.d-none-dw-sm a.header-btn:hover {
    text-decoration: none;
    color: #ed181e;
}
footer.footer-main .copyright-details {
    width: 100%;
    padding-top: 32px;
    padding-bottom: 53px;
}
footer.footer-main .copyright-details .copyright-main {
    color: #FFF;
    font-family: Barlow;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 34px;
    width: 80%;
}
footer.footer-main .copyright-details .social-links a img {
    width: 24px;
    height: auto;
}
footer.footer-main .copyright-details .social-links a {
    width: 54px;
    height: 54px;
    background: #ffffff24;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}
footer.footer-main .copyright-details .social-links a:hover{
    background: #000;
}
footer.footer-main .copyright-details .copyright-main a {
    color: #fff;
}
.copyright-details .social-links a:hover {
    background: #000;
}
footer.footer-main .copyright-details > .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
footer.footer-main .social-links {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
    width: 20%;
    justify-content: flex-end;
}
footer.footer-main a:hover,
footer.footer-main .footer-address-details a:hover,
footer.footer-main ul#menu-footer-menu > li a:hover,
footer.footer-main .copyright-details .copyright-main a:hover {
    text-decoration: unset;
    color: #ed181e;
}
.tab-section .tab-content .row {
    margin-left: 0;
    margin-right: 0;
}
section.banner-section.no-banner-bottom {
    padding: 350px 0 336px 0;
}
.counter-section {
    padding-top: 30px;
}
.counter-wrapper {
    flex-wrap: wrap;
    display: flex;
    gap: 20px;
}
.counter-box {
    text-align: left;
    padding: 40px 30px;
    width: calc(33.33% - 14px);
    border-radius: 20px;
    border: 1px solid rgba(0, 43, 100, 0.10);
    background: #FFF;
    box-shadow: 0 15px 100px 0 rgba(0, 43, 100, 0.07);
}
.counter-value , .counter-value-text {
    color: #6A994E;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px;
    margin-bottom: 7px;
}
.counter-value-text {
    line-height: 1 !important;
    margin-bottom: 0px !important;
}
.counter-box p {
    color: #000;
    font-family: Barlow;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
}
.image-content-section.incress-left-colum-width .image-content-left {
    width: 44.6%;
}
section.grid-box-section {
    padding: 150px 0px;
}
.grid-box-section-top {
    text-align: center;
}

.grid-box-section-top .section-title {
    margin-bottom: 50px;
}

.grid-box-section-top .section-sub-title {
    color: #6A994E;
    text-align: center;
    font-family: Barlow;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 50px;
}

.grid-box-section-main {
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
    justify-content: center;
}

.grid-box-main {
    width: calc(33.33% - 40px);
    border-radius: 20px;
    border: 1px solid rgba(0, 43, 100, 0.10);
    background: #FFF;
    box-shadow: 0 15px 100px 0 rgba(0, 43, 100, 0.07);
    padding: 40px;
}

.grid-box-title {
    color: #27241B;
    font-family: Barlow;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px; /* 141.667% */
    margin-bottom: 14px;
}

.grid-box-content {
    color: #27241B;
    font-family: Barlow;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px; /* 150% */
}
section.our-culture-section {
    padding: 150px 0px;
    border-radius: 0 0 0 220px;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 2;
    position: relative;
}

.our-culture-section-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.our-culture-left {
    width: 51.38%;
    padding-right: 100px;
}

.our-culture-right {
    width: 48.62%;
}


.our-culture-left .section-title {
    color: #fff;
    margin-bottom: 30px;
}

.our-culture-left .section-sub-title {
    color: #FFBF42;
    font-family: Barlow;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 26px;
}

.our-culture-left .section-content {
    color: #FFF;
    font-family: Barlow;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px; /* 135% */
}

.right-boxs-main {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.right-box {
    width: calc(50% - 10px);
    padding: 30px 30px 43px 30px;
    border-radius: 20px;
    border: 1px solid rgba(0, 43, 100, 0.10);
    background: #FFF;
    box-shadow: 0 15px 100px 0 rgba(0, 43, 100, 0.07);
}

.right-box-icon {
    background: #BCAC9B;
    height: 80px;
    width: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    margin-bottom: 56px;
}

.right-box-icon img[src$=".svg"] {
    width: auto;
}

.right-box-title {
    color: #27241B;
    font-family: Barlow;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px; /* 141.667% */
    margin-bottom: 16px;
}

.right-box-content {
    color: #27241B;
    font-family: Barlow;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px; /* 150% */
}
.our-culture-left .section-content ul {
    margin: 0px;
}

.our-culture-left .section-content ul li {
    list-style: none;
    position: relative;
    font-size: inherit;
    line-height: inherit;
    padding-left: 26px;
    padding-bottom: 16px;
    font-weight: inherit;
    font-style: inherit;
}

.our-culture-left .section-content ul li:after {
    content: '';
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M13.8805 2.03125L5.72827 9.59412L2.28064 5.91492L0 8.052L5.56982 13.996L16 4.32874L13.8805 2.03125Z' fill='%23FFBF42'/%3E%3C/svg%3E");
    height: 16px;
    width: 16px;
    background-size: contain;
    background-position: center;
    left: 0;
    top: 8.5px;
    display: inline-block;
}
section.join-our-cta-section {
    padding: 150px 0px;
}
.join-our-team-white-paper-bg{
position: relative;
    z-index: 1;
}
.join-our-cta-main {
    text-align: center;
    max-width: 1100px;
    margin: 0 auto;
}
.join-our-cta-main .section-title {
    margin-bottom: 30px;
}
.join-our-cta-main .section-content {
    margin-bottom: 48px;
}
.join-our-cta-btn {
    margin-bottom: 30px;
}
.join-our-cta-main .section-content .section-content {
    color: #000;
    text-align: center;
    font-family: Barlow;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px; /* 150% */
}
.join-our-cta-main .section-content, .join-our-cta-btm-content {
    color: #000;
    text-align: center;
    font-family: Barlow;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px; /* 150% */
}

.join-our-team-white-paper-bg:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: calc(100% + 150px);
    z-index: -1;
    background-image: url('https://ayokay.work/cardinal-ethanol/wp-content/uploads/2026/02/Concrete-Pattern-1.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
ul.banner-bottom-section-inner li h4 span {
    display: block;
    margin-bottom: 12px;
}
section.grid-box-section.sec-filing-section {
    padding: 138px 0px 180px;
}

.sec-filing-section .grid-box-section-top .section-title {
    margin-bottom: 88px;
}

.sec-filing-section  .grid-box-title {
    color: #27241B;
    font-family: Barlow;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px; /* 135% */
    margin-bottom: 9px;
}

.sec-filing-section .grid-box-content {
    color: #1E4960;
    font-family: Barlow;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px; /* 141.667% */
}

.sec-filing-section .grid-box-content a {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
}

.sec-filing-section .grid-box-content a:hover {
    color: inherit;
}
.our-culture-right-image img {
    border-radius: 15px;
    height: 100%;
    object-fit: cover;
}
.our-culture-seciton-has-right-image .our-culture-left {
    width: 58.28%;
}
.our-culture-seciton-has-right-image .our-culture-right {
    width: 41.72%;
}
.our-culture-seciton-has-right-image .our-culture-section-row {
    align-items: stretch;
}
.our-culture-right-image {
    height: 100%;
}
.our-culture-seciton-has-right-image .section-sub-title {
    color: #fff;
    font-weight: 400;
}
.our-culture-seciton-has-right-image .our-culture-left .section-content {
    line-height: 36px;
}

.our-culture-seciton-has-right-image .our-culture-left .section-content ul li:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath d='M1 14L14 1' stroke='%23FFBF42' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 1H14V14' stroke='%23FFBF42' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.our-culture-seciton-has-right-image .our-culture-left .section-content ul li {
    padding-left: 36px;
        padding-bottom: 7px;
}
.our-culture-seciton-has-right-image .section-sub-title p {
    margin-bottom: 15px;
}
.our-culture-left .section-content ul li:last-child {
    padding-bottom: 0px;
}
.incress-left-colum-width.image-content-section .image-content-left {
    padding-top: 152px;
}
.bg-white-paper , .contact-white-paper-bg {
    position: relative;
}
.bg-white-paper:after , .news-white-paper-bg::after , .contact-white-paper-bg:after{
       content: '';
    background-image: url(./assets/images/white-paper-bg-1.png);
    position: absolute;
    height: 250%;
    width: 100%;
    top: -40%;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1;
}
.border-btm-gradient {
    position: relative;
}
.border-btm-gradient:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 1px;
    width: calc(100% - 40px);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, rgba(0, 0, 0, 0.20) 50.48%, rgba(255, 255, 255, 0.00) 100%);
    transform: translateX(-50%);
    padding: 0px 20px;
    max-width: 1440px;
}
section.image-content-section.image-content-section-2 {
    padding: 183px 0px 150px;
}

section.image-content-section.image-content-section-3 {
    padding: 150px 0px;
}
.border-radius-220 {
    border-radius: 0 0 0 220px;
}

.image-content-section.image-content-section-4 {
    z-index: 1;
    position: relative;
}
section.banner-section.margin-top-banner-bottom-section .banner-bottom-section {
    margin-top: 247px;
}

section.latest-news-section {
    padding: 150px 0px;
}

.latest-news-section .section-title {
    text-align: center;
    margin-bottom: 72px;
}
.news-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
}

article.news-card {
    width: calc(33.33% - 40px);
    border-radius: 20px;
    border: 1px solid rgba(0, 43, 100, 0.10);
    background: #FFF;
    box-shadow: 0 15px 100px 0 rgba(0, 43, 100, 0.07);
    padding: 14px;
    display: flex;
    flex-direction: column;
}
.news-image img {
    border-radius: 20px;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.news-content {
    padding: 30px 25px 17px;
    display: flex;
    flex-direction: column;
    flex: 1;
}
.news-meta {
    color: #27241B;
    font-family: Barlow;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 14px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.news-meta-dot {
    border-radius: 8px;
    background: #6A994E;
    width: 4px;
    height: 4px;
    display: inline-block;
}
.news-title {
    color: #27241B;
    font-family: Barlow;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px; /* 141.667% */
}

a.news-link {
    color: #6A994E;
    font-family: Barlow;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: auto;
    width: max-content;
}
.latest-news-cta-btn {
    text-align: center;
    margin-top: 80px;
}
span.arrow svg {
    max-width: 15px;
}
.news-image a {
    display: inline-block;
    height: 300px;
    width: 100%;
}
span.news-category {
    display: flex;
    align-items: center;
    gap: 10px;
}
span.news-category a {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
}
/* span.news-category a:hover {
    color: #6A994E;
} */
section.banner-section.resources-banner-section.no-banner-bottom {
    padding: 414px 0 390px 0;
}
.three-grid-section-top .section-sub-title {
    color: #6A994E;
    text-align: center;
    font-family: Barlow;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-top: 20px;
}

.grid-content-btn {
    margin-top: 48px;
}
.trading-section .three-grid-section-wrapper, .educational-section .three-grid-section-wrapper {
    background: transparent !important;
}
.educational-section {
    border-radius: 0 0 0 220px;
    margin-bottom: 150px;
}
section.three-grid-section.trading-section {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 0 0 0 220px;
}

.trading-section .section-title , .educational-section .section-title{ 
    color: #fff;
}

.trading-section .section-sub-title , .educational-section .section-sub-title{
    color: #FFBF42;
}

.trading-section.three-grid-section .grid-main {
    flex: 0 0 calc(50% - 30px);
}
.educational-section .grid-content-btn .btn {
    color: #27241B;
    background: #FFBF42;
}

.educational-section .grid-content-btn .btn svg path {
    fill: #27241B;
}

.educational-section .grid-content-btn .btn:hover {
    background: #27241B;
    color: #fff;
}

.educational-section .grid-content-btn .btn:hover svg path {
    fill: #fff;
}

.educational-section .grid-content h6 {
    color: #000;
    font-family: Barlow;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 27px; /* 135% */
}

.educational-section .grid-content h6 a {
    font-weight: 400;
}
section.contract-option-section {
    padding: 150px 0px;
    background: linear-gradient(180deg, rgba(244, 246, 247, 0.00) 0%, #F4F6F7 100%) !important;
}

.contract-option-main-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.contract-option-left {
    width: 52.02%;
    padding-right: 153px;
}

.contract-option-right {
    width: 47.98%;
    border-radius: 20px;
    border: 1px solid rgba(0, 43, 100, 0.10);
    background: #FFF;
    box-shadow: 0 15px 100px 0 rgba(0, 43, 100, 0.07);
    padding: 60px;
}

.contract-option-left .section-sub-title ,.history-section-top .section-sub-title , .team-section-top .section-sub-title {
    color: #6A994E;
    font-family: Barlow;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 24px;
}
.history-section-top .section-sub-title{
    margin-bottom: 0px;

}
.contract-option-left .section-title {
    margin-bottom: 30px;
}

.contract-option-left .section-content {
    color: #000;
    font-family: Barlow;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px; /* 135% */
}

.contract-type-title {
    color: #27241B;
    font-family: Barlow;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 34px; /* 85% */
    margin-bottom: 30px;
}

.contract-type-content ul {
    margin: 0px;
    padding: 0px;
}

.contract-type-content ul li {
    color: #000;
    font-family: Barlow;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px; /* 135% */
    list-style: none;
    padding: 13px 0px;
    border-bottom: 1px solid rgba(0, 43, 100, 0.10);
}

.contract-type-content ul li:last-child {
    border-bottom: 0px;
    padding-bottom: 0px;
}

.contract-type-content ul li:first-child {
    padding-top: 0px;
}
.contract-option-white-paper-bg {
    position: relative;
}

/* .contract-option-white-paper-bg:before {
    content: '';
    background-image: url(./assets/images/white-paper-bg-1.png);
    position: absolute;
    height: 265%;
    width: 100%;
    top: -20%;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1;
} */
.our-story-section.image-content-section .image-content-left {
    width: 47.55%;
}

.our-story-section.image-content-section .image-content-right {
    width: 47.95%;
}

.our-story-section.image-content-section.Design-1 .container::before {
    height: 622.797px;
    bottom: -283px;
}
.about-tab-section.tab-section .tab-main .h2.section-title {
    display: block;
}
.tab-section .tab-content .tab-pane .tab-pane-inner h6 {
    color: #27241B;
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    margin-bottom: 5px;
}
.team-section-top {
    text-align: center;
}

.team-section-top .section-title {
    margin-bottom: 43px;
}

.team-section-top .section-sub-title {
    margin-bottom: 26px;
}

.team-section-top .section-desc {
    color: #000;
    text-align: center;
    font-family: Barlow;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px; /* 150% */
    max-width: 76%;
    margin: 0 auto;
}
.team-grid {
    padding-top: 50px;
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    max-width: 1250px;
    margin: 0 auto;
}
.team-card {
    width: calc(33.33% - 34px);
    border-radius: 15px;
    border: 1px solid rgba(0, 43, 100, 0.10);
    background: lightgray 50% / cover no-repeat;
    height: 400px;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
}


.team-image {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    flex: 1;
}

.team-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center center;
}

.team-info {
    z-index: 1;
    position: relative;
    margin: auto 35px 41px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 10px;
    background: #6A994E;
    padding: 21.5px 25px;
    gap: 9px;
    min-height: 93px;
}

.team-name-desg h5 {
    color: #FFF;
    font-family: Barlow;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 1; 
    margin-bottom: 0px;
}

.team-name-desg span {
    color: #FFF;
    font-family: Barlow;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1; 
    text-transform: uppercase;
    margin-top: 8px;
    display: inline-block;
}

.team-info small {
    color: #FFF;
    font-family: Barlow;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 1; 
    text-transform: uppercase;
}
.commitment-section .our-culture-right-image img{
    border-radius: 0px 60px 0px 70px;
}
.commitment-section.our-culture-seciton-has-right-image .our-culture-left .section-content {
    line-height: 27px;
}
.commitment-section.our-culture-seciton-has-right-image .our-culture-left {
    width: 50.91%;
    padding-right: 133px;
        padding-top: 39px;
}
.commitment-section.our-culture-seciton-has-right-image .our-culture-right {
    width: 49.09%;
}
section.team-section {
    padding: 150px 0px;
}
.history-section-bg {
    position: relative;
    z-index: 1;
}

.history-section-bg:after {
    content: '';
    position: absolute;
    left: 0;
    top: -30%;
    width: 100%;
    height: 130%;
    z-index: -1;
    background-image: url(./assets/images/history-bg-2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

}
.news-white-paper-bg {
    position: relative;
    z-index: 1;
}
.news-white-paper-bg::after {
    height: 160%;
    top: -20%;
}
.board-section .team-section-top .section-title {
    margin-bottom: 15px;
}
.board-section {
    position: relative;
}
.board-section:before {
    content: '';
    left: 50%;
    top: 0;
    height: 1px;
    width: calc(100% - 40px);
    transform: translateX(-50%);
    padding: 0px 20px;
    max-width: 1440px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, rgba(0, 0, 0, 0.20) 50.48%, rgba(255, 255, 255, 0.00) 100%);
    position: absolute;
}
.timeline-content:after {
    content: '';
    position: absolute;
    left: -5px;
    top: 50%;
    background: #6A994E;
    height: 10px;
    width: 10px;
    border-radius: 100%;
    transform: translateY(-50%);
}
  .timeline-item:last-child {
    margin-bottom: 0px;
}
section.history-section {
    padding: 150px 0px 135px;
}
.history-section-top {
    text-align: center;
    margin-bottom: 35px;
}


.history-section-top .section-title {
    margin-bottom: 30px;
}

.history-timeline {
    position: relative;
    padding: 100px 0 140px;
    background: #f7f9f7;
    overflow: hidden;
}

.history-title {
    text-align: center;
    font-size: 44px;
    font-weight: 700;
    margin-bottom: 6px;
    color: #1c1c1c;
}

.history-subtitle {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #6aa84f;
    margin-bottom: 70px;
}

.timeline-wrapper {
    position: relative;
    max-width: 1116px;
    margin: 0 auto;
}

.timeline-item {
    position: relative;
    width: 50%;
    box-sizing: border-box;
       padding: 14.5px 0px;
}

.timeline-item.left {
    left: 0;
    text-align: right;
}

.timeline-item.right {
    left: 50%;
    text-align: left;
}

.timeline-year {
    position: absolute;
    top: 50%;
    z-index: 2;
    color: #27241B;
    text-align: right;
    font-family: Barlow;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px;
    transform: translateY(-50%);
    width: 70px;
    text-align: center;
}

.timeline-item.left .timeline-year {
    right: -33px;
}

.timeline-item.right .timeline-year {
    left: -37px;
}

.timeline-content {
    padding: 30px 70px 30px 30px;
    color: #000;
    font-family: Barlow;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    margin-left: 57px;
    text-align: left;
    position: relative;
    /* 
    background: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.00) 90%);
    box-shadow: -30px 0 80px 0 rgba(30, 73, 96, 0.08); 
    */
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0.4) 70%, rgba(255, 255, 255, 0) 100%);
    box-shadow: -30px 0 100px 0 rgba(30, 73, 96, 0.05);
}

.timeline-item.left .timeline-content {
       background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 10%, #FFF 100%);
    box-shadow: 30px 0 80px 0 rgba(30, 73, 96, 0.08);
    margin-left: 0px;
    margin-right: 57px;
}

.timeline-item.left .timeline-content {
    padding: 30px 30px 30px 70px;
    text-align: right;
}
.timeline-item.left .timeline-content:after {
    left: auto;
    right: -5px;
}
.timeline-item:after , .timeline-item:before {
    content: '';
    position: absolute;
    left: 0;
    background: #6A994E;
    width: 1px;
    height: calc(50% - 17px);
    top: 0;
}

.timeline-item.left:after {
    left: 100%;
    right: 0;
}

.timeline-item:before {
    bottom: 0;
    top: auto;
}

.timeline-item.left:before {
    left: 100%;
    right: 0;
}
.timeline-year:before, .timeline-year:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    height: 5px;
    width: 5px;
    background: #6A994E;
    transform: translateY(-50%);
    border-radius: 100%;
}
.timeline-year:before {
    bottom: 0;
    top: 100%;
}
.timeline-item:first-child:after , .timeline-item:first-child .timeline-year:after , .timeline-item:last-child:before , .timeline-item:last-child .timeline-year:before{
opacity:0;
}

section.contact-section {
    padding: 99px 0px 150px;
    border-top: 1px solid rgba(0, 43, 100, 0.10);
}

.contact-section-top .section-title {
    margin-bottom: 31px;
}

.contact-section-top {
    text-align: center;
    margin-bottom: 48px;
}

.contact-btn .btn {
    background: #6A994E;
}

.contact-btn .btn:hover {
    background: #1E4960;
}

.contact-section-form {
    border-radius: 20px;
    border: 1px solid rgba(0, 43, 100, 0.10);
    background: #FFF;
    box-shadow: 0 15px 100px 0 rgba(0, 43, 100, 0.07);
    padding: 60px;
}

.contact-section-form h4 {
    color: #27241B;
    font-style: normal;
    font-weight: 400;
        margin-bottom: 30px;
}
.contact-section-form .gform_heading {
    display: none;
}
.gform_wrapper.gravity-theme .gform_fields {
    grid-column-gap: 21px;
    grid-row-gap: 20px;
}
.gform_wrapper.gravity-theme .gform_footer, .gform_wrapper.gravity-theme .gform_page_footer {
    margin: 30px 0px 0px !important;
    padding: 0px !important;
}
.gform_wrapper.gravity-theme .gform_footer input {
    margin-bottom: 0px !important;
}
.gform_validation_errors {
    display: none !important;
}
.gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message {
    background: transparent !important;
    border: none !important;
    font-size: 14.992px !important;
    padding: 0 !important;
    line-height: 1 !important;
}
.contact-section-form .gform_wrapper.gravity-theme .gfield_required {
    display: none !important;
}
.contact-details {
    margin-top: 50px;
    border-radius: 20px;
    border: 1px solid rgba(0, 43, 100, 0.10);
    background: #27241B;
    box-shadow: 0 15px 100px 0 rgba(0, 43, 100, 0.07);
    display: flex;
    align-items: stretch;
}
.contact-detail-title h4 {
    color: #fff;
    font-weight: 400;
    margin-bottom: 0px;
    min-height: 34px;
}

.contact-sub-detail {
    display: flex;
    gap: 20px;
    margin-top: auto;
    flex-wrap: wrap;
}

.contact-detail-icon img[src$=".svg"] {
    width: auto;
}

.contact-detail-card {
    width: 33.33%;
    padding: 60px;
}

.contact-detail-icon {
    border-radius: 15px;
    border-top: 1px solid rgba(88, 88, 88, 0.00);
    border-bottom: 1px solid rgba(88, 88, 88, 0.00);
    background: #BCAC9B;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
}

.contact-sub-detail-title {
    color: #FFBF42;
    font-family: Barlow;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px; 
}

.contact-detail-wrapper {
    display: flex;
    flex-direction: column;
}

.contact-detail-title {
    flex: 1;
    margin-bottom: 30px;
}

.contact-sub-detail-content {
    color: #FFF;
    font-family: Barlow;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px; /* 150% */
}

.contact-sub-detail-content a {
    color: inherit;
    line-height: inherit;
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
}

.contact-sub-detail-content p {
    margin-bottom: 5px;
    font-weight: 400;
}

.contact-sub-detail-content p:last-child {
    margin-bottom: 0px;
}

.contact-sub-detail-content p strong {
    font-weight: 700;
}
.contact-detail-card:first-child {
    border-right: 1px solid rgb(255 255 255 / 20%);
}

.contact-detail-card:nth-child(2) .contact-sub-detail {
    position: relative;
}

.contact-detail-card:nth-child(2) .contact-sub-detail:after {
    content: '';
    position: absolute;
    right: -117px;
    width: 33%;
    height: 1px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.00) 100%);
    top: 50%;
    transform: rotate(90deg);
}
.commitment-section .section-sub-title {
    font-weight: 600;
}
.news-title a:hover {
    color: #6a994e;
    text-decoration: none;
}
a.news-link:hover {
    color: #27241B;
    text-decoration: none;
}
a.news-link:hover .arrow svg path {
    stroke: #27241B;
}
/* span.news-category a:hover {
    text-decoration: none;
} */
header.main-header.header-position-unset {
    position: relative;
}
.contact-white-paper-bg:after {
    height: 130%;
    top: 0;
}
.gform_wrapper.gravity-theme .gfield textarea {
    height: 140px !important;
    resize: none;
    overflow: auto;
}
.section-404-page.join-our-cta-section{
    border-top: 1px solid rgba(0, 43, 100, 0.10);
}
.section-404-page.join-our-cta-section:after {
    top: 0;
    height: 180%;
}
.section-404-page .join-our-cta-main .section-title {
    font-size: 200px;
    line-height: 1;
}

.section-404-page .section-content {
    font-size: 22px;
    font-weight: 700;
}
footer.footer-main.hide-top-footer-section .bottom-footer-section {
    padding-top: 120px;
    margin-top: 150px;
}
.market-data-section .grid-main {
    flex: 0 0 calc(50% - 30px) !important;
}
.contact-btn {
    margin-top: 27px;
}
.tab-pane-inner-left {
    width: 55%;
    padding-right: 70px;
    padding-top: 50px;
    padding-left: 70px;
}

.tab-pane-inner-right {
    width: 45%;
    text-align: right;
}
.tab-pane-inner-right img {
    border-radius: 15px;
    background: #27241B;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    /* max-width: 508px; */
    /* min-height: 716px; */
}
.annual-member-section .our-culture-left .section-content ul li {
        padding-left: 0 !important;
    padding-right: 0px;
    width: fit-content;
}
.annual-member-section .our-culture-left .section-content ul li:after {
    opacity: 0 !important;;
}
.annual-member-section .our-culture-left .section-content ul li:after {
    left: auto;
    right: 0;
    top: 13px;
}
.annual-member-section .our-culture-left .section-content ul li a:after {
        content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath d='M1 14L14 1' stroke='%23FFBF42' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 1H14V14' stroke='%23FFBF42' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-left: 8px;
    vertical-align: middle;
}
.our-culture-seciton-has-right-image .our-culture-left .section-content ul li a {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    position: relative;
    display: inline-block;
}
.app-download-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 30px;
}

.app-download-button a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.app-download-button img {
    max-width: 200px;
    border-radius: 15px;
    transition: transform 0.3s ease;
}
.app-download-button img:hover {
    transform: scale(1.05);
}

.application-form {
    text-align: left;
    padding: 40px;
    border-radius: 20px;
    border: 1px solid rgba(0, 43, 100, 0.10);
    background: #FFF;
    box-shadow: 0 15px 100px 0 rgba(0, 43, 100, 0.07);
    font-family: Barlow;
    margin-bottom: 30px;
}
.application-form .gform_wrapper.gravity-theme .gform_fields {
    grid-column-gap: 21px;
    grid-row-gap: 20px;
}
.application-form .gfield:not(.application-form .gfield--type-section) {
    line-height: 0;
}
.application-form .gform_required_legend {
    display: none !important;
}
.application-form .ssn-number .gfield_description{
    line-height: 1.2 !important;
}
/* .application-form .validation_message {
    color: #c02b0a !important;
}
.application-form .gform_wrapper.gravity-theme .gfield_error .gfield_repeater_cell label,
 .application-form .gform_wrapper.gravity-theme .gfield_error label, 
 .application-form .gform_wrapper.gravity-theme .gfield_error legend, 
 .application-form .gform_wrapper.gravity-theme .gfield_validation_message, 
 .application-form .gform_wrapper.gravity-theme .validation_message, 
 .application-form .gform_wrapper.gravity-theme [aria-invalid=true]+label,
 .application-form  .gform_wrapper.gravity-theme label+[aria-invalid=true] {
    color: #27241B;
} */
.application-form .gsection_title {
    font-size: 25px;
    line-height: 1;
    margin-bottom: 10px;
    font-weight: 500;
}
.application-form .gfield--type-checkbox#field_4_123 .gfield_checkbox {
    line-height: 0;
}
.application-form .gfield--type-checkbox#field_4_123 .gfield_checkbox .gchoice{
        margin-bottom: 10px;
}
.application-form .gfield--type-checkbox#field_4_123 .gfield_checkbox .gchoice .gfield-choice-input {
    margin-top: 3px !important;
    vertical-align: top;
}
.application-form .gfield--input-type-textarea , .application-form .gfield--input-type-text{
        line-height: 0;
}
.application-form .gFormSubHeading .gsection_title {
    font-size: 20px;
    line-height: 1;
}
.application-form .gform_wrapper.gravity-theme .gsection{
margin-bottom: 10px !important;
}
.application-form .gf_progressbar_title {
    color: #000 !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
}
.application-form .gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue {
    background-color: #6A994E;
}
.application-form .gform_wrapper.gravity-theme .gf_progressbar {
    margin-bottom: 25px;
}
.application-form .gform_wrapper 
fieldset:has(> legend):not(.gfield--type-radio):not(.gfield--type-checkbox) label {
    font-size: 14px !important;
    line-height: 1.1;
        margin-bottom: 0px !important;
        font-weight: 400 !important;
}
.application-form .gform_wrapper.gravity-theme .ginput_container_date input {
    width: 100%;
}
.application-form .gfield--type-radio label ,.application-form .gfield--type-checkbox label {
    margin-bottom: 0px !important;
    font-weight: 400 !important;
}
.application-form label, .application-form legend {
    font-size: 16px !important;
    line-height: 1.1;
        font-weight: 500 !important;
}
.application-form input[type="text"], .application-form input[type="password"], .application-form input[type="email"], .application-form input[type="tel"], .application-form input[type="search"], .application-form input[type="number"], .application-form textarea , .application-form select:not(.ui-datepicker-month):not(.ui-datepicker-year)  {
    padding: 14.5px 16px !important;
    border-radius: 5px;
    font-size: 16px !important;
    font-weight: 400;
    line-height: 1.2 !important;
}
.application-form input.gform_previous_button {
    background-color: #1E4960 !important;
    color: #fff !important;
}
.application-form .gfield--type-html p {
    color: #000;
    font-family: Barlow;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 10px;
}
.application-form select:not(.ui-datepicker-month):not(.ui-datepicker-year)  {
    appearance: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23000' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 12px;
}
  .application-form .gform_wrapper.gravity-theme .gform_footer, .application-form .gform_wrapper.gravity-theme .gform_page_footer {
    margin: 30px 0px 0px !important;
}
  .application-form input[type="button"].gform_previous_button {
    background-position: left 30.5px center !important;
    padding: 19px 25px 19px 57.5px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cg transform='matrix(-1 0 0 1 15 0)'%3E%3Cpath d='M1.0177 7.42465C1.01769 7.01043 1.35348 6.67465 1.7677 6.67465L13.7885 6.67466C14.2028 6.67466 14.5385 7.01039 14.5385 7.42461C14.5385 7.83884 14.2027 8.17464 13.7885 8.17464L1.7677 8.17465C1.35348 8.17465 1.01769 7.83887 1.0177 7.42465Z' fill='white'/%3E%3Cpath d='M6.89432 0.53033C7.1872 0.237447 7.66208 0.237432 7.95498 0.53033L14.319 6.89432C14.6119 7.1872 14.6119 7.6621 14.319 7.95498L7.95498 14.319C7.66208 14.6119 7.1872 14.6119 6.89432 14.319C6.60137 14.026 6.60142 13.5512 6.89432 13.2583L12.728 7.42465L6.89432 1.59099C6.60142 1.29809 6.60137 0.823284 6.89432 0.53033Z' fill='white'/%3E%3C/g%3E%3C/svg%3E") !important;
}
.application-form input.gform_previous_button:hover {
    background-color: #000 !important;
}
.application-form .gform_wrapper.gravity-theme  input#choice_3_123_1{
    margin-top: 5px;
}
.application-form .gfield-choice-input {
    margin-left: 0px;
}
.application-form .gfield--type-radio  .gchoice {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 5px;
}
.application-form .gfield--type-radio .gfield-choice-input{
margin: 0px !important;
}
.application-form .gfield--type-radio .gchoice:last-child {
    margin-bottom: 0px;
}
.application-form #field_3_11 div#gfield_description_3_11 {
    font-size: 14px;
    line-height: 1.3;
    padding-top: 5px;
}
.tab-section .tab-content .tab-pane .tab-pane-inner ul  li a {
    color: #1E4960;
}

.banner-buttons-inner {
    padding-top: 100px;
}

.banner-buttons-inner-list {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}

/* .banner-buttons-inner-list a {
    max-width: 360px;
    width: 100%;
} */

section.contract-option-section.ccbids-page .section-content {
        background: #1E4960;
    border-radius: 20px;
    color: #fff;
    padding: 50px;
}
section.contract-option-section.ccbids-page .section-content a{
     color: #fff;
}
section.contract-option-section.ccbids-page .section-content a:hover{
     color: #ed181e;
}
section.common-section.common-content-section {
    width: 100%;
    padding: 100px 0;
}
.grid-box-content a {
    word-wrap: break-word;
}
.ccbids-pages-phone .section-sub-title{
        width: 100%;
    border-radius: 20px;
    border: 1px solid rgba(0, 43, 100, 0.10);
    background: #FFF;
    box-shadow: 0 15px 100px 0 rgba(0, 43, 100, 0.07);
    padding: 40px;
    margin-bottom: 30px !important;
}

.ccbids-pages-phone .grid-box-section-main{
    gap: 30px;
}
.ccbids-pages-phone .grid-box-main {
    width: calc(33.33% - 20px);
}
.ccbids-pages-phone .grid-box-section-main .grid-box-main:nth-child(4), .ccbids-pages-phone .grid-box-section-main .grid-box-main:nth-child(5) {
    width: calc(50% - 15px) !important;
}
.bid-acc-list img[src$=".svg"] {
    width: auto;
}
.bid-page-left {
    width: 35%;
    padding-right: 50px;
}

.bid-page-main {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.bid-page-rigth {
    width: 65%;
    border-radius: 20px;
    border: 1px solid rgba(0, 43, 100, 0.10);
    background: #FFF;
    box-shadow: 0 15px 100px 0 rgba(0, 43, 100, 0.07);
    padding: 60px;
}

section.big-page-section {
    padding: 150px 0px;
    background: linear-gradient(180deg, rgba(244, 246, 247, 0.00) 0%, #F4F6F7 100%) !important;
}
.bid-page-left-wrapper {
    max-width: 400px;
    width: 100%;
}

.bid-page-left-btn , .bid-page-left-btn a {
    width: 100%;
}

.bid-acc-toggle {
    width: 100%;
}

.bid-acc-item {
    margin-bottom: 20px;
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 1px 1px 10px 3px #00000047;
}

.bid-page-left-btn {
    margin-bottom: 20px;
}

.bid-acc-item:last-child {
    margin-bottom: 0px;
}

.bid-acc-panel {
    padding: 30px 30px;
}
.bid-page-left-btn a , .bid-acc-heading{
    width: 100%;
    display: flex;
    vertical-align: top;
    padding: 26px 35px;
    text-align: center;
    border: none;
    transition: all 0.5s;
    border-radius: 15px;
    background: #1E4960;
    color: #FFF;
    font-family: Barlow;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 1;
    text-transform: capitalize;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    text-align: left;
}

.bid-page-left-btn a:hover, .bid-acc-heading:hover {
    text-decoration: none;
    background-color: #000;
}

.bid-arrow-icon svg {
    width: 35px;
    height: 35px;
    transition: transform 0.3s ease;
}

.bid-arrow-icon svg path {
    stroke: #ffbf41;
}
.bid-acc-item.bid-is-open .bid-arrow-icon svg {
   transform: rotate(90deg);
}
.bid-acc-list-inner-icon img {
    width: 60px !important;
    height: 60px;
    object-fit: contain;
}

.bid-acc-list-inner {
    display: flex;
    gap: 20px;
}

.bid-acc-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
        margin-bottom: 30px;
}

.bid-acc-list-inner-icon {width: 60px;}

.bid-acc-list-inner-text {
    width: 100%;
}
.bid-acc-wysiwyg {
    text-align: center;
   
}
.bid-acc-wysiwyg p {
    margin-bottom: 15px;
}
.bid-acc-wysiwyg p:last-child {
    margin-bottom: 0px;
}
.bid-acc-list-inner-text , .bid-acc-wysiwyg{
 font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
}
.bid-acc-list-inner-text p {
    margin-bottom: 10px;
}

.bid-acc-list-inner-text p:last-child {
    margin-bottom: 0px;
}
section.big-page-section .bid-page-bottom {
    width: 100%;
    padding-top: 50px;
}


/* ---- History horizontal With slider Css Start ---- */

:root {
    --htl-bg:        #0c0c14;
    --htl-card-bg:   #16161f;
    --htl-border:    rgba(255,255,255,0.07);
    --htl-text:      #e8e4ff;
    --htl-muted:     #6b6b8a;
    --htl-g1:        #1E4960;
    --htl-g2:        #6A994E;
    --htl-g3:        #ffbf41;
    --htl-card-w:    260px;
    --htl-card-h:    auto;
    --htl-gap:       32px;
    --htl-vert:      220px;
}
section.history-section .htl-outer {
    overflow-x: auto;
    overflow-y: visible;
    scrollbar-width: none;
    cursor: grab;
    position: relative;
}
section.history-section .htl-outer::-webkit-scrollbar { display: none; }
section.history-section .htl-outer.is-dragging { cursor: grabbing; }
section.history-section .htl-track {
    display: flex;
    align-items: center;
    position: relative;
    min-width: max-content;
    padding-top:    240px;
    padding-bottom: 240px;
}
section.history-section .htl-track::before {
    content: '';
    position: absolute;
    top: 50%; left: 0; right: 0;
    height: 2px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        var(--htl-g1) 10%,
        var(--htl-g2) 50%,
        var(--htl-g3) 90%,
        transparent 100%
    );
    transform: translateY(-50%);
    opacity: 0.55;
    pointer-events: none;
}
section.history-section .htl-item {
    position: relative;
    width: var(--htl-card-w);
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 calc(var(--htl-gap) / 2);
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}
section.history-section .htl-item.is-visible {
    opacity: 1;
    transform: translateY(0);
}

section.history-section .htl-dot-wrap {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    z-index: 3;
}

section.history-section .htl-dot {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid #6A994E;
    background: #6A994E;
    transition: transform 0.28s ease, background 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease;
    cursor: pointer;
}

section.history-section .htl-year {
    font-family: inherit;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.09em;
    color: var(--htl-muted);
    white-space: nowrap;
    transition: color 0.25s;
    text-transform: uppercase;
}
section.history-section .htl-connector {
    width: 1px;
    height: 28px;
    background: #1E4960;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0.3;
    transition: opacity 0.25s;
    z-index: 1;
}
section.history-section .htl-item.above .htl-connector {
    bottom: calc(50% + 8px);
    top: auto;
}
section.history-section .htl-item.below .htl-connector {
    top: calc(50% + 8px);
}

section.history-section .htl-card {
    position: absolute;
    width: var(--htl-card-w);
    background: #1E4960;
    border: 1px solid var(--htl-border);
    border-radius: 14px;
    padding: 20px;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
section.history-section .htl-item.above .htl-card {
    bottom: calc(50% + 36px);
}
section.history-section .htl-item.below .htl-card {
    top: calc(50% + 36px);
}
section.history-section .htl-item.is-active .htl-card {
    border-color: rgba(124,58,237,0.5);
    box-shadow:
        0 0 0 1px rgba(124,58,237,0.3),
        0 20px 50px rgba(124,58,237,0.18);
}
section.history-section .htl-card-year {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    margin-bottom: 8px;
    background: #fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

section.history-section .htl-card-content,
section.history-section .htl-card-content p {
    font-size: 15px;
    line-height: normal;
    color: #fff;
    margin: 0;
}

section.history-section .htl-scrubber {
    height: 2px;
    background: rgba(255,255,255,0.07);
    border-radius: 2px;
    overflow: hidden;
    margin-top: 10px;
}
section.history-section .htl-scrubber-fill {
    height: 100%;
    width: 0%;
    border-radius: 2px;
    background: linear-gradient(90deg, var(--htl-g1), var(--htl-g2), var(--htl-g3));
    transition: width 0.15s linear;
}

section.history-section .htl-nav {
    display: flex;
    gap: 10px;
    margin-top: 20px;
}
section.history-section .htl-nav .htl-arrow {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1px solid var(--htl-border);
    background: #1E4960;
    color: var(--htl-text);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.22s, border-color 0.22s, transform 0.22s;
    background-image: unset !important;
    padding: 0 !important;
}
section.history-section .htl-arrow svg { width: 18px; height: 18px; }
section.history-section .htl-arrow:hover {
    background: linear-gradient(135deg, var(--htl-g1), var(--htl-g2));
    border-color: transparent;
    transform: scale(1.08);
}
section.history-section .htl-arrow:disabled { opacity: 0.2; pointer-events: none; }

@media (max-width: 600px) {
    :root {
        --htl-card-w: 200px;
        --htl-gap:    20px;
        --htl-vert:   180px;
    }
    section.history-section .htl-outer { padding: 0 20px; }
}
/* ---- History horizontal With slider Css End ---- */


.hide-bio-image .team-image {
    display: none;
}

.hide-bio-image .team-card {height: auto;}

.hide-bio-image .team-info {
    margin: 0px;
    height: 100%;
}

body.archive section.post-listing-page .h1.section-title {
    margin-bottom: 50px;
}