/* Font Imports */
/* @import url('https://fonts.googleapis.com/css2?family=Epilogue:wght@300;700&family=Inter:wght@400;700&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Epilogue:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

/* Variables */
:root {   
    /* Fonts */
    --font-epilogue: 'Epilogue', sans-serif;
    --font-inter: 'Inter', sans-serif;

    /* Font Sizes  */
    --fs-14: 0.875rem;
    --fs-16: 1rem;
    --fs-18: 1.125rem;
    --fs-20: 1.25rem;
    --fs-22: 1.375rem;
    --fs-24: 1.5rem;
    --fs-26: 1.625rem;
    --fs-28: 1.75rem;
    --fs-30: 1.875rem;
    --fs-32: 2rem;
    --fs-36: 2.25rem;
    --fs-40: 2.5rem;
    --fs-48: 3rem;
    --fs-56: 3.5rem;
    --fs-60: 3.75rem;
    --fs-64: 4rem;

    /* Color */
    --color-primary: #F7DB63; 
    --color-primary-dark: #e6c200;
    --color-primary-light: #FFF8D8;
    --color-secondary: #333333; 
    --color-black: #000000;
    --color-light-gray: #646464;
    --color-white: #FFFFFF;
    --color-light-blue: #E3F1FB;
    --color-dark-teal: #3D6B5F;    
    --color-footer: #2E5C50;
    --color-border-teal: #547F74;
    --color-DADADA: #dadada;
    --color-green: #258255;
    --color-green-dark: #225306;
}



/* Common Styles */
body {font-family: var(--font-epilogue), sans-serif;color: var(--color-secondary);margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-epilogue), Arial, sans-serif;

    mark{display: inline-block; border-radius: 50px; padding: 0 1rem; border: 1px solid var(--color-secondary); color: inherit; background-color: transparent;}
}
p mark{display: inline-block; border-radius: 50px; padding: 0 1rem; border: 1px solid var(--color-secondary); color: inherit; background-color: transparent;}
a {text-decoration: none; color: inherit;}
hr{opacity: 0.5;}
.g-80, .gx-80{--bs-gutter-x: 5rem;}
.text-primary {color: var(--color-primary) !important;}
.text-secondary {color: var(--color-secondary) !important;}
.text-dark-teal {color: var(--color-dark-teal) !important;}
.bg-primary {background-color: var(--color-primary) !important;}
.main-title{
    font-size: var(--fs-48); font-weight: 600; line-height: 3rem;

    strong{font-weight: 700;}
    mark{padding-top: 8px;}
}
.sub-title{font-size: var(--fs-18); letter-spacing: 1.8px; display: inline-block; text-transform: uppercase;}
.text-balance{text-wrap: balance;}

/* Font Sizes */
.fs-14 {font-size: var(--fs-14);}
.fs-16 {font-size: var(--fs-16);}
.fs-18 {font-size: var(--fs-18);}
.fs-20 {font-size: var(--fs-20);}
.fs-22 {font-size: var(--fs-22);}
.fs-24 {font-size: var(--fs-24);}
.fs-26 {font-size: var(--fs-26);}
.fs-28 {font-size: var(--fs-28);}
.fs-32 {font-size: var(--fs-32);}
.fs-36 {font-size: var(--fs-36);}

/* Font Weights */
.fw-300 {font-weight: 300;}
.fw-400 {font-weight: 400;}
.fw-500 {font-weight: 500;}
.fw-600 {font-weight: 600;}
.fw-700 {font-weight: 700;}

/* Buttons */
.btn{
    --bs-btn-font-size: var(--fs-20);
    --bs-btn-font-weight: 600;
    --bs-btn-padding-x: 1.5rem;
    --bs-btn-padding-y: 0.75rem;

    display: inline-flex; align-items: center; justify-content: center; height: 50px; text-transform: uppercase; padding-top: 1rem; gap: 10px;

    i.ic--arrow-right-sm{margin-top: -5px;}
    &:hover i.ic--arrow-right-sm{background-image: url("../images/ic_arrow-right-sm-yellow.svg");}
}
.btn-primary {
    --bs-btn-bg: var(--color-primary);
    --bs-btn-color: var(--color-secondary);
    --bs-btn-border-color: var(--color-primary);
    --bs-btn-hover-bg: var(--color-secondary);
    --bs-btn-hover-color: var(--color-primary);
    --bs-btn-hover-border-color: var(--color-secondary);
    --bs-btn-focus-shadow-rgb: 247, 219, 99;
    --bs-btn-focus-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), 0.5);
    --bs-btn-active-color: var(--color-primary);
    --bs-btn-active-bg: var(--color-secondary);
    --bs-btn-active-border-color: var(--color-secondary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--color-primary-light);
    --bs-btn-disabled-border-color: var(--color-primary-light);
}
.btn-secondary {
    --bs-btn-bg: var(--color-white);
    --bs-btn-color: var(--color-secondary);
    --bs-btn-border-color: var(--color-white);
    --bs-btn-hover-bg: var(--color-secondary);
    --bs-btn-hover-color: var(--color-white);
    --bs-btn-hover-border-color: var(--color-secondary);
    --bs-btn-focus-shadow-rgb: 51, 51, 51;
    --bs-btn-focus-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), 0.2);
    --bs-btn-active-color: var(--color-white);
    --bs-btn-active-bg: var(--color-secondary);
    --bs-btn-active-border-color: var(--color-secondary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--color-secondary);
    --bs-btn-disabled-bg: var(--color-primary-light);
    --bs-btn-disabled-border-color: var(--color-primary-light);
}
.btn-link {
    border: 1px solid var(--color-secondary);border-radius: 40px;color: inherit;text-decoration: none;font-weight: 500;

    &:hover, &:active{color: var(--color-white); background-color: var(--color-secondary);}
    &:hover i.ic--arrow-right-sm, &:active i.ic--arrow-right-sm{filter: brightness(10);}
}
.btn-sm{
    --bs-btn-font-size: var(--fs-16);
    height: 32px;
}
@media (max-width: 1599px) {
    .main-title {font-size: var(--fs-40); line-height: normal;}
}
@media (max-width: 1299px) {
    .g-80, .gx-80{--bs-gutter-x: 4rem;}
}
@media (max-width: 1199px) {
    .main-title {font-size: var(--fs-36); line-height: normal;}
    .btn{--bs-btn-font-size: var(--fs-18);height: 46px;}
    .g-80, .gx-80{--bs-gutter-x: 2rem;}
}
@media (max-width: 991px) {
    .main-title{font-size: var(--fs-32);}

    .btn{
        --bs-btn-font-size: var(--fs-16);
        --bs-btn-font-weight: 600;
        --bs-btn-padding-x: 1.25rem;
        --bs-btn-padding-y: 0.5rem;
        height: 40px;padding-top: 0.75rem;
    }
}
@media (max-width: 767px) {
    .btn{--bs-btn-padding-x: 1rem;--bs-btn-padding-y: 0.5rem; font-size: var(--fs-14);}
}

/* Icons */
[class^="ic--"], [class*=" ic--"] {display: inline-block; background-size: cover; background-repeat: no-repeat; background-position: center;}
.ic--circle-tick {width: 48px;height: 48px; background-image: url("../images/circle-tick-icon.svg");}
.ic--arrow-right-yellow {width: 33px;height: 23px; background-image: url("../images/ic_arrow-right-yellow.svg");}
.ic--arrow-right-sm {width: 21px;height: 15px; background-image: url("../images/ic_arrow-right-sm.svg");}
.ic--arrow-right-sm-yellow {width: 21px;height: 15px; background-image: url("../images/ic_arrow-right-sm-yellow.svg");}
.ic--quote {width: 18px;height: 13px; background-image: url("../images/ic_quote.svg");}
.ic--linkedin-square {width: 25px;height: 25px;background-image: url("../images/ic_linkedin-square.svg");}
.ic--right-arrow-circle {width: 27px;height: 27px;background-image: url("../images/ic_right-arrow-circle.svg");}
.ic--facebook {width: 10px; height: 18px; background-image: url("../images/ic_facebook.svg");}
.ic--x {width: 18px; height: 18px; background-image: url("../images/ic_x.svg");}
.ic--instagram {width: 18px; height: 18px; background-image: url("../images/ic_instagram.svg");}
.ic--youtube {width: 24px; height: 17px; background-image: url("../images/ic_youtube.svg");}
.ic--linkedin {width: 18px; height: 18px; background-image: url("../images/ic_linkedin.svg");}
.ic--dropdown-arrow {width: 9px; height: 8px; background-image: url("../images/ic_dropdown-arrow.svg");}
.ic--download {width: 23px; height: 23px; background-image: url("../images/ic_download.svg");}
.ic--email {width: 33px; height: 26px; background-image: url("../images/ic_email.svg");}
.ic--phone {width: 30px; height: 30px; background-image: url("../images/ic_phone.svg");}
.ic--facebook-green {width: 14px; height: 25px; background-image: url("../images/ic_facebook-green.svg");}
.ic--x-green {width: 25px; height: 25px; background-image: url("../images/ic_x-green.svg");}
.ic--instagram-green {width: 25px; height: 25px; background-image: url("../images/ic_instagram-green.svg");}
.ic--youtube-green {width: 33px; height: 23px; background-image: url("../images/ic_youtube-green.svg");}
.ic--linkedin-green {width: 25px; height: 25px; background-image: url("../images/ic_linkedin-green.svg");}
/* Header Style */
.header{
    /* position: fixed; */
    position: absolute;
    top: 0;left: 0;width: 100%;z-index: 1000; font-family: var(--font-inter);

    &.fix-header, &.light-menu{
        background-color: var(--color-white);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);

        .navbar{
            --bs-navbar-color: var(--color-green-dark);
            --bs-navbar-hover-color: var(--color-green-dark);
            --bs-navbar-active-color: var(--color-green-dark);
            --bs-navbar-toggler-icon-bg: url("../images/menu-icon-dark.svg");
        }

        /* .navbar-brand img.logo-dark{display: block;} */
        /* .navbar-brand img.logo-light{display: none;} */
        .upper-nav .nav-item:not(:last-child)::after{background-color: var(--color-secondary);}
        .nav-link.dropdown-toggle i {background-image: url("../images/ic_down-arrow-green.svg");}
    }

    .navbar{
        --bs-navbar-color: var(--color-white);
        --bs-navbar-hover-color: var(--color-primary);
        --bs-navbar-active-color: var(--color-primary);
        --bs-navbar-toggler-icon-bg: url("../images/menu-icon.svg");
    }
    .dropdown-menu{
        --bs-dropdown-color: var(--color-secondary);
        --bs-dropdown-border-width: 0;

        padding: 20px;margin-top: 0;
    }

    /* .navbar-brand img.logo-dark{display: none;} */
    .upper-nav{display: flex; align-items: center; gap: 2.5rem; font-size: var(--fs-14); justify-content: flex-end; margin-right: 98px; font-weight: 500;}
    .upper-nav .nav-item{position: relative; text-transform: uppercase;}
    .upper-nav .nav-item:not(:last-child)::after{content: ''; display: block; width: 3px; height: 3px; background: var(--color-white); border-radius: 50%; position: absolute; right: -1.25rem; top: calc(50% - 1.5px);}
    /* .upper-nav .nav-item .nav-link{transition: all linear 0.3s;} */
    .upper-nav .nav-item:hover .nav-link, .upper-nav .nav-item.active .nav-link {font-weight: 700;}
    .nav-login-link .nav-link {display: flex; gap: 10px; align-items: center; background-color: var(--color-primary); font-size: 12px; font-weight: 600; color: var(--color-secondary); border-radius: 20px; padding: 2px 12px !important;}
    .nav-login-link .ic--arrow-right-sm{width: 15px;height: 11px;}

    .lower-nav{display: flex; align-items: center; gap: 3rem; font-size: var(--fs-18); --bs-nav-link-font-weight: 600;}
    .lower-nav .nav-item{position: relative;}
    .navbar-expand-lg .navbar-nav .dropdown-menu{left: auto; right: 8px; top: calc(100% + 8px); border-top-right-radius: 0; box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15); min-width: 260px;}
    .menu-icon{background-image: var(--bs-navbar-toggler-icon-bg);width: 28px;height: 19px;}
    .navbar-toggler:focus{box-shadow: none;}
    .nav-link{position: relative;}
    .lower-nav .nav-item:hover .nav-link::after, 
    .lower-nav .nav-item.active .nav-link::after,
    .lower-nav .nav-item .nav-link.dropdown-toggle.show::after{content: ''; display: block !important; position: absolute; inset: auto 8px -8px 4px;height: 3px;background-color: var(--color-green);border: 0;opacity: 0.5;}
    /* .nav-link.dropdown-toggle i {filter: brightness(10);} */
    
    .dropdown-menu ul.nav{flex-direction: column; gap: 10px;}
    .dropdown-menu .dropdown-item{padding: 6px 10px; color: var(--color-secondary);}
    .mega-menu .dropdown-menu{width: min(66vw, 450px);}
    .mega-menu .dropdown-menu h4{font-size: 16px; text-transform: uppercase; font-weight: 600; padding: 10px;}
    
    .dropdown-menu.sub-menu .dropdown-item{padding: 10px 0; display: flex; justify-content: space-between; align-items: center;}
    .dropdown-menu.sub-menu .dropdown-item:hover{background-color: transparent;}
    .dropdown-menu.sub-menu .dropdown-toggle:hover::after{display: none !important;}
    .dropdown-menu.sub-menu ul.nav{gap: 0;}
    .dropdown-menu.sub-menu .nav li:not(:last-child) a,
    .dropdown-menu.sub-menu .dropdown-menu.show{border-bottom: 1px solid #919191;}
    .dropdown-menu.sub-menu .dropdown-menu {position: static;box-shadow: none;padding: 0;width: auto; min-width: auto; border-radius: 0;}
    .dropdown-menu.sub-menu .dropdown-menu .nav li a.dropdown-item{border: 0;padding: 6px 10px;font-size: 87.5%;}

    @media (min-width: 992px) {
        /* .navbar-nav .dropdown:hover .dropdown-menu {display: block;margin-top: 0;}*/
        .lower-nav .dropdown-toggle::after{display: none;} 
    }
    
    @media (max-width: 1499px) {
        .lower-nav{gap: 2.5rem;}
        .upper-nav{margin-right: 91px;}
    }

    @media (max-width: 1399px) {
        .lower-nav {gap: 1.5rem;}
        .upper-nav{margin-right: 76px;}
    }

    @media (max-width: 1199px) {
        .navbar-brand img{max-width: 180px;}
        .upper-nav{gap: 2rem; margin-right: 60px;}
        .upper-nav .nav-item:not(:last-child)::after{right: -1rem;}
        .lower-nav{gap: 0.5rem;font-size: var(--fs-16);}
    }
    @media (max-width: 991px) {
        &:has(.show){position: fixed;}
        .navbar{--bs-navbar-color: var(--color-secondary);}
        .navbar-collapse {background: #fff;border-radius: 10px;margin-top: 5px;}
        .upper-nav{gap: 0; margin-right: 0;}
        .upper-nav .nav-item:not(:last-child)::after{display: none;}
        .nav-login-link .nav-link {display: inline-flex !important;width: auto !important;margin-top: 20px;}
        .lower-nav{gap: 0; font-size: var(--fs-14); --bs-nav-link-font-weight: 400;}
        .lower-nav .nav-link{font-size: var(--fs-16); font-weight: 600;}
        
        .navbar-nav{align-items: self-start;}
        .nav-item, .nav-link {width: 100%;}
        .nav-link{padding: 0.75rem 0.75rem 0.75rem 0; display: flex; justify-content: space-between; align-items: center;}
        .nav-item.dropdown .dropdown-menu{width: 100%; padding: 10px; margin-top: 0;}
        .nav-item.dropdown .dropdown-item{font-size: var(--fs-14);padding: 0.75rem 1.25rem;}
        .nav-item.dropdown .dropdown-item:focus, .nav-item.dropdown .dropdown-item:hover{background-color: transparent;}

        .navbar-collapse .ms-auto{display: flex;flex-direction: column-reverse;}
        .lower-nav .nav-item:hover .nav-link::after, 
        .lower-nav .nav-item.active .nav-link::after {display: none !important;}
        .lower-nav .nav-item .dropdown-toggle::after{display: none;}
        .lower-nav .nav-item > .dropdown-toggle.show::after{inset: auto 10px 2px -2px !important; display: block !important;}
        .navbar-collapse {height: calc(100dvh - 60px); overflow: auto;}
        .navbar-expand-lg .navbar-nav .dropdown-menu{box-shadow: none;}
        .nav-item.dropdown .dropdown-item{padding: 8px 0 12px 8px;}
        .dropdown-menu .nav li:not(:last-child) a,
        .dropdown-menu .dropdown-menu.show{border-bottom: 1px solid #919191;}
    }
}
@media (max-width: 991px) {
    body:has(.navbar-collapse.show){overflow: hidden;}
}

/* Hero Section */
.hero-section {
    position: relative; background-image: url('../images/home-hero-bg.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; padding: 140px 0 40px;

    .hero-carousel-bg {position: absolute;inset: 0;height: 100%;}
    .hero-carousel-bg img {height: 100%;width: 100%; object-fit: cover;}
    .carousel-inner, .carousel-item{height: 100%;}

    .hero-info-box{display: flex; background-color: var(--color-white); padding: 35px; border-radius: 10px; max-width: 490px; margin-top: 20px; margin-left: 20px;}
    .hero-info-box .hero-info-text p{font-size: var(--fs-18); font-weight: 300; line-height: 1.375rem;}
    .hero-info-box .hero-info-text span{font-size: var(--fs-22); font-weight: 600; line-height: 1.375rem;}
    .hero-info-box .icon-box{background-color: var(--color-primary); width: 55px; height: 55px; display: flex; align-items: center; justify-content: center; border-radius: 10px;margin-left: auto;margin-top: -15px;margin-right: -15px;}

    /* .hero-text-wrapper{width: 100%;height: auto;background: #ffffff41;mask: url(../images/hero-mask.svg) left top/442px 200px no-repeat, linear-gradient(#000 0 0);-webkit-mask: url(../images/hero-mask.svg) left top/442px 200px no-repeat, linear-gradient(#000 0 0);mask-composite: exclude;-webkit-mask-composite: xor;} */
    .hero-text-wrapper{background-image: url(../images/hero-border.svg); background-size: contain; background-repeat: no-repeat;margin-top: -185px;}
    .hero-text-box{padding: 270px 0 40px 50px;}

    .hero-text-box .sub-txt{font-size: var(--fs-18); font-weight: 600; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 15px;}
    .hero-text-box h1{font-size: var(--fs-60); font-weight: 600; line-height: 1.1;}
    .hero-text-box h1 mark {border-color: var(--color-white);}

    @media (max-width: 1399px) {
        .hero-info-box{max-width: 425px;margin-top: 10px;}
        .hero-text-wrapper{margin-top: -166px;}
        .hero-text-box{padding: 230px 0 20px 30px;}
        .hero-text-box h1{font-size: var(--fs-56);}
    }
    @media (max-width: 1199px) {
        .hero-content{border: 1px solid #fff; border-radius: 20px; padding: 30px;}
        .hero-info-box{margin-top: 0px; margin-left: 0px; margin-bottom: 50px;}
        .hero-text-wrapper{background: none; margin-top: 0px;}    
        .hero-text-box{padding: 0;}
    }

    @media (max-width: 991px) {
        padding: 100px 0 30px;

        .hero-info-box {padding: 18px;max-width: 330px;}
        .hero-info-box .hero-info-text p {font-size: var(--fs-14);line-height: 1.2rem;}
        .hero-info-box .hero-info-text span {font-size: var(--fs-16);line-height: 1.2rem;}
        .hero-info-box .icon-box {width: 38px;height: 38px;margin-top: -10px;margin-right: -10px;}
        .hero-info-box .icon-box img{width: 80%;}
        .hero-text-box .sub-txt {font-size: var(--fs-14); margin-bottom: 10px;}
        .hero-text-box h1 {font-size: var(--fs-40);}
    }
    @media (max-width: 767px) {
        padding-top: 75px; padding-left: 8px; padding-right: 8px;

        .hero-content{padding: 20px;}
    }
    @media (max-width: 575px) {
        /* min-height: 640px;        */
        .hero-content{display: flex;flex-direction: column;justify-content: end;min-height: 600px;}
        .hero-info-box{margin-bottom: 30px;}
    }
}

/* We Enable Section */
.we-enable-section {
    padding-top: 100px; background-color: var(--color-primary);

    .we-title-wrapper{margin-bottom: -40px;}
    .main-title {line-height: normal; margin-bottom: 36px;}
    .main-title + p.fs-26.fw-300 {max-width: 450px;}
    .main-title + p.fs-26.fw-300 mark{background-color: var(--color-white); border-color: var(--color-white);}
    .main-title + p.fs-26.fw-300 mark:first-child{background-color: transparent;}

    .we-enable-steps-wrapper{margin-left: 15px; padding: 40px 40px 20px; border: 1px solid var(--color-white); border-radius: 20px;}
    .we-enable-steps{display: flex;}
    .we-enable-steps .we-item{text-align: center; position: relative; padding-bottom: 10px;}
    .we-enable-steps .we-item:not(:last-child):not(:first-child) {flex: 1;}
    .we-enable-steps .we-item .dot{position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); display: block; width: 6px; height: 6px; background-color: var(--color-secondary); border-radius: 50%;}
    .we-enable-steps .we-item::after,
    .we-enable-steps .we-item::before{content: ''; display: block; position: absolute; bottom: 3px; width: 50%; height: 1px; background-color: var(--color-secondary);}
    .we-enable-steps .we-item::after{right: 0;}
    .we-enable-steps .we-item::before{left: 0;}
    .we-enable-steps .we-item:first-child::before{display: none;}
    .we-enable-steps .we-item:last-child::after{display: none;}
    .we-enable-steps .we-item h3{font-size: var(--fs-20); font-weight: 600;}

    @media (max-width: 1399px) {
       .we-enable-steps-wrapper{padding: 30px 30px 15px;}
       .we-enable-steps .we-item h3{font-size: var(--fs-18);}
    }
    @media (max-width: 1199px) {
        .main-title + p.fs-26.fw-300 {font-size: var(--fs-20); max-width: 340px;}
        .we-enable-steps-wrapper{border: 1px solid var(--color-white); border-radius: 10px; background-image: none;}
        .we-enable-steps + p{text-align: center;}
    }
    @media (max-width: 991px) {
        .we-title-wrapper{ margin-bottom: 30px;}
        .we-enable-steps-wrapper{margin-left: 0; margin-bottom: 40px;}
        .ic--circle-tick{width: 40px; height: 40px;}
    }
    @media (max-width: 767px) {
        padding-top: 60px;
        .container{padding: 0 20px;}
        .we-enable-steps-wrapper{padding: 15px;}
        .we-enable-steps{flex-direction: column; align-items: flex-start;}
        .we-enable-steps .we-item{padding-bottom: 10px;padding-top: 10px; padding-left: 20px; text-align: left;}
        .we-enable-steps .we-item h3{font-size: var(--fs-16); margin-bottom: 0;}
        .we-enable-steps .we-item .dot{bottom: calc(50% - 3px);transform: none;left: 0;}
        .we-enable-steps .we-item::after, .we-enable-steps .we-item::before{width: 1px; height: 50%; left: 3px;}
        .we-enable-steps .we-item::after{right: auto; bottom: 0;}
        .we-enable-steps .we-item::before{left: 3px; top: 0; bottom: auto;}
        .we-enable-steps + p{text-align: left;}
    }
}

/* Key Initiatives Section */
.key-initiatives-section {
    padding: 100px 0;

    .key-init-card {position: relative;}
    .key-init-card .ki-card-img {width: 100%; height: 100%; object-fit: cover; border-radius: 40px; aspect-ratio: 1 / 1;}
    .key-init-card .ki-card-header{position: absolute;top: 4px;left: 4px;right: 4px;height: 55%;padding: 32px;background: linear-gradient(180deg, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);border-radius: 36px;}
    .key-init-card .ki-card-header h5{font-size: var(--fs-24); font-weight: 600; line-height: 1.25rem; margin-bottom: 18px;}
    .key-init-card .ki-card-header p{font-size: var(--fs-18); font-weight: 400; line-height: 1.25rem; margin-bottom: 0px;}
    .key-init-card .ki-card-link{font-size: var(--fs-18); font-weight: 500; color: var(--color-white); display: flex; align-items: center; gap: 14px; position: relative; z-index: 3;}
    .key-init-card .ki-card-link i{transition: all 0.3s;}
    .key-init-card .ki-card-link:hover i{transform: translateX(5px);}
    .ki-card-link-wrapper{position: absolute; bottom: 4px; left: 4px; right: 4px; padding-left: 32px; padding-bottom: 32px;}
    .ki-card-link-wrapper:before {content: '';position: absolute;bottom: -4px; left: -4px; right: -4px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(44, 44, 44) 100%); z-index: 2; height: 160px; border-radius: 0 0 36px 36px;}
    .title-description{position: absolute; top: 0; left: 0; padding-right: 20px;z-index: 3;}

    @media (max-width: 1599px) {
        .key-init-card .ki-card-img {aspect-ratio: 1.35 / 1;}
        .title-description p.fs-20{--fs-20: 18px;}
    }
    @media (max-width: 1399px) {
        .key-init-card .ki-card-header {padding: 26px;}
        .key-init-card .ki-card-header h5{font-size: var(--fs-18);}
        .key-init-card .ki-card-header p{font-size: var(--fs-16);}
        .ki-card-link-wrapper{padding-left: 26px; padding-bottom: 26px;}
        .key-init-card .ki-card-link{font-size: var(--fs-16); gap: 10px;}
        .key-init-card .ki-card-link i{width: 26px; height: 18px;}
        .title-description{padding-right: 16px;}
        .title-description .main-title{--fs-48: 39px;}
        .title-description p.fs-20{--fs-20: 16px;}
    }
    @media (max-width: 1199px) {
        .title-description{position: static; margin-bottom: 30px;}
    }
    @media (max-width: 767px) {
        padding: 40px 8px;
        .key-init-card .ki-card-header {padding: 20px; border-radius: 21px;}
        .key-init-card .ki-card-header h5{font-size: var(--fs-16);}
        .key-init-card .ki-card-header p{font-size: var(--fs-14);}
        .key-init-card .ki-card-img{border-radius: 25px;}
        .ki-card-link-wrapper{padding-left: 20px; padding-bottom: 20px;}
        .ki-card-link-wrapper:before{border-radius: 21px;}
        .key-init-card .ki-card-link{font-size: var(--fs-14); gap: 20px;}
        .key-init-card .ki-card-link i{width: 26px; height: 18px;}
        .title-description{margin-bottom: 15px;}
    }
    @media (max-width: 575px) {
        overflow: hidden;
        .key-initiatives-carousel{max-width: 90%;}
        .owl-carousel .owl-stage-outer{overflow: visible;}
        .key-init-card .ki-card-header {height: 60%;}
        
    }
    @media (max-width: 450px) {
        .col-6.col-sm-6.col-lg-3{width: 100% !important;}
    }
}

/* Steps Section */
.steps-section{
    background-color: var(--color-light-blue); padding-bottom: 70px;

    .steps-box{background-color: var(--color-white); padding: 56px 64px; border-radius: 40px; margin-top: 75px;}
    .steps-box .main-title{text-wrap: balance; max-width: 422px; margin-bottom: 34px;}
    .steps-box p{font-size: var(--fs-20); line-height: 1.5rem; margin-bottom: 40px;}

    .steps-list-wrapper{margin-top: 40px;}
    .steps-list{display: flex; flex-wrap: wrap; gap: 0 50px;}
    .steps-list .step-item {width: calc(50% - 25px);flex: 0 0 calc(50% - 25px);box-sizing: border-box; padding: 30px 0;}
    .steps-list .step-item:not(:nth-last-child(2)):not(:last-child){border-bottom: 1px solid var(--color-border-teal);}
    .steps-list .step-item img{margin-bottom: 16px;}
    .steps-list .step-item h3{font-size: var(--fs-20); font-weight: 600; margin-bottom: 10px;     max-width: 220px;}
    .steps-list .step-item p{font-size: var(--fs-18); line-height: 1.375rem; margin-bottom: 0;}

    @media (max-width: 991px) {
        .steps-box{padding: 40px 30px;}
        .steps-box .main-title{margin-bottom: 24px;}
        .steps-box p{font-size: var(--fs-16); margin-bottom: 30px;}

        .steps-list{flex-direction: column; gap: 0 30px;}
        .steps-list .step-item {width: 100%; flex: 0 0 100%;}
        .steps-list .step-item:not(:last-child){border-bottom: 1px solid var(--color-border-teal);}
        .steps-list .step-item h3{font-size: var(--fs-18);}
        .steps-list .step-item p{font-size: var(--fs-16);}
    }
    @media (max-width: 767px) {
        padding-bottom: 0; padding-left: 8px; padding-right: 8px;
        .steps-box{border-radius: 20px; margin-top: 40px;}
        .steps-list-wrapper{margin-top: 20px;}
    }
    @media (max-width: 575px) {
        .steps-box .btn{white-space: nowrap;margin-left: -9px;}
    }
}

/* Marketplaces Section */
.marketplaces-section{
    padding-top: 100px;
    
    .owl-stage {display: flex;}
    .owl-stage .owl-item > div{height: 100%;}

    .marketplace-item{display: flex; flex-direction: column; background-color: var(--color-light-blue); border-radius: 40px; padding: 4px; height: 100%;}
    .marketplace-item img{width: 100%; border-radius: 36px; object-fit: cover;}
    .marketplace-item p{line-height: 1.15; margin-bottom: 30px; font-weight: 300;}
    .marketplace-item .marketplace-info{display: flex; flex-direction: column; padding: 24px; height: 100%;}
    .marketplace-item .marketplace-info a {margin-top: auto;}

    @media (max-width: 1599px) {
        .marketplace-item img{height: 160px;}
        .marketplace-item h5{font-size: var(--fs-18);}
        .marketplace-item p{font-size: var(--fs-16);margin-bottom: 16px;}
    }

    @media (max-width: 767px) {
        padding-top: 60px; padding-left: 8px; padding-right: 8px;
        .marketplace-item{border-radius: 20px;}
        .marketplace-item img {border-radius: 18px;}
        .marketplace-item .marketplace-info a {display: flex; justify-content: space-between;}
        .ic--arrow-right-sm{width: 24px;height: 18px;}
    }

    @media (max-width: 575px) {
        overflow: hidden;
        .marketplace-carousel{max-width: 90%;}
        .owl-carousel .owl-stage-outer{overflow: visible;}
        
    }
}

/* Partner Section */
.partner-section{
    padding: 120px 0;

    .main-title{margin-bottom: 40px;}
    .main-title mark{margin-bottom: 8px;}
    .btn.btn-primary{margin-top: 30px;}
    .partner-logos {max-width: 700px;display: flex;flex-wrap: wrap;gap: 70px;justify-content: flex-start;align-items: center;margin-left: auto;}
    .partner-logos img {width: calc(25% - 53px);height: auto;object-fit: scale-down;}

    @media (max-width: 1199px) {
        .fs-20{font-size: var(--fs-18);}
        .partner-logos{max-width: 500px; gap: 50px;}
        .partner-logos img{width: calc(25% - 38px);}
    }
    @media (max-width: 991px) {
        .partner-logos{gap: 40px;}
        .partner-logos img{width: calc(33.33% - 27px);}
    }
    @media (max-width: 767px) {
        padding: 75px 8px 60px;

        .fs-20{font-size: var(--fs-16);}
    }
}

/* Our Work Section */
.our-work-section{
    padding-bottom: 82px; background-image: url(../images/our-work-bg.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;

    .main-title{margin-bottom: 40px; font-size: var(--fs-40); line-height: 1.1;}
    .main-title .ic--arrow-right-sm{background-color: #fff;width: 37px;height: 37px;border-radius: 50%;background-size: 60%;vertical-align: middle;}
    .our-work-content {padding: 70px 50px; background-color: var(--color-primary); border-radius: 0 0 40px 40px; margin-bottom: 56px;}
    .our-work-content ul{display: flex; align-items: center; gap: 2.5rem; font-size: var(--fs-16); list-style: none; margin-bottom: 40px; padding: 0;}
    .our-work-content ul li{position: relative; text-transform: uppercase;}
    .our-work-content ul li:not(:last-child)::after{content: ''; display: block; width: 3px; height: 3px; background: var(--color-black); border-radius: 50%; position: absolute; right: -1.25rem; top: calc(50% - 1.5px);}
    .our-work-content p {text-wrap: balance;}
    .our-work-banner {max-width: 812px; width: 100%;}

    @media (max-width: 1599px) {
        padding-bottom: 60px;

        .our-work-content{padding: 40px 50px; margin-bottom: 40px;}
        .our-work-content ul{margin-bottom: 25px;}
        .main-title{margin-bottom: 15px;}
        .our-work-banner {max-width: 750px;}
    }
    @media (max-width: 1399px) {
        .our-work-content{padding: 60px 40px;}
        .our-work-content ul{font-size: var(--fs-14);}
        .our-work-content p{font-size: var(--fs-18);}
    }
    @media (max-width: 1199px) {
        .our-work-content{padding: 40px;}
        .our-work-content ul {font-size: 12px; gap: 1rem;}
        .our-work-content ul li:not(:last-child)::after{right: -10px;top: calc(50% - 3px);}
    }
    @media (max-width: 991px) {
        .main-title{font-size: var(--fs-32);}
        .our-work-content{margin-bottom: 30px;}
    }
    @media (max-width: 767px) {
        padding-bottom: 50px; padding-left: 8px; padding-right: 8px;

        .main-title{margin-bottom: 30px;}
        .main-title .ic--arrow-right-sm{width: 30px; height: 30px;}
        .our-work-content{padding: 40px 30px 30px; border-radius: 0 0 20px 20px;}
        .our-work-content ul{margin-bottom: 30px;}
        .our-work-content p{font-size: var(--fs-16);}
    }
}

/* Case Studies & Testimonials Section  */
.content-box{
    display: flex; flex-direction: column; background-color: var(--color-white); border-radius: 10px; overflow: hidden;

    .btn{
        --bs-btn-font-size: var(--fs-18);
        --bs-btn-font-weight: 500;
        --bs-btn-padding-x: 1rem;
        --bs-btn-padding-y: 0.25rem;
        height: 32px; padding-top: 0.5rem; gap: 10px;
    }
    .content-box-text{padding: 40px 24px;}
    .content-box-text h3{margin-bottom: 24px;}
    .content-box-text h4{max-width: 70%; text-wrap: balance; margin-bottom: 0;}
    .content-box-link {position: relative; margin-top: auto;}
    .content-box-link img{width: 100%; border-radius: 10px;}
    .content-box-link .btn{position: absolute; bottom: 24px; left: 24px; font-size: var(--fs-16);}
    .content-box-link .btn .ic--arrow-right-sm{width: 18px; height: 13px;}

    @media (max-width: 767px) {
        .btn{
            --bs-btn-font-size: var(--fs-16);
            --bs-btn-padding-x: 1rem;
            --bs-btn-padding-y: 0.25rem;
            height: 30px; padding-top: 0.5rem; 
        }

        .content-box-text{padding: 30px 20px;}
        .content-box-text h3{font-size: 12px;margin-bottom: 20px;}
        .content-box-text h4{max-width: 100%; font-size: var(--fs-18);}
        .content-box-link .btn {bottom: 20px;left: 20px;}
    }
}
.report-card {
    display: flex;flex-direction: column;align-items: flex-start;padding: 26px 36px;border: 1px solid var(--color-border-teal);border-radius: 10px;height: 100%;

    .report-card-header{display: flex; justify-content: space-between; align-items: end; width: 100%; margin-bottom: 20px;}
    .btn{height: 40px; font-size: var(--fs-18); margin-top: auto; --bs-btn-color: var(--color-secondary); font-weight: 500;}

    @media (max-width: 767px) {
        padding: 20px;

        .report-card-header h4{font-size: var(--fs-18);}
        .report-card-header img{width: 40px; object-fit: contain;}
        .btn{height: 30px; font-size: var(--fs-16);}
    }
}

.ct-section {
    padding: 85px 0;

    .content-box.case-study {background-color: #FFF8D8; height: 100%;}
    .case-study .content-box-text{padding: 44px 36px 30px;}
    .case-study .content-box-link .btn{bottom: 44px; left: 36px;}
    .cs-carousel.owl-carousel .owl-dots{position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%);}
    .cs-carousel.owl-carousel button.owl-dot{background: var(--color-white);}
    .cs-carousel, .cs-carousel .owl-stage-outer, .cs-carousel .owl-stage, .cs-carousel .owl-item {height: 100%;}

    .content-box.testimonial{padding: 44px 36px; background-color: var(--color-light-blue); height: 100%;}
    .content-box.testimonial h3{margin-bottom: 36px;}
    .testimonial-item .testimonial-video-wrapper {display: flex; position: relative; cursor: pointer;}
    .testimonial-item .testimonial-thumb {width: 100%;display: block;aspect-ratio: 3 / 2; object-fit: cover; border-radius: 10px;}
    .testimonial-item .testimonial-play-btn {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: none;border: none;}
    .testimonial-item .testimonial-video {width: 100%;display: none;aspect-ratio: 3 / 2;object-fit: cover;border-radius: 10px;}
    .testimonial-item .ic--quote {width: 39px; height: 39px; background-size: 50%; background-color: var(--color-white); border-radius: 50%; margin-bottom: 26px;}
    .testimonial-item .quote-text {font-weight: 300; line-height: 1.5rem; margin-bottom: 0;}
    .testimonial-item .testimonial-name{margin-top: 30px;}

    .owl-carousel .owl-dots {display: flex;justify-content: center;gap: 8px;margin-top: 20px;}
    .owl-carousel button.owl-dot {width:  8px;height: 8px;border-radius: 50%;background: var(--color-secondary);border: none;cursor: pointer;opacity: 0.5;}
    .owl-carousel .owl-dot.active, .owl-carousel .owl-dot:hover {opacity: 1;}

    .annual-report{background-color: #ededed; border: 0;}

    @media (max-width: 767px) {
        padding: 60px 8px;

        .case-study .content-box-text{padding: 30px 20px;}
        .case-study .content-box-link .btn {bottom: 20px;left: 20px;}

        .content-box.testimonial{padding: 30px 20px;}
        .content-box.testimonial h3 {margin-bottom: 20px; font-size: 12px;}
        .testimonial-item .ic--quote{width: 32px; height: 32px; margin-bottom: 16px;}
        .testimonial-item .quote-text{font-size: var(--fs-14); line-height: 1.3;}
        .testimonial-item .testimonial-name{margin-bottom: 20px; margin-top: 0;}
        .testimonial-item .testimonial-name .fs-18{font-size: var(--fs-16);}
        .testimonial-item .testimonial-name p{font-size: var(--fs-14); margin-bottom: 0;}
        .testimonial-item .testimonial-play-btn svg{width: 50px; height: 50px;}

        .annual-report, .report-card{align-items: center;}
    }
}

/* Insights Section */
.insights-section{
    padding: 100px 0; background-color: var(--color-light-blue);

    .mb-70{margin-bottom: 60px;}
    .sub-title{display: inline-block; color: var(--color-light-gray); font-size: var(--fs-18); font-weight: 700; text-transform: uppercase; margin-bottom: 30px; letter-spacing: 1.2px;}
    .main-title{font-size: var(--fs-40);line-height: 1.1; margin-bottom: 40px;}
    .main-title + p {max-width: 488px;}

    .blog-library h3{margin-bottom: 40px;}
    .blog-library .content-box{height: 100%;}
    .blog-library .content-box .content-box-text h4{font-size: var(--fs-20); line-height: 1; max-width: 90%;}
    .blog-library .content-box .content-box-text .btn{margin-top: 30px; font-size: var(--fs-16);}

    .news-media {max-width: 300px; margin-right: auto;}
    .news-media h3{margin-bottom: 40px;}

    .news-media-list {margin: -38px 0;}
    .news-media-list .news-media-item a{display: flex; gap: 20px;padding: 38px 0;}
    .news-media-list .news-media-item:not(:last-child){border-bottom: 1px solid rgba(0, 0, 0, 0.4);}
    .news-media-list .news-media-item img{width: 90px; min-width: 90px; height: 90px; object-fit: cover; border-radius: 10px;}
    .news-media-list .news-media-item .nm-content h5{font-size: var(--fs-16); font-weight: 600; margin-bottom: 0;}
    .news-media-list .news-media-item .nm-content p{font-size: var(--fs-16); font-weight: 300; line-height: 1.1; margin-bottom: 0;}

    @media (max-width: 1199px) {
        .news-media-list .news-media-item a{flex-direction: column;}
    }
    @media (max-width: 991px) {
        .fs-18{font-size: var(--fs-16);}
        .main-title{font-size: var(--fs-32);}

        .blog-library .content-box .content-box-text h4{font-size: var(--fs-18); max-width: 100%;}
        .blog-library .content-box .content-box-text h4 br{display: none;}

        .news-media{max-width: 100%;}
        .news-media-list .news-media-item a{flex-direction: row;}
    }
    @media (max-width: 767px) {
        padding: 60px 8px;

        .mb-70{margin-bottom: 40px;}
        .sub-title{font-size: var(--fs-14);margin-bottom: 20px;}
        .main-title{margin-bottom: 30px;}

        .news-media{margin-bottom: 50px;}
        .blog-library h3{margin-bottom: 30px;}
        .news-media h3{margin-bottom: 30px;}
    }
    @media (max-width: 575px) {
        overflow: hidden;
        .blog-library{margin-bottom: 0 !important;}
        .blog-library .content-box .content-box-text h4{min-height: 36px;}
        .blog-library-carousel{max-width: 90%;}
        .owl-carousel .owl-stage-outer{overflow: visible;}
        .key-init-card .ki-card-header {height: 60%;}        
    }
}

/* Contact Section */
.contact-section{
    padding: 100px 0;

    hr{margin-top: 1.75rem; margin-bottom: 1.75rem;}
    .contact-box{padding: 70px; min-height: 380px; background-image: url(../images/contact-section-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 40px;}
    .main-title{margin-bottom: 40px;}
    .contact-form{min-height: 190px;}
    .contact-content{max-width: 368px;}
    .social-contacts a{display: flex; align-items: center; gap: 10px; font-size: var(--fs-18); font-weight: 500;}
    .btn{margin-bottom: 40px;}

    @media (max-width: 991px) {
        .contact-form{margin-bottom: 30px;}
    }

    @media (max-width: 767px) {
        padding: 60px 8px;

        .contact-box{padding: 30px 20px; border-radius: 20px;}
        .main-title{margin-bottom: 30px;}
        .main-title br{display: none;}
        .main-title + p br{display: none;}
        .btn{margin-bottom: 30px;}
        .contact-content p.fs-18{font-size: var(--fs-16);}
        .fs-20{font-size: var(--fs-16);}
        .social-contacts a{font-size: var(--fs-16);}
    }
}

.footer{
    padding: 60px 0 40px; background-color: var(--color-footer); color: var(--color-DADADA); font-family: var(--font-inter); font-size: var(--fs-18);


    .footer-div{display: flex; gap: 65px;}

    .footer-logo{width: 219px; margin-bottom: 50px;}
    .social-icons{display: flex; align-items: center; gap: 30px;}
    .social-icons a{display: flex;}
    .footer-links-wrapper{display: flex; justify-content: space-between; margin-bottom: 70px; margin-left: -1rem; margin-right: -1rem; width: 100%;}
    .footer-links {display: flex;flex-direction: column; gap: 10px; padding: 0 1rem;}
    .footer-links a:hover{color: var(--color-white);}

    .cites{display: flex; flex-wrap: wrap; justify-content: center;}
    .cites span:not(:last-child)::after{content:'|'; display: inline-flex; margin: 0 10px;}
    .copyright-text{color: var(--color-DADADA); font-size: 12px; margin-bottom: 0; margin-top: 12px; line-height: 34px;}

    @media (max-width: 1199px) {
        font-size: var(--fs-14);
    }
    @media (max-width: 991px) {
        .footer-logo {margin-bottom: 0px;}
        .footer-div{flex-direction: column; gap: 30px;}
        .footer-links-wrapper{margin-bottom: 32px;}
        .social-icons{margin-bottom: 32px;}
        .footer-badges > img {max-width: 110px;}
    }
    @media (max-width: 767px) {
        padding: 40px 8px;

        .footer-logo{width: 180px;}
        .footer-links-wrapper{margin-right: calc(-.5 * var(--bs-gutter-x));margin-left: calc(-.5 * var(--bs-gutter-x)); flex-wrap: wrap;row-gap: 30px;}
        .footer-links{padding: 0 calc(var(--bs-gutter-x) * .5); flex: calc(50% - (var(--bs-gutter-x) * .5));}
        .cites{justify-content: start;}
        .copyright-text {text-align: left;line-height: normal; margin-top: 20px;}
    }
    @media (max-width: 575px) {
        /* .footer-links{flex: 100%;} */
    }
}

/* ===================================== 
            Customer Segments Page
/* ===================================== */

.dark-navbar{
    .navbar{
        --bs-navbar-color: var(--color-secondary);
        --bs-navbar-hover-color: var(--color-primary);
        --bs-navbar-active-color: var(--color-primary);
        --bs-navbar-toggler-icon-bg: url("../images/menu-icon-dark.svg");

        .navbar-brand img.logo-dark{display: block;}
        /* .navbar-brand img.logo-light{display: none;} */
        .upper-nav .nav-item:not(:last-child)::after{background-color: var(--color-secondary);}
        .nav-link.dropdown-toggle i {filter: brightness(0);}
    }
}

.customer-segments-page{
    .sub-title{text-transform: uppercase;}

    .contact-box{background-image: url(../images/where-do-fit-bg.jpg); color: var(--color-white);}
}

/* Stakeholders Hero Section */
.stakeholders-hero-section {
    background-image: url('../images/stakeholders-hero-bg.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; padding: 140px 0 40px;

    .stakeholders-hero-text-wrapper{background-image: url(../images/stakeholders-hero-border.svg);background-size: contain;background-repeat: no-repeat;margin-top: -225px;}
    .stakeholders-hero-text{padding: 88px 0px 315px 60px;}
    .stakeholders-title{font-size: var(--fs-48); font-weight: 700; line-height: 1.1; margin-bottom: 15px; font-family: var(--font-epilogue);}
    .stakeholders-goal{font-size: var(--fs-18); font-weight: 500; letter-spacing: 2px; margin: 0; text-transform: uppercase;}
    
    .hero-info-box{display: flex; background-color: var(--color-white); padding: 24px 20px; border-radius: 10px; max-width: 490px;margin-bottom: 20px; margin-right: 20px; margin-left: auto;}
    .hero-info-box .hero-info-text{max-width: 300px;}
    .hero-info-box .hero-info-text p{font-size: var(--fs-16); font-weight: 300; line-height: 1.375rem; max-width: 228px;}
    .hero-info-box .hero-info-text span{font-size: var(--fs-18); font-weight: 600; line-height: 1.375rem;}
    .hero-info-box .icon-box{background-color: var(--color-primary); min-width: 55px; width: 55px; height: 55px; display: flex; align-items: center; justify-content: center; border-radius: 10px;margin-left: auto;margin-top: -10px;margin-right: -5px;}
    

    @media (max-width: 1399px) {
        .stakeholders-hero-text{padding: 60px 0px 266px 50px;}
        .hero-info-box{max-width: 425px; margin-top: -10px; margin-bottom: 40px;}
        .hero-info-box .hero-info-text {max-width: 90%;}
        .hero-info-box .hero-info-text p{max-width: 100%;}
        .stakeholders-hero-text-wrapper{margin-top: -218px;}
    }
    @media (max-width: 1199px) {
        .hero-content{border: 1px solid var(--color-secondary); border-radius: 20px; padding: 30px; display: flex; flex-direction: column-reverse;}
        .hero-info-box{margin-top: 0px; margin-left: 0px; margin-right: 0; margin-bottom: 50px;}
        .stakeholders-hero-text-wrapper{background: none; margin-top: 0px; margin-bottom: 40px;}
        .stakeholders-hero-text{padding: 0;}
        .hero-info-box{margin-bottom: 0px;}

        .stakeholders-title{font-size: var(--fs-48);}
    }

    @media (max-width: 991px) {
        padding: 100px 0 30px;

        .hero-info-box {padding: 18px;}
        .hero-info-box .hero-info-text p {font-size: var(--fs-14);line-height: 1.2rem;}
        .hero-info-box .hero-info-text span {font-size: var(--fs-16);line-height: 1.2rem;}
        .hero-info-box .icon-box {min-width: 38px; width: 38px;height: 38px;margin-top: -10px;margin-right: -10px;}
        .hero-info-box .icon-box img{width: 80%;}
        
        .stakeholders-title{font-size: var(--fs-36);}
        .stakeholders-goal{font-size: var(--fs-16);}
    }

    @media (max-width: 767px) {
        padding-top: 75px;

        .hero-content{padding: 20px;}
        .stakeholders-title{font-size: var(--fs-32);}
        .stakeholders-goal{font-size: var(--fs-14);}
        .hero-info-box .hero-info-text p{max-width: 80%;}
    }
     @media (max-width: 575px) {
        background-image: url('../images/stakeholders-hero-bg-mob.jpg');

        .stakeholders-hero-text{padding-top: 20px;}
        .hero-content{justify-content: space-between;min-height: 600px;}
        .stakeholders-hero-text-wrapper{margin-bottom: 30px;}
    }
}

/* Farmers Section */
.farmers-section {
    padding: 130px 0 0; background-color: var(--color-primary);

    .farmers-bg-image{margin-top: -150px; position: relative; aspect-ratio: 3.21/1;}
    .farmers-bg-image img{width: 100%; position: absolute;}
    .farmers-description{position: relative; z-index: 1; font-size: var(--fs-16); color: var(--color-white); line-height: 1.5; margin: 0; padding-bottom: 9%; max-width: 417px;}

    @media (max-width: 991px) {
        padding-top: 60px;
        .farmers-bg-image{margin-top: -80px;}
        .farmers-description{padding-bottom: 0; max-width: 46%; margin-top: 20px; color: var(--color-secondary);}
    }
    @media (max-width: 767px) {
        padding: 60px 20px 30px;
        .main-title{font-size: var(--fs-24);}
        .sub-title{font-size: var(--fs-14);}
        .farmers-bg-image{aspect-ratio: 1/1.79;}
        .farmers-description{font-size: var(--fs-14); padding: 30px 18px; max-width: 100%; margin-top: 20px; color: var(--color-white);}
        
    }
}

/* FPOs Section */
.fpos-section{
    padding: 80px 0; background-color: var(--color-light-blue);

    .sec-img{border-radius: 24px;}
    
    p{color: var(--color-light-gray); max-width: 443px; font-weight: 400;}
    
    @media (max-width: 1199px){
        padding: 80px 0;

        .main-title{font-size: var(--fs-40);}
    }
    @media (max-width: 767px){
        padding: 60px 20px;

        .container{padding: 0;}
        .main-title{font-size: var(--fs-28);}
    }
}

/* Agri Enterprises Section */
.agri-enterprises-section{
    padding: 100px 0;
    
    .sub-title{text-transform: uppercase;}
    .title-box {display: flex; flex-direction: column; max-width: 300px; z-index: 1;}
    .img-text img{width: 100%;}
    .main-title mark{background-color: var(--color-primary); border-color: var(--color-primary);}

    @media (min-width: 992px) {
        .title-box {position: absolute; bottom: 15px; right: 20px; max-width: 380px;}
        .img-text{position: relative;}        
        .img-text p{position: absolute; top: 60px; left: 60px; max-width: 400px; color: var(--color-white);}
    }

    @media (min-width: 1200px) {
        .title-box {bottom: 30px; right: 40px; max-width: 430px;}
        .img-text p{top: 60px; left: 60px; max-width: 462px;}
    }

    @media (min-width: 1400px) {
        .title-box {bottom: 50px; right: 80px;}
        .img-text p{top: 70px; left: 70px;}
    }

    @media (max-width: 767px) {
        padding: 60px 8px;
    }
}

/* Startups Section */
.startups-section {
    padding: 100px 0; 

    .main-title > .ic--arrow-right-sm {width: 38px; height: 38px; border-radius: 50%; background-color: var(--color-primary); background-size: 60%;}
    .main-title strong{color: var(--color-dark-teal);}
    @media (min-width: 992px) {
        .max-468{max-width: 468px;}
    }

    @media (max-width: 767px) {
        padding: 60px 8px;
    }
}

/* Impact Partners Section */
.impact-partners-section{
    padding: 80px 0; background-color: var(--color-light-blue);

    .sec-img{border-radius: 24px;}
    p{color: var(--color-light-gray);}
    .main-title mark{margin-bottom: 8px;}
    .main-title mark:has(strong){margin-bottom: 0px; background-color: var(--color-primary); border-color: var(--color-primary);}

    @media (min-width: 992px) {
        .max-443{max-width: 443px;}
    }

    @media (max-width: 767px) {
        padding: 60px 8px;
    }
}

/* Investors & Lenders Section */
.investors-lenders-section{
    padding: 70px 0; background-color: #3D6B5D;

    .main-title strong{color: var(--color-primary);}
    .max-486{max-width: 486px;}
    .sec-img {margin-top: -180px;}

    @media (max-width: 1399px) {
        .max-486{max-width: 435px;}
        .sec-img {margin-top: -150px;}
    }

    @media (max-width: 1199px) {
        .max-486{max-width: 378px;}
        .sec-img {margin-top: -130px;}
    }

    @media (max-width: 991px) {
        .sec-img {margin-top: 0px;}
        .max-486{max-width: 100%;}
    }

    @media (max-width: 767px) {
        padding: 60px 8px;
    }
}

/* Testimonials Section */
.carousel-controls{display: flex; gap: 20px;}
.carousel-controls button{display: flex; align-items: center; justify-content: center; width: 72px; height: 72px; border-radius: 50%; border: 2px solid var(--color-secondary); background: transparent;}
.carousel-controls button .ic--arrow-right-sm{width: 34px;height: 26px;}
.carousel-controls button.carousel-prev .ic--arrow-right-sm{rotate: 180deg;}

@media (max-width: 991px) {
    .carousel-controls {gap: 14px;}
    .carousel-controls button{width: 60px; height: 60px;}
    .carousel-controls button .ic--arrow-right-sm{width: 26px; height: 20px;}
}
@media (max-width: 767px) {
    .carousel-controls{z-index: 1; top: auto; bottom: 0; left: 15px;}
    .carousel-controls button{width: 48px; height: 48px;}
}

.s-testimonials-section{
    padding-top: 100px;

    /* Shape Box */
    .shape-box {
        --radius-px: 40px; --mw: 500px; --mh: 110px; --box-color: var(--color-dark-teal);

        position: relative;
        width: 100%;padding: 70px; min-height: 200px;
        background: var(--box-color);
        position: relative;
        color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: end;
        

        clip-path: shape(
            from var(--radius-px) 0,

            line to calc((100% - var(--mw)) - var(--radius-px)) 0,
            curve to calc(100% - var(--mw)) var(--radius-px) with calc(100% - var(--mw)) 0,

            line to calc(100% - var(--mw)) calc(var(--mh) - var(--radius-px)),
            curve to calc((100% - var(--mw)) + var(--radius-px)) var(--mh) with calc(100% - var(--mw)) var(--mh),
           

            line to calc(100% - var(--radius-px)) var(--mh),
            curve to 100% calc(var(--mh) + var(--radius-px)) with 100% var(--mh),

            line to 100% calc(100% - var(--radius-px)),
            curve to calc(100% - var(--radius-px)) 100% with 100% 100%,

            line to var(--radius-px) 100%,
            curve to 0 calc(100% - var(--radius-px)) with 0 100%,

            line to 0 var(--radius-px),
            curve to var(--radius-px) 0% with 0 0,
            
            close
        ); 
    } 

    .main-title strong{color: var(--color-primary);}
    /* Carousel */
    .carousel-controls{position: absolute; top: 16px; right: 16px;}
    
    .testimonial-box{position: relative; width: 100%;padding: 50px 60px; min-height: 200px; color: var(--color-secondary); margin-top: 80px;}
    .testimonial-box::before{
        content: ''; position: absolute; inset: 0; z-index: -1;
        --radius-px: 26px; --mw: 120px; --mh: 76px; --box-color: var(--color-dark-teal); background-color: var(--color-white);
        clip-path: shape(
            from var(--radius-px) 0,

            line to calc((100% - var(--mw)) - var(--radius-px)) 0,
            curve to calc(100% - var(--mw)) var(--radius-px) with calc(100% - var(--mw)) 0,

            line to calc(100% - var(--mw)) calc(var(--mh) - var(--radius-px)),
            curve to calc((100% - var(--mw)) + var(--radius-px)) var(--mh) with calc(100% - var(--mw)) var(--mh),
           

            line to calc(100% - var(--radius-px)) var(--mh),
            curve to 100% calc(var(--mh) + var(--radius-px)) with 100% var(--mh),

            line to 100% calc(100% - var(--radius-px)),
            curve to calc(100% - var(--radius-px)) 100% with 100% 100%,

            line to var(--radius-px) 100%,
            curve to 0 calc(100% - var(--radius-px)) with 0 100%,

            line to 0 var(--radius-px),
            curve to var(--radius-px) 0% with 0 0,
            
            close
        ); 
    }
    .quote-marks{display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 0; width: 103px; height: 61px; border: 2px solid var(--color-primary); border-radius: 21px;}
    .quote-marks img{width: 30px; height: 21px;}
    .testimonial-author{position: relative; padding-bottom: 15px; margin-bottom: 32px;}
    .testimonial-author b{font-weight: 600;}
    .testimonial-author::after{content: ''; position: absolute; bottom: 0; left: 0; height: 1px; width: 92px; background-color: var(--color-secondary);}
    .testimonial-author p{margin-bottom: 0; font-weight: 300;}
    .testimonial-text{margin: 0; font-weight: 300;}

    @media (max-width: 1199px) {
        .shape-box{--mw: 330px;}
        .testimonial-box{padding: 30px;}
        .testimonial-author{max-width: calc(100% - 92px);}
    }
    @media (max-width: 991px) {
        .shape-box {--mw: 280px; --radius-px: 30px; --mh: 85px; padding: 50px 30px 30px;}
        .testimonial-box{margin-top: 50px;}
        .carousel-controls{top: 10px;}
    }
    @media (max-width: 767px) {
        padding: 60px 8px; background-color: var(--color-dark-teal);

        .shape-box{clip-path: none; padding: 0; padding-bottom: 70px;}
        .testimonial-author {text-wrap: balance;}
        .carousel-controls{top: auto;}
        .carousel-controls button{filter: brightness(10);}
    }
}

/* ===================================== 
            Financial Solutions Page
/* ===================================== */
.financial-solutions-page{
    .hero-section{
        background-color: var(--color-light-blue); background-image: url('../images/fs-home-hero-bg.jpg');
    
        .stakeholders-title mark{background-color: var(--color-primary); color: var(--color-secondary); border-color: var(--color-primary); padding-top: 8px; margin-bottom: 8px;}
        .hero-content{display: flex; align-items: end; justify-content: space-between; background-image: url(../images/fs-hero-border.svg); background-repeat: no-repeat; background-size: contain; aspect-ratio: 2.31/1;}
        .hero-text-wrapper{margin-top: 0; background:none;}
        .hero-text-box{max-width: 530px; padding: 0;}
        .hero-text-box h1{font-size: var(--fs-48); font-weight: 700;}
        .hero-text-box h1 > .rounded-pill{line-height: normal;}
        .hero-text-box h1 > .ic--arrow-right-sm{background-color: var(--color-primary); background-size: 60%; border-radius: 50px; width: 38px; height: 38px;}
        
        .hero-info-box{margin: 0 55px 55px 0; max-width: 603px; width: 100%; padding: 30px;}
        .hero-info-text{width: min(420px, 80%);}
        .hero-info-box .icon-box{margin-top: 0; margin-right: 0;}
        .hero-info-box .hero-info-text p{font-weight: 400;}

        @media (max-width: 1399px) {
            .hero-text-box{max-width: 450px;}
            .hero-text-box h1{font-size: var(--fs-40);}
            .hero-info-box{max-width: 516px; margin: 0 48px 40px 0;}
        }

        @media (max-width: 1199px) {
            /* .hero-content{border: 0; padding: 0; border-radius: 0;} */
            .hero-text-box{width: 380px;}
            .hero-text-box .sub-txt{font-size: 14px;}
            .hero-text-box h1 {font-size: var(--fs-32); margin-bottom: 0;}
            .hero-text-box h1 > .ic--arrow-right-sm{margin-bottom: -6px;}
            .hero-info-box {max-width: 440px; margin: 0 40px 30px 0;}
            .hero-info-box .hero-info-text p {font-size: 14px;}
        }

        @media (max-width: 991px) {
            .hero-content{background: none; flex-direction: column; align-items: start; aspect-ratio: auto;}
            .hero-text-wrapper {margin-bottom: 30px;}
            .hero-text-box{max-width: 100%; width: 100%; color: var(--color-white);}
            .hero-text-box h1 > .rounded-pill{background-color: var(--color-primary); border: 0 !important; color: var(--color-secondary);}
            .hero-info-box {margin: 0; padding: 20px;}
        }
        @media (max-width: 575px) {
            background-image: url('../images/fs-home-hero-bg-mob.jpg');
        }
    }

    /* our-approach-section */
    .our-approach-section{
        padding: 100px 0;

        .our-approach-wrapper{position: relative;}
        .our-approach-wrapper img{width: 100%;}
        .our-approach-content {max-width: 57%; position: absolute; bottom: 30px; right: 0;}
        .our-approach-content .main-title {font-size: var(--fs-30);}
        .our-approach-content .main-title strong{color: var(--color-dark-teal); font-weight: 700;}
        .our-approach-content .main-title .icon{display: inline-flex; width: 44px;height: 44px;border-radius: 50%; background-color: var(--color-primary); align-items: center; justify-content: center;}
        .our-approach-content .main-title .icon img{width: 60%;}

        @media (max-width: 1399px) {
            .our-approach-content{max-width: 60%;bottom: 25px;}
            .our-approach-content .main-title{font-size: var(--fs-28); margin-bottom: 0;}
            .our-approach-content .main-title .icon{width: 32px; height: 32px;}
        }
        @media (max-width: 1299px) {
            .our-approach-content .main-title{font-size: var(--fs-22); line-height: 1.5;}
        }
        @media (max-width: 991px) {
            .our-approach-wrapper{display: flex; flex-direction: column;}
            .our-approach-content {position: static; margin-left: auto; margin-top: -134px;}
        } 
        @media (max-width: 767px) {
            padding-top: 0px; padding-bottom: 60px;

            .container{padding: 0 20px}
            .our-approach-wrapper{margin-top: 30px;}
            .our-approach-content{margin-top: 0; margin-left: 0; max-width: 100%;}
            .our-approach-content .main-title .rounded-pill{color: var(--color-secondary);}
        }
        @media (max-width: 575px) {
            .our-approach-wrapper{padding-right: 27%;margin-top: -50px;}
        }
    }

    /* receivable-finance-section */
    .receivable-finance-section{
        padding: 100px 0; background-color: var(--color-light-blue);

        .rf-wrapper{background-image: url(../images/receivable-finance-bg.png); background-repeat: no-repeat; background-size: cover; color: var(--color-white); padding: 55px 60px; aspect-ratio: 2.7/1;}
        .rf-wrapper .main-title strong{color: var(--color-primary);}
        .hero-info-box{background-color: var(--color-white); border-radius: 20px; padding: 20px; color: var(--color-secondary); display: flex; justify-content: space-between; max-width: 442px;}
        .hero-info-text{max-width: 75%;}
        .icon-box{display: flex; align-items: center; justify-content: center; background-color: var(--color-primary); width: 55px; height: 55px; border-radius: 10px;}
    
        @media (max-width: 991px) {
            .rf-wrapper{background-image: url(../images/receivable-finance-bg-mob.jpg); border-radius: 20px; background-position: bottom;}
        }
        @media (max-width: 767px) {
            padding: 60px 8px;

            .rf-wrapper{padding: 30px 20px; aspect-ratio: 1/1.51; background-position: center;}
        }
    }

    /* deliver-now-section */
    .deliver-now-section{
        align-items: end; margin-top: -75px;

        .card{background-color: var(--color-white); border-radius: 40px; padding: 40px; border: 0; align-items: flex-start; margin-bottom: 20px;}
        .dn-list{display: flex; flex-direction: column; gap: 20px;}
        .dn-list-item{background-color: var(--color-white); display: flex; justify-content: space-between; gap: 36px; padding: 28.5px; border-radius: 20px;}
        .dn-list-item p{font-size: var(--fs-20); margin-bottom: 0; text-wrap: balance; max-width: 350px;}
        .dn-list-item img{width: 50px; min-width: 50px;}

        @media (min-width: 1200px) {
            .col-lg-5{width: 45%;}
            .col-lg-7{width: 55%;}
        }

        @media (max-width: 1399px) {
            img.w-100{aspect-ratio: 1 / 1.22;object-fit: cover;border-radius: 20px;}
        }
        @media (max-width: 1199px) {
            align-items: stretch; margin-top: 30px;

            img.w-100{aspect-ratio: unset; height: 100%;}
            .col-lg-8{display: flex; flex-direction: column-reverse; justify-content: flex-end;}
            .main-title{margin-top: 0; margin-bottom: 30px;}
        }
        @media (max-width: 991px) {
            .dn-list{margin-top: 30px;}
            .dn-list-item{justify-content: space-between;}
        }
        @media (max-width: 767px) {
            .dn-list-item{flex-direction: row-reverse; gap: 20px; padding: 20px; border-radius: 16px;}
            img{border-radius: 16px;}
        }
    }

    /* term-loans-section */
    .term-loans-section{
        padding: 100px 0; background-color: var(--color-primary);

        .sub-title{text-transform: uppercase;}
        .border-left-1{border-left: 1px solid var(--color-secondary); padding-left: 20px;}
        p.border-left-1.fs-18{max-width: 442px; margin-left: auto;}
        .term-loans-carousel{margin-top: 60px;}
        .term-loans-box{position: relative; width: 100%; height: 100%; padding: 50px 40px 40px; min-height: 200px; color: var(--color-secondary);}
        .term-loans-box::before{
            content: ''; position: absolute; inset: 0; z-index: -1;
            --radius-px: 26px; --mw: 82px; --mh: 82px; --box-color: var(--color-dark-teal); background-color: var(--color-white);
            clip-path: shape(
                from var(--radius-px) 0,

                line to calc((100% - var(--mw)) - var(--radius-px)) 0,
                curve to calc(100% - var(--mw)) var(--radius-px) with calc(100% - var(--mw)) 0,

                line to calc(100% - var(--mw)) calc(var(--mh) - var(--radius-px)),
                curve to calc((100% - var(--mw)) + var(--radius-px)) var(--mh) with calc(100% - var(--mw)) var(--mh),
            

                line to calc(100% - var(--radius-px)) var(--mh),
                curve to 100% calc(var(--mh) + var(--radius-px)) with 100% var(--mh),

                line to 100% calc(100% - var(--radius-px)),
                curve to calc(100% - var(--radius-px)) 100% with 100% 100%,

                line to var(--radius-px) 100%,
                curve to 0 calc(100% - var(--radius-px)) with 0 100%,

                line to 0 var(--radius-px),
                curve to var(--radius-px) 0% with 0 0,
                
                close
            ); 
        }
        .term-loans-box .tl-icon{position: absolute; top: 15px; right: 15px;width: auto;}
        .term-loans-box h4 {color: var(--color-dark-teal); max-width: 70%;}
        .term-loans-box p.fw-300{line-height: 1.375;}

        .instant-pre-approved-loans{display: flex; background-color: var(--color-white); padding: 40px 10px; border-radius: 26px; margin-top: 60px;}
        .instant-pre-approved-loans .ipl-title{width: 25%; padding: 0 40px; min-width: 360px;}
        .instant-pre-approved-loans .ipl-para {padding: 0 40px;}
        .instant-pre-approved-loans .ipl-para {border-left: 1px solid var(--color-secondary); font-weight: 500;}
        .instant-pre-approved-loans .ipl-p1 {width: 33%; font-weight: 300;}
        .instant-pre-approved-loans .ipl-p2 {width: 20%;}
        .instant-pre-approved-loans .ipl-p3 {width: 22%;}

        @media (max-width: 1599px) {
            .term-loans-carousel{margin-top: 20px;}
            .instant-pre-approved-loans{padding: 30px 10px;}
            .term-loans-box{padding: 30px;}
            .term-loans-box h4{font-size: var(--fs-24);}
        }

        @media (max-width: 1199px) {
            .instant-pre-approved-loans{flex-wrap: wrap;}
            .instant-pre-approved-loans .ipl-title{width: 100%; margin-bottom: 30px;}
            .instant-pre-approved-loans .ipl-p1 {width: 40%; border: 0;}
            .instant-pre-approved-loans .ipl-p2 {width: 30%;}
            .instant-pre-approved-loans .ipl-p3 {width: 30%;}
        }
        @media (max-width: 991px) {
            .term-loans-carousel > div:not(:last-child){margin-bottom: 30px;}
        }
        @media (max-width: 767px) {
            padding: 60px 8px 30px;

            .term-loans-carousel > div:not(:last-child){margin-bottom: 0px;}
            .term-loans-carousel.owl-carousel .owl-stage{display: flex; align-items: stretch;}
            .term-loans-carousel.owl-carousel .owl-stage .owl-item > div{height: 100%;}
            .carousel-controls{justify-content: right; margin-top: 20px;}

            .instant-pre-approved-loans{padding: 10px 30px;}
            .instant-pre-approved-loans .ipl-title{padding: 30px 0; margin-bottom: 0px;}
            .instant-pre-approved-loans .ipl-para {width: 100%; border-left: 0; border-top: 1px solid var(--color-secondary); padding: 30px 0;}
        }
    }

    /* Commerce connects section */
    .commerce-connects-section{
        padding: 100px 0; background-color: var(--color-light-blue);

        .title-box{border-radius: 30px; background-color: var(--color-white); padding: 55px 40px; height: 100%;}
        .main-title{margin-bottom: 0; line-height: 1.125;}
        .fscc-grid{display: grid;grid-template-columns: repeat(2, 1fr);column-gap: 2rem;width: 100%;}
        .fscc-item{display: flex; flex-direction: column; gap: 20px;}
        .fscc-item:not(:nth-last-child(-n+2)){border-bottom: 1px solid var(--color-secondary); padding-bottom: 30px; margin-bottom: 30px;}
        .fscc-icon{width: 55px; height: 55px;}
        .fscc-text{font-weight: 300; font-size: var(--fs-18); padding-bottom: 0;}

        .cc-items{display: flex; column-gap: 90px;}

        @media (max-width: 991px) {
            .title-box{padding: 30px;}
        }
        @media (max-width: 767px) {
            padding: 60px 8px;

            .fscc-grid{grid-template-columns: 1fr;}
            .fscc-item:not(:last-child){border-bottom: 1px solid var(--color-secondary); padding-bottom: 30px; margin-bottom: 30px;}
        }
    }

    /* contact-section footer */
    .contact-section{
        .contact-box{background-image: url(../images/fs-footer-from-bg.jpg); color: var(--color-white);}
    }
}

/* ===================================== 
            Trade Facilitation Page
/* ===================================== */
.trade-facilitation-page{
    .sub-title{display: block; text-transform: uppercase;}

    /* hero section */
    .hero-section{
        background-image: url('../images/trade-facilitation-hero-bg.jpg');
        .info-box .sub-txt{font-size: var(--fs-18); font-weight: 500; color: var(--color-primary); text-transform: uppercase; margin-bottom: 20px;}
        .info-box h1{font-size: var(--fs-48); font-weight: 700; color: var(--color-white);line-height: 1.125;}
        .hero-text-wrapper{background-image: url(../images/trade-facilitation-hero-border.svg);margin-top: -265px;}
        .hero-text-box{padding: 0;aspect-ratio: 2.44 / 1;}
    
        @media (max-width: 1199px) {
            .hero-text-wrapper{background-image: none;}
        }
        @media (max-width: 767px) {
            .hero-content{padding-bottom: 100px;}
            .info-box .sub-txt{--fs-18: 14px}
            .info-box h1{--fs-48: 2.75rem;}
            .hero-text-box{aspect-ratio: initial;}
            .hero-text-wrapper{margin-top: 0;}
        }
        @media (max-width: 575px) {
            background-image: url('../images/trade-facilitation-hero-bg-mob.jpg');
            .hero-content{justify-content: start;padding-bottom: 30px;}
        }
    }

    .we-enable-commerce-section{
        padding: 100px 0; background-color: var(--color-primary-light);
        .rounded-pill{display: inline-flex; border: 2px solid var(--color-secondary); padding: 9px 10px 0 10px;line-height: 0.8;}
        
        .main-title{margin-bottom: 30px;}
        .main-title strong{color: var(--color-dark-teal);}
        .wec-card{display: flex; flex-direction: column; background-color: var(--color-white); color: var(--color-dark-teal); border-radius: 20px; overflow: hidden;}
        .wec-card-desc{padding: 30px 40px;}
        .wec-card-desc h5{font-weight: 300; font-size: var(--fs-16); margin-bottom: 12px;}
        .wec-card-desc ul{position: relative; display: flex; flex-direction: column; gap: 12px; list-style: none; padding-top: 12px; padding-left: 0;}
        .wec-card-desc ul::after{content: ''; position: absolute; top: 0; left: 0; width: 90%; height: calc(100% - 12px); border-top: 1px solid #D9D9D9; border-left: 1px solid #ddd; border-top-left-radius: 14px;}
        .wec-card-desc li{position: relative; font-size: var(--fs-18); font-weight: 600;padding-left: 18px;}
        .wec-card-desc li::after{content: ''; position: absolute; left: -2px; top: 10px; width: 6px; height: 6px; border-radius: 50%; background-color: #D9D9D9;}
        .wec-card img{width: 100%;}
        .bg-img{width: 100%; height: 100%; border-radius: 20px; object-fit: cover;}

        @media (min-width: 992px) {
            .col-lg-7{width: 64%;}
            .col-lg-5{width: 36%;}
        }

        @media (max-width: 767px) {
            padding: 60px 8px; 

            .wec-card-desc{padding: 30px 25px;}
            .wec-card-desc ul{margin-bottom: 0;}
        }
    }

    .market-linkages-section{
        padding: 100px 0;

        .max-443{max-width: 443px;}

        @media (max-width: 767px) {
            padding: 60px 8px; 
        }
    }

    .bill-to-ship-section{
        padding: 80px 0 0;

        .main-title.text-dark-teal {color: var(--color-secondary) !important;}
        .main-title.text-dark-teal strong {color: var(--color-dark-teal) !important;}
        .bts-card{width: 100%; border: 2px solid #D9D9D9; border-radius: 30px; padding: 40px 80px;}
        .bts-card p.fs-18{max-width: 462px; margin-bottom: 40px;}
        .bts-card ul {display: flex; justify-content: space-between; padding-left: 0; padding-bottom: 32px; border-bottom: 1px solid #D9D9D9; list-style: none; position: relative; margin-bottom: 45px;}
        .bts-card ul li{position: relative; display: flex; flex-direction: column; justify-content: start; align-items: start;}
        .bts-card ul li:not(.bts-list-p){
            &{min-width: 113px;}
            &::after, &::before{content: ''; position: absolute; bottom: -32px; width: 1px; height: 23px; background-color: #D9D9D9;}
            &::before{bottom: -10px; width: 7px; height: 7px; border-radius: 50%;}
            
            &.l-start::before{left: -3px;}
            &.l-end::before{right: -3px;}
        }
        .bts-card ul li.l-center{align-items: center;}
        .bts-card ul li.l-end{align-items: end;}
        .bts-card ul li h3{font-size: var(--fs-20); font-weight: 600; margin-bottom: 0; margin-top: 10px;}
        .bts-card ul li p{font-size: 12px; font-weight: 300; margin-bottom: 0;}
        .bts-card .bts-list-p{position: absolute;bottom: -42px; width: 50%; text-align: center; align-items: center;}
        .bts-card .bts-list-p.blp1{left: 0;}
        .bts-card .bts-list-p.blp2{right: 0;}

        .tf-bts-bg{margin-top: 32px;}
        
        @media (min-width: 992px) {
            .col-lg-6{width: 54%;}
            .tf-bts-bg{margin-top: -11%;}
        }
        @media (max-width: 1199px) {
            .bts-card{padding: 30px;}
            .bts-card ul li:not(.bts-list-p){
                &{min-width: 103px;}
            }
            .bts-card ul li h3{--fs-20: 1.125rem;}
            .bts-card ul li p{font-size: 10px;}
            
        }
        @media (max-width: 767px) {
            padding: 20px 0px 0;
            .container{padding: 0 20px;}
            .bts-card{border-width: 1px; border-radius: 15px;}
            .bts-card p.fs-18{font-size: 14px; color: var(--color-dark-teal); font-weight: 400; margin-bottom: 30px;}
            .bts-card ul{flex-direction: column; border-bottom: 0; margin: 0; padding: 0;}
            .bts-card ul li{align-items: start !important;}
            .bts-card ul li:not(.bts-list-p){
                &::after, &::before{display: none;}
            }
            .bts-card .bts-list-p{position: relative; inset: 0; width: 100%; text-align: left; padding: 0 18px; margin: 20px 0; border-left: 1px solid #D9D9D9;}
            .bts-card .bts-list-p::before, .bts-card .bts-list-p::after{content: ''; position: absolute;  top: 0px; left: -4px; width: 7px; height: 7px; border-radius: 50%; background-color: #D9D9D9;}
            .bts-card .bts-list-p::after{top: auto; bottom: 0;}
            .bts-card ul li h3{--fs-20: 1.25rem;}
            .bts-card ul li p{font-size: 14px;}
            .bts-card ul li p > br{display: none;}
        }
        @media (max-width: 575px) {
            padding-bottom: 60px;
            .tf-bts-bg{margin: 0 0px 32px -8px;width: calc(100% + 16px);padding: 0;max-width: initial;}
        }
    }

    .modern-retailer-trade-section{
        padding: 100px 0; background-color: var(--color-light-blue);

        @media (max-width: 767px) {
            padding: 60px 8px; 
        }
    }

    /* contact-section footer */
    .contact-section{
        .contact-box{background-image: url(../images/tf-footer-from-bg.jpg);}
        .main-title{margin-bottom: 25px; color: var(--color-white);}
        .main-title + p{margin-bottom: 40px;}
        .contact-form {min-height: 130px;}
        .btn{margin-bottom: 0;}
    }
}

/* ===================================== 
            Innovations Page
/* ===================================== */
.innovations-page{
    .sub-title{display: block; text-transform: uppercase;}

    .hero-section{
        background-image: url('../images/innovations-hero-bg.jpg');

        .hero-text-wrapper{background-image: url(../images/innovations-hero-border.svg);margin-top: -160px;}
        .hero-info-box{margin-left: auto;}
        .hero-text-box h1{font-weight: 700;}
        .hero-text-box h1 mark{border-color: var(--color-primary); padding-top: 8px;}
        .rounded-pill{padding-top: 10px; border-color: var(--color-primary) !important;}
        .hero-text-box{padding-top: 185px;}
        .hero-text-box .sub-txt{font-weight: 500;}

        .hero-info-box{justify-content: center;margin-top: 40px;margin-bottom: 0;margin-right: 10px;}
        .hero-info-box .hero-info-text p{text-align: center; font-weight: 500; color: var(--color-dark-teal);}
        .hero-info-box .hero-info-text > div{display: flex;justify-content: center; align-items: center;flex-wrap: wrap;}
        .hero-info-box .hero-info-text span{font-size: var(--fs-16); font-weight: 300; padding: 7px 18px; border: 1px solid #6F6F6F;border-radius: 40px;}
        .hero-info-box .hero-info-text span > b{font-weight: 700; color: var(--color-dark-teal);}
    
        @media (max-width: 1399px) {
            .hero-text-box{padding-top: 150px;}
            .hero-info-box{padding: 30px 10px; margin-top: 20px; margin-bottom: 10px;}
        }
        @media (max-width: 1199px) {
            .hero-text-wrapper{background-image: none; margin-top: 50px;}
            .hero-text-box{padding: 0px;}
            .hero-info-box{margin: 0;}
        }
        @media (max-width: 767px) {
            
            .hero-text-wrapper{margin-top: 30px; margin-bottom: 0px;}
            .hero-info-box{padding: 20px;}
            .hero-info-box .hero-info-text p{text-align: left;}
            .hero-info-box .hero-info-text > div{justify-content: flex-start; gap: 10px;}
        }
        @media (max-width: 575px) {
            background-image: url('../images/innovations-hero-bg-mob.jpg');
            .hero-content{justify-content: space-between;}
        }
    }

    .innovation-action-section{
        padding: 100px 0;

        .max-500{max-width: 500px;}
        .mb-70{margin-bottom: 70px;}
        .green-box-card{background-color: var(--color-dark-teal); color: var(--color-white); border-radius: 10px; padding: 25px 40px; max-width: 587px; margin-left: auto;}
        .green-box-card h4{font-weight: 600; font-size: var(--fs-16); margin-bottom: 12px;}
        .green-box-card p {line-height: 1.25;}
        .units{display: flex; gap: 10px; margin-bottom: 15px;}
        .units > span{flex: 1; height: 70px; border-radius: 8px; line-height: 1; display: inline-flex; justify-content: center; align-items: center; font-size: var(--fs-14); font-weight: 500;}
        .units > span:nth-child(1) {background-color: #D9F7FF; color: var(--color-secondary);}
        .units > span:nth-child(2) {background-color: #80A35F; color: var(--color-white);}
        .units > span:nth-child(3) {background-color: var(--color-primary); color: var(--color-secondary);}

        @media (max-width: 1199px) {
            .green-box-card{max-width: 100%; padding: 30px;}
            .mb-70{margin-bottom: 40px;}
        }
        @media (max-width: 991px) {
            .img-fluid{width: 100%;}
            .green-box-card{margin: 0; margin-top: 20px;}
            .mb-70{margin-bottom: 30px;}
        }
        @media (max-width: 767px) {
            padding: 60px 8px; 

            .green-box-card{margin-top: 0; margin-bottom: 30px; border-radius: 15px; background-color: var(--color-primary-light); color: var(--color-dark-teal);}
            
        }
        @media (max-width: 575px) {
            .units > span{font-size: 10px;}
            .green-box-card h4{max-width: 70%;}
            .green-box-card p{color: var(--color-light-gray);}
        }
    }

    .startup-synergy-section{
        padding: 100px 0; background-color: var(--color-light-blue);

        .main-title{line-height: 1.1;}

        @media (max-width: 767px) {
            padding: 60px 8px; 
        }
    }

    .cross-selling-section{
        padding: 100px 0 0; overflow: hidden;

        .max-568{max-width: 568px; margin-left: auto; margin-top: 35px;}
        .main-title{--fs-48: 2.875rem;}
        .sec-img{margin-top: -60px;}

        @media (max-width: 1399px) {
            .main-title br{display: none;}
        }
        @media (max-width: 1199px) {
            .max-568{max-width: 100%;}
            .sec-img{margin-top: 0px;}
        }
        @media (max-width: 991px) {
            .cs-list{margin-top: 30px;}
            .cs-list-item{justify-content: space-between;}
        }
        @media (max-width: 767px) {
            padding: 60px 8px 20px;
            .max-568{margin-top: 0; margin-bottom: 0;}
            .cs-list{flex-direction: column; align-items: start; margin-bottom: 30px;}
            .sec-img{width: calc(100vw - 15px); margin-left: calc((100vw - 531px) / -2); margin-top: 0px;}
        }       
        @media (max-width: 575px) {
            .cs-list-item{min-width: 115px; padding: 6px 10px; border-radius: 30px;}
            .cs-list-item h5{--fs-30: 14px;}
            .cs-list-item p{--fs-16:10px;}
            .sec-img{width: 100vw; margin-left: -20px;}
        }
    }

    .contact-section{
        .contact-box{background-image: url(../images/innovations-footer-from-bg.jpg);}
        .main-title{margin-bottom: 25px; color: var(--color-white);}
        .main-title + p{margin-bottom: 40px;}
        .btn {margin-bottom: 0px;}
    }
}

/* ===================================== 
            Market Places Page
/* ===================================== */
.market-places-page{
    .sub-title{display: block; text-transform: uppercase;}

    .hero-section{
        background-image: url('../images/market-places-hero-bg.jpg');
        .hero-text-wrapper{background-image: url(../images/market-places-hero-border.svg);margin-top: -255px;}
        
        .hero-info-box{margin-left: auto;}
        .hero-text-box{padding-top: 380px;}

        .hero-info-box{margin-top: 20px; margin-right: 10px; max-width: 558px;}
        .hero-info-box .icon-box{min-width: 55px;}
        .hero-info-box .hero-info-text p {max-width: 388px; margin-right: 15px;font-size: var(--fs-22);line-height: 1.3;font-weight: 400;}

        @media (max-width: 1399px) {
            /* .hero-info-box .icon-box{min-width: 55px;} */
            .hero-text-wrapper{margin-top: -210px;}
            .hero-text-box{padding-top: 332px;}
            .hero-info-box{max-width: 500px;}
            .hero-info-box .hero-info-text p{--fs-22: 1.125rem; }
            
        }
        @media (max-width: 1199px) {
            /* .hero-info-box .icon-box{min-width: 55px;} */
            .hero-text-wrapper{background-image: none; margin-top: 0px;}
            .hero-text-box{padding-top: 100px; }
            .hero-info-box{margin: 0;}
            
        }
        @media (max-width: 767px) {
            .hero-info-box .icon-box{min-width: 38px;}
            .hero-info-box .hero-info-text p{font-size: var(--fs-14);}
        }
        @media (max-width: 575px) {
            .hero-content{justify-content: start; flex-direction: column-reverse;}
            .hero-text-box{padding-top: 0; padding-bottom: 30px;}
        }
    }

    .fpo-next-section{
        padding: 100px 0; background-color: var(--color-light-blue);

        p{font-size: var(--fs-22);}
        .main-title mark{color: var(--color-dark-teal);}

        @media (max-width: 1399px) {
            p{font-size: var(--fs-18);}
        }
        @media (max-width: 767px) {
            padding: 60px 8px;   
            p{font-size: var(--fs-16);} 
            .main-title br{display: none;}
        }
    }

    .trade-next-section{
        padding: 100px 0; 

        .trade-next-list{display: flex; flex-direction: column; gap: 20px;}
        .trade-next-item{display: flex; align-items: center; gap: 40px; border-radius: 20px; border: 1px solid var(--color-dark-teal); padding: 24px 48px;}
        .trade-next-item p {max-width: 352px; font-size: var(--fs-22); margin-bottom: 0;}
        .card{background-color: var(--color-primary); border: 0; padding: 70px; height: 100%; border-radius: 20px;}
        .card p{font-size: var(--fs-22);}

        @media (max-width: 1399px) {
            .trade-next-item p, p, .card p{font-size: var(--fs-18);}
        }
        @media (max-width: 767px) {
            padding: 60px 8px;

            .trade-next-item{padding: 16px;gap: 20px;}
            .trade-next-item p, p, .card p{font-size: var(--fs-16);}
            .card{padding: 30px 20px;}
            .main-title br{display: none;}
        }
    }

    .input-marketplace-section{
        padding: 100px 0; background-color: var(--color-light-blue);

        p{font-size: var(--fs-22);}
        .main-title mark{color: var(--color-dark-teal); margin-bottom: 8px;}

        @media (max-width: 1399px) {
            p{font-size: var(--fs-18);}
        }
        @media (max-width: 767px) {
            padding: 60px 8px;
            p{font-size: var(--fs-16);}
            .main-title br{display: none;}
        }
    }

    .output-marketplace-section{
        padding-bottom: 82px; background-image: url(../images/output-marketplace-bg.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;
    
        .output-marketplace-content{padding: 60px 40px;background-color: var(--color-primary);border-radius: 0 0 40px 40px;}
        p{font-size: var(--fs-22);}
        .main-title mark{margin-bottom: 8px;}

        @media (max-width: 1399px) {
            p{font-size: var(--fs-18);}
        }
        @media (max-width: 1199px) {
            .output-marketplace-content{padding: 30px;}
        }
        @media (max-width: 767px) {
            padding: 0 8px 60px 8px;
            p{font-size: var(--fs-16);}
            .main-title br{display: none;}
        }
    }

    .credit-marketplace-section{
        padding: 100px 0; background-color: var(--color-light-blue);

        p{font-size: var(--fs-22);}
        .img-mt{margin-top: -180px;}
        .max-w-485{max-width: 485px;}

        @media (max-width: 1399px) {
            p{font-size: var(--fs-18);}
            .img-mt{margin-top: -80px;}
        }
        @media (max-width: 991px) {
            .max-w-485{max-width: 100%;}
        }
        @media (max-width: 767px) {
            padding: 60px 8px;
            p{font-size: var(--fs-16);}
            .main-title br{display: none;}
        }
    }

    .consumer-marketplace-section{
        padding: 100px 0 0; 

        p{font-size: var(--fs-22);}
        .sec-img{position: relative; z-index: -1;}
        .img-mt{margin-top: -50px;}
        .max-w-485{max-width: 485px;}
        .main-title{line-height: 1.1;}

        @media (max-width: 1399px) {
            p{font-size: var(--fs-18);}
        }
        @media (max-width: 991px) {
            .max-w-485{max-width: 100%;}
        }
        @media (max-width: 767px) {
            padding: 60px 0px 0px;
            .container{padding: 0 20px;}
            p{font-size: var(--fs-16);}
            .main-title br{display: none;}
            .img-mt{margin-top: 30px;}
        }
    }

    .contact-section{
        .contact-box{background-image: url(../images/mp-footer-from-bg.jpg);}
        .main-title{margin-bottom: 5px;}
        .main-title + p{margin-bottom: 50px;}
        .contact-form {min-height: 130px;}
    }
}

/* ===================================== 
            About Us Page
/* ===================================== */
.aboutus-page{
    .hero-section{
        background-image: url('../images/aboutus-hero-bg.jpg');
        
        .hero-text-wrapper{background-image: url(../images/aboutus-hero-border-new.svg);margin-top: 0;}
        .hero-text-box{aspect-ratio: 2.35/1; padding: 40px 50px; display: flex; flex-direction: column; justify-content: end;}
        .hero-info-box{margin-top: -345px; margin-left: auto; margin-right: 10px; max-width: 640px; padding: 20px; margin-bottom: 20px;}
        .hero-info-box .hero-info-text p{max-width: 100%; font-size: var(--fs-16); margin-bottom: 5px;}
        .hero-info-box .hero-info-text p strong{font-weight: 500;}
        .hero-info-box .icon-box{margin: 0 15px 0 auto; flex-shrink: 0;}

        @media (max-width: 1399px) {
            .hero-info-box{max-width: 556px; margin-top: -305px;margin-bottom: 0px;}
        }
        @media (max-width: 1199px) {
            .hero-text-wrapper{background-image: none;}
            .hero-text-box{padding: 0;justify-content:start; aspect-ratio: unset;}
            .hero-info-box{margin-top: 30px; margin-left: 0;}
        }
        @media (max-width: 991px) {
            .hero-info-box .hero-info-text p{font-size: var(--fs-14);}
        }
        @media (max-width: 767px) {
            .hero-info-box {padding: 16px; margin-right: 0;}
        }
        @media (max-width: 575px) {
            background-image: url('../images/aboutus-hero-bg-mob.jpg');
            .hero-content{/*flex-direction: column-reverse;*/ justify-content: space-between; gap: 30px;}
            .hero-info-box{margin:0;}
        }
    }

    .our-vision-section{
        padding: 100px 0 80px; background-color: var(--color-primary);

        --ov-br: 40px;
        --ov-h: 210px;
        --ov-w: 60px;

        clip-path: shape(
            from 0 0,

            line to 100% 0,

            line to 100% calc(100% - var(--ov-h)),

            line to calc(50% + var(--ov-w) + var(--ov-br)) calc(100% - var(--ov-h)),
            curve to calc(50% + var(--ov-w)) calc(100% - var(--ov-h) + var(--ov-br)) with calc(50% + var(--ov-w)) calc(100% - var(--ov-h)),

            line to calc(50% + var(--ov-w)) calc(100% - var(--ov-br)),
            curve to calc(50% + var(--ov-w) - var(--ov-br)) 100% with calc(50% + var(--ov-w)) 100%,

            line to 0 100%,
            
            close
        );

        .main-title{background-color: var(--color-white); display: inline-block; padding: 12px 20px 4px 20px; border-radius: 30px; margin-bottom: 35px;}
        p.fs-22{line-height: 1.1;}
        .max-414{max-width: 414px;}

        @media (max-width: 1399px) {
            --ov-h: 170px; --ov-w: 50px;
        }

        @media (max-width: 1199px) {
            clip-path: none;
        }

        @media (max-width: 991px) {
            br{display: none;}
            .max-414{max-width: 100%;}
        }

        @media (max-width: 767px) {
            padding: 60px 8px;

            .main-title{padding: 8px 12px 1px 12px; margin-bottom: 30px;}
            .fs-22{font-size: 18px;}
            .fs-20{font-size: 14px;}
        }
    }

    .our-mission-section{
        padding: 100px 0; margin-top: -250px;

        .main-title{border: 1px solid var(--color-secondary); display: inline-block; padding: 12px 20px 4px 20px; border-radius: 30px; margin-bottom: 35px;}
        .max-410{max-width: 410px;}

        @media (max-width: 1399px) {
            margin-top: -215px;
        }

        @media (max-width: 1199px) {
            margin-top: 0px;
        }

        @media (max-width: 991px) {
            br{display: none;}
            .max-410{max-width: 100%;}
        }

        @media (max-width: 767px) {
            padding: 60px 8px;
            .main-title{padding: 8px 12px 1px 12px; margin-bottom: 30px;}
            .fs-22{font-size: 18px;}
            .fs-20{font-size: 14px;}
        }
    }

    .ripples-section{
        padding: 100px 0; background-color: var(--color-light-blue);

        .card{max-width: 522px; padding: 40px; border-radius: 40px; background-color: var(--color-white); border:0; margin-bottom: 90px;}
        .card p{font-size: var(--fs-20); font-weight: 300; line-height: 1.2; margin-bottom: 0;}
        
        .ripples-list{display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 60px;}
        .ripples-item{padding: 25px 0;}
        .ripples-item:not(:nth-last-child(-n+2)) {border-bottom: 1px solid var(--color-border-teal);}
        .ripples-item h3{font-size: var(--fs-60); line-height: 1; color: var(--color-dark-teal); font-weight: 600; margin-bottom: 0;}
        .ripples-item p{margin-bottom: 0; font-size: var(--fs-18); font-weight: 300; line-height: 1;}

       

        @media (max-width: 1199px) {
            .ripples-item h3 {--fs-60: 3rem;}
        }

        @media (max-width: 991px) {
            .card {max-width: 100%; margin-bottom: 40px;}
            .ripples-list{margin-bottom: 40px;}
            .card p{--fs-20: 1rem;}
            .ripples-item h3 {--fs-60: 2.5rem;}
        }

        @media (max-width: 767px) {
            padding: 60px 8px;
        }
        @media (max-width: 575px) {
            .card {margin-bottom: 30px; border-radius: 20px; padding: 20px;}
            .ripples-list{column-gap: 30px; margin-bottom: 20px;}
            .ripples-item {padding: 16px 0;}
            .ripples-item h3 {--fs-60: 1.875rem;}
            .ripples-item p{font-size: 14px;}
        }
    }

    .platform-section{
        padding: 100px 0; background-color: var(--color-dark-teal);

        .main-title{max-width: 1000px; line-height: 1.5; margin-bottom: 50px;}
        .main-title .icon{display: inline-flex; width: 44px; height: 44px; border-radius: 50%; background-color: var(--color-primary); align-items: center; justify-content: center; vertical-align: middle;}
        .main-title strong{padding-top: 4px; padding-bottom: 4px; border: 1px solid var(--color-white); border-radius: 40px; padding: 8px 16px 4px;}
        .card{border-radius: 30px; border: 0; padding: 20px 50px;}
        .card h5{font-size: var(--fs-20); font-weight: 700;}
        .card ul{padding: 0; margin-bottom: 0; list-style: none;}
        .card ul.mb-40{margin-bottom: 40px;}
        .card ul li{position: relative; padding-left: 24px; margin-bottom: 4px; font-size: var(--fs-16); line-height: 1.4;}
        .card ul li::before{content: ''; position: absolute; left: 0; top: 0px; width: 16px; height: 16px; background: url(../images/circle-tick-icon.svg); background-size: cover;}

        @media (max-width: 1599px) {
            .main-title {max-width: 850px;}
        }
        @media (max-width: 991px) {
            .card{padding-bottom: 40px;}
        }
        @media (max-width: 767px) {
            padding: 60px 8px;
            .main-title{margin-bottom: 30px;}
            .main-title strong{white-space: nowrap;padding-top: 3px;padding-bottom: 2px;}
            .card h5{font-size: var(--fs-16);}
            .card ul li{font-size: var(--fs-14);}
        }
        @media (max-width: 575px) {
            .main-title .icon{width: 30px;height: 30px;}
            .main-title .icon img{width: 60%;}
            .card{padding: 40px 25px; border-radius: 20px;}
        }
    }

    .leadership-section{
        padding: 100px 0;

        .main-title{max-width: 340px; margin-top: -90px;}
        .leadership-img{
            --l-br: 20px;
            --l-w: 370px;
            --l-h: 120px;

            background-color: #ddd; overflow: hidden; border-radius: var(--l-br); height: 100%;

            clip-path: shape(
                from 0 0,
                line to 100% 0,
                line to 100% 100%,

                line to calc(100% - var(--l-w) + var(--l-br)) 100%,
                curve to calc(100% - var(--l-w)) calc(100% - var(--l-br)) with calc(100% - var(--l-w)) 100%,

                line to calc(100% - var(--l-w)) calc(100% - var(--l-h) + var(--l-br)),
                curve to calc(100% - var(--l-w) - var(--l-br)) calc(100% - var(--l-h)) with calc(100% - var(--l-w)) calc(100% - var(--l-h)),

                line to var(--l-br) calc(100% - var(--l-h)),
                curve to 0 calc(100% - var(--l-h) - var(--l-br)) with 0 calc(100% - var(--l-h)),
                close
            );
        }
        .leadership-img img {height: 100%; width: 100%; object-fit: cover;}
        .leadership-list{display: flex; flex-direction: column; gap: 20px;}
        .l-item{display: flex; gap: 20px; border: 1px solid var(--color-secondary); border-radius: 20px; padding: 25px;}
        .l-item p{font-size: var(--fs-20); line-height: 1.25; margin-bottom: 0;}

        @media (max-width: 1399px) {
            .leadership-img{--l-w: 300px;}
        }

        @media (max-width: 1199px) {
            .leadership-img{--l-w: 230px;}
        }

        @media (max-width: 991px) {
            .col-lg-7{display: flex; flex-direction: column-reverse;}
            .main-title{margin-top: 0;}
            .leadership-img{height: auto; clip-path: none;}
            .l-item{flex-direction: row-reverse;}
            .l-item p {margin-right: auto;}
        }

        @media (max-width: 767px) {
            padding: 60px 8px;

            .l-item{align-items: center; padding: 16px;}
            .l-item p{font-size: 14px;}
            .l-item img{width: 40px; height: 40px;}
        }
    }

    .our-journey-section{
        padding: 100px 0; background-color: var(--color-light-blue);

        .main-title{line-height: 1.1;}
        .main-title .rounded-pill{border-color: var(--color-secondary) !important; padding: 5px 20px;}

        .timeline-container {width: 100%;position: relative; margin-top: 30px;}
        .timeline-header {display: flex;align-items: center;justify-content: center; max-width: 630px; position: absolute; left: 20px; top: 25px;}
        .timeline-wrapper {position: relative;overflow: hidden;width: 100%;}
        .timeline {display: flex;align-items: end;min-width: 100%; transition: transform 0.5s ease;}
        .timeline-item {display: flex;flex-direction: column;align-items: center;cursor: pointer;min-width: 106px; position: relative;}
        .timeline-label {font-weight: 600; color: var(--color-secondary); margin-bottom: 4px; white-space: nowrap; opacity: 0.7; font-size: 14px;}
        .timeline-year {font-weight: 600; color: var(--color-secondary); white-space: nowrap; opacity: 0.5; line-height: 24px;}
        .timeline-dot {width: 12px;height: 12px;border-radius: 50%;background: var(--color-white); border: 1px solid var(--color-secondary); margin-top: 10px;}
        .timeline-dot::after {content: ''; height: 1px; width: 100%; background-color: var(--color-secondary);position: absolute;bottom: 5px;right: 0; z-index: -1;}
        .timeline-item:first-of-type .timeline-dot::after{width: 50%;}
        .timeline-item:last-of-type .timeline-dot::after{width: 50%; right: auto; left: 0;}
        .timeline-item.active .timeline-year {font-size: var(--fs-22); opacity: 1;}
        .timeline-item.active .timeline-dot {background: var(--color-secondary);}
        
        .nav-controls {display: flex;align-items: center;margin-left: auto;gap: 20px;margin-top: -50px;max-width: 520px;padding-left: 30px;}
        .nav-button {background-color: transparent;border: 1px solid var(--color-secondary);border-radius: 50%;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;cursor: pointer;font-size: var(--fs-36);color: var(--color-secondary);font-weight: 600;}
        .nav-button:disabled {opacity: 0.5;cursor: not-allowed;transform: none;}
        
        .content-wrapper{
            --tl-br: 40px;
            --tl-w: 590px;
            --tl-h: 130px;

            background: var(--color-primary);border-radius: var(--tl-br);padding: 45px;
        
            clip-path: shape(
                from 0px calc(var(--tl-h) + var(--tl-br)),
                curve to var(--tl-br) var(--tl-h) with 0 var(--tl-h),

                line to calc(100% - var(--tl-w) - var(--tl-br)) var(--tl-h),
                curve to calc(100% - var(--tl-w)) calc(var(--tl-h) - var(--tl-br)) with calc(100% - var(--tl-w)) var(--tl-h),

                line to calc(100% - var(--tl-w)) var(--tl-br),
                curve to calc(100% - var(--tl-w) + var(--tl-br)) 0px with calc(100% - var(--tl-w)) 0px,

                line to 100% 0px,

                line to 100% 100%,

                line to 0 100%,

                close
            );
        }
        .content-section {display: flex;gap: 30px;margin-top: 0px;}
        .image-container {flex: 1;border-radius: 40px;position: relative;overflow: hidden;margin-top: 130px;}
        .content-image {width: 100%;height: 100%;object-fit: cover;border-radius: 10px;}
        .content-info {flex: 1;max-width: 520px;padding: 60px 30px 70px; min-height: 650px;}
        .badges{position: absolute; top: 48px; left: 760px;}
        .year-badge {background: var(--color-white); padding: 8px 16px; border-radius: 20px; font-weight: 700; display: inline-block; font-size: var(--fs-14); line-height: 1; margin-right: 5px;}
        .info-item {margin-bottom: 16px;padding-bottom: 16px;border-bottom: 1px solid var(--color-secondary); max-width: 274px;}
        .info-item:last-child {border-bottom: none;margin-bottom: 0; padding-bottom: 0;}
        .info-label {text-transform: uppercase;letter-spacing: 1px;font-weight: 500;margin-bottom: 5px;text-wrap: balance;}
        .info-value {font-size: var(--fs-30);font-weight: 600;color: var(--color-secondary);line-height: 1.2;}
        .timeline-content {display: flex;gap: 55px; width: 100%;}

        @media (max-width: 1399px) {
            .timeline-header{max-width: 460px;}
            .badges{left: 585px;}
        }

        @media (max-width: 1199px) {
            .content-wrapper{--tl-w: 420px;padding: 30px;}
            .content-info{max-width: 390px; padding-top: 50px;min-height: 570px;}
            .timeline-content{gap: 15px;}
            .nav-controls{max-width: 390px;}
            .info-label{font-size: 14px;}
            .info-value{font-size: 22px;}
            .badges{left: 545px; top: 30px;}
        }

        @media (max-width: 991px) {
            .content-wrapper{--tl-w: 370px;}
            .badges{left: 355px;}
            .timeline-header{max-width: 290px;}
            .nav-controls {max-width: 340px;}
        }

        @media (max-width: 767px) {
            padding: 60px 8px;

            .s-logo{width: 80px;height: 80px;}
            .timeline-header{position: static; margin-bottom: 20px; max-width: 100%;}
            .badges{position: static; width: 150px; text-align: right; margin-left: auto; display: flex; flex-direction: column; gap: 20px; align-items: end;}
            .year-badge{margin: 0;}
            .timeline-content{flex-direction: column;}
            .timeline-year{font-size: 14px;}
            .timeline-item{min-width: 90px;}
            .timeline-item.active .timeline-year{font-size: 18px;}
            .timeline-label{font-size: 12px;}
            .image-container{margin-top: 10px;}
            .content-wrapper{--tl-w: 140px; --tl-h:55px; --tl-br:20px; padding: 20px;}
            .image-container{border-radius: 20px;}
            .content-info{padding: 10px 0; flex: none; margin-bottom: 10px; min-height: 0;}
            .info-label{font-size: 10px;}
            .info-value{font-size: 18px;}
            .nav-controls{margin: 0; padding: 0; gap: 12px;}
            .nav-button{width: 32px; height: 32px; font-size: 26px;}
        }
    }

    .contact-section{
        .contact-box{background-image: url(../images/about-footer-from-bg.jpg); color: var(--color-white);}
    }
}

/* ===================================== 
            Governance Page
/* ===================================== */
.governance-page{
    padding-top: 100px; min-height: 100dvh;

    .page-header-section{
        padding-top: 80px;

        h1{font-size: var(--fs-60); font-weight: 700; color: var(--color-dark-teal); line-height: 1.1;}

        @media (max-width: 1399px) {
            h1{font-size: var(--fs-56);}
        }
        @media (max-width: 991px) {
            h1{font-size: var(--fs-40);}
        }
        @media (max-width: 767px) {
            padding: 40px 8px 0 8px;
        }
    }

    .download-link-section{
        padding: 50px 0;

        h2{font-size: var(--fs-30); font-weight: 600; margin-bottom: 30px;}
        .mt-30{margin-top: 30px;}

        .download-link-box{border: 1px solid var(--color-secondary); border-radius: 30px; padding: 16px;}
        .download-link{display: flex; align-items: center; gap: 20px; padding: 16px 24px;}
        .download-link:nth-child(even){background-color: #F8F8F8;}
        .download-link .title-disc{ flex: 1; }
        .download-link .title-disc h4{font-weight: 700; margin-bottom: 0;}
        .download-link .title-disc p{margin-bottom: 0;}
        .download-link a {width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;}

        @media (max-width: 991px) {
            h2{font-size: var(--fs-24); margin-bottom: 20px;}
            .download-link-box{border-radius: 20px;}
            .download-link {gap: 12px;}
            .download-link img{width: 36px; height: 36px;}
            .download-link .title-disc h4{font-size: var(--fs-18);}
            .download-link .title-disc p{font-size: var(--fs-14);}
        }
        @media (max-width: 767px) {
            padding: 30px 8px;
        }
        @media (max-width: 575px) {
            .mt-30{margin-top: 20px;}
            .download-link-box{padding: 10px;}
            .download-link{padding: 12px 12px;}
            .download-link .ic--download{width: 18px; height: 18px;}
            .download-link .title-disc h4{font-size: var(--fs-16);}
            .download-link .title-disc p{font-size: 12px;}
        }
    }

    @media (max-width: 767px) {
        padding-top: 60px;
    }
}

/* ===================================== 
            Impact Page
/* ===================================== */
.impact-page{
    .hero-section{
        background-image: url('../images/impact-hero-bg.jpg');
        
        .hero-text-wrapper{background-image: url(../images/impact-hero-border.svg);margin-top: 0px;}
        .hero-text-box{aspect-ratio: 2.26/1; padding: 40px 50px; display: flex; flex-direction: column; justify-content: end;}
        .hero-text-box p{font-size: var(--fs-22); max-width: 515px; margin-left: auto;margin-right: 20px;}
        .hero-info-box{margin-top: -260px; margin-left: 5px; max-width: 594px; padding: 32px; margin-bottom: 50px; background-color: var(--color-primary); border-radius: 30px; flex-direction: column;}
        .hero-info-box h2{font-size: var(--fs-40); font-weight: 700; margin-bottom: 0;}
        .hero-info-box .hero-info-text p{max-width: 100%; font-size: var(--fs-22); line-height: 1.35;}
        .hero-info-box .hero-info-text p mark{border-color: var(--color-white);}
        .hero-info-box .icon-box{margin: 0 0 0 auto;}
        .hero-content .h1-title{font-size: var(--fs-60); font-weight: 700; color: var(--color-white); margin: 0;}

        @media (max-width: 1399px) {
            .hero-info-box{max-width: 524px; margin-top: -180px;margin-bottom: 10px;}
            .hero-content .h1-title{--fs-60: 3.25rem;}
            .hero-content .h1-title + img {width: 100px;}
            .hero-info-box{max-width: 518px;margin-top: -230px;}
            .hero-text-box p{--fs-22: 1.125rem; max-width: 470px; margin-right: 0;}
            .hero-info-box h2{--fs-40: 2.125rem;}
            .hero-info-box .hero-info-text p{--fs-22: 1.125rem;}
        }
        @media (max-width: 1199px) {
            .hero-text-wrapper{background-image: none;}
            .hero-text-box{padding: 0;justify-content:start; aspect-ratio: unset;}
            .hero-info-box{margin-top: 30px; margin-left: 0; margin-bottom: 0; border-radius: 20px; max-width: 100%;}
            .hero-content{border: 0; padding: 0;}
            .hero-text-wrapper{border: 1px solid var(--color-white); border-radius: 20px; padding: 30px;}
            .hero-text-box p{margin-bottom: 0;}
        }
        @media (max-width: 991px) {
            .hero-content .h1-title{--fs-60: 2.5rem;}
            .hero-content .h1-title + img {width: 80px;}
            .hero-info-box {padding: 20px;}
            .hero-text-box p{--fs-22: 1rem; max-width: 100%;}
            .hero-info-box h2{--fs-40: 1.875rem;}
            .hero-info-box h2 + img{width: 22px;}
            .hero-info-box .hero-info-text p{--fs-22: 1rem;}
        }
        @media (max-width: 767px) {
            .hero-info-box {padding: 16px;}
            /* .hero-info-box .hero-info-text {font-size: 12px;} */
            .hero-content .align-items-center.justify-content-between.mb-4{align-items: end !important; margin-bottom: 10px !important;}
            .hero-content .h1-title + img{width: 60px; margin-left: 10px; margin-bottom: 5px;}
            .hero-info-box .hero-info-text p mark{padding: 0 10px;}
        }
        @media (max-width: 575px) {
            background-image: url('../images/impact-hero-bg-mob.jpg'); background-position: 50% 30%;
            .hero-text-wrapper{padding: 15px; display: flex; align-items: end; min-height: 450px;}
            .hero-text-box p {--fs-22: 14px;}
            .hero-info-box{margin-top: 20px;}
        }
    }

    /* Capital Credit Section */
    .capital-credit-section{
        padding: 100px 0;

        .capital-credit-wrapper{position: relative; margin-bottom: 40px;}
        .cc-content {top: 40px; left: 0;}
        .cc-content .main-title strong{color: var(--color-dark-teal);}
        .cc-content p{font-size: var(--fs-22); max-width: 440px;}
        .cc-info-box{display: flex; align-items: center; gap: 20px; bottom: 40px; right: 40px; background-color: var(--color-white); padding: 30px; border-radius: 20px; max-width: 580px;}
        .cc-info-box p{font-size: var(--fs-20); margin-bottom: 0;}
        .cc-box{display: flex; align-items: center; gap: 20px; padding: 24px; border: 1px solid var(--color-secondary); border-radius: 20px; height: 100%;}
        .cc-box p {font-size: var(--fs-20); margin-bottom: 0; font-weight: 300; line-height: 1.2;}

        @media (min-width: 992px) {
            .cc-content, .cc-info-box{position: absolute;}
        }

        @media (max-width: 1399px) {
            .cc-content{top: 20px;}
            .cc-content p{--fs-22: 1.25rem;}
            .cc-info-box p, .cc-box p {--fs-20: 1.125rem;}
        }
        @media (max-width: 1199px) {
            .cc-content p{--fs-22: 1rem;}
            .cc-info-box p, .cc-box p {--fs-20: 1rem;}
            .cc-content p{max-width: 400px;}
        }
        @media (max-width: 991px) {
            .cc-content{margin-bottom: 30px;}
            .cc-content p{max-width: 100%;}
            .cc-info-box{padding-left: 0; padding-right: 0;}
            .capital-credit-wrapper{margin-bottom: 20px;}
        }
        @media (max-width: 767px) {
            padding: 60px 8px;
        }
        @media (max-width: 575px) {
            .cc-content p{--fs-22: 0.875rem;}
            .cc-info-box p, .cc-box p {--fs-20: 0.875rem;}
            .cc-info-box{padding-bottom: 10px;}
            .cc-box{gap: 16px;padding: 15px;border-radius: 10px;}
        }
    }

    /* Purpose Section */
    .purpose-section{
        padding: 100px 0; background-color: var(--color-light-blue);

        .purpose-wrapper{position: relative; margin-bottom: 60px;}
        .purpose-wrapper .main-title{top: 50px; left: 60px; line-height: 1.2;}
        .purpose-wrapper .main-title strong{color: var(--color-primary);}
        .purpose-wrapper .main-title + p{max-width: 420px; bottom: 50px; left: 60px; font-size: var(--fs-22);}
        .purpose-info-box{display: flex; align-items: start; gap: 20px; max-width: 400px; bottom: 40px; right: 20px;}
        .purpose-info-box p{font-size: var(--fs-22);}
        .purpose-box{text-align: center;}
        .purpose-box img{margin-bottom: 30px;}
        .purpose-box h5{margin-bottom: 0px;}

        @media (min-width: 992px) {
            .purpose-wrapper .main-title,
            .purpose-wrapper .main-title + p,
            .purpose-info-box{position: absolute;}
            .purpose-wrapper .main-title,
            .purpose-wrapper .main-title + p{color: var(--color-white);}
        }

        @media (max-width: 1399px) {
            .purpose-wrapper .main-title + p{bottom: 35px; --fs-22: 1.25rem; }
            .purpose-info-box{max-width: 350px;bottom: 15px;right: 15px;}
            .purpose-info-box p{--fs-22: 1.25rem;}
        }
        @media (max-width: 1199px) {
            .purpose-wrapper .main-title + p,
            .purpose-info-box p{--fs-22: 1rem;}
            .purpose-wrapper .main-title{top: 40px;left: 40px;}
            .purpose-wrapper .main-title + p{bottom: 30px;left: 40px;}
            .purpose-info-box{max-width: 280px;}
            .purpose-box h5{font-size: 1.125rem;}
        }
        @media (max-width: 991px) {
            .purpose-wrapper .main-title + p{max-width: 100%; margin-bottom: 30px !important;}
            .purpose-info-box{max-width: 600px; align-items: center; margin-top: 30px;}
            .purpose-box h5{font-size: 1rem;}
        }
        @media (max-width: 767px) {
            padding: 60px 8px; 

            .purpose-box{max-width: 235px; margin: auto;}
        }
        @media (max-width: 575px) {
            .purpose-wrapper .main-title + p, .purpose-info-box p{--fs-22: 0.875rem;}
            .purpose-wrapper .main-title br{display: none;}
            .purpose-box h5{font-size: 0.875rem;}
            .purpose-box img{margin-bottom: 20px;}
        }
    }
    .info-card{
        display: flex; gap:20px; border: 1px solid var(--color-dark-teal); border-radius: 20px; padding: 20px;
        
        p{font-size: var(--fs-20); font-weight: 300; margin-bottom: 0;}

        @media (max-width: 1399px) {
            p{--fs-20: 1.125rem;}
        }
        @media (max-width: 1199px) {
            padding: 15px;
            p{--fs-20: 1rem;}
        }
        @media (max-width: 575px) {
            align-items: center;
            p{--fs-20: 0.875rem;}
        }
    }

    /* sustainably-section */
    .sustainably-section{
        padding: 70px 0;

        .sustainably-wrapper{position: relative; margin-bottom: 40px;}
        .sustainably-wrapper .s-title-desc{top: 100px; left: 55px;}
        .sustainably-wrapper .s-title-desc .main-title {margin-bottom: 30px;}
        .sustainably-wrapper .s-title-desc .main-title strong{color: var(--color-primary);}
        .sustainably-wrapper .s-title-desc .main-title + p{max-width: 420px; font-size: var(--fs-22); margin-bottom: 0;}
        .sustainably-info-box{bottom: 40px; right: 31%; max-width: 210px;}
        .sustainably-info-box p{font-size: var(--fs-22); }
        .sustainably-info-box p mark{border-color: var(--color-primary);}
        .s-info-list {position: relative; z-index: 3; display: flex;max-width: 605px;flex-direction: column;gap: 20px;margin-top: -400px;}
        .s-info-list .info-card img{min-width: 60px; object-fit: scale-down;}

        @media (min-width: 992px) {
            .sustainably-wrapper .s-title-desc,
            .sustainably-info-box{position: absolute;}
            .sustainably-wrapper{color: var(--color-white);}
        }

        @media (max-width: 1399px) {
            .sustainably-wrapper .s-title-desc .main-title + p,
            .sustainably-info-box p{--fs-22: 1.25rem;}
            .sustainably-wrapper .s-title-desc{top: 80px;}
            .sustainably-info-box{bottom: 30px;right: 29%;}
            .s-info-list{max-width: 510px; margin-top: -350px;}
        }
        @media (max-width: 1199px) {
            .sustainably-wrapper .s-title-desc .main-title + p,
            .sustainably-info-box p{--fs-22: 1rem;}
            .sustainably-wrapper .s-title-desc{top: 70px;left: 40px;}
            .sustainably-wrapper .s-title-desc .main-title + p{max-width: 350px;}
            .sustainably-info-box{max-width: 174px;}
            .s-info-list{max-width: 430px;margin-top: -300px;gap: 12px;}
            .s-info-list .info-card img{width: 40px; min-width: 40px;}
        }
        @media (max-width: 991px) {
            .sustainably-wrapper .s-title-desc .main-title + p{max-width: 100%; margin-bottom: 30px !important;}
            .sustainably-info-box{max-width: 100%; margin-top: 30px;}
            .s-info-list{max-width: 100%; margin-top: 30px;}
        }   
        @media (max-width: 767px) {
            padding: 60px 8px;   
        }
        @media (max-width: 575px) {
            padding-bottom: 20px;

            .sustainably-wrapper .s-title-desc .main-title + p,
            .sustainably-info-box p{--fs-22: 0.875rem;}
            .sustainably-wrapper .s-title-desc .main-title{margin-bottom: 10px;}
            .sustainably-wrapper .s-title-desc .main-title br{display: none;}
        }
    }

    /* impact-grows-section */
    .impact-grows-section{
        padding: 50px 0 80px;
        
        .title-box{position: relative;}
        .main-title{top: 75px; left: 60px; line-height: 1.2; margin-bottom: 0;}
        .ig-desc{max-width: 402px; bottom: 40px; left: 30px;}
        .ig-desc p{font-size: var(--fs-22);}
        .ig-list{display: flex; flex-direction: column; gap: 20px;}
        .ig-list .info-card img{min-width: 40px;}

        .certificate{display: flex; gap: 25px; margin-top: 50px;}
        .certificate .c-icon{display: flex; align-items: center; justify-content: center; width: 72px; height: 72px; min-width: 72px; border-radius: 10px; background-color: var(--color-primary);}
        .certificate p{font-size: var(--fs-22); line-height: 1.2; text-wrap: balance;margin-bottom: 0;}
        .certificate p mark{border-color: var(--color-primary); padding-top: 6px;}

        @media (min-width: 992px) {
            .main-title, .ig-desc{position: absolute;}
        }

        @media (max-width: 1599px) {
            .main-title{top: 85px;}
        }
        @media (max-width: 1399px) {
            .ig-desc p, .certificate p{--fs-22: 1.25rem;}
            .main-title{top: 70px;}
            .ig-desc{max-width: 340px;bottom: 20px;left: 20px;}
        }
        @media (max-width: 1199px) {
            .ig-desc p, .certificate p{--fs-22: 1rem;}
            .main-title{top: 50px;left: 40px;}
            .ig-desc{max-width: 310px;bottom: 10px;left: 10px;}
            .ig-list{gap: 12px;}
            .certificate .c-icon{width: 60px;height: 60px;min-width: 60px;}
        }
        @media (max-width: 991px) {
            .main-title{margin-bottom: 30px;}
            .ig-desc{max-width: 100%; margin-top: 30px; margin-bottom: 40px;}
        }
        @media (max-width: 767px) {
            padding: 40px 8px;   
        }
        @media (max-width: 575px) {
            .main-title br{display: none;}
            .ig-desc p, .certificate p{--fs-22: 0.875rem;}
        }
    }
}

/* ===================================== 
            Blogs Page
/* ===================================== */
.blogs-page{
    padding-top: 96px;
    
    @media (max-width: 1199px) {
        padding-top: 92px;
    }

    @media (max-width: 991px) {
        padding-top: 60px;
    }

    .hero-section{
        background-image: url('../images/blogs-hero-bg.jpg'); background-position: bottom; min-height: 450px; padding: 40px 0; display: flex; align-items: end;
        
        .hero-content{border: 0; padding: 0;}
        .hero-content h1{color: var(--color-white); font-weight: 300;}
        .hero-content strong{font-weight: 700; color: var(--color-primary);}

        @media (max-width: 767px) {
            min-height: 250px; padding: 30px 8px;
            .hero-content {min-height: 0;}
            .hero-content h1{font-size: var(--fs-30);}
        }
    }

    .blogs-section{
        padding: 100px 0;

        .mb-100{margin-bottom: 100px;}
        .categories-buttons{display: flex; gap: 8px; border-bottom: 4px solid var(--color-primary);}
        .categories-buttons .btn-category{background-color: var(--color-primary-light); border: 0; min-width: 160px; font-size: var(--fs-16); font-weight: 600; color: var(--color-light-gray); text-transform: unset; line-height: normal; border-radius: 20px 20px 0 0; height: 88px;}
        .categories-buttons .btn-category.active{background-color: var(--color-primary); color: var(--color-secondary); font-weight: 700;}

        @media (max-width: 1199px) {
            .categories-buttons .btn-category{min-width: 0px; font-size: var(--fs-14);}    
        }
        @media (max-width: 767px) {
            padding: 60px 8px;
            .mb-100{margin-bottom: 40px;}
            /* make these buttons scrollable */
            .categories-buttons{gap: 8px; overflow-x: auto;scrollbar-width: none; -ms-overflow-style: none;}
            .categories-buttons::-webkit-scrollbar {display: none; }
            .categories-buttons .btn-category{font-size: 12px; height: 60px; flex: none; padding: 0 10px; max-width: 180px;}
        }
        @media (max-width: 575px) {
            .categories-buttons .btn-category{ height: 50px; }
        }
    }

    
}
.blog-post-card{
    border: 0; border-radius: 20px; height: 100%; overflow: hidden; box-shadow: 0 0 8px rgba(0,0,0,0.12);

    .card-img-top{border: 4px solid var(--color-white); border-radius: 20px; aspect-ratio: 1.5 / 1; object-fit: cover;}
    .card-body{padding: 24px 20px;}
    .card-date{font-size: var(--fs-14); color: var(--color-light-gray); font-weight: 500;}
    .card-title{font-size: var(--fs-18); font-weight: 600; color: var(--color-dark-teal);}
    .card-text{font-weight: 300; min-height: 60px;}
    .card-link{display: inline-flex; align-items: center; gap: 8px; font-weight: 500; text-transform: uppercase;}
    .card-link .ic--arrow-right-sm{width: 16px;height: 12px; margin-bottom: 5px;}
}
.pagination-nav{
    display: flex; justify-content: center; margin-top: 50px;

    .pagination{display: flex; align-items: center; gap: 30px; margin-bottom: 0;}
    .pagination li:not(.page-item){font-size: var(--fs-14); font-weight: 500; color: var(--color-light-gray); text-transform: uppercase;}
    .pagination .page-link{width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid var(--color-secondary); color: var(--color-secondary); font-weight: 600; font-size: var(--fs-22);}
    .pagination .disabled>.page-link, 
    .pagination .page-link.disabled{background-color: transparent; opacity: 0.4;}
}

/* ===================================== 
            Blogs Detail Page
/* ===================================== */
.blog-detail-page{
    padding-top: 96px;
    
    @media (max-width: 1199px) {
        padding-top: 92px;
    }

    @media (max-width: 991px) {
        padding-top: 60px;
    }

    .title-section{
        padding: 100px 0 0;

        h1{font-size: var(--fs-48); font-weight: 700; color: var(--color-dark-teal); line-height: 1.1; margin-bottom: 20px;}
        .post-category{font-size: var(--fs-18); font-weight: 500; text-transform: uppercase; color: var(--color-light-gray); margin-bottom: 8px;}
        .post-date{font-size: var(--fs-14); color: var(--color-light-gray);}

        @media (max-width: 991px) {
            h1{font-size: var(--fs-36);}
            h1 br{display: none;}
        }
        @media (max-width: 767px) {
            padding: 60px 8px 0;

            h1{font-size: var(--fs-30);}
        }
    }

    .article-section{
        padding: 70px 0;

        .blog-article{
            margin-bottom: 60px;

            p{letter-spacing: 0.5px; line-height: 1.6; margin-bottom: 20px;}
            h2, h3, h4, h5, h6{font-weight: 600; margin-top: 40px; margin-bottom: 20px;}
            ul li{letter-spacing: 0.5px; line-height: 1.6;margin-bottom: 16px;}
        }

        

        @media (max-width: 767px) {
            padding: 40px 8px;

            .blog-article{
                margin-bottom: 40px;

                p{font-size: var(--fs-14); letter-spacing: 0.2px;}
                ul li{font-size: var(--fs-14); margin-bottom: 8px; letter-spacing: 0.2px;}
            }
        }
    }

    .sidebar{
        padding-top: 40px;
        
        h5{font-size: var(--fs-18); font-weight: 500; text-transform: uppercase; margin-bottom: 10px;}
        .list-unstyled{
            li {padding: 20px 0;}
            li:not(:last-child){border-bottom: 1px solid #D9D9D9;}
            li .post-date{font-size: var(--fs-14); font-weight: 500; color: var(--color-light-gray); margin-bottom: 4px;}
            li .post-title{font-size: var(--fs-18); font-weight: 600; color: var(--color-dark-teal); text-decoration: none; line-height: 1.1;}
        }   li .post-disc{font-size: var(--fs-16); font-weight: 300; color: var(--color-dark-gray); line-height: 1.1; margin-top: 8px; margin-bottom: 0;}
    
        @media (min-width: 992px) {
            border-left: 1px solid #D9D9D9; padding-left: 20px; padding-top: 0;
        }
    }

    .share-post{
        display: flex; align-items: center; border-top: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; padding-top: 20px; padding-bottom: 20px;
        
        > span{font-size: var(--fs-30); font-weight: 600; margin-right: 30px;}
        .social-icons{display: flex; gap: 1rem; align-items: center; filter: invert(100%);}
    }

    .leave-comment{
        padding: 70px 0;

        @media (max-width: 991px) {
            padding: 40px 0;
        }
        @media (max-width: 767px) {
            padding: 30px 0px 40px;
        }
    }
    .you-might-also-like{
        .card-img-top{aspect-ratio: 1.25 / 1;}
    }
}
form{
    .form-control, input{border: 1px solid #D9D9D9; border-radius: 10px; padding: 12px 16px; font-size: var(--fs-16);}
    textarea{min-height: 150px; resize: none;}
}

/* ===================================== 
            Case Studies Page
/* ===================================== */
.case-studies-page{
    padding-top: 96px;
    
    @media (max-width: 1199px) {
        padding-top: 92px;
    }

    @media (max-width: 991px) {
        padding-top: 60px;
    }

    .hero-section{
        background-image: url('../images/cs-hero-bg.jpg'); background-position: bottom; min-height: 450px; padding: 40px 0; display: flex; align-items: end;
        
        .hero-content{border: 0; padding: 0;}
        .hero-content h1{color: var(--color-white); font-weight: 300;}
        .hero-content strong{font-weight: 700; color: var(--color-primary);}

        @media (max-width: 767px) {
            min-height: 250px; padding: 30px 8px;
            .hero-content {min-height: 0;}
            .hero-content h1{font-size: var(--fs-30);}
        }
    }

    .case-studies-section{
        padding: 100px 0;

        .cs-post-list{
            display: flex; flex-direction: column; gap: 50px; margin-top: 80px; margin-bottom: 40px;

            
            .cs-post-card img{height: 100%; object-fit: cover; border-radius: 20px;}
            .cs-post-card:nth-child(odd){padding: 50px 40px; background-color: var(--color-light-blue); border-radius: 30px;}
            .cs-post-card:nth-child(even){padding: 50px 0px;}
            
            .cs-post-card .cs-title{font-size: 2.375rem; font-weight: 600; }            
            .cs-post-card .cs-date{font-size: var(--fs-18); font-weight: 500; text-transform: uppercase; color: var(--color-light-gray);}
            .cs-post-card .cs-text{font-size: var(--fs-22);}
        }

        @media (min-width: 992px) {
            .cs-post-list{
                .cs-post-card .row{--bs-gutter-x: 3rem;}
                .cs-post-card:nth-child(even) .row{flex-direction: row-reverse;}
                .cs-post-card:nth-child(even) .row .col-12:last-child{padding-right: 100px;}
            }
        }

        @media (max-width: 1199px) {
            .cs-post-list{
                margin-top: 50px; gap: 40px;

                .cs-post-card:nth-child(odd){padding: 30px 30px;}
                .cs-post-card:nth-child(even){padding: 30px 0px;}                
                .cs-post-card .cs-title{font-size: 1.75rem;}
                .cs-post-card .cs-date{font-size: var(--fs-14);}
                .cs-post-card .cs-text{font-size: var(--fs-18);}
            }
        }

        @media (max-width: 767px) {
            padding: 60px 8px;

            .cs-post-list{
                margin-top: 40px;

                .cs-post-card:nth-child(odd){padding: 20px; border-radius: 20px;}
                .cs-post-card img{border-radius: 20px;}
                .cs-post-card:nth-child(even){padding: 0px;}
                .cs-post-card .cs-title{font-size: 1.5rem;}
                .cs-post-card .cs-date{font-size: var(--fs-12);}
                .cs-post-card .cs-text{font-size: var(--fs-16);}
            }
        }
    }
}

/* ===================================== 
            Team Page
/* ===================================== */
.team-page{
    padding-top: 96px;
    
    @media (max-width: 1199px) {
        padding-top: 92px;
    }

    @media (max-width: 991px) {
        padding-top: 60px;
    }

    .page-heading{
        padding: 80px 0 50px;

        @media (max-width: 1199px) {
            .fs-24{font-size: 20px;}
        }
        @media (max-width: 991px) {
            .fs-24{font-size: 16px;}
        }
        @media (max-width: 767px) {
            padding: 40px 8px 30px;
        }
    }

    .team-section{
        padding-bottom: 100px;

        .team-card .team-img{width: 100%; border-radius: 20px; margin-bottom: 20px;}
        .team-card .team-img img{width: 100%; height: 100%; object-fit: cover;}
        .team-card p{line-height: 1.1; text-transform: uppercase;}

        @media (max-width: 1199px) {
            .team-card .text-dark-teal > p {font-size: 14px;}
            .team-card .text-dark-teal > h4 {font-size: 18px;}
        }
    }
}

.team-member-modal{
    .modal-content{border-radius: 0; border: 0;min-height: 50vh;}
    .modal-dialog{--bs-modal-width: 100vw;}
    .modal-body{padding: 100px 15px;}
    .m-details p:last-of-type{margin-bottom: 0;}

    @media (max-width: 1499px) {
        .modal-body{padding: 60px 15px;}   
    }
    @media (max-width: 991px) {
        h2.fs-36{font-size: 30px;}
        p.fs-18{font-size: 16px;}
    }
    @media (max-width: 767px) {
        .modal-body{padding: 70px 15px 40px;}
        a.close-btn {position: absolute;top: 20px;right: 20px;}
    }
}

/* ===================================== 
            Strategic Partnerships Page
/* ===================================== */
.strategic-partnerships-page{
    .info-card{
        display: flex; gap:20px; border: 1px solid var(--color-dark-teal); border-radius: 20px; padding: 20px;
        
        p{font-size: var(--fs-20); margin-bottom: 0;}

        @media (max-width: 1399px) {
            p{--fs-20: 1.125rem;}
        }
        @media (max-width: 1199px) {
            padding: 15px;
            p{--fs-20: 1rem;}
        }
        @media (max-width: 575px) {
            align-items: center;
            p{--fs-20: 0.875rem;}
        }
    }

    .hero-section{
        background-image: url('../images/sp-hero-bg.jpg'); padding: 165px 0 65px;
        .hero-info-box .hero-info-text {max-width: calc(100% - 85px);}
        .hero-info-box .hero-info-text span{display: block; font-size: var(--fs-18); margin-bottom: 8px;}
        .hero-info-box .hero-info-text p{font-size: var(--fs-16); margin-bottom: 0;}
        .hero-info-box .icon-box{margin-top: 0; margin-right: 0;}
        
        @media (min-width: 1200px) {
            .hero-text-wrapper{background-image: url(../images/sp-hero-border.svg);margin-top: 0px;}
            .hero-text-box {padding: 247px 0 20px 50px;}
            .hero-info-box{margin-left: auto; padding: 20px; max-width: 510px; margin-top: -166px; margin-right: 10px;}
        }

        @media (min-width: 1400px) {
            .hero-text-box {padding: 310px 0 20px 50px;}
            .hero-info-box{padding: 24px 20px; max-width: 580px; margin-top: -185px;}
        }
        @media (max-width: 1199px) {
            .hero-content{display: flex; flex-direction: column-reverse; justify-content: space-between;}
            .hero-info-box{max-width: 580px; padding: 20px;}
        }
        @media (max-width: 991px) {
            .hero-info-box .hero-info-text {max-width: calc(100% - 40px);}
        }
        @media (max-width: 767px) {
            
        }
        @media (max-width: 575px) {
            
        }
    }

    .strategic-partnerships-section{
        padding: 100px 0;

        .card{background-color: var(--color-primary-light); padding: 36px 20px; border-radius: 20px; border: 0;}
        .card p {font-size: var(--fs-20);}
        .card p:last-child{margin-bottom: 0;}
        .sp-img{height: 100%; object-fit: cover; border-radius: 20px;}

        @media (max-width: 1399px) {
            --fs-24: 1.25rem;
            --fs-20: 1.125rem;
        }

        @media (max-width: 1199px) {
            --fs-24: 1.125rem;
            --fs-20: 1rem;
        }
        @media (max-width: 767px) {
            padding: 60px 8px;
        }
        @media (max-width: 575px) {
            --fs-20: 0.875rem;
        }
    }

    .tolling-partnership-section{
        padding: 100px 0; background-color: var(--color-primary);

        .process{display: flex; align-items: start; gap: 16px; margin-top: 36px; background-color: rgba(255, 255, 255, 0.4); padding: 20px 22px; border-radius: 10px; margin-bottom: 30px;}
        
        .process-item{display: flex; flex-flow: column;}
        .process-item > span.text-uppercase{font-weight: 700; color: var(--color-dark-teal); letter-spacing: 1.6px;}
        .process-item > span.fw-400{font-size: 12px; text-transform: none; color: #646464;}
    
        .process .arrow{height: 20px;display: flex;align-items: center;}
        .process .arrow::after{content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7' fill='none'><path d='M0.979375 2.048H7.15538L5.08338 -0.00800037H7.34738L10.3714 3.176L7.34738 6.36H5.08338L7.15538 4.312H0.979375V2.048Z' fill='%233D6B5F'/></svg>"); display: inline-flex;}

        .tp-info-list {position: relative; z-index: 3; display: flex;flex-direction: column;gap: 20px;}
        .tp-info-list .info-card {border: 0; background-color: var(--color-white);}
        .tp-info-list .info-card img{min-width: 60px; object-fit: scale-down;}

        @media (max-width: 1199px) {
            --fs-18: 1rem;
            .process {gap: 10px;margin-top: 20px;}
            .process-item > span.text-uppercase{font-size: 14px;}
            .process .arrow{height: 17px;}
        }
        @media (max-width: 767px) {
            padding: 60px 8px;
        }
        @media (max-width: 575px) {
            --fs-18: 0.875rem;
            .process{flex-direction: column;}
            .process .arrow{height: 6px; rotate: 90deg;}
            .process-item > span.text-uppercase{font-size: 12px;}
        }
    }

    .cps-section{
        padding: 50px 0 80px;
        
        .title-box{position: relative;}
        .main-title-wrapper{top: 54px; left: 60px;}
        .main-title{line-height: 1.2; margin-bottom: 0;}
        .ig-desc{max-width: 402px; bottom: 50px; left: 14px;}
        .ig-desc p{font-size: var(--fs-20);}
        .ig-list{display: flex; flex-direction: column; gap: 20px;}
        .ig-list .info-card img{min-width: 40px;}

        .certificate{display: flex; gap: 25px; margin-top: 32px; background-color: var(--color-primary); padding: 24px 20px; border-radius: 20px;}
        .certificate .c-icon{display: flex; align-items: center; justify-content: center; width: 54px; height: 54px; min-width: 54px; border-radius: 10px; background-color: var(--color-white);}
        .certificate p{line-height: 1.2; text-wrap: balance; margin-bottom: 0;}

        @media (min-width: 992px) {
            .main-title-wrapper{color: var(--color-white);}
            .main-title-wrapper, .ig-desc{position: absolute;}
        }

        @media (max-width: 1599px) {
            .main-title-wrapper{top: 80px;}
        }
        @media (max-width: 1399px) {
            .ig-desc p{--fs-20: 1.125rem;}
            .main-title-wrapper{top: 70px;}
            .ig-desc{max-width: 340px;bottom: 20px;left: 20px;}
        }
        @media (max-width: 1199px) {
            .ig-desc p{--fs-20: 1rem;}
            .main-title-wrapper{top: 50px;left: 40px;}
            .ig-desc{max-width: 310px;bottom: 10px;left: 10px;}
            .ig-list{gap: 12px;}
            .certificate .c-icon{width: 60px;height: 60px;min-width: 60px;}
        }
        @media (max-width: 991px) {
            .main-title-wrapper{margin-bottom: 30px;}
            .ig-desc{max-width: 100%; margin-top: 30px; margin-bottom: 40px;}
        }
        @media (max-width: 767px) {
            padding: 40px 8px;   
        }
        @media (max-width: 575px) {
            .main-title br{display: none;}
            .ig-desc p, .certificate p{--fs-22: 0.875rem;}
        }
    }

    .vcs-section{
        padding: 100px 0; background-color: var(--color-light-blue);

        .main-title{margin-bottom: 25px;}

        .vcs-info-list{display: flex; flex-direction: column; gap: 20px;}
        .vcs-info-list .info-card {background-color: var(--color-white); border: 0;}
        .vcs-img{margin-top: 50px;}

        @media (max-width: 1199px) {
            --fs-18: 1rem;
        }
        @media (max-width: 991px) {
            .vcs-img{height: 220px;object-fit: cover;border-radius: 20px;}
        }
        @media (max-width: 767px) {
            padding: 60px 8px;
        }
        @media (max-width: 575px) {
            --fs-18: 0.875rem;
        }
    }

    .partnership-meets-section{
        padding: 100px 0;

        .pmp-wrapper{padding: 70px; background-image: url(../images/pmp-bg.jpg); background-size: cover; background-repeat: no-repeat; border-radius: 20px;}

        .pmp-box{max-width: 490px; background-color: var(--color-white); padding: 40px; border-radius: 20px;}
        .pmp-box h3{font-size: var(--fs-36); font-weight: 700; line-height: 1; color: var(--color-dark-teal); margin-bottom: 15px;}
        .pmp-box p {font-size: var(--fs-18);}
        .pmp-box p:last-child{margin-bottom: 0;}

        @media (max-width: 1199px) {
            --fs-36: 2rem;
            --fs-18: 1rem;
        }
        @media (max-width: 991px) {
            .pmp-wrapper{padding: 40px;}
            .pmp-box{max-width: 450px; padding: 30px;}
        }
        @media (max-width: 767px) {
            padding: 60px 8px;
        }
        @media (max-width: 575px) {
            --fs-36: 1.875rem;
            --fs-18: 0.875rem;
        }
    }
}

/* ===================================== 
            FPO Page
/* ===================================== */
.fpo-page{
    .border-left{border-left: 1px solid #000000;}

    .hero-section{
        background-image: url('../images/fpo-hero-bg.jpg'); padding: 165px 0 65px;
        
        .hero-content{display: flex; align-items: center;margin-top: 280px;}
        .hero-tag{background-color: var(--color-primary); padding: 25px 50px 25px 100px; border-radius: 0 10px 10px 0;}
        .hero-title{padding-left: 54px; color: var(--color-white);}
        .hero-title .sub-txt{font-size: var(--fs-22); line-height: 1; color: var(--color-primary); margin-bottom: 20px; font-weight: 600; letter-spacing: 0.1em;}
        .hero-title h1{font-size: var(--fs-60); font-weight: 700;line-height: 1;}

        @media (max-width: 1199px) {
            .hero-content{padding: 0; border: 0;}
            .hero-title h1{font-size: var(--fs-48);}
            .hero-title .sub-txt{font-size: var(--fs-18);}
            .hero-tag img{width: 300px;}
        }
        @media (max-width: 991px) {
            .hero-content{margin-top: 200px;}
            .hero-title h1{font-size: var(--fs-36);}
            .hero-title .sub-txt{font-size: var(--fs-16);}
            .hero-tag img{width: 230px;}
        }
        @media (max-width: 767px) {
            .hero-content{flex-direction: column-reverse; gap: 20px; align-items: flex-start;}
            .hero-title h1{font-size: var(--fs-32);}
            .hero-title .sub-txt{font-size: var(--fs-14);}
            .hero-tag{padding: 20px 40px;}
            .hero-tag img{width: 200px;}
            .hero-title{padding-left: 20px;}
        }
        @media (max-width: 575px) {
            .hero-content{margin-top: 0;}
        }
    }

    .fpo-partner-section{
        background-color: var(--color-light-blue); padding: 50px 0;

        
        .fpo-partner-box{height: 100%; text-align: center;}
        .fpo-partner-box h5{font-size: 16px; font-weight: 400; letter-spacing: 1;}

        @media (max-width: 767px) {
            padding: 30px 8px;

            .fpo-partner-box {max-width: 250px;margin: auto;}
            .fpo-partner-box h5{font-size: 14px;}
            .fpo-partner-box img{max-height: 50px;}
            .fpo-partner-box.border-left{border-left: 0; border-top: 1px solid #000; margin-top: 20px; padding-top: 30px;}
        }
    }

    .flagship-initiative-section{
        padding: 100px 0;

        .intro-sub-title{display: flex; align-items: center; gap: 14px; max-width: 140px; font-weight: 300; line-height: 1.375; margin-bottom: 40px;}
        .intro-sub-title > span{margin-top: 7px;}
        .flagship-info {margin-left: 40px;}
        .flagship-info p{line-height: 1.375; font-weight: 300;}
        .flagship-info-chart{min-height: 516px;}

        .flagship-info-chart{
            position: relative; display: flex; margin-top: 80px; justify-content: space-between; align-items: center;

            .flagship-item{display: flex; align-items: center; gap: 90px;}
            .flagship-item:not(:last-child) {margin-bottom: 20px;}
            .flagship-list.f-right .flagship-item{flex-direction: row-reverse;}
            .flagship-box{padding: 22px; border: 1px solid var(--color-footer); border-radius: 20px; color: var(--color-dark-teal); max-width: 352px; min-height: 159px; background-color: #fff;}
            .flagship-box h4{font-size: var(--fs-20); font-weight: 700; line-height: 1.1; margin-bottom: 10px;}
            .flagship-box p{font-weight: 300; line-height: 1.375; margin-bottom: 0;}
            .flagship-icon{height: 67px; width: 67px; border-radius: 10px; background: var(--color-dark-teal); padding: 12px;}
            .flagship-icon img{width: 100%;}
            .flagship-lighthouse{width: 114px; height: 121px; padding: 8px; border-radius: 10px; background-color: var(--color-primary);}
            .flagship-lighthouse img{width: 100%; height: 100%; object-fit: contain;}

            .f-lines{position: absolute; inset: 0; z-index: -1;}
            .f-lines > div{display: flex; justify-content: space-around; position: absolute; inset: 0;}
            .f-lines .line{background-color: #000000;}
            .f-lines .h-fl {flex-direction: column;}
            .f-lines .h-fl .line{width: 100%; height: 1px;}
            .f-lines .v-fl {flex-direction: row; justify-content: space-between; width: 350px; height: 67%; margin: auto;}
            .f-lines .v-fl .line{width: 1px; height: 100%;}

            @media (max-width: 1399px) {
                .flagship-item{gap: 36px;}
                .f-lines .v-fl {width: 275px;}
            }
            @media (max-width: 1199px) {
                .flagship-box{max-width: 270px; min-height: 210px;}
            }
            @media (max-width: 991px) {
                .flagship-box{padding: 15px;min-height: 195px; max-width: 200px;}
                .flagship-box h4{--fs-20: 1rem;}
                .flagship-box p{font-size: 14px;}
                .flagship-item {gap: 20px;}
                .flagship-icon {width: 50px; height: 50px;}
                .f-lines .v-fl {width: 205px;}
            }

            /* expriment */
            @media (max-width: 767px) {
                flex-direction: column; align-items: flex-end;
                .flagship-list.f-left {margin-bottom: 20px;}
                .flagship-list.f-left .flagship-item{flex-direction: row-reverse;}
                .flagship-lighthouse {position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
                .flagship-box{max-width: calc(100% - 210px); min-height: 0;}

                .f-lines .h-fl{display: none;}
                .f-lines .v-fl .line:last-child {display: none;}
                .f-lines .v-fl {width: 105px;height: 85%;margin-left: 58px;margin-top: 69px;}
                .flagship-list .flagship-item{position: relative;}
                .flagship-list .flagship-item::after{content: ''; height: 1px; width: calc(100% - 58px); background-color: #000000; position: absolute; top: 50%; z-index: -1;}
            }

            @media (max-width: 575px) {
                align-items: center; 

                .flagship-lighthouse,
                .flagship-list .flagship-item::after{display: none;}
                .f-lines .v-fl .line:not(:first-child){display: none;}
                .flagship-list .flagship-item{flex-direction: column-reverse !important;}
                .f-lines .v-fl{width: 1px; margin: auto; height: 100%;}
                .flagship-box{max-width: 300px;}
            }
        }

        @media (max-width: 991px) {
            .border-left{border: 0;}
            .flagship-info{margin-left: 0; margin-top: 20px;}
            .flagship-info-chart{margin-top: 50px;}
        }
        @media (max-width: 767px) {
            padding: 60px 8px;

            .intro-sub-title{margin-bottom: 30px;}
            .flagship-info{margin-top: 10px;}
        }
    }

    .event-highlights-section{
        padding: 100px 0; background-color: var(--color-light-blue);

        .event-highlights-list{display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 70px;}
        .event-highlights-list .eh-card {padding: 25px 0;}
        .event-highlights-list .eh-card:not(:last-child) {border-bottom: 1px solid var(--color-border-teal);}
        .event-highlights-list .eh-card h4 {font-size: var(--fs-60); line-height: 1; font-weight: 600; color: var(--color-dark-teal);margin-bottom: 0;}
        .event-highlights-list .eh-card p {font-size: var(--fs-18); font-weight: 300; margin-bottom: 0;}
        .eh-img {position: relative;}
        .eh-img img{width: 100%;}
        .eh-img p{position: absolute; top: 30px; left: 17px; font-size: var(--fs-14); line-height: 1.3; margin-bottom: 0; color: #000000; max-width: 142px;}
    
        @media (max-width: 1199px) {
            .event-highlights-list .eh-card h4{font-size: var(--fs-48);}
        }
        @media (max-width: 991px) {
            .event-highlights-list .eh-card{padding: 20px 0;}
            .event-highlights-list .eh-card h4{font-size: var(--fs-36);}
            .event-highlights-list .eh-card p {font-size: var(--fs-16);}
        }
        @media (max-width: 767px) {
            padding: 60px 8px;
            
            .event-highlights-list{column-gap: 40px;}
            .event-highlights-list .eh-card h4{font-size: var(--fs-32);}
            .event-highlights-list .eh-card p {font-size: var(--fs-14);}
        }
        @media (max-width: 575px) {
            .event-highlights-list{column-gap: 30px;}
            .eh-img p{font-size: 2.35vw;top: 4.5vw;left: 3vw;max-width: 24vw;}
        }
    }

    .energy-insights-section{
        padding: 120px 0;

        .energy-insights-video {height: 100%; border-radius: 16px; overflow: hidden;}
        .energy-insights-video iframe{width: 100%; height: 100%;}

        @media (max-width: 1199px) {
            .fs-24{--fs-24: 1.375rem}
        }
        @media (max-width: 991px) {
            .fs-24{--fs-24: 1.25rem}
            .energy-insights-video{aspect-ratio: 16/9;}
        }
        @media (max-width: 767px) {
            padding: 60px 8px;

            .fs-24{--fs-24: 1rem}
        }
    }

    .speakers-panelists-section{
        padding: 80px 0 50px; background-color: var(--color-light-blue);

        .main-title + p {max-width: 428px; margin-top: 40px;}

        .owl-nav {display: flex;gap: 10px;justify-content: flex-end; margin-top: 30px;}
        .owl-carousel .owl-nav button {background-color: transparent; background-image: url(../images/ic_arrow-right-sm.svg); margin: 0; height: 72px; width: 72px; background-repeat: no-repeat; background-position: center; border-radius: 50%; border: 2px solid var(--color-secondary); background-size: 34px;}
        .owl-carousel .owl-nav button > span {display: none;}
        .owl-carousel .owl-nav button.owl-prev {rotate: 180deg;}

        .panelists-carousel{margin-top: 50px;}
        .panelists-box{position: relative; border-radius: 45px; overflow: hidden;}
        .panelists-box img{aspect-ratio: 1.067/1; object-fit: cover;}
        .panelists-box .p-name{position: absolute; inset: auto 0 0 0; color: var(--color-white); padding: 20px 30px;}
    
        @media (max-width: 991px) {
            .owl-carousel .owl-nav button{height: 60px; width: 60px;background-size: 55%;}
            .panelists-carousel{margin-top: 40px;}
            .main-title + p{max-width: 100%; margin-top: 20px;}
        }
        @media (max-width: 767px) {
            padding: 60px 8px 30px;
            
            .panelists-box{border-radius: 20px;}
            .owl-carousel .owl-nav button{height: 48px; width: 48px;}
        }
        @media (max-width: 575px) {
            .owl-nav{margin-top: 20px;}
            .panelists-carousel{margin-top: 20px;}
            .panelists-box .p-name{font-size: 14px; padding: 16px;}
        }
    }

    .our-gratitude-section{
        padding: 120px 0;

        .main-title{margin-bottom: 100px;}

        .gratitude-sponsors{display: flex;column-gap: 50px;}
        .gs-list-box {margin-bottom: 40px;}
        .gs-list-box h5 {font-size: 16px; letter-spacing: 0.1em; line-height: 1.375; font-weight: 400; margin-bottom: 40px;}
        .gs-list-box .gs-list{display: flex; gap: 26px; flex-wrap: wrap;}
        .gs-list-box .gs-list .gs-item{display: flex; align-items: center; justify-content: center; height: 85px; width: 214px; background-color: var(--color-white); box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08);}
    
        @media (max-width: 767px) {
            padding: 60px 8px;

            .main-title{margin-bottom: 60px;}
            .main-title br{display: none;}
            .gratitude-sponsors{justify-content: center;}
            .gs-col {width: 50%;}
            .gs-list-box .gs-list .gs-item{width: 100%;}
            .gs-list-box h5{margin-bottom: 20px;}
        }
        @media (max-width: 575px) {
            .gratitude-sponsors{column-gap: 30px;}
        }
        @media (max-width: 460px) {
            .gratitude-sponsors{flex-direction: column;}
            .gs-col{width: 100%;}
            .gs-list-box .gs-list {gap: 15px;}
            .gs-list-box .gs-list .gs-item{width: calc(33% - 10px);}
            .gs-list-box .gs-list .gs-item img {max-width: 80%;}
        }
    }

    .event-gallery-section{
        .eg-titles-wrapper{background-color: var(--color-primary); padding: 80px 0 60px;}
        .eg-gallery-wrapper{
            background-color: var(--color-footer); padding-top: 180px; padding-bottom: 100px; margin-top: -100px;
            --e-top-gap: 80px;
            --ebr: 30px;
            --ewidth: 60%;

            clip-path: shape(
                from 0 var(--e-top-gap),

                line to calc(var(--ewidth) - var(--ebr)) var(--e-top-gap),
                curve to var(--ewidth) calc(var(--e-top-gap) - var(--ebr)) with var(--ewidth) var(--e-top-gap),
                
                line to var(--ewidth) var(--ebr),
                curve to calc(var(--ewidth) + var(--ebr)) 0 with var(--ewidth) 0px,

                line to 100% 0px,

                line to 100% 100%,

                line to 0 100%,
                                
                close
            );
        }
        .e-gallery-list{display: flex; gap: 11px; flex-wrap: wrap;}
    
        @media (max-width: 1399px) {
            .e-gallery-list img:nth-child(-n+4) {height: 168px;}
            .e-gallery-list img:nth-child(n+5):nth-child(-n+8) {height: 171px;}
            .e-gallery-list img:nth-child(n+9):nth-child(-n+12) {height: 169px;}
            .e-gallery-list img:nth-child(n+13):nth-child(-n+15) {height: 170px;}
        }
        @media (max-width: 1199px) {
            .e-gallery-list img:nth-child(-n+4) {height: 140px;}
            .e-gallery-list img:nth-child(n+5):nth-child(-n+8) {height: 143px;}
            .e-gallery-list img:nth-child(n+9):nth-child(-n+12) {height: 141px;}
            .e-gallery-list img:nth-child(n+13):nth-child(-n+15) {height: 142px;}
        }
        @media (max-width: 991px) {
            .e-gallery-list img{object-fit: cover; border-radius: 20px; height: 150px !important; width: calc(33.33% - 7.5px);}
            .eg-gallery-wrapper{padding-top: 150px;padding-bottom: 70px;}
        }
        @media (max-width: 767px) {
            .eg-titles-wrapper{padding: 60px 8px 60px;}
            .eg-gallery-wrapper{padding-left: 8px; padding-right: 8px;}

            .main-title + p {max-width: 60%;}
            .main-title + p br{display: none;}
        }
        @media (max-width: 575px) {
            .e-gallery-list img {width: calc(50% - 6px); border-radius: 10px;}
        }
    }

    .contact-section{
        .contact-box{background-image: url(../images/fpo-contact-section-bg.jpg); color: var(--color-white);}
        .main-title{text-wrap: balance;}
    }
}

/* ===================================== 
            Contact Page
/* ===================================== */
.contact-page{
    .contactus-section{
        margin-top: 96px;padding: 70px 0 100px;

        .main-title{font-size: var(--fs-60); margin-bottom: 20px;}
        .map-box-wrapper{display: flex; align-items: end; margin-top: -120px; background-image: url(../images/contactus-border.svg); background-repeat: no-repeat; background-size: 100%; padding: 50px; margin-bottom: 30px;}
    
        .reg-office-address { max-width: 357px; margin-right: auto;}
        .reg-office-address h4{font-size: var(--fs-30); color: var(--color-dark-teal); font-weight: 600; margin-bottom: 16px;}
        .reg-office-address p{font-size: var(--fs-24); font-weight: 500; line-height: 1.25; margin-bottom: 0;}
    
        .map-box{width: 100%; max-width: 609px;aspect-ratio: 1.69 / 1; overflow: hidden; border-radius: 15px;}
        .map-box iframe{width: 100%; height: 100%; border:0;}
        .contactus-card{padding: 55px 45px; background-color: var(--color-light-blue); border-radius: 30px; height: 100%;}
        .contactus-card h5{font-size: var(--fs-16); color: #6E6E6E; line-height: 1; letter-spacing: 0.06em; margin-bottom: 25px; text-transform: uppercase;}
        .contactus-card p{font-size: var(--fs-24); font-weight: 500; display: flex; align-items: center; gap: 18px; margin-bottom: 0;}
        .contactus-card p i{margin-top: -4px; flex-shrink: 0;}
        .contactus-card .social-icons{display: flex; gap: 40px; align-items: center;}

        @media (max-width: 1399px) {
            .main-title{font-size: var(--fs-48);}
            .map-box-wrapper{padding: 30px;}
            .map-box{max-width: 560px;}
            .reg-office-address {max-width: 320px;}
            .reg-office-address h4{font-size: var(--fs-26);}
            .reg-office-address p{font-size: var(--fs-20);}
            .contactus-card{padding: 40px 30px;}
            .contactus-card p{font-size: var(--fs-20);}
            .contactus-card p i.ic--email{width: 30px;height: 24px;}
            .contactus-card p i.ic--phone{width: 25px;height: 25px;}
        }

        @media (max-width: 1199px) {
            .main-title{font-size: var(--fs-36);}
            .map-box {max-width: 460px;}
            .reg-office-address h4{font-size: var(--fs-22);}
            .reg-office-address p{font-size: var(--fs-18);}
            .reg-office-address {max-width: 280px;}
            .contactus-card {padding: 30px 20px; border-radius: 20px;}
            .contactus-card h5{font-size: var(--fs-14); margin-bottom: 20px;}
            .contactus-card p {font-size: var(--fs-18); gap: 12px;}
            .contactus-card p i.ic--email{width: 24px;height: 19px;}
            .contactus-card p i.ic--phone{width: 20px;height: 20px;}
            .contactus-card .social-icons{gap: 30px;}
            .contactus-card .ic--facebook-green {width: 10px; height: 20px;}
            .contactus-card .ic--x-green {width: 19px; height: 19px;}
            .contactus-card .ic--instagram-green {width: 20px; height: 20px;}
            .contactus-card .ic--youtube-green {width: 26px; height: 19px;}
            .contactus-card .ic--linkedin-green {width: 20px; height: 20px;}
        }

        @media (max-width: 991px) {
            margin-top: 62px;
            
            .map-box-wrapper{background: none; border: 1px solid #6E6E6E; border-radius: 30px; margin-top: 30px; flex-direction: column;}
            .map-box{max-width: 100%; margin-top: 30px;}
        }

        @media (max-width: 767px) {
            padding: 50px 8px 80px;
            .main-title{font-size: var(--fs-32);margin-bottom: 10px;}
            .reg-office-address h4{font-size: var(--fs-20);}
            .reg-office-address p{font-size: var(--fs-16);}
            .contactus-card p{font-size: var(--fs-16); gap: 10px; }
            .map-box-wrapper {padding: 20px;}
            .map-box{aspect-ratio: 1 / 1;}
        }
    }
}

/* ===================================== 
            FPO Conclave Page
/* ===================================== */
.fpo-conclave-page{
    .hero-section{
        background-image: url('../images/fpo-conclave-hero-bg.jpg'); padding-top: 160px; padding-bottom: 60px;

        .hero-content{background-image: url(../images/fpo-conclave-hero-border.svg);aspect-ratio: 2.75 / 1;}
        .hero-info-box{margin-bottom: 50px;}
        .hero-info-box .hero-info-text p{font-size: var(--fs-16);}
        .hero-info-box .hero-info-text .btn{margin-top: 25px; font-size: 12px; font-weight: 500; height: 36px;}
        .hero-info-box .hero-info-text .btn i.ic--arrow-right-sm{width: 15px;height: 12px; margin-left: 15px;}
        .hero-info-text {width: 100%;}

        @media (max-width: 1199px) {
            .hero-content{background: none;}
            .hero-info-box{margin-bottom: 0px; margin-right: 0;}
        }
        @media (max-width: 991px) {
            padding-top: 100px; padding-bottom: 40px;
            .hero-content{aspect-ratio: auto;}
        }
        @media (max-width: 767px) {
            .fs-22{--fs-22: 1rem;}
            .hero-info-box .hero-info-text p{font-size: var(--fs-14);}
        }
    }

    .our-approach-section{
        background-color: var(--color-light-blue);

        .main-title{margin-bottom: 40px;}
        img.s-img{border-radius: 24px;}
        .our-approach-content {max-width: 100%; position: static; display: flex; flex-direction: column;}
        .our-approach-content .main-title{margin-top: 25px;}
        .our-approach-content p{margin-top: auto;}

        @media (max-width: 1399px) {
            .our-approach-content .main-title{margin-bottom: 30px; margin-top: 0;}
            .our-approach-content p{font-size: var(--fs-18);}
        }
        @media (max-width: 991px) {
            .our-approach-content {margin-top: 40px;}
        }
        @media (max-width: 767px) {
            padding-top: 60px;
            .our-approach-content p{font-size: var(--fs-16); margin-bottom: 0;}
        }
        @media (max-width: 575px) {
            .our-approach-content .main-title br{display: none;}
        }
    }

    .receivable-finance-section{
        background-color: var(--color-white);

        .deliver-now-section{align-items: center; margin-top: 0;}
        .card{background-color: var(--color-primary); padding-bottom: 30px; border-radius: 30px;}
        .card p {line-height: 1.15;}
        .dn-list-item{border: 1px solid var(--color-dark-teal); padding: 25px 40px;}
        .dn-list-item p{line-height: 1.1;}
        .dn-list-item strong{font-weight: 600;}
        .s-img{border-radius: 20px;}
        .s-para{font-size: var(--fs-22); line-height: 1.15; margin-bottom: 0; position: absolute; bottom: 30px; left: 30px; color: var(--color-white);}

        @media (min-width: 1200px) {
            .col-lg-5 {width: 41.66666667%;}
        }
        @media (max-width: 767px) {
            .card{padding: 30px;}
            .fs-24{--fs-24: 1.25rem;}
            .dn-list-item{padding: 20px;}
            .dn-list-item p{font-size: var(--fs-16);}
            .s-para{font-size: var(--fs-16); bottom: 20px; left: 20px;}
        }
    }

    .commerce-connects-section{
        .title-box{height: auto;}
        .title-box .main-title{margin-bottom: 20px;}
        .title-box p{font-size: var(--fs-24); font-weight: 500; line-height: 1.15; margin-bottom: 0;}

        .fscc-item{gap: 0;}
        .fscc-item .fscc-icon{margin-bottom: 20px;}
        .fscc-item h5{font-size: var(--fs-20); font-weight: 600; color: var(--color-dark-teal);}

        @media (max-width: 767px) {
            .title-box p{font-size: var(--fs-18); line-height: 1.25;}
            .fscc-item h5{font-size: var(--fs-18);}
            .fscc-text{font-size: var(--fs-16);}
        }
    }
}