/* Google Font */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

body{
    font-family:'Inter',sans-serif;
    background:#f7f7f7;
}

/* Segoe UI Regular */
@font-face {
    font-family: 'Segoe UI Custom';
    src: url('../fonts/segoeuithis.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

/* Segoe UI Bold */
@font-face {
    font-family: 'Segoe UI Custom';
    src: url('../fonts/segoeuithibd.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

/* Segoe UI Italic */
@font-face {
    font-family: 'Segoe UI Custom';
    src: url('../fonts/segoeuithisi.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

/* Segoe UI Bold Italic */
@font-face {
    font-family: 'Segoe UI Custom';
    src: url('../fonts/segoeuithisz.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

body{
    font-family: 'Segoe UI Custom', sans-serif;
}

h1,h2,h3,h4,h5,h6,p{
    font-family: 'Segoe UI Custom', sans-serif;
}

/* ===========================
        NAVBAR
=========================== */


.feature-box.three.aos-init.aos-animate:hover {
    background-color: #458e77;
    border: 1px solid #458e77;
}



.feature-box.two.aos-init.aos-animate:hover {
    background-color: #1a3d2b;
    border: 1px solid #1a3d2b;
}

.feature-box.two.aos-init.aos-animate:hover,
.feature-box.two.aos-init.aos-animate:hover h5,
.feature-box.two.aos-init.aos-animate:hover h6,
.feature-box.two.aos-init.aos-animate:hover p,
.feature-box.two.aos-init.aos-animate:hover li {
    color: #fff !important;
}



.vuca-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.vuca-title {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.vuca-to {
    font-weight: 500;
    /* opacity: 0.8; */
}

.vuca-icon {
    width: 69px !important; /* adjust if needed */
    height: auto;
    flex-shrink: 0;
    margin-left: auto;
}

.vuca-icon {
    overflow: hidden;
    animation: revealIcon 1.5s ease forwards;
    clip-path: inset(0 100% 0 0);
}

@keyframes revealIcon {
    to {
        clip-path: inset(0 0 0 0);
    }
}

.coming-soon-section{
    min-height:100vh;
    padding:12px 0 25px;
}

.contact-item a {
    color: white;
    text-decoration: none;
    font-size: 22px;
   
}

.contact-text {
    font-size: 22px;
    line-height: 1.8;
    color: #fbfbfb;
    margin-top: 10px;
    margin-left: -4px !important;
}

.top-bar{
    margin-bottom:20px;
}

.logo{
    height:44px;
    display:block;
}

.urdu-logo {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.urdu-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.coming-card{
    position:relative;
    background:#F9CF1D;
    border-radius:14px;
    overflow:hidden;
    padding:70px;
    min-height:285px;
}

.inner-border{
    position:absolute;
    top:12px;
    left:12px;
    right:12px;
    bottom:12px;
    border:1px dashed rgba(39,55,43,.45);
    border-radius:12px;
}


.content{
    position:relative;
    z-index:2;
    text-align:center;
    max-width:760px;
    margin:auto;
}

.badge-title{
    display:inline-block;
    background:#1A4C38;
    color:#F7D321;
    padding:6px 16px;
    border-radius:4px;
    font-size:18px;
    font-weight:700;
    margin-bottom:18px;
     font-family: 'Segoe UI Custom';
}

.content h1{
    font-size:46px;
    font-weight:600;
   color: #1A3D2B;
    line-height:1.2;
    margin-bottom:25px;
}

.small-text {
    max-width: 760px;
    margin: auto;
    color: #3F3F3F;
    font-size: 18px;
    line-height: 1.9;
    font-family: 'Segoe UI Custom';
}

.contact-text {
    margin-top: 32px;
    margin-bottom: 18px;
    color: #222;
    font-size: 28px;
    font-weight: 400;
    font-family: 'Segoe UI Custom';
    width: 1099px;
    margin-left: -117px;
}

.contact-text a{
    color:#222;
    font-weight:700;
    text-decoration:none;
}

.contact-text a:hover{
    text-decoration:underline;
}

.soon-text{
    font-size:30px;
    color:#2F2F2F;
    font-weight:400;
    font-family: 'Segoe UI Custom';
}

@media(max-width:991px){

.coming-card{
    padding:55px 30px;
}

.content h1{
    font-size:36px;
}

.contact-text{
    font-size:22px;
}

.soon-text{
    font-size:24px;
}

}

@media(max-width:767px){

.logo{
    height:34px;
}

.urdu-logo{
    width:34px;
    height:34px;
}

.coming-card{
    padding:40px 20px;
}

.circle-bg{
    width:260px;
    height:260px;
}

.content h1{
    font-size:28px;
}

.small-text{
    font-size:13px;
}

.contact-text{
    font-size:18px;
}

.soon-text{
    font-size:22px;
}

}


.leaf-bg{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:411px;
    height:520px;
    background:url("../images/ciraut-icon.png") no-repeat center;
    background-size:contain;
    opacity:.12;
    pointer-events:none;
    z-index:1;
}

.content{
    position:relative;
    z-index:2;
}

p.impact.aos-init.aos-animate {
    font-size: 26px;
    font-weight: 600;
    font-family: 'Segoe UI Custom';
}

h1.aos-init.aos-animate {
    font-size: 51px;
    font-family: 'Segoe UI Custom';
}

p.small-text.aos-init.aos-animate {
    font-size: 19px;
    line-height: 29px;
}


@media (max-width: 1199px) {

   .coming-card {
    position: relative;
    top: 106px;
}

.top-bar.d-flex.justify-content-between.align-items-center {
    margin-top: 18px;
    font-family: 'Segoe UI Custom';
}

}

@media (max-width: 1920px) {
    .coming-card {
    margin-top: 112px;
}

.top-bar.d-flex.justify-content-between.align-items-center {
    margin-top: 35px;
}

}


.contact-text {
    margin-top: 32px;
    margin-bottom: 18px;
    color: #222;
    font-size: 22px;
    font-weight: 400;
    font-family: 'Segoe UI Custom';
    width: 849px;
    margin-left: -34px;
}




@media (max-width: 576px) {

 .coming-card {
    margin-top: -5px;
    min-height: 200px !important;
}

.content {margin-top: -233px;}

p.impact.aos-init.aos-animate {
    font-size: 19px;
}

h1.aos-init.aos-animate {
    font-size: 23px;
}

p.small-text.aos-init.aos-animate {
    font-size: 18px;
}

p.contact-text.aos-init.aos-animate {
    width: 328px;
    font-size: 16px;
    position: relative;
    left: 30px;
}

a.urdu-logo {
    width: 94px;
    height: 86px;
}   
    }


@media (max-width: 320px) {

 .coming-card {
    margin-top: -5px;
    min-height: 200px !important;
}

.content {margin-top: -233px;}

p.impact.aos-init.aos-animate {
    font-size: 19px;
}

h1.aos-init.aos-animate {
    font-size: 23px;
}

p.small-text.aos-init.aos-animate {
    font-size: 18px;
}

p.contact-text.aos-init.aos-animate {
    width: 328px;
    font-size: 16px;
    position: relative;
    left: 60px;
}

a.urdu-logo {
    width: 94px;
    height: 86px;
}   
    }
    
    section.coming-soon-section {
    background: #1a4c38;
}


a.text-decoration-none.text-dark {
    color: #d6b23c !important;
}

select.form-select.custom-input option {
    color: black !important;
}

section.journey-section.bg-change.report {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: url(../images/reporting-bg.png) center center / cover no-repeat;
    background-position: top;
    height: 784px;
}

section.journey-section.bg-change.risk {
     position: relative;
    width: 100%;
    overflow: hidden;
    background: url(../images/risk.png) center center / cover no-repeat;
    background-position: top;
    height: 784px;
}

section.journey-section.bg-change.investing {
     background: url(../images/investing.png) center center / cover no-repeat;
      position: relative;
    width: 100%;
    overflow: hidden;
    background-position: top;
    height: 784px;
    
}

section.journey-section.bg-change.training {
     position: relative;
    width: 100%;
    overflow: hidden;
    background: url(../images/training.png) center center / cover no-repeat;
    background-position: top;
    height: 784px;
}


section.who-banner.contact-bg {
    
    position: relative;
    width: 100%;
    overflow: hidden;
    background: url(../images/contact-bg.png) center center / cover no-repeat;
    background-position: top;
    height: 784px;
}

.navbar{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index:999;
    background:transparent !important;
}

nav.navbar.navbar-expand-lg.bg-body-tertiary {
    padding: 0;
}

.navbar .container-fluid{
    background:#fff;
    border-radius:0 0 18px 18px;
    padding:22px 50px;
}

.navbar-brand img {
    height: 40px;
    margin-left: 99px;
}

.navbar-collapse{
    justify-content:end;
}

.navbar-nav{
    gap:15px;
}

.nav-link{
    color:#444 !important;
    font-size:20px;
    font-weight:500;
    transition:.3s;
}

.nav-link:hover,
.nav-link.active{
    color:#D6A532 !important;
}

/* ===========================
        HERO
=========================== */

/* ===========================
        HERO
=========================== */

.hero{
    position:relative;
    min-height:780px;
    height:100vh;
    max-height:900px;

    background:url(../images/hero-banner.png) center center/cover no-repeat;

    display:flex;
    align-items:center;
}

.hero-overlay{
    position:absolute;
    inset:0;
}


p.hero-text.aos-init.aos-animate {
    font-size: 23px !important;
}


.hero-content{
    position:relative;
    z-index:2;
    color:#fff;
}


.hero-subtitle{
    color:#D8B13D;
    font-size:30px;
    margin-bottom:10px;
}

.hero h1{
    font-size:clamp(42px,3vw,60px);
    line-height:1.15;
    font-weight:500;
    margin-bottom:20px;
    font-family: 'Segoe UI Custom';
}

.hero-text{
    font-size:18px;
    color:#ececec;
   
}

.hero-divider{
    width: 75px;
    height: 2px;
    background: #D4A42F;
    margin: 28px 0 32px;
}

.hero-buttons{
    display:flex;
    gap:15px;
}

.btn-primary-custom{
    background:#2E6A4F;
    color:#fff;
    border:1px solid #D4A017;
    padding:12px 26px;
    border-radius:4px;
    font-size:16px;
}

.btn-primary-custom:hover{
    background:#24543f;
    color:#fff;
}

.btn-outline-custom{
    border:1px solid rgba(255,255,255,.8);
    color:#fff;
    padding:12px 26px;
    border-radius:4px;
    font-size:16px;
}

.btn-outline-custom:hover{
    background:#fff;
    color:#000;
}

/* ===========================
        Responsive
=========================== */

@media(max-width:991px){

    .navbar .container-fluid{
        padding:15px 20px;
    }

    .navbar-nav{
        gap:5px;
        padding-top:15px;
    }

    .hero{
        height:auto;
        padding:180px 0 100px;
    }

    .hero h1{
        font-size:42px;
    }

    .hero-text{
        font-size:16px;
    }

    .hero-buttons{
        flex-wrap:wrap;
    }
}

@media(max-width:576px){

    .hero h1{
        font-size:32px;
    }

    .hero-subtitle{
        font-size:16px;
    }

    .hero-text{
        font-size:15px;
    }
}


/* =========================
   About Section
========================= */

.about-section{
    background:#f0ebe0;
    padding:78px 0 !important;
}

.col-lg-5.text-center.mb-4.mb-lg-0.aos-init.aos-animate img{
    position:relative;
    left:-15px; /* was -31px */
}

.col-lg-7.ex-col{
    position:relative;
    left:15px; /* was 33px */
}

.about-shape{
    width:100%;
    max-width:360px;
    animation:sway 6s ease-in-out infinite;
    transform-origin:center;
}

.section-subtitle {
    display: block;
    font-size: 26px;
    color: #d4a017;
    margin-bottom: 10px;
    font-weight: 600;
}

.section-title{
    font-size:40px;
    font-weight:500;
    color:#433C36;
    margin-bottom:20px;
    line-height:1.2;
}

.section-text{
    font-size:17px;
    line-height:1.9;
    color:#3D3528;
   
}

h2.section-title.color-black {
    color: #3D3528;
    margin-bottom: 13px;
    font-weight: 500;
     font-family: 'Segoe UI Custom';
}

section.about-section p {
    font-size: 22px;
    line-height: 43px;
}

/* =========================
   Large Desktop
========================= */

@media (min-width:1600px){

    .about-section{
        padding:80px 0;
    }

    .col-lg-5.text-center.mb-4.mb-lg-0.aos-init.aos-animate img{
        left:-5px;
    }

    .col-lg-7.ex-col{
        left:5px;
    }

    .about-shape{
        max-width:492px;
    }

    .section-title{
        font-size:46px;
    }

    .section-subtitle{
        font-size:28px;
    }

    .section-text{
        font-size:18px;
        
    }

}

/* =========================
   Tablet
========================= */

@media (max-width:991px){

    .about-section{
        padding:60px 0;
        text-align:center;
    }

    .col-lg-5.text-center.mb-4.mb-lg-0.aos-init.aos-animate img,
    .col-lg-7.ex-col{
        left:0;
    }

    .about-shape{
        max-width:300px;
    }

}

/* =========================
   Mobile
========================= */

@media (max-width:576px){

    .section-title{
        font-size:32px;
    }

    .section-subtitle{
        font-size:20px;
    }

    .section-text{
        font-size:16px;
    }

}
@keyframes sway{

    0%{
        transform:rotate(0deg);
    }

    25%{
        transform:rotate(-3deg);
    }

    50%{
        transform:rotate(0deg);
    }

    75%{
        transform:rotate(3deg);
    }

    100%{
        transform:rotate(0deg);
    }

}

/* ===========================
        SERVICES
=========================== */

.services-section{
    background:#143A2D;
    padding:80px 0;
}

.section-tag{
    color:#d8a830;
    font-size:20px;
    margin-bottom:12px;
}

.services-heading h2{
    color:#fff;
    font-size:44px;
    font-weight:700;
    margin-bottom:18px;
    line-height:1.2;
}

.section-desc{
    color:#d5d5d5;
    max-width:850px;
    line-height:1.9;
    margin-bottom:45px;
    font-size:17px;
}

/* ===========================
        Cards
=========================== */

.service-card{
    overflow:hidden;
    border-radius:10px;
    transition:.4s;
    background:#f5cc20;
    height:100%;
}

.service-img{
    overflow:hidden;
}

.service-img img{
    width:100%;
    height:260px;
    object-fit:cover;
    transition:.6s;
}

.service-content{
    padding:28px;
}

.service-content h4{
    font-size:22px;
    color:#2d2d2d;
    margin-bottom:15px;
    font-weight:600;
    line-height:1.35;
    min-height:60px;
}

.service-content p{
    font-size:17px;
    line-height:1.8;
    color:#444;
    margin-bottom:25px;
    min-height:120px;
}

.service-content a{
    color:#2d2d2d;
    font-weight:600;
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    font-size:23px;
}

.service-img img {
        height: 342px !important;
    }

.service-card p {
     font-size: 25px !important;
    line-height: 38px !important;
}

.service-card h4 {
     font-size: 27px !important;
     line-height: 33px !important;
}

.arrow{
    display:inline-block;
    margin-left:6px;
    animation:arrowMove 1s ease-in-out infinite;
}

.service-card:hover{
    transform:translateY(-10px);
}

.service-card:hover img{
    transform:scale(1.08);
}

p.section-desc1.aos-init.aos-animate {
    font-size: 25px;
}

/* ===========================
        Arrow
=========================== */

@keyframes arrowMove{

    0%,100%{
        transform:translateX(0);
    }

    50%{
        transform:translateX(6px);
    }

}

/* ===========================
      Large Desktop
=========================== */

@media (min-width:1600px){

    .services-section{
        padding:90px 0;
    }

    .services-heading h2{
        font-size:50px;
    }

    .section-desc{
        max-width:950px;
        font-size:18px;
    }

    .service-img img{
        height:290px;
    }

    .service-content{
        padding:32px;
    }

    .service-content h4{
        font-size:24px;
    }

    .service-content p{
        font-size:18px;
        min-height:130px;
    }

}

/* ===========================
      Tablet
=========================== */

@media (max-width:991px){

    .services-section{
        padding:70px 0;
    }

    .services-heading{
        text-align:center;
    }

    .services-heading h2{
        font-size:36px;
    }

    .section-desc{
        margin:auto auto 35px;
    }

}

/* ===========================
      Mobile
=========================== */

@media (max-width:576px){

    .services-section{
        padding:55px 0;
    }

    .services-heading h2{
        font-size:30px;
    }

    .service-img img{
        height:220px;
    }

    .service-content{
        padding:22px;
    }

    .service-content h4{
        font-size:20px;
        min-height:auto;
    }

    .service-content p{
        font-size:16px;
        min-height:auto;
    }

}

/*=========================
    Engagement Section
==========================*/

.engagement-section {
    background: #F0EBE0;
    padding: 107px 0 !important;
}

.section-tag{
    color:#3D3528;
    font-size:22px;
    display:block;
    margin-bottom:10px;
    font-weight:400;
}

.section-title{
    font-size:42px;
    font-weight:600;
    color:#3b332d;
    margin-bottom:35px;
    line-height:1.2;
}

/*=========================
    Left Column
==========================*/

.col-lg-7.enagage{
    padding-right:50px;
}

/*=========================
    Feature Cards
==========================*/

.feature-box{
    border-radius:10px;
    padding:24px 28px;
    margin-bottom:22px;
    transition:.35s;
    border:1px solid #fff;
    cursor:pointer;
   

    box-shadow:
    rgba(50,50,93,.12) 0px 8px 18px -8px,
    rgba(0,0,0,.08) 0px 4px 10px -5px;
}

.feature-box h5{
    font-size:26px !important;
    margin-bottom:12px;
    color:#2e2e2e;
    font-weight:600;
}

.feature-box p{
    color:#555;
    line-height:1.8;
    margin:0;
    font-size:21px !important;
}

/*=========================
    Active
==========================*/

.feature-box.active{
    background:#D9A81E;
    border-color:#D9A81E;
}

.feature-box.active h5,
.feature-box.active p{
    color:#222;
}

/*=========================
    Hover
==========================*/

.feature-box:hover{
    background:#F5CC20;
    border-color:#F5CC20;
    transform:translateX(8px);
}

.feature-box:hover h5,
.feature-box:hover p{
    color:#222;
}

/*=========================
      Circle
==========================*/

.circle-wrapper{
    display:flex;
    justify-content:center;
    align-items:center;
}

.rotating-circle{
    width:100%;
    max-width:700px !important;
}

/*=========================
      Large Desktop
==========================*/

@media (min-width:1600px){

    .engagement-section{
        padding:90px 0;
    }

    .section-title{
        font-size:48px;
    }

    .section-tag{
        font-size:26px;
    }

    .col-lg-7.enagage{
        padding-right:70px;
    }

    .feature-box{
        padding:28px 32px;
    }

    .feature-box h5{
        font-size:24px;
    }

    .feature-box p{
        font-size:18px;
    }

    .rotating-circle{
        max-width:500px;
    }

}

/*=========================
      Tablet
==========================*/

@media (max-width:991px){

    .engagement-section{
        padding:60px 0;
    }

    .col-lg-7.enagage{
        padding-right:12px;
    }

    .circle-wrapper{
        margin-top:40px;
    }

}

/*=========================
      Mobile
==========================*/

@media (max-width:576px){

    .engagement-section{
        padding:50px 0;
    }

    .section-title{
        font-size:30px;
    }

    .section-tag{
        font-size:18px;
    }

    .feature-box{
        padding:20px;
    }

    .feature-box h5{
        font-size:20px;
    }

    .feature-box p{
        font-size:16px;
    }

    .rotating-circle{
        max-width:300px;
    }

}

section.engagement-section.py-5 span {
    color: #d4a017 !important;
}



/*==========================
        Leaders Section
===========================*/

.leaders-section{
    background:#1e5c4a;
    padding:80px 0;
}

/* Heading */

.section-tag{
    display:block;
    color:#D8A72A;
    font-size:22px;
    margin-bottom:12px;
    font-weight:400;
}

.section-heading h2{
    color:#fff;
    font-size:44px;
    font-weight:600;
    margin-bottom:18px;
    line-height:1.2;
}

.section-heading p{
    color:#d6d6d6;
    line-height:1.9;
    font-size:17px;
    width:100% !important;
}

/*==========================
        Leader Card
===========================*/

.leader-card{
    border:1px solid rgba(255,255,255,.25);
    border-radius:10px;
    padding:28px;
    transition:.35s;
    height:100%;
    background:#fff;
}

.leader-card:hover{
    transform:translateY(-8px);
    border-color:#D8A72A;
}

/*==========================
        Image
===========================*/

.leader-img{
    width:140px;
    height:140px;
    object-fit:cover;
    border-radius:8px;
    transition:.35s;
}

.leader-card:hover .leader-img{
    transform:scale(1.05);
}

/*==========================
        Text
===========================*/

.leader-card h4{
    color:#fff;
    font-size:28px;
    margin-bottom:8px;
    font-weight:600;
}

.designation {
    color: #F0EBE0;
    font-size: 25px;
}

.gold-line{
    width:55px;
    height:2px;
    background:#D8A72A;
    margin:18px 0;
}

.leader-card p{
    color:#555;
    line-height:1.9;
    margin-bottom:22px;
    font-size:20px !important;
}

/*==========================
        Link
===========================*/

.leader-card a {
    color: #D8A72A;
    text-decoration: none;
    font-weight: 500;
    font-size: 23px;
}

.leader-card a span{
    display:inline-block;
    margin-left:6px;
    transition:.3s;
}

.leader-card:hover a span{
    transform:translateX(8px);
}

/*==========================
      Large Desktop
===========================*/

@media (min-width:1600px){

    .leaders-section{
        padding:90px 0;
    }

    .section-heading h2{
        font-size:50px;
    }

    .section-tag{
        font-size:26px;
    }

    .section-heading p{
       
        font-size:18px;
    }

    .leader-card{
        padding:34px;
    }

    .leader-img{
        width:160px;
        height:160px;
    }

    .leader-card h4{
        font-size:30px;
    }

   

}

/*==========================
        Tablet
===========================*/

@media (max-width:991px){

    .leaders-section{
        padding:60px 0;
    }

    .section-heading{
        text-align:center;
    }

    .leader-card{
        text-align:center;
    }

    .gold-line{
        margin:18px auto;
    }

}

/*==========================
        Mobile
===========================*/

@media (max-width:576px){

    .leaders-section{
        padding:50px 0;
    }

    .section-heading h2{
        font-size:30px;
    }

    .section-tag{
        font-size:18px;
    }

    .leader-img{
        width:120px;
        height:120px;
    }

    .leader-card{
        padding:22px;
    }

    .leader-card h4{
        font-size:22px;
    }

    .leader-card p{
        font-size:16px !important;
    }

}
/*========================
Partners
========================*/

.partners-section{

    background:#F8F3E9;
   
}

.partners-area{

    position:relative;
    height:230px;
    margin-bottom:30px;

}

/* Circle */

.partner-circle{

    position:absolute;
    width:92px;
    height:92px;
    border-radius:50%;
    background:#fff;

    display:flex;
    justify-content:center;
    align-items:center;

    box-shadow:0 8px 18px rgba(0,0,0,.08);

    transition:.4s;

    animation:float 5s ease-in-out infinite;

}

.partner-circle img{

    width:42px;

}

/* Active */

.partner-circle.active{

    width:105px;
    height:105px;
    background:#175B49;

    left:46%;
    top:0;

    transform:translateX(-50%);

}

.partner-circle.active img{

    width:52px;

}

/* Left */

.left-1{

    left:2%;
    top:140px;

}

.left-2{

    left:15%;
    top:60px;

}

.left-3{

    left:33%;
    top:10px;

}

/* Right */

.right-1{

    right:33%;
    top:10px;

}

.right-2{

    right:15%;
    top:60px;

}

.right-3{

    right:2%;
    top:140px;

}

/* Hover */

.partner-circle:hover{

    transform:scale(1.08);

}

.partner-circle.active:hover{

    transform:translateX(-50%) scale(1.08);

}

/* Content */

.partner-content{

    max-width:650px;
    margin:auto;

}

.partner-content span{

    display:block;
    color:#756A5D;
    margin-bottom:10px;

}

.partner-content h2{

    color:#40352F;
    font-size:46px;
    font-weight:700;
    margin-bottom:15px;

}

.partner-content p{

    color:#555;
    line-height:1.8;

}

/* Floating */

@keyframes float{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-10px);

}

}

/* Different Delays */

.left-1{

animation-delay:0s;

}

.left-2{

animation-delay:.5s;

}

.left-3{

animation-delay:1s;

}

.right-1{

animation-delay:1.5s;

}

.right-2{

animation-delay:2s;

}

.right-3{

animation-delay:2.5s;

}

.active{

animation-delay:3s;

}

/* Responsive */

@media(max-width:992px){

.partners-area{

height:420px;

}

.partner-circle{

position:static;
margin:10px;

display:inline-flex;

}

.partners-area{

display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;

}

.partner-circle.active{

transform:none;

}

.partner-circle.active:hover{

transform:scale(1.08);

}

.partner-content h2{

font-size:34px;

}

}

/*============================
Impact Section
=============================*/

.impact-section{

    background:#133F2F;
    padding:90px 0;

}

.impact-wrapper{

    background:#F5C81F;

    border-radius:0 120px 120px 0;

    padding:45px;

    position:relative;

    overflow:hidden;

}

.impact-wrapper h2{

    font-size:44px;

    font-weight:700;

    color:#3F362E;

    margin-bottom:35px;

}

.leaf{

    color:#184C3B;

    font-size:34px;

}

/* Card */

.sdg-card{

    border-radius:6px;

    padding:18px;

    height:170px;

    position:relative;

    transition:.4s;

    border:2px solid rgba(255,255,255,.7);

}

.dark-green{

    background:#1A5946;

    color:#fff;

}

.light-green{

    background:#9ED0B5;

    color:#fff;

}

.yellow-card{

    background:#D9A315;

    color:#fff;

}

.cream{

    background:#F5F2EB;

    color:#43382E;

}

.sdg-icon{

    width:42px;

    position:absolute;

    right:18px;

    bottom:18px;

    transition:.5s;

}

/* Hover */

.sdg-card:hover{

    transform:translateY(-10px);

}

.sdg-card:hover .sdg-icon{

    transform:rotate(12deg) scale(1.15);

}

/* Cards Animation */

.sdg-card{

    animation:float 4s ease-in-out infinite;

}

.sdg-card:nth-child(2){

    animation-delay:.2s;

}

.sdg-card:nth-child(3){

    animation-delay:.4s;

}

.sdg-card:nth-child(4){

    animation-delay:.6s;

}

.sdg-card:nth-child(5){

    animation-delay:.8s;

}

.sdg-card:nth-child(6){

    animation-delay:1s;

}

@keyframes float{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-6px);

}

}

/* Responsive */

@media(max-width:992px){

.impact-wrapper{

border-radius:30px;

padding:30px;

}

.impact-wrapper h2{

font-size:34px;

}

.sdg-card{

height:180px;

}

}

/* ==========================
Partners Section
==========================*/

.partners-section{
    background:#F4EFE3;
    /* overflow:hidden; */
    /* padding-top:45px; */
}

/* floating logos */

.partners-logos{
    position:relative;
    height:220px;
}

.partner-logo{
    width:82px;
    height:82px;
    background:#fff;
    border-radius:50%;
    position:absolute;
    display:flex;
    justify-content:center;
    align-items:center;
    box-shadow:0 3px 12px rgba(0,0,0,.05);

    will-change:transform;
    transform-origin:center center;
    backface-visibility:hidden;
}

.partner-logo.active{
    width:92px;
    height:92px;
    background:#1D6654;
}

.partner-logo.active img{
    width:48px;
}

/* positions */

.logo-1{
    left:5%;
    top:95px;
}

.logo-2{
    left:15%;
    top:35px;
}

.logo-3{
    left:50%;
    top:0;
    transform:translateX(-50%);
}

.logo-4{
    left:34%;
    top:-20px;
}

.logo-5{
    right:33%;
    top:-20px;
}

.logo-6{
    right:15%;
    top:35px;
}

.logo-7{
    right:5%;
    top:95px;
}

/* text */

.small-title{
    color:#fff;
    font-size:14px;
}

.partners-content{
    margin-top: -19px;
    padding-bottom: 38px;
}

.partners-content h2{
    font-size:40px;
    font-weight:600;
    color:#40392F;
    margin:5px 0 12px;
}

.partners-content p{
    /* max-width:720px; */
    margin:auto;
    color:#61584D;
    font-size:20px;
    line-height:1.7;
}

/* ===========================
SDG AREA
=========================== */

/* ===========================
        SDG SECTION
=========================== */

.sdg-wrapper{
    background:#1a3d2b;
    padding:35px 0;
}

.sdg-box{
    position:relative;
    width:99%;
    background:#FFD11A;
    border-top-right-radius:170px;
    border-bottom-right-radius:170px;
    padding:40px 0;
    box-shadow:0 10px 0 #A78B14;
}

.sdg-heading{
    display:flex;
    align-items:center;
    gap:14px;

    font-size:48px;
    font-weight:600;
    color:#2F2B26;

    margin:0;
    padding-left:120px;

    font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;
}

.leaf-icon{
    width:36px;
}

/* ===========================
      Large Desktop
=========================== */

@media (min-width:1600px){

    .sdg-wrapper{
        padding:45px 0;
    }

    .sdg-box{
        width:97%;
        padding:50px 0;
        border-top-right-radius:220px;
        border-bottom-right-radius:220px;
    }

    .sdg-heading{
        font-size:56px;
        padding-left:350px;
    }

    .leaf-icon{
        width:42px;
    }

}

/* ===========================
      Tablet
=========================== */

@media (max-width:991px){

    .sdg-box{
        width:100%;
        border-radius:40px;
        padding:30px;
    }

    .sdg-heading{
        justify-content:center;
        text-align:center;
        padding-left:0;
        font-size:34px;
        flex-wrap:wrap;
    }

    .leaf-icon{
        width:28px;
    }

}

/* ===========================
      Mobile
=========================== */

@media (max-width:576px){

    .sdg-heading{
        font-size:28px;
    }

}

/*============================
CONTACT CTA
=============================*/

/*============================
CONTACT CTA
=============================*/

.contact-banner{
    position:relative;
    background:url("../images/greenplants.png") center center/cover no-repeat;
    min-height:460px;
    display:flex;
    align-items:center;
    overflow:hidden;
}

.contact-banner .overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.28);
}

.contact-banner .container{
    position:relative;
    z-index:2;
}

.contact-subtitle{
    display:block;
    color:#D7A91A;
    font-size:24px;
    margin-bottom:12px;
    font-weight:600;
}

.contact-banner h2{
    color:#F2F2F2;
    font-size:48px;
    font-weight:600;
    line-height:1.2;
    margin-bottom:18px;
    max-width:700px;
}

.contact-banner p{
    color:#E7E7E7;
    font-size:19px;
    line-height:1.8;
    margin-bottom:30px;
    max-width:600px;
}

.connect-btn{
    background:#5F806B;
    color:#fff;
    border:1px solid #d6a633;
    border-radius:4px;
    padding:14px 32px;
    font-size:17px;
    transition:.3s;
}

.connect-btn:hover{
    background:#486857;
    color:#fff;
}

/*============================
Large Desktop
=============================*/

@media (min-width:1600px){

    .contact-banner{
        min-height:520px;
    }

    .contact-subtitle{
        font-size:28px;
    }

    .contact-banner h2{
        font-size:56px;
        max-width:800px;
    }

    .contact-banner p{
        font-size:20px;
        max-width:680px;
    }

    .connect-btn{
        padding:16px 36px;
        font-size:18px;
    }

}

/*============================
Tablet
=============================*/

@media (max-width:992px){

    .contact-banner{
        min-height:360px;
        padding:70px 0;
    }

    .contact-banner h2{
        font-size:40px;
    }

    .contact-banner p{
        font-size:17px;
    }

}

/*============================
Mobile
=============================*/

@media (max-width:576px){

    .contact-banner{
        min-height:320px;
        padding:60px 0;
    }

    .contact-subtitle{
        font-size:18px;
    }

    .contact-banner h2{
        font-size:32px;
    }

    .contact-banner p{
        font-size:16px;
    }

    .connect-btn{
        padding:12px 24px;
        font-size:16px;
    }

}

/*=========================
        FOOTER
=========================*/

.footer{
    background:#18382C;
    padding:70px 0 24px;
    color:#fff;
}

/* Wider container for 1920 screens */



/*-----------------------
        ROW
-----------------------*/

.footer-row{
    align-items:flex-start;
    justify-content:space-between;
    row-gap:40px;
}

/*-----------------------
      COLUMN SPACING
-----------------------*/

.footer-logo-column{
    padding-right:25px;
}

.footer-column{
    padding-left:15px;
}

.last-column{
    padding-left:15px;
}

/*-----------------------
        LOGO
-----------------------*/

.footer-logo{
    width:230px;
    margin-bottom:22px;
}

.footer-description{
    color:#d8d8d8;
    font-size: 24px;
    line-height:1.7;
    margin-bottom:28px;
}

/*-----------------------
      CONTACT
-----------------------*/

.footer-contact{
    margin-bottom:28px;
}

.contact-item{
    display:flex;
    align-items:flex-start;
    gap:14px;
    margin-bottom:18px;
}

.contact-icon.location i {
    margin-left: -9px;
}

.contact-item i {
    color: #D6B23C;
    font-size: 23px;
    width: 9px;
    margin-top: 12px;
}

.contact-item span,
.footer-email{
    color:#E4E4E4;
    font-size: 23px;
    line-height:1.8;
    text-decoration:none;
}

/*-----------------------
      SOCIAL
-----------------------*/

.footer-social{
    display:flex;
    gap:12px;
}

.footer-social a{
    width:38px;
    height:38px;
    border:1px solid #D6B23C;
    color:#D6B23C;
    display:flex;
    justify-content:center;
    align-items:center;
    text-decoration:none;
    transition:.3s;
    font-size:15px;
}

.footer-social a:hover{
    background:#D6B23C;
    color:#18382C;
}

/*-----------------------
      HEADINGS
-----------------------*/

.footer-column h5 {
    color: #D6B23C;
    font-size: 27px;
    font-weight: 600;
    margin-bottom: 30px;
}

/*-----------------------
      LINKS
-----------------------*/

.footer-column ul{
    margin:0;
    padding:0;
    list-style:none;
}

.footer-column ul li{
    margin-bottom:18px;
}

.footer-column ul li a{
    color:#E5E5E5;
    text-decoration:none;
    font-size:19px;
    line-height:1.8;
    transition:.3s;
}

.footer-column ul li a:hover{
    color:#D6B23C;
}

/*-----------------------
      LINE
-----------------------*/

.footer-line{
    height:1px;
    background:rgba(255,255,255,.18);
    margin:55px 0 25px;
}

/*-----------------------
      BOTTOM
-----------------------*/

.footer-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
}

.copyright{
    color:#d5d5d5;
    font-size:22px;
}

.footer-policy{
    display:flex;
    align-items:center;
    gap:14px;
}

.footer-policy span{
    color:#888;
}

.footer-policy a{
    color:#d5d5d5;
    text-decoration:none;
    font-size:22px;
    transition:.3s;
}

.footer-policy a:hover{
    color:#D6B23C;
}

/*=========================
      RESPONSIVE
=========================*/

@media (max-width:1400px){

    .footer .container{
        max-width:1280px;
    }

    .footer-logo{
        width:190px;
    }

    .footer-column h5{
        font-size:24px;
    }

    .footer-column ul li a,
    .footer-description,
    .contact-item span,
    .footer-email{
        font-size:16px;
    }
}

@media (max-width:991px){

    .footer{
        padding:50px 0 30px;
    }

    .footer-logo-column,
    .footer-column,
    .last-column{
        padding:0;
        margin-bottom:35px;
    }

    .footer-bottom{
        flex-direction:column;
        align-items:flex-start;
        gap:15px;
    }

    .footer-line{
        margin:35px 0 20px;
    }

    .footer-column h5{
        font-size:22px;
    }
}

@media (max-width:767px){

    .footer-logo{
        width:170px;
    }

    .footer-column h5{
        font-size:20px;
    }

    .footer-column ul li a,
    .footer-description,
    .contact-item span,
    .footer-email{
        font-size:15px;
    }
}
/* ===========================
   WHO WE ARE BANNER
=========================== */

.who-banner {
    position: relative;
    height: 656px;
    background: url(../images/who-banner.png) center center / cover no-repeat;
    overflow: hidden;
}

img.img-fluid.about-shape.founded {
    width: 337px;
}

/* Dark Overlay */

.banner-overlay{
    position:absolute;
    inset:0;
    /* background:rgba(0,0,0,.38); */
}

/* Content */

.banner-content {
    position: relative;
    z-index: 2;
    color: #fff;
    padding-top: 103px;
}

.banner-tag {
    display: inline-block;
    color: #D7A62A;
    font-size: 33px;
    font-weight: 500;
    margin-bottom: 18px;
}

html,
body {
    overflow-x: hidden;
}

.banner-content h1 {
    font-size: 66px;
    line-height: 1.1;
    font-weight: 400;
    margin-bottom: 25px;
    letter-spacing: -1px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.banner-content p{
    font-size:24px;
    line-height:1.9;
    color:#ececec;
    margin-bottom:35px;
}

.banner-line {
    width: 71px;
    height: 2px;
    background: #D7A62A;
    margin-top: -25px;
}

/* Responsive */

@media (max-width:991px){

    .who-banner{
        height:500px;
    }

    .banner-content h1{
        font-size:42px;
    }

    .banner-content p{
        font-size:16px;
    }

}

@media (max-width:576px){

    .who-banner{
        height:430px;
    }

    .banner-content h1{
        font-size:34px;
    }

    .banner-content p{
        font-size:15px;
        line-height:1.7;
    }

}

/* Initial State */

.animate-left,
.animate-right,
.animate-up,
.animate-fade-up{
    opacity:0;
    transition:all .8s ease;
}

/* Left */

.animate-left{
    transform:translateX(-80px);
}

/* Right */

.animate-right{
    transform:translateX(80px);
}

/* Top Card */

.animate-up{
    transform:translateY(60px);
}

/* Bottom Cards */

.animate-fade-up{
    transform:translateY(70px);
}

/* Active */

.animate-left.show,
.animate-right.show,
.animate-up.show,
.animate-fade-up.show{
    opacity:1;
    transform:translate(0,0);
}

/* Delay */

.delay-1{
    transition-delay:.2s;
}

.delay-2{
    transition-delay:.4s;
}

.delay-3{
    transition-delay:.6s;
}



.animate-up{
    opacity:0;
    transform:translateY(50px);
}


/* Initial State */
.sdg-item {
    opacity: 0;
    transform: translateX(-80px);
    transition: transform 0.7s ease, opacity 0.7s ease;
}

/* Active State */
.sdg-item.show {
    opacity: 1;
    transform: translateX(0);
}

/* Delay */
.sdg-item:nth-child(1) { transition-delay: 0s; }
.sdg-item:nth-child(2) { transition-delay: .15s; }
.sdg-item:nth-child(3) { transition-delay: .30s; }
.sdg-item:nth-child(4) { transition-delay: .45s; }
.sdg-item:nth-child(5) { transition-delay: .60s; }
.sdg-item:nth-child(6) { transition-delay: .75s; }



.purpose-section{
    background:#F7F3EB;
    padding:90px 0;
    margin: 0 !important;
}

.purpose-text{
    font-size: 23px;
    line-height:1.9;
    color:#4E4E4E;
    margin-bottom:0;
    font-weight:400;
}

.purpose-highlight {
    color: #C48A00;
    font-size: 24px;
    font-weight: 400;
    margin-top: 28px;
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.purpose-art{
    display:flex;
    justify-content:center;
    align-items:center;
    gap: 211px;
    height:100%;
}

.divider-line{
    width:2px;
    height:110px;
    background:#D7BE73;
}

.leaf-wrapper{
    display:flex;
    align-items:center;
    gap:4px;
}


.leaf-gold{
    background:#D9A20A;
    border-radius:0 100% 0 100%;
    transform:rotate(20deg);
}

@media(max-width:991px){

    .purpose-art{
        margin-top:50px;
    }

    .purpose-text{
        font-size:16px;
    }

}

/*==================================
WHY WE EXIST
==================================*/

.why-exist-section{
    background:#F6C913;
    padding:90px 0;
}


.why-tag {
    display: inline-block;
    font-size: 24px;
    font-weight: 500;
    color: #2f2f2f;
    margin-bottom: 10px;
}

.why-content h2{
    font-size:42px;
    font-weight: 600;
    color:#222;
    line-height:1.2;
    margin-bottom:28px;
}

.why-content p{
    font-size: 26px;
    line-height:46px;
    color:#2d2d2d;
    margin-bottom:22px;
    font-weight: 400;
}

.why-last{
    font-style:italic;
    margin-top:35px;
    margin-bottom:0;
}

.why-image{
    border-radius:20px;
    overflow:hidden;
}

.why-image img{
    width:100%;
    display:block;
    border-radius:20px;
}

/* Responsive */

@media(max-width:991px){

    .why-content{
        margin-bottom:45px;
        max-width:100%;
    }

    .why-content h2{
        font-size:34px;
    }

}

@media(max-width:767px){

    .why-exist-section{
        padding:70px 0;
    }

    .why-content h2{
        font-size:28px;
    }

    .why-content p{
        font-size:14px;
    }

}

/*==========================
PHILOSOPHY
==========================*/

.philosophy-section{
    background:#143C2D;
    padding:101px 0 !important;
    overflow:hidden;
}

/* Circle */

.philosophy-circle{
    width:320px;
    height:320px;
    margin:auto;
    position:relative;
}

/* Pulsing Glow */

/* .glow{
    position:absolute;
    inset:-10px;
    border-radius:50%;
    border:2px solid rgba(212,168,43,.45);
    animation:pulseGlow 3s ease-in-out infinite;
}

.glow-2{
    inset:-24px;
    animation-delay:1.2s;
} */

/* Rotating Ring */

/* .ring{
    position:absolute;
    inset:-4px;
    border-radius:50%;
    border:2px solid rgba(215,174,45,.9);
    border-left-color:transparent;
    border-right-color:transparent;
    animation:rotateRing 10s linear infinite;
} */

/* Main Circle */

/* .circle-inner{

    width:100%;
    height:100%;
    border-radius:50%;

    background:radial-gradient(circle,#1d4d3a,#0d2d22);

    display:flex;
    justify-content:center;
    align-items:center;

    border:2px solid #D5A11C;

    position:relative;

    overflow:hidden;

    animation:floatCircle 5s ease-in-out infinite;

    box-shadow:
    0 0 20px rgba(215,174,45,.45),
    0 0 60px rgba(215,174,45,.18);
} */

.circle-inner img {
    width: 450px;
    z-index: 2;
    margin-top: -1px;
}


.philosophy-circle{
    position: relative;
    width: 500px;
    height: 500px;
    margin: auto;
}

/* Main Image */
.circle-inner{
    position:relative;
    width:100%;
    height:100%;
    border-radius:50%;
    overflow:hidden;
}

.circle-inner img{
    width:100%;
    display:block;
}

/* ===========================
   LIGHT BORDER ANIMATION
=========================== */

.circle-inner::after{
    content:"";
    position:absolute;
    inset:0;
    border-radius:50%;
    pointer-events:none;

    /* creates bright gold glow only on border */
    box-shadow:
        inset 0 0 0 3px rgba(255,215,0,.35),
        inset 0 0 10px rgba(255,215,0,.35),
        inset 0 0 20px rgba(255,215,0,.25);

    animation:borderLight 2.5s ease-in-out infinite;
}

@keyframes borderLight{

    0%{
        opacity:.25;
        filter:brightness(.9);
    }

    10%{
        opacity:1;
        filter:brightness(1.8);
    }

    20%{
        opacity:.4;
    }

    35%{
        opacity:.9;
        filter:brightness(1.5);
    }

    55%{
        opacity:.25;
    }

    70%{
        opacity:1;
        filter:brightness(2);
    }

    100%{
        opacity:.25;
        filter:brightness(.9);
    }

}

/* Shining Effect */

/* .circle-inner::before{

    content:"";

    position:absolute;

    width:130%;

    height:40%;

    background:linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.22),
    transparent);

    transform:rotate(-25deg);

    animation:shine 5s linear infinite;
} */

/* Vertical Divider */

.vertical-line{

    width:1px;
    height:433px;
    background:rgba(212,168,43,.35);
    margin:auto;
}

/* Content */

.section-tag{

    color:#D8AF2A;
    font-size:17px;
    margin-bottom:10px;
    display:inline-block;
}

.philosophy-content h2{color:#fff;font-size:54px;margin-bottom:25px;font-weight: 400;  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;}

.philosophy-content p{

    color:#d7d7d7;
    line-height:1.9;
    margin-bottom:22px;
    font-size:22px;
}

.highlight{

    color:#D8AF2A !important;
    font-style:italic;
    font-weight:600;
}

/*==========================
ANIMATIONS
==========================*/

@keyframes rotateRing{

    from{

        transform:rotate(0deg);
    }

    to{

        transform:rotate(360deg);
    }

}

@keyframes pulseGlow{

    0%{

        transform:scale(1);

        opacity:.4;
    }

    50%{

        transform:scale(1.08);

        opacity:1;
    }

    100%{

        transform:scale(1);

        opacity:.4;
    }

}

@keyframes floatCircle{

    0%{

        transform:translateY(0px);
    }

    50%{

        transform:translateY(-10px);
    }

    100%{

        transform:translateY(0px);
    }

}

@keyframes shine{

    from{

        left:-120%;
    }

    to{

        left:130%;
    }

}

/* Responsive */

@media(max-width:991px){

    .philosophy-circle{

        width:260px;
        height:260px;
        margin-bottom:50px;
    }

    .vertical-line{

        display:none;
    }

    .philosophy-content{

        text-align:center;
    }

    .philosophy-content h2{

        font-size:40px;
    }

}


/*==================================
VUCA SECTION
==================================*/

.vuca-section{
    background:#f5f2eb;
    padding:90px 0;
}

.vuca-heading{
    margin-bottom:45px;
}

.section-tag{
    display:inline-block;
    color:#C69A19;
    font-size:13px;
    font-weight:600;
    letter-spacing:1px;
    margin-bottom:10px;
    
}

.vuca-heading h2 {
    font-size: 46px;
    color: #343434;
    margin-bottom: 20px;
    font-weight: 600;
}

.vuca-heading p{
    font-size:22px;
    line-height:1.9;
    color:#4f4f4f;
}

.vuca-heading h6 {
    margin-top: 18px;
    color: #C69A19;
    font-weight: 500;
    font-size: 25px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

h2.vuca-world.aos-init.aos-animate {
    font-size: 42px;
    font-weight: 500;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

span.section-tag.approach.aos-init.aos-animate {
    font-size: 22px;
    font-weight: 600;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/*=========================
Cards
=========================*/

.vuca-card {
    position: relative;
    padding: 53px;
    min-height: 282px;
    transition: .45s;
    overflow: hidden;
}

.vuca-card:hover{

    transform:translateY(-8px);

    box-shadow:0 18px 40px rgba(0,0,0,.12);

}

.top-line {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 12px;
}

/* Colors */

.yellow{

    background:#F4C718;

    color:#2f2f2f;

}

.yellow .top-line{

    background:#1F5A43;

}

.green{

    background:#1F5A43;

    color:#fff;

}

.green .top-line{

    background:#F4C718;

}

.mustard{

    background:#D9A40C;

    color:#2f2f2f;

}

.mustard .top-line{

    background:#1F5A43;

}

.vuca-header span {
    font-size: 40px;
    margin-bottom: 29px;
    font-weight: 600;
}

/*=========================
Heading
=========================*/

.vuca-card h3{display:flex;align-items:center;gap:14px;font-size: 30px;font-weight: 600;margin-bottom:25px;flex-wrap:wrap;}

/*=========================
ICON
=========================*/

.vuca-icon{width: 47px;height: 45px;object-fit:contain;}

/*=========================
TEXT
=========================*/

.vuca-card p{

    font-size:23px;

    line-height:1.9;

    margin:0;

}

img.img-fluid.about-shape.founded {
    width: 337px;
}

/*=========================
POP ANIMATION
=========================*/

@keyframes iconPop{

    0%{

        transform:scale(1);

    }

    25%{

        transform:scale(1.35);

    }

    50%{

        transform:scale(1);

    }

    75%{

        transform:scale(1.2);

    }

    100%{

        transform:scale(1);

    }

}

/* Different timings */

.col-lg-6:nth-child(2) .vuca-icon{

    animation-delay:.3s;

}

.col-lg-6:nth-child(3) .vuca-icon{

    animation-delay:.6s;

}

.col-lg-6:nth-child(4) .vuca-icon{

    animation-delay:.9s;

}

/*=========================
Responsive
=========================*/

@media(max-width:991px){

    .vuca-heading h2{

        font-size:36px;

    }

    .vuca-card{

        min-height:auto;

    }

}

@media(max-width:767px){

    .vuca-section{

        padding:70px 0;

    }

    .vuca-card{

        padding:28px;

    }

    .vuca-card h3{

        font-size:28px;

    }

    .vuca-icon{

        width:28px;

        height:28px;

    }

}


/*=================================================
OUR VALUES SECTION
=================================================*/

.values-section{
    background:#173f2d;
    padding:97px 0 !important;
    overflow:hidden;
}

/*==========================
Heading
==========================*/

.values-heading{
    margin-bottom:45px;
}

.values-heading .section-tag {
    display: inline-block;
    color: #c79b1d;
    font-size: 25px;
    /* text-transform: uppercase; */
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.values-heading h2{
    color:#fff;
    font-size:46px;
    font-weight: 600;
    margin-bottom:18px;
}

.values-heading p{
    color:#d4d4d4;
    font-size:27px;
    line-height:1.9;
}

/*=================================================
ROW
=================================================*/



/*=================================================
CARDS
=================================================*/

.value-card{
    height:100%;
    padding:34px 28px;
    position:relative;
    transition:.35s ease;
}

.value-card:hover{
    transform:translateY(-8px);
}

/* Vertical Borders */

.border-right{
    border-right:1px dashed rgba(255,255,255,.18);
}


/*=================================================
ICONS
=================================================*/

.value-icon{
    width:58px;
    height:58px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:22px;
    transition:.35s ease;
}

.value-icon img {
    width: 39px;
    transition: .35s ease;
}

/* Circle Colors */

.green-circle{
    background:#2b735d;
}

.gold-circle{
    background:#bf8d10;
}

.yellow-circle{
    background:#ffd32c;
}

.white-circle{
    background:#f8f3eb;
}

.cream-circle{
    background:#ead48d;
}

/* Hover Animation */

.value-card:hover .value-icon{
    transform:translateY(-5px);
    box-shadow:0 10px 25px rgba(255,211,44,.18);
}

.value-card:hover .value-icon img{
    transform:rotate(8deg);
}

/*=================================================
TYPOGRAPHY
=================================================*/

.value-card h4{
    color:#fff;
    font-size:30px;
    font-weight:400;
    margin-bottom:15px;
}

.value-card p{
    color:#d6d6d6;
    font-size: 22px;
    line-height:1.9;
    margin:0;
}

/*=================================================
RESPONSIVE
=================================================*/

@media(max-width:991px){

    .values-heading h2{
        font-size:38px;
    }

    .border-right{
        border-right:none;
    }

    .border-bottom{
        border-bottom:1px dashed rgba(255,255,255,.18);
    }

    .value-card{
        border-bottom:1px dashed rgba(255,255,255,.18);
    }

}

@media(max-width:767px){

    .values-section{
        padding:70px 0;
    }

    .values-heading h2{
        font-size:30px;
    }

    .values-heading p{
        font-size:14px;
    }

    .value-card{
        padding:28px 22px;
    }

    .value-card h4{
        font-size:24px;
    }

    .value-card p{
        font-size:14px;
    }

    .value-icon{
        width:52px;
        height:52px;
    }

    .value-icon img{
        width:24px;
    }

}

/* Bottom border for first row */

.border-bottom{
    position:relative;
}

.border-bottom::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    border-bottom:1px dashed rgba(255,255,255,.18);
}
/* Add top dashed border to second row */

/*=========================================
MEET OUR LEADERS
=========================================*/

.leaders-section{
    background: #1e5c4a;
    padding:90px 0;
    overflow:hidden;
}

/*=========================
Heading
=========================*/

.leaders-heading{
    margin:0 auto 60px;
}

.leaders-heading .section-tag{
    display:inline-block;
    color:#d2ab39;
    font-size:29px;
    font-weight:500;
    letter-spacing:1px;
    margin-bottom:12px;
}

.leaders-heading h2{
    color:#fff;
    font-size:48px;
    font-weight:600;
    margin-bottom:22px;
}

.leaders-heading p {
    color: #d7d7d7;
    font-size: 24px;
    line-height: 40px;
    margin-bottom: 18px;
}

/*=========================
Leader Card
=========================*/

.leader-card{
    background:transparent;
    border:1px solid rgba(255,255,255,.12);
    padding:35px;
    transition:.4s ease;
}

.leader-card:hover{
    transform:translateY(-8px);
    border-color:#d2ab39;
    box-shadow:0 18px 45px rgba(0,0,0,.18);
}

/* Clear Float */

.leader-content::after{
    content:"";
    display:block;
    clear:both;
}

/*=========================
Image
=========================*/

.leader-image {
    width: 148px;
    height: 188px;
    float: left;
    margin-right: 22px;
    margin-bottom: 10px;
    overflow: hidden;
    border-radius: 6px;
    border: 2px solid rgb(255 255 255 / 45%);
}

.leader-content.new-custom-1 p {
    color: #fbf8f8;
    font-size:22px;
}

.leader-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:.5s;
}

.leader-card:hover .leader-image img{
    transform:scale(1.08);
}

/*=========================
Content
=========================*/

.leader-content h3{
    color:#fff;
    font-size:30px;
    font-weight:500;
    margin:0;
    padding-top:4px;
}

.leader-content span {
    display: block;
    color: #d2ab39;
    font-size: 23px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .8px;
    margin: 8px 0 18px;
}

.leader-content p{
    color:#d7d7d7;
    font-size:15px;
    line-height:1.9;
    margin-bottom:16px;
}

/*=========================
Responsive
=========================*/

@media(max-width:991px){

    .leaders-heading h2{
        font-size:38px;
    }

    .leader-card{
        padding:28px;
    }

    .leader-image{
        width:95px;
        height:115px;
        margin-right:18px;
    }

}

@media(max-width:767px){

    .leaders-section{
        padding:70px 0;
    }

    .leaders-heading h2{
        font-size:30px;
    }

    .leaders-heading p{
        font-size:14px;
    }

    .leader-card{
        padding:22px;
    }

    .leader-image{
        float:none;
        margin:0 auto 20px;
        width:110px;
        height:130px;
    }

    .leader-content{
        text-align:center;
    }

    .leader-content h3{
        font-size:25px;
    }

    .leader-content p{
        font-size:14px;
    }

}

span.section-subtitle.exists.aos-init.aos-animate {
    font-size: 26px;
    color: #d4a017;
}

h2.section-title.why.aos-init.aos-animate {
    font-size: 34px;
    font-weight: 500;
    margin-bottom: 19px;
    color: #3d3528;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

p.section-text.why-p.aos-init.aos-animate {
    font-size: 23px;
    line-height: 35px;
}

p.section-tagg.what-we-do.aos-init.aos-animate {
    font-size: 28px;
    color: #d4a017;
}

p.section-desc1.aos-init.aos-animate {
    font-size: 25px;
}

.services-heading.text-center.text-lg-start h2 {
    font-size: 47px;
}

h2.aos-init.aos-animate {
    font-weight: 500;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

p.section-desc1.aos-init.aos-animate {
    color: #ffffffd4;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

span.section-tag.apart.aos-init.aos-animate {
    font-size: 27px;
    font-weight: 500;
    color: #3D3528;
}

h2.section-title.enagement.aos-init.aos-animate {
    font-size: 42px;
    font-weight: 500;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin-bottom: 30px;
    color: black;
}

span.section-tag.meet.aos-init.aos-animate {
    font-size: 26px;
    font-weight: 500;
}

section.leaders-section.py-5.bg\.green p {
    font-size: 23px;
}

h2.aos-init.aos-animate {
    font-size: 44px;
    font-weight: 500;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* p.aos-init.aos-animate {
    font-size: 16px;
    line-height: 26px;
} */

span.contact-subtitle.connect-us.aos-init.aos-animate {
    font-size: 27px;
}

h2.e-begins.aos-init.aos-animate {
    font-size: 55px;
    font-weight: 400;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

p.e-begins-p.aos-init.aos-animate {
    font-size: 23px;
}

/* Right Side Layout */
.purpose-image-wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 45px;
    height: 100%;
}

/* Yellow Divider */
.purpose-divider {
    width: 1px;
    height: 372px;
    background: #D8A115;
    margin-right: 26px;
}

/* Responsive */
@media (max-width:991px){

    .purpose-image-wrapper{
        justify-content: center;
        margin-top: 40px;
        gap: 30px;
    }

    .purpose-divider{
        height: 70px;
    }

}

h2.build.aos-init.aos-animate {
    font-size: 41px;
    font-weight: 500;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

p.why-last.aos-init.aos-animate {
    font-weight: 600;
}

span.section-tag.philosophy {
    font-weight: 400;
    font-size: 23px;
}


/*==========================
      CARD HEADER
===========================*/

.vuca-title{

    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:30px;

}

.vuca-header{

    display:flex;
    align-items:center;
    gap:18px;

}

.vuca-header h3{

    margin:0;
    font-size:32px;
    font-weight:600;
    white-space:nowrap;

}

/* Right icon */

.vuca-icon {
    width: 52px;
    height: 52px;
    object-fit: contain;
    margin-left: auto;
    flex-shrink: 0;
    margin-left: 20px;
    position: relative;
    top: -36px;
}
/*==========================
      ARROW CIRCLE
===========================*/

.arrow-circle{

    position:relative;
    width:74px;
    height:74px;
    flex-shrink:0;

}

.circle-bg{

    width:100%;
    display:block;

}

/*==========================
      ARROWS
===========================*/

.arrow-group{

    position:absolute;
    top:50%;
    left:50%;

    transform:translate(-50%,-50%);

    display:flex;
    align-items:center;
    gap:1px;

}

.arrow{

    width:11px;
    opacity:0;

}

/*==========================
      ANIMATION
===========================*/

.arrow1{

    animation:arrow1 1.8s infinite;

}

.arrow2{

    animation:arrow2 1.8s infinite;

}

.arrow3{

    animation:arrow3 1.8s infinite;

}

@keyframes arrow1{

0%,10%{

opacity:0;

}

15%,85%{

opacity:1;

}

100%{

opacity:0;

}

}

@keyframes arrow2{

0%,28%{

opacity:0;

}

33%,85%{

opacity:1;

}

100%{

opacity:0;

}

}

@keyframes arrow3{

0%,46%{

opacity:0;

}

51%,85%{

opacity:1;

}

100%{

opacity:0;

}

}

/*==========================
      MOBILE
===========================*/

@media(max-width:991px){

.vuca-title{

flex-direction:column;
align-items:flex-start;
gap:20px;

}

.vuca-icon{

margin-left:0;

}

.vuca-header{

flex-wrap:wrap;

}

.vuca-header h3{

font-size:26px;

}

}

h1.career.aos-init.aos-animate {
    font-size: 52px;
    font-weight: 400;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}


section.who-banner.career {

     position: relative;
    height: 673px;
    background: url(../images/career.png) center center / cover no-repeat;
    overflow: hidden;
}

/*=========================================
        INTEREST SECTION
=========================================*/

.interest-section{
    position:relative;
    padding:80px 0;
    background:url("../images/join-banner.jpg") center center/cover no-repeat;
    overflow:hidden;
}

.interest-overlay{
    position:absolute;
    inset:0;
    background:rgba(18,59,42,.88);
}

.interest-section .container{
    position:relative;
    z-index:2;
    max-width:1650px;
}

/*=========================
        CONTENT
=========================*/

.interest-tag {
    display: block;
    font-size: 32px;
    font-weight: 600;
    letter-spacing: 2px;
    color: #F4C91B;
    margin-bottom: 14px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}



.interest-heading{
    font-size:58px;
    font-weight:500;
    color:#fff;
    line-height:1.15;
    margin-bottom:26px;
    font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;
}

.interest-text{
    max-width:900px;
    margin:0 auto 28px;
    font-size:22px;
    line-height:1.9;
    color:#E6E6E6;
    font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;
}

.interest-highlight{
    font-size:28px;
    font-weight:500;
    color:#F4C91B;
    margin:0;
    line-height:1.4;
}

/*=========================
      1366px
=========================*/

@media (max-width:1400px){

    .interest-section{
        padding:100px 0;
    }

    .interest-heading{
        font-size:48px;
    }

    .interest-text{
        max-width:760px;
        font-size:18px;
    }

    .interest-highlight{
        font-size:22px;
    }

    .interest-tag{
        font-size:18px;
    }
}

/*=========================
      TABLET
=========================*/

@media(max-width:991px){

    .interest-section{
        padding:80px 0;
    }

    .interest-heading{
        font-size:40px;
    }

    .interest-text{
        max-width:100%;
        font-size:17px;
        line-height:1.8;
    }

    .interest-highlight{
        font-size:20px;
    }

    .interest-tag{
        font-size:17px;
    }
}

/*=========================
      MOBILE
=========================*/

@media(max-width:576px){

    .interest-section{
        padding:70px 20px;
    }

    .interest-heading{
        font-size:32px;
    }

    .interest-text{
        font-size:16px;
    }

    .interest-highlight{
        font-size:18px;
    }

    .interest-tag{
        font-size:15px;
    }
}




/*==================================
        APPLICATION FORM
===================================*/

.form-section h6 {
    font-size: 24px;
    margin-bottom: 20px;
}

.career-form-section{
    background:#1F614E;
    padding:140px 0;
}

.career-form-section .container{
    max-width:1650px;
}

.career-form-card{
    width:100%;
    max-width:1380px;
    margin:auto;

    border:1px solid rgba(255,255,255,.20);
    border-radius:14px;

    padding:60px 60px 50px;
    background:transparent;
}

/*========================
        TITLE
=========================*/

.career-form-title{
    text-align:center;
    color:#F2EEE5;
    font-size:36px;
    font-weight:500;
    letter-spacing:.5px;
    margin-bottom:55px;
}

/*========================
        SECTIONS
=========================*/

.form-section{
    margin-bottom:34px;
}

.section-title{
    color:#fff;
    font-size:24px;
    font-weight:500;
    margin-bottom:18px;
}

.field-label{
    display:block;
    color:#fff;
    font-size:18px;
    font-weight:400;
    margin-bottom:10px;
}

.field-info{
    color:#D2DDD7;
    font-size:17px;
    line-height:1.8;
    margin-bottom:15px;
}

/*========================
        GRID
=========================*/

.career-form-card .row{
    --bs-gutter-x:24px;
    --bs-gutter-y:22px;
}

/*========================
        INPUTS
=========================*/

.custom-input{
    height:58px !important;
    border-radius:3px !important;
    border:1px solid rgba(214,223,218,.45) !important;
    background:transparent !important;
    color:#C9D4CE !important;

    font-size:18px !important;
    padding:0 18px;

    box-shadow:none !important;
}

.custom-input::placeholder{
    color:#C9D4CE;
    font-size:17px;
    opacity:1;
}

.custom-input:focus{
    border-color:#F5CC20 !important;
}

/*========================
        SELECT
=========================*/

.form-select{
    appearance:none !important;
    -webkit-appearance:none !important;

    background-color:transparent !important;
    color:#C9D4CE !important;

    font-size:18px;
    font-weight:400;

    padding-right:55px !important;

    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7l5 5 5-5' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:right 18px center;
    background-size:18px;
}

/*========================
        TEXTAREA
=========================*/

.custom-textarea{
    min-height:200px;

    background:transparent;
    border:1px solid rgba(214,223,218,.45);
    border-radius:3px;

    color:#fff;

    padding:18px;

    font-size:18px;
    line-height:1.8;

    resize:none;
    box-shadow:none;
}

.custom-textarea:focus{
    background:transparent;
    color:#fff;
    border-color:#F5CC20;
}

/*========================
        UPLOAD
=========================*/

.resume-upload{
    margin-top:15px;
}

.resume-upload-label{
    width:100%;
    height:180px;

    border:1px dashed rgba(214,223,218,.35);

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    transition:.3s;
    cursor:pointer;
}

.resume-upload-label:hover{
    border-color:#F5CC20;
}

.upload-icon{
    margin-bottom:14px;
}

.upload-icon svg{
    width:28px;
    height:28px;
}

.upload-text{
    color:#fff;
    font-size:20px;
    margin-bottom:8px;
}

.resume-upload-label small{
    color:#D4DDD8;
    font-size:16px;
}

.selected-file{
    margin-top:14px;
    font-size:17px;
    color:#F5CC20;
}

/*========================
        BUTTON
=========================*/

.career-submit-btn{
    width:100%;
    height:60px;
    margin-top:30px;

    border:none;
    border-radius:3px;

    background:#F5C71A;
    color:#163D2F;

    font-size:16px;
    font-weight:700;
    letter-spacing:1px;

    transition:.3s;
}

.career-submit-btn:hover{
    background:#FFD633;
}

/*=================================
        1366px LAPTOP
==================================*/

@media(max-width:1400px){

    .career-form-card{
        max-width:1100px;
        padding:45px;
    }

    .career-form-title{
        font-size:30px;
    }

    .section-title{
        font-size:20px;
    }

    .custom-input{
        height:50px !important;
        font-size:16px !important;
    }

    .custom-textarea{
        min-height:170px;
        font-size:16px;
    }

    .resume-upload-label{
        height:155px;
    }
}

/*=================================
        TABLET
==================================*/

@media(max-width:991px){

    .career-form-section{
        padding:90px 0;
    }

    .career-form-card{
        max-width:100%;
        padding:30px 24px;
    }

    .career-form-title{
        font-size:26px;
        margin-bottom:35px;
    }

    .section-title{
        font-size:18px;
    }

    .custom-input{
        height:48px !important;
        font-size:16px !important;
    }

    .custom-textarea{
        min-height:160px;
        font-size:16px;
    }

    .resume-upload-label{
        height:140px;
    }

    .career-submit-btn{
        height:52px;
    }
}

/*=================================
        MOBILE
==================================*/

@media(max-width:576px){

    .career-form-section{
        padding:70px 0;
    }

    .career-form-card{
        padding:22px 18px;
    }

    .career-form-title{
        font-size:22px;
    }

    .section-title{
        font-size:17px;
    }

    .field-label{
        font-size:16px;
    }

    .field-info{
        font-size:15px;
    }

    .custom-input{
        height:46px !important;
        font-size:15px !important;
    }

    .custom-textarea{
        min-height:140px;
        font-size:15px;
    }

    .resume-upload-label{
        height:120px;
    }

    .career-submit-btn{
        height:48px;
        font-size:15px;
    }
}

/*==================================
CONTACT FORM SECTION (1920px)
==================================*/

.contact-form-section{
    background:#216B56;
    padding:140px 0;
}

.contact-form-section .container{
    max-width:1440px;
}

.contact-form-box{
    max-width:1360px;
    margin:0 auto;
    border:1px solid rgba(255,255,255,.22);
    border-radius:16px;
    padding:60px 70px 55px;
    background:transparent;
}

/*==================================
Heading
==================================*/

.contact-title{
    color:#F3F1E8;
    font-size:46px;
    font-weight:500;
    line-height:1.2;
    margin-bottom:55px;
}

/*==================================
Labels
==================================*/

.contact-form-box label{
    display:block;
    color:#F2F2F2;
    font-size:20px;
    font-weight:400;
    margin-bottom:12px;
}

/*==================================
Inputs
==================================*/

.contact-input{
    height:64px;
    background:transparent;
    border:1px solid rgba(255,255,255,.30);
    border-radius:3px;
    color:#fff;
    font-size:18px;
    padding:0 22px;
    box-shadow:none !important;
}

.contact-input:focus{
    background:transparent;
    color:#fff;
    border-color:#F5C71A;
}

.contact-input::placeholder{
    color:rgba(255,255,255,.65);
    font-size:17px;
    font-weight:300;
    opacity:1;
}

/*==================================
Textarea
==================================*/

.contact-textarea{
    height:240px;
    resize:none;
    background:transparent;
    border:1px solid rgba(255,255,255,.30);
    border-radius:3px;
    color:#fff;
    padding:22px;
    font-size:18px;
    box-shadow:none !important;
}

.contact-textarea:focus{
    background:transparent;
    color:#fff;
    border-color:#F5C71A;
}

.contact-textarea::placeholder{
    color:rgba(255,255,255,.65);
    font-size:17px;
    opacity:1;
}

/*==================================
Nature of Enquiry
==================================*/

.contact-label{
    margin-bottom:22px !important;
    font-size:20px !important;
}

.radio-group{
    display:flex;
    flex-wrap:wrap;
    gap:22px 55px;
}

.radio-item{
    display:flex !important;
    align-items:center;
    gap:12px;
    color:#F2F2F2;
    font-size:18px !important;
    cursor:pointer;
    margin:0 !important;
}

.radio-item input{
    display:none;
}

.radio-item span{
    width:18px;
    height:18px;
    border-radius:50%;
    border:2px solid rgba(255,255,255,.75);
    position:relative;
    flex-shrink:0;
}

.radio-item input:checked + span{
    border-color:#F5C71A;
}

.radio-item input:checked + span::after{
    content:"";
    position:absolute;
    width:10px;
    height:10px;
    background:#F5C71A;
    border-radius:50%;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}

/*==================================
Button
==================================*/

.contact-btn{
    margin-top:42px;
    width:220px;
    height:60px;
    border:none;
    border-radius:3px;
    background:#F5C71A;
    color:#143B2F;
    font-size:15px;
    font-weight:700;
    letter-spacing:1px;
    transition:.3s;
}

.contact-btn:hover{
    background:#FFD633;
}

/*==================================
Spacing
==================================*/

.contact-form-box .row{
    --bs-gutter-x:36px;
    --bs-gutter-y:28px;
}

/* Add spacing between sections */
.mt-2{
    margin-top:22px !important;
}

.mt-4{
    margin-top:42px !important;
}

/*==================================
Responsive
==================================*/

@media (max-width:1199px){

.contact-form-section{
    padding:90px 0;
}

.contact-form-box{
    padding:40px;
}

.contact-title{
    font-size:38px;
}

.contact-input{
    height:56px;
    font-size:16px;
}

.contact-textarea{
    height:200px;
}

}

@media (max-width:767px){

.contact-form-section{
    padding:70px 0;
}

.contact-form-box{
    padding:24px 18px;
}

.contact-title{
    font-size:30px;
    margin-bottom:30px;
}

.contact-form-box label{
    font-size:16px;
}

.contact-input{
    height:50px;
    font-size:15px;
    padding:0 16px;
}

.contact-textarea{
    height:170px;
    padding:16px;
    font-size:15px;
}

.radio-group{
    flex-direction:column;
    gap:16px;
}

.radio-item{
    font-size:15px !important;
}

.contact-btn{
    width:100%;
    height:54px;
}

}


/*==================================
LEADERS SECTION (1920px)
==================================*/

.leaders-section{
    background:#F5C71A;
    padding:120px 0;
}

.leaders-section .container{
    max-width:1440px;
}

/*==================================
Heading
==================================*/

.leaders-heading2{
    font-size:48px;
    font-weight:500;
    color:#3D3528;
    line-height:1.2;
    margin-bottom:55px;
}

/*==================================
Cards
==================================*/

.leader-card{
    border:1px solid rgba(61,53,40,.8);
    border-radius:4px;
    padding:42px 40px;
    min-height:255px;
    background:transparent;
    transition:.35s ease;
}

.leader-card:hover{
    border-color:#163D2F;
    transform:translateY(-4px);
}

/*==================================
Name
==================================*/

.leader-name{
    font-size:34px;
    font-weight:500;
    color:#111;
    line-height:1.3;
    margin-bottom:14px;
}

/*==================================
Designation
==================================*/

.leader-designation{
    font-size:18px;
    font-weight:500;
    letter-spacing:1.5px;
    text-transform:uppercase;
    color:#163D2F;
    margin-bottom:22px;
}

/*==================================
Divider
==================================*/

.designation-divider{
    width:120px;
    border-bottom:2px dashed rgba(22,61,47,.55);
    margin-bottom:28px;
}

/*==================================
LinkedIn Link
==================================*/

.leader-link{
    display:inline-flex;
    align-items:center;
    gap:14px;
    text-decoration:none;
    color:#163D2F;
    font-size:18px;
    font-weight:500;
    transition:.3s;
}

.leader-link:hover{
    color:#000;
}

.leader-link i{
    width:38px;
    height:38px;
    border:1px solid #163D2F;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:17px;
    border-radius:4px;
    transition:.3s;
}

.leader-card:hover .leader-link i{
    background:#163D2F;
    color:#F5C71A;
}

/*==================================
Spacing
==================================*/

.leaders-section .row{
    --bs-gutter-x:34px;
    --bs-gutter-y:34px;
}

/*==================================
Responsive
==================================*/

@media (max-width:1199px){

.leaders-section{
    padding:90px 0;
}

.leaders-heading2{
    font-size:40px;
    margin-bottom:40px;
}

.leader-card{
    padding:32px;
    min-height:auto;
}

.leader-name{
    font-size:28px;
}

}

@media (max-width:767px){

.leaders-section{
    padding:70px 0;
}

.leaders-heading2{
    font-size:30px;
    margin-bottom:30px;
}

.leader-card{
    padding:24px;
}

.leader-name{
    font-size:24px;
}

.leader-designation{
    font-size:15px;
}

.leader-link{
    font-size:16px;
}

.leader-link i{
    width:32px;
    height:32px;
    font-size:14px;
}

}


/*==================================
CONTACT INFO SECTION (1920px)
==================================*/

.contact-info-section{
    background:#174634;
    padding:140px 0;
}

.contact-info-section .container{
    max-width:1440px;
}

.contact-wrapper{
    border:1px solid rgba(255,255,255,.22);
    border-radius:16px;
    padding:60px;
}

/*==================================
LEFT COLUMN
==================================*/

.contact-heading{
    color:#F2F1EB;
    font-size:50px;
    font-weight:500;
    line-height:1.2;
    margin-bottom:55px;
}

.contact-item{
    display:flex;
    align-items:center;
    gap:26px;
}

.contact-icon{
    width:72px;
    height:72px;
    background:#F5C71A;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-shrink:0;
}

.contact-icon i {
    font-size: 28px;
    color: #174634;
    margin-left: -17px;
    margin-top: 0px;
}

.contact-text{
    color:#E3E6E3;
    font-size:20px;
    line-height:1.8;
    max-width:430px;
}

.contact-text a{
    color:inherit;
    text-decoration:none;
    transition:.3s;
}

.contact-text a:hover{
    color:#F5C71A;
}

/* Divider */

.contact-divider{
    width:220px;
    border-bottom:2px dashed rgba(255,255,255,.25);
    margin:32px 0 32px 98px;
}

/*==================================
RIGHT COLUMN
==================================*/

.map-box {
    overflow: hidden;
    border-radius: 24px;
    /* height: 42%; */
    box-shadow: 0 15px 45px rgba(0, 0, 0, .08);
    margin-left: 80px;
    width: 93%;
    height: 552px;
    border-radius: 10px;
    overflow: hidden;
}

/*======================================
        CONTACT INFO SECTION
======================================*/

.contact-info-section{
    padding:120px 0;
    background: #1a3d2b;
}

.contact-info-section .container{
    max-width:1700px;
}

.contact-wrapper{
    /* background: #ffffff; */
    border-radius:24px;
    padding:70px;
    box-shadow:0 20px 60px rgba(0,0,0,.06);
}

/*==========================
        LEFT SIDE
==========================*/

.contact-heading{
    font-size:60px;
    font-weight: 500;
    color: #ffffff;
    margin-bottom:55px;
    line-height:1.1;
}

.contact-item{
    display:flex;
    align-items:flex-start;
    gap:28px;
    margin:35px 0;
}

.contact-icon{
    width:74px;
    height:74px;
    border-radius:50%;
    background: #f5cc20;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}

.contact-icon i{
    font-size:30px;
}

.contact-text{
    font-size:22px;
    line-height:1.8;
    color: #fbfbfb;
    margin-top:10px;
}

.contact-text a{
    color: #e8eceb;
    text-decoration:none;
    transition:.3s;
    font-size: 24px;
}

.contact-text a:hover{
    color:#C49A3A;
}

.contact-divider{
    width:100%;
    height:1px;
    /* background:#E3E3E3; */
    margin:32px 0;
}

/*==========================
        MAP
==========================*/

.map-box{
    overflow:hidden;
    border-radius:24px;
    /* height: 42%; */
    box-shadow:0 15px 45px rgba(0,0,0,.08);
    margin-left: 80px;
}

.map-box iframe{
    width:100%;
    height:700px;
    display:block;
    border:0;
}

/*==========================
      RESPONSIVE
==========================*/

@media (max-width:1399px){

    .contact-info-section .container{
        max-width:1320px;
    }

    .contact-wrapper{
        padding:55px;
    }

    .contact-heading{
        font-size:48px;
    }

    .contact-text{
        font-size:19px;
    }

    .map-box iframe{
        height:580px;
    }
}

@media (max-width:991px){

    .contact-info-section{
        padding:80px 0;
    }

    .contact-wrapper{
        padding:35px;
    }

    .contact-heading{
        font-size:40px;
        margin-bottom:35px;
    }

    .contact-item{
        gap:20px;
        margin:28px 0;
    }

    .contact-icon{
        width:60px;
        height:60px;
    }

    .contact-icon i{
        font-size:24px;
    }

    .contact-text{
        font-size:17px;
        line-height:1.7;
    }

    .map-box{
        margin-top:40px;
    }

    .map-box iframe{
        height:450px;
    }
}

@media (max-width:767px){

    .contact-wrapper{
        padding:25px;
        border-radius:18px;
    }

    .contact-heading{
        font-size:32px;
    }

    .contact-item{
        gap:16px;
    }

    .contact-icon{
        width:52px;
        height:52px;
    }

    .contact-icon i{
        font-size:20px;
    }

    .contact-text{
        font-size:16px;
    }

    .map-box iframe{
        height:320px;
    }
}

.map-box iframe{
    width:100%;
    height:100%;
    border:0;
    display:block;
}

/*==================================
COLUMN SPACING
==================================*/

.contact-wrapper .row{
    --bs-gutter-x:70px;
    align-items:center;
}

/*==================================
RESPONSIVE
==================================*/

@media (max-width:1199px){

.contact-info-section{
    padding:90px 0;
}

.contact-wrapper{
    padding:35px;
}

.contact-heading{
    font-size:40px;
    margin-bottom:40px;
}

.contact-icon{
    width:60px;
    height:60px;
}

.contact-icon i{
    font-size:22px;
}

.contact-text{
    font-size:17px;
}

.contact-divider{
    width:170px;
    margin-left:82px;
}

.map-box{
    height:420px;
}

}

@media (max-width:991px){

.contact-wrapper .row{
    --bs-gutter-x:0;
    --bs-gutter-y:40px;
}

.map-box{
    margin-top:15px;
    height:360px;
}

}

@media (max-width:767px){

.contact-info-section{
    padding:70px 0;
}

.contact-wrapper{
    padding:24px;
}

.contact-heading{
    font-size:32px;
    margin-bottom:30px;
}

.contact-item{
    gap:16px;
}

.contact-icon{
    width:52px;
    height:52px;
}

.contact-icon i{
    font-size:18px;
}

.contact-text{
    font-size:15px;
}

.contact-divider{
    width:130px;
    margin:22px 0 22px 68px;
}

.map-box{
    height:260px;
}

}

a.leader-link {
    color: black;
}

/*=========================================
        JOURNEY SECTION
==========================================*/

.journey-section{
    position:relative;
    overflow:hidden;
    background:url("../images/office-bg.png") center center/cover no-repeat;
    padding:140px 0;
}

.journey-card.left-card.aos-init.aos-animate {position: relative;left: -51px;}

.journey-card.right-card.aos-init.aos-animate {
    position: relative;
    left: 66px;
}

.journey-overlay{
    position:absolute;
    inset:0;
    background:rgba(15,40,45,.30);
}

/*=========================================
        WRAPPER
==========================================*/

.journey-wrapper {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 90px;
    z-index: 2;
    max-width: 1680px;
    margin: auto;
    padding: 0 70px;
    top: 52px;
}

/*=========================================
        CARDS
==========================================*/

.journey-card{
    position:relative;
    flex:1;
    max-width:720px;
    min-height:366px;
    border-radius:18px;
    overflow:hidden;
    transition:.35s ease;
    box-shadow:0 18px 40px rgba(0,0,0,.16);
}

/* Remove manual offsets */

.left-card,
.right-card{
    margin:0;
    left:0;
}

/*=========================================
        INNER BORDER
==========================================*/

.journey-card .inner-border{
    position:absolute;
    top:10px;
    left:10px;
    right:10px;
    bottom:10px;
    border-radius:15px;
    z-index:2;
    pointer-events:none;
}

.left-card{
    border:2px solid #0B5F52;
}

.left-card .inner-border{
    border-top:10px solid #1E5C4A;
    background:#fff;
    box-shadow:0 0 0 1px rgba(0,0,0,.08);
}

.right-card{
    border:2px solid #D7B216;
}

.right-card .inner-border{
    border-top:10px solid #FFD11A;
    background:#FAF7F2;
    box-shadow:0 0 0 1px rgba(0,0,0,.08);
}

/*=========================================
        CONTENT
==========================================*/

.card-content{
    position:relative;
    z-index:5;
    padding:72px 55px 55px 78px;
}

.card-content p{
    margin:0;
    font-size:22px;
    line-height:1.95;
    color:#555;
}

/*=========================================
        VERTICAL LINE
==========================================*/

.card-line {
    position: absolute;
    top: 79px;
    left: 34px;
    width: 5px;
    height: 253px;
    z-index: 6;
    clip-path: polygon(50% 0%, 75% 8%, 90% 50%, 75% 92%, 50% 100%, 25% 92%, 10% 50%, 25% 8%);
}

.line-green{
    background:#178B6F;
}

.line-yellow{
    background:#FFD11A;
}

/*=========================================
        CENTER IMAGE
==========================================*/

.center-arrow-wrapper{
    position:absolute;
    left:47%;
    top:43%;
    transform:translate(-50%,-50%);
    z-index:20;
}

.center-arrow{
    width:125px;
    display:block;
}

/*=========================================
        HOVER
==========================================*/

.journey-card:hover{
    transform:translateY(-8px);
    box-shadow:0 28px 55px rgba(0,0,0,.22);
}

/*=========================================
        RESPONSIVE
==========================================*/

@media(max-width:1400px){

    .journey-wrapper{
        gap:60px;
        padding:0 40px;
    }

    .journey-card{
        max-width:620px;
        min-height:390px;
    }

    .center-arrow{
        width:110px;
    }
}

@media(max-width:991px){

    .journey-section{
        padding:80px 0;
    }

    .journey-wrapper{
        display:block;
        padding:0 20px;
    }

    .journey-card{
        max-width:100%;
        min-height:auto;
        margin-bottom:35px;
    }

    .center-arrow-wrapper{
        position:relative;
        left:auto;
        top:auto;
        transform:none;
        text-align:center;
        margin:30px 0;
    }

    .center-arrow{
        width:95px;
    }

    .card-content{
        padding:35px 28px 35px 55px;
    }

    .card-line{
        left:22px;
        top:36px;
        height:90px;
    }
}

/*==========================
SOLUTIONS SECTION
==========================*/

.solutions-section{
    background:#1f6957;
    padding:90px 0;
}

/* Heading */

.section-small-title {
    display: block;
    color: #d7c447;
    font-size: 25px;
    letter-spacing: 2px;
    font-weight: 600;
    margin-bottom: 10px;
}
.section-title{
    color:#ffffff;
    font-size: 45px;
    font-weight: 500;
    margin:0;
    line-height:1.2;
}

/*==========================
CARD
==========================*/

.solution-card{

    background:transparent;

    border:1px solid rgba(255,255,255,.28);

    border-radius:2px;

    padding:30px 20px;

    transition:.35s;

}

.solution-card:hover{

    border-color:#f3c624;

    transform:translateY(-4px);

}

/*==========================
ICON
==========================*/

/* .icon-circle{

    width:74px;

    height:74px;

    background:#f4c620;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    margin:auto;

    transition:.35s;

} */

.solution-card:hover .icon-circle{

    transform:scale(1.06);

}

.icon-circle img {
    width: 118px;
    height: 118px;
    /* object-fit: contain; */
}

/*==========================
TEXT
==========================*/

.solution-card h4{color:#f3c624;font-size: 24px;font-weight: 500;margin-bottom:12px;}

.solution-card p{

    color:rgba(255,255,255,.82);

    font-size:26px;

    line-height:1.8;

    margin-bottom:12px;

}

.solution-card a {
    color: #f3c624;
    text-decoration: none;
    font-size: 19px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: .3s;
}
.solution-card a:hover{

    color:#ffffff;

}

/*==========================
BETTER SPACING
==========================*/

.solution-card .row{

    align-items:center;

}

.solution-card .col-lg-10{

    padding-left:8px;

}

.solution-card+.solution-card{

    margin-top:14px;

}

/*==========================
SMOOTH TRANSITION
==========================*/

.solution-card,
.solution-card *{

    transition:.35s;

}

.solution-card .row{
    align-items: center;
}

.solution-card .col-lg-2,
.solution-card .col-md-2{
    position: relative;
}

/* Vertical divider */
.solution-card .col-lg-2::after,
.solution-card .col-md-2::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 9px;
    transform: translateY(-50%);
    width: 1px;
    height: 70px;
    background: rgb(245 204 32);
    width: 3px;
    height: 124px;
    /* background: #0a6b5d; */
    clip-path: polygon(
        50% 0%,
        75% 8%,
        90% 50%,
        75% 92%,
        50% 100%,
        25% 92%,
        10% 50%,
        25% 8%
    );
    
    
.line {
    width: 8px;
    height: 300px;
    background: #0a6b5d;
    clip-path: polygon(
        50% 0%,
        75% 8%,
        90% 50%,
        75% 92%,
        50% 100%,
        25% 92%,
        10% 50%,
        25% 8%
    );
};
}

/* Text spacing from divider */
.solution-card .col-lg-10,
.solution-card .col-md-10{
    padding-left: 28px;
}

.strategy-heading {
    position: relative;
    max-width: 756px;
    margin: 0 auto 60px;
    margin-bottom: 94px;
}

.strategy-banner{
    display:block;
    width: 97%;
}

.strategy-heading h2 {
    position: absolute;
    top: 50%;
    left: 49%;
    transform: translate(-50%, -50%);
    width: 71%;
    margin: 0;
    color: #fff;
    font-size: 31px;
    font-weight: 500;
    line-height: 1.15;
    text-align: center;
    text-transform: uppercase;
}

@media (max-width:768px){
    .strategy-heading h2{
        font-size:22px;
    }
}

.journey-card.custom-top.left-card.aos-init.aos-animate {
    top: -73px;
}

.journey-card.custom-top.right-card.aos-init.aos-animate {
    top: -73px;
}

section.journey-section.bg-change {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: url(../images/sustainability-bg.png) center center / cover no-repeat;
    background-position: top;
    height: 784px;
}

img.center-arrow.custom-arrow {margin-top: -85px;}








.service-offerings-section{
    background:#0A3A2B;
    padding:120px 0;
}

.container{
    width:90%;
    max-width:1200px;
    margin:auto;
}

/* CARD */

.service-card{

    position:relative;

    margin-bottom:25px;

    min-height:260px;

    overflow:hidden;

}

/* BACKGROUND THAT EXPANDS */

.card-bg{

    position:absolute;

    inset:0;

    background:#BEDDBA;

    border-radius:6px;

    transform-origin:right center;

    transform:scaleX(.22);

}

/* CONTENT */

.card-content{

    position:relative;

    z-index:2;

    padding:60px;

    opacity:0;

}

.card-content h3{

    margin-bottom:25px;

    font-size:34px;

    color:#1E3D2E;

}

.card-content ul{

    padding-left:20px;

}

.card-content li{

    margin-bottom:14px;

    opacity:0;

    transform:translateY(20px);

}

.service-offerings-section{
    padding:100px 0;
    overflow:hidden;
}


.service-card2{

    position:relative;

    min-height:250px;

    margin-bottom:25px;

    overflow:hidden;

}


/* expanding layer */

.card-bg2{

    position:absolute;

    inset:0;

    background:#bddbb8;

    border-radius:6px;

    transform-origin:right center;

    transform:scaleX(.18);
    border: 4px solid white;

}



/* content */

.card-content2{

    position:relative;

    z-index:2;

    padding:45px;

    opacity:1;

}



.card-content2 h3{

    color:#244331;

    font-size:34px;

    margin-bottom:25px;

}



.card-content2 ul{

    padding-left:20px;

}



.card-content2 li{

    color:#24352b;

    margin-bottom:15px;

    opacity:1;

    transform:translateY(20px);

}

span.section-subtitle.our {
    color: #d4a017;
    font-size: 19px;
}

h2.section-title.offer {
    margin-bottom: 24px;
}

.card-content.custom-card {
    opacity: unset;
}

.card-content.transparent {
    opacity: unset;
}
.service-card2{
    position:relative;
    min-height:260px;
    margin-bottom:80px;
    overflow:hidden;
}


.card-bg2{
    position:absolute;
    inset:0;

    background:#bddbb8;

    transform-origin:right center;

    z-index:0;
}


.card-content2{
    position:relative;

    z-index:1;

    padding:45px;

    color:#1f3d2e;
}

.service-card2{
    position:relative;
    overflow:hidden;
}

h2.who-this.aos-init.aos-animate {
    font-weight: 500;
     font-family: 'Segoe UI Custom';

}


/* ==========================
   SERVICE OFFERINGS - 1920
========================== */

.service-offerings{
    background:#1a3d2b;
    padding:140px 0;
    overflow:hidden;
}

.service-offerings .container{
    max-width:1680px;
}

.section-heading{
    margin-bottom:80px !important;
}

.section-heading .small-title {
    font-size: 24px;
    letter-spacing: 2px;
    margin-bottom: 18px;
    color: #f5cc20;
    font-weight: 600;
}

.section-heading h2{
    font-size:58px;
    font-weight:500;
    color:#fff;
}

/* Wrapper */

.offerings-wrapper{
    display:flex;
    flex-direction:column;
    gap:34px;
}

/* Cards */

.offer-card{
    position:relative;

    min-height:220px;

    background:#b8d6bb;

    border:2px solid rgba(255,255,255,.55);

    border-radius:6px;

    overflow:hidden;

    will-change:width;
}

/* Starting widths */

.strategy-card{
    width:100%;
    margin-left:auto;
}

.risk-card{
    width:92%;
    margin-left:auto;
}

.sustainability-card{
    width:84%;
    margin-left:auto;
}

.governance-card{
    width:76%;
    margin-left:auto;
}

/* Content */

.offer-content{
    padding:42px 48px;
}

.offer-title{
    font-size:38px;
    margin-bottom:30px;
    color:#23372b;
    font-weight:700;
}

.offer-list{
    list-style:none;
    margin:0;
    padding:0;
}

.offer-list li{
    position:relative;
    padding-left:42px;

    margin-bottom:10px;

    font-size:24px;
    line-height:1.8;
    color:#44514b;

    opacity:0;
    transform:translateY(25px);
}

.offer-list li:last-child{
    margin-bottom:0;
}

.offer-list li::before{
    content:"";
    position:absolute;
    left:0;
    top:8px;

    width:18px;
    height:22px;

    background:url("../images/circle-ico.png") center/contain no-repeat;
}

/* Connector */

.offer-card::before{
    content:"";
    position:absolute;
    left:-40px;
    top:50%;

    width:40px;
    height:2px;
    background:#fff;
}

.offer-card::after{
    content:"";
    position:absolute;
    left:-40px;
    top:-40px;

    width:2px;
    height:42px;
    background:#fff;
}

.strategy-card::before,
.strategy-card::after{
    display:none;
}

/* Responsive */

@media(max-width:991px){

    .service-offerings{
        padding:80px 0;
    }

    .service-offerings .container{
        max-width:100%;
    }

    .offer-card{
        width:100% !important;
    }

    .offer-card::before,
    .offer-card::after{
        display:none;
    }

    .offer-content{
        padding:28px;
    }

    .offer-title{
        font-size:28px;
    }

    .offer-list li{
        font-size:18px;
    }
}


/*==================================
WHO THIS IS FOR (1920px)
==================================*/

.who-section{
    background:#1A3D2B;
    padding:70px 0 90px;
}

.who-section .container{
    max-width:1440px;
}



.who-card{
    position:relative;
    max-width:1320px;
    margin:0 auto;
}

.who-bg {
    display: block;
    /* width: 102%; */
    height: 430px;
    object-fit: cover;
    position: relative;
    left: -127px;
}
/*=========================
ICON
=========================*/

.who-icon {
    position: absolute;
    top: 38px;
    left: 52%;
    transform: translateX(-50%);
    width: 96px;
    z-index: 2;
}

/*=========================
CONTENT
=========================*/

.who-content {
    position: absolute;
    top: 64%;
    left: 54%;
    transform: translate(-50%, -50%);
    width: 82%;
    text-align: center;
}

.who-content h2{
    font-size:48px;
    font-weight:500;
    line-height:1.2;
    color:#222;
    margin-bottom:28px;
}

/*=========================
CENTER DIVIDER
=========================*/

.who-line{
    width:430px;
    height:4px;
    background:#222;
    margin:0 auto 34px;
    clip-path:polygon(
        50% 0%,
        75% 8%,
        90% 50%,
        75% 92%,
        50% 100%,
        25% 92%,
        10% 50%,
        25% 8%
    );
}

.who-content p{
    max-width:900px;
    margin:0 auto;
    font-size:22px;
    line-height:1.9;
    color:#555;
    font-weight:400;
}

/*==================================
LAPTOP (1400px)
==================================*/

@media (max-width:1400px){

    .who-card{
        max-width:1180px;
    }

    .who-bg{
        height:390px;
    }

    .who-content h2{
        font-size:42px;
    }

    .who-content p{
        font-size:20px;
    }

    .who-line{
        width:380px;
    }

    .who-icon{
        width:86px;
    }

}

/*==================================
TABLET
==================================*/

@media (max-width:991px){

    .who-section{
        padding:60px 0;
    }

    .who-card{
        max-width:100%;
    }

    .who-bg{
        height:360px;
    }

    .who-icon{
        width:70px;
        top:28px;
    }

    .who-content{
        width:88%;
        top:58%;
    }

    .who-content h2{
        font-size:36px;
        margin-bottom:20px;
    }

    .who-line{
        width:280px;
        margin-bottom:22px;
    }

    .who-content p{
        font-size:18px;
        line-height:1.8;
    }

}

/*==================================
MOBILE
==================================*/

@media (max-width:576px){

    .who-section{
        padding:45px 0;
    }

    .who-bg{
        height:420px;
    }

    .who-icon{
        width:58px;
        top:22px;
    }

    .who-content{
        width:90%;
        top:58%;
    }

    .who-content h2{
        font-size:28px;
        margin-bottom:18px;
    }

    .who-line{
        width:180px;
        height:3px;
        margin-bottom:18px;
    }

    .who-content p{
        font-size:16px;
        line-height:1.75;
    }

}



section.leaders-section.py-5.bg.green {
    background: #1e5c4a !important;
}

section.leaders-section.py-5.bg\.green p {
    color: white;
}

section.leaders-section.py-5.bg\.green a {
    color: #F5CC20;
}

section.leaders-section.py-5.bg\.green {
    background: #1e5c4a;
}

.leader-card.border-w {
    border: 1px solid white;
}

h6.section-title.personal.aos-init.aos-animate {
    margin-bottom: 19px;
}

label.field-label.brief-cover {
    font-size: 16px;
    margin-top: 17px;
}

.leader-card.custom-border.aos-init.aos-animate {
    border: 1px solid #FFFFFF66;
}

/* ===========================
WHO WE ARE DROPDOWN
=========================== */

.who-dropdown{
    position:relative;
}

.who-menu{
    width:620px;
    border:none;
    border-radius:0 0 18px 18px;
    padding:20px;
    margin-top:18px;
    box-shadow:0 18px 35px rgba(0,0,0,.08);
    display:none;
}

.who-menu{
    margin-top:0;
    top:100%;
}

.who-dropdown:hover .who-menu{
    display:block;
}

.menu-col{
    padding:0 20px;
}

.menu-col.right{
    border-left:1px dashed #bcbcbc;
    position:relative;
}

.menu-item{
    display:flex;
    align-items:center;
    gap:15px;
    padding:18px 0;
    text-decoration:none;
    border-bottom:1px dashed #bcbcbc;
    transition:.3s;
}

.menu-item.last{
    border-bottom:none;
}

.menu-item:hover{
    padding-left:10px;
}

.menu-icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #f5f5f2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.menu-icon img{
    width:29px;
}

.menu-item span{
    flex:1;
    color:#24443d;
    font-weight:500;
    font-size:18px;
}

.menu-item i{
    color:#d8a100;
}

.menu-leaf{
    position:absolute;
    right:10px;
    bottom:10px;
    width:85px;
}
.navbar{
    overflow: visible !important;
}

.container-fluid{
    overflow: visible !important;
}

.who-dropdown{
    position: relative;
}

.who-menu{
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99999;
}

.who-menu{
    position:absolute;
    top:100%;
    left:50%;
    transform:translateX(-65%);

    width:720px;
    background:#fff;

    border:none;
    border-radius:0 0 24px 24px;

    padding:20px;
    overflow:hidden;

    box-shadow:0 18px 35px rgba(0,0,0,.08);
}

.who-menu::before{
    content:"";
    position:absolute;

    top:10px;
    left:10px;
    right:10px;
    bottom:10px;

    border:1.5px dashed #9d9d9d;
    border-top:none;

    border-radius:0 0 20px 20px;

    pointer-events:none;
}


span.arrow2 {
    margin-left: 17px;
    font-size: 20px;
    font-weight: 600;
}



/* ==========================
   LARGE DESKTOP FIX
========================== */

@media (min-width: 1600px) {

    .hero{
        height: 90vh;
        padding-bottom: 80px;
    }

    .hero-content{
        padding-top: 120px;
    }

    .about-section,
    .services-section,
    .engagement-section,
    .leaders-section,
    .impact-section,
    .partners-section,
    .purpose-section,
    .why-exist-section,
    .philosophy-section,
    .vuca-section,
    .values-section,
    .career-form-section,
    .contact-form-section,
    .contact-info-section,
    .footer{
        padding-top:70px;
    }
    
    .container,
    .container-lg,
    .container-xl,
    .container-xxl {
        max-width: 1611px;
    }
    
    .hero{
        max-height:860px;
    }

   

}



.partners-section{

background:#f4efe5;

/* padding:120px 0; */

/* overflow:hidden; */
}

.orbit-wrapper{

    position:relative;
    width:900px;
    height:360px;
    margin:auto;
}

.circle{

    position:absolute;

    width:72px;
    height:72px;

    border-radius:50%;
    background:#fff;

    display:flex;
    justify-content:center;
    align-items:center;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

    left:50%;
    top:50%;
}

.circle img{

    width:38px;
}

.center{

    width:95px;
    height:95px;

    background:#0d6d5d;

    z-index:5;

    transform:translate(-50%,-50%);
}

.orbit{

    transform:translate(-50%,-50%);
}

.content{

    text-align:center;
    margin-top:20px;
}

/*==========================
    LEADERS SECTION
==========================*/
.leaders-section{
    background: #F8F8F5;
    padding: 110px 0;
}

.leaders-section .container{
    max-width: 1700px;
}

/*==========================
    HEADING
==========================*/
.leaders-section .section-heading{
   
    margin: 0 auto 80px;
}

.leaders-section .section-tag{
    display: inline-block;
    font-size: 27px;
    font-weight: 600;
    letter-spacing: 2px;
    color: #C49A3A;
    margin-bottom: 22px;
}

.leaders-section .section-heading h2{
    font-size: 58px;
    line-height: 1.15;
    font-weight: 500;
    color: #f3f3f3;
    margin-bottom: 30px;
}

.leaders-section .section-heading p{
    font-size: 22px;
    line-height: 1.9;
    color: #5F6664;
    margin: 0 auto;
}

/*==========================
    ROW GAP
==========================*/
.leaders-section .row.g-4{
    --bs-gutter-x: 2.5rem;
    --bs-gutter-y: 2.5rem;
}

/*==========================
    CARD
==========================*/
.leader-card{
  border-radius: 9px;
  padding: 45px;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 12px 40px rgba(0,0,0,.06);
  transition: .35s;
  height: 100%;
}

.leader-card:hover{
    transform: translateY(-8px);
    box-shadow: 0 25px 60px rgba(0,0,0,.12);
}

/*==========================
    IMAGE
==========================*/
.leader-img{
    width: 220px;
    height: 172px;
    object-fit: cover;
    border-radius: 16px;
}

/*==========================
    CONTENT
==========================*/
.leader-card h4{
    font-size: 34px;
    font-weight: 500;
    color: #ececec;
    margin-bottom: 10px;
}

.designation{
    display: inline-block;
    font-size: 19px;
    font-weight: 600;
    color: #C49A3A;
    margin-bottom: 18px;
}

.gold-line{
    width: 90px;
    height: 3px;
    background: #C49A3A;
    margin: 18px 0 25px;
}

.leader-card p{
    font-size: 19px;
    line-height: 1.9;
    color: #5D6663;
    margin-bottom: 30px;
}

.leader-card a{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    font-weight: 600;
    color: #0B6B5A;
    text-decoration: none;
    transition: .3s;
}

.leader-card a span{
    transition: .3s;
}

.leader-card a:hover span{
    transform: translateX(8px);
}

/*==========================
    RESPONSIVE
==========================*/
@media (max-width:1399px){

    .leaders-section .container{
        max-width:1320px;
    }

    .leaders-section .section-heading h2{
        font-size:48px;
    }

    .leaders-section .section-heading p{
        font-size:19px;
    }

    .leader-img{
        width:180px;
        height:220px;
    }

    .leader-card h4{
        font-size:28px;
    }
}

@media (max-width:991px){

    .leaders-section{
        padding:80px 0;
    }

    .leader-card{
        padding:30px;
    }

    .leader-img{
        width:180px;
        height:220px;
        margin-bottom:20px;
    }

    .leaders-section .section-heading h2{
        font-size:40px;
    }

    .leaders-section .section-heading p{
        font-size:18px;
    }
}

@media (max-width:767px){

    .leaders-section .section-heading h2{
        font-size:32px;
    }

    .leaders-section .section-heading p{
        font-size:16px;
        line-height:1.8;
    }

    .leader-card{
        text-align:center;
    }

    .gold-line{
        margin:18px auto 25px;
    }

    .leader-img{
        width:200px;
        height:240px;
    }
}


section.leaders-section.yellow-bg {
    background-color: #f5c71a;
}

.leader-card.bg-border {
    border: 1px solid;
}

.leader-card.bg-border a {
    color: black;
}

.leader-card.bg-border p {
    color: black;
}









:root {
    --section-background: #f4efe7;

    --green: #155a47;
    --white: #ffffff;

    --heading-color: #242321;
    --body-color: #706a61;
    --eyebrow-color: #665f55;

    --orbit-item-size: 114px;
    --orbit-stage-height: 392px;

    --white-shadow:
        0 20px 45px rgba(47, 43, 37, 0.08),
        0 6px 16px rgba(47, 43, 37, 0.05);

    --green-shadow:
        0 30px 55px rgba(21, 90, 71, 0.22),
        0 10px 24px rgba(21, 90, 71, 0.14);
}

/* =========================================
   RESET
========================================= */

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

html {
    background: var(--section-background);
}

body {
    min-width: 320px;
    min-height: 100vh;
    margin: 0;

    background: var(--section-background);
    color: var(--heading-color);

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Helvetica,
        Arial,
        sans-serif;

    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
}

main {
    width: 100%;
}

/* =========================================
   MAIN SECTION
========================================= */

.partners-section {
    position: relative;
    /* width: 100%; */
    /* min-height: 625px; */
    /* padding:
        38px clamp(18px, 3vw, 48px) 90px; */
    /* overflow: hidden; */
    text-align: center;
    background: var(--section-background);
    padding-top: 0px;
}

/* =========================================
   ORBIT STAGE
========================================= */

.orbit-stage {
    position: relative;
    width: min(100%, 1420px);
    height: var(--orbit-stage-height);
    margin: 0 auto 30px;
    overflow: visible;
    isolation: isolate;
    top: 98px;
}

/* =========================================
   ORBIT ITEMS
========================================= */

.orbit-item {
    position: absolute;
    top: 0;
    left: 0;

    width: var(--orbit-item-size);
    height: var(--orbit-item-size);

    pointer-events: none;

    transform: translate3d(-200px, -200px, 0);
    transform-origin: center;

    will-change: transform, opacity;
    backface-visibility: hidden;
}

.orbit-card {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    height: 100%;

    color: var(--green);
    background-color: var(--white);

    border: 1px solid rgba(255, 255, 255, 0.85);
    border-radius: 50%;

    box-shadow: var(--white-shadow);

    transform: translateZ(0) scale(1);

    will-change:
        transform,
        background-color,
        color,
        box-shadow;

    transition:
        background-color 500ms cubic-bezier(0.22, 1, 0.36, 1),
        color 500ms cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 500ms cubic-bezier(0.22, 1, 0.36, 1),
        transform 500ms cubic-bezier(0.22, 1, 0.36, 1);
}

.orbit-logo {
    display: block;

    width: 43%;
    height: 43%;

    overflow: visible;
}

.orbit-logo path {
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;

    vector-effect: non-scaling-stroke;
}

.orbit-logo circle {
    fill: currentColor;
}

/* Active circle at top-center */

.orbit-item.is-active {
    z-index: 10;
}

.orbit-item.is-active .orbit-card {
    color: var(--white);
    background-color: var(--green);

    box-shadow: var(--green-shadow);

    transform: translateZ(0) scale(1.22);
}

/* =========================================
   CONTENT
========================================= */

.partners-content {
    position: relative;
    z-index: 20;
    width: min(100%, 1120px);
    margin: 0 auto;
    top: -69px;
    left: 14px;
}

.eyebrow {
    margin: 0 0 20px;

    color: var(--eyebrow-color);

    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.26em;
    text-transform: uppercase;
}

.heading {
    margin: 0;

    color: var(--heading-color);

    font-size: clamp(38px, 4vw, 62px);
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -0.045em;
}

.description {
    max-width: 1000px;

    margin:
        clamp(25px, 3vw, 38px) auto 0;

    color: var(--body-color);

    font-size: clamp(16px, 1.45vw, 22px);
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: -0.012em;
}

/* =========================================
   TABLET
========================================= */

@media (max-width: 1100px) {
    :root {
        --orbit-item-size: 75px;
        --orbit-stage-height: 290px;
    }

    .partners-section {
        min-height: 610px;
        padding-top: 32px;
    }

    .orbit-stage {
        margin-bottom: 24px;
    }

    .orbit-item.is-active .orbit-card {
        transform: translateZ(0) scale(1.2);
    }

    .eyebrow {
        margin-bottom: 16px;
    }

    .description {
        max-width: 800px;
    }
}

/* =========================================
   MOBILE
========================================= */

@media (max-width: 700px) {
    :root {
        --orbit-item-size: 56px;
        --orbit-stage-height: 220px;
    }

    .partners-section {
        min-height: 520px;

        padding:
            24px 16px 64px;
    }

    .orbit-stage {
        margin-bottom: 18px;
    }

    .orbit-item.is-active .orbit-card {
        transform: translateZ(0) scale(1.18);
    }

    .eyebrow {
        margin-bottom: 13px;

        font-size: 11px;
        letter-spacing: 0.23em;
    }

    .heading {
        font-size: clamp(30px, 9vw, 42px);
        letter-spacing: -0.04em;
    }

    .description {
        max-width: 520px;

        margin-top: 20px;

        font-size: 15px;
        line-height: 1.65;
    }
}

@media (max-width: 420px) {
    :root {
        --orbit-item-size: 48px;
        --orbit-stage-height: 190px;
    }

    .partners-section {
        min-height: 470px;
        padding-top: 20px;
    }

    .orbit-stage {
        margin-bottom: 15px;
    }

    .heading {
        font-size: 30px;
    }

    .description {
        font-size: 14px;
    }
}

/* =========================================
   REDUCED MOTION
========================================= */

@media (prefers-reduced-motion: reduce) {

    .orbit-item,
    .orbit-card {
        will-change: auto;
    }

    .orbit-card {
        transition: none;
    }
}








p.description {
    margin-top: 19px;
    font-size: 25px;
}




/* ===============================
   1920px Layout Only
================================ */



/* Section spacing */
.footer{
    padding-top:90px;
    padding-bottom:35px;
}

/* Increase spacing between columns */
.footer-row{
    --bs-gutter-x:3.5rem;
    --bs-gutter-y:2rem;
}

/* Logo */
.footer-logo{
    width:240px;
}

/* Description */
.footer-description{
    max-width:360px;
    margin-top: 22px;
    margin-bottom:35px;
}

/* Contact spacing */
.footer-contact .contact-item{
    margin-bottom:18px;
}

/* Social icons spacing */
.footer-social{
    margin-top:30px;
    gap:18px;
}

/* Footer headings */
.footer-column h5{
    margin-bottom:25px;
}

/* List spacing */
.footer-column ul li{
    margin-bottom:14px;
}

/* Give the last column more breathing room */
.last-column{
    padding-left:35px;
}

/* Bottom section */
.footer-line{
    margin:55px 0 25px;
}

.footer-bottom{
    padding-top:10px;
}




.circle-wrapper {
    position: relative;
    display: inline-block;
}

.circle-wrapper img {
    display: block;
    width: 100%;
    border-radius: 50%;
}

.circle-wrapper::after {
    content: "";
    position: absolute;
    top: 46px;
    right: -13px;
    bottom: -5px;
    left: 41px;
    height: 84%;
    width: 85%;
    border-radius: 50%;
    pointer-events: none;
    box-shadow: inset 0 0 0 10px rgb(26, 61, 43),
        inset 0 0 10px rgba(255,215,0,.35),
        inset 0 0 20px rgba(255,215,0,.25);
    animation: borderLight 2.5s ease-in-out infinite;
}

h2.e-begins.align-ready.talk.aos-init.aos-animate {
    font-size: 41px;
}