/* === Scale Wrapper === */


/* === RealValueSection === */
#RealValueSection.Banner .container-fluid {
    display: flex;
    width: 100%;
}

#RealValueSection.Banner .text-section {
    width: 50%;
    padding: 8% 10% 50px 10%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 30px;
}

#RealValueSection.Banner .headline {
    color: #170836;
    font-weight: 500;
    font-size: 45px;
    line-height: 58px;
}

#RealValueSection.Banner .description {
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    color: black;
}

#RealValueSection.Banner .read-more-btn {
    position: relative;
    overflow: hidden;
    width: 100px;
    height: 38px;
    border-radius: 27px;
    background: #B4974F;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: white;
    z-index: 1;
    transition: color 0.3s ease;
}

    #RealValueSection.Banner .read-more-btn::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 0%;
        background-color: #170836;
        z-index: -1;
        transition: height 0.4s ease;
        border-radius: 27px;
    }

    #RealValueSection.Banner .read-more-btn:hover::before {
        height: 100%;
    }

    #RealValueSection.Banner .read-more-btn:hover {
        color: white;
    }

    #RealValueSection.Banner .read-more-btn div {
        color: white;
        font-size: 10px;
        font-weight: 700;
        text-align: center;
    }

#RealValueSection.Banner .image-section {
    width: 50%;
}

    #RealValueSection.Banner .image-section img {
        width: 100%;
        height: auto;
        display: block;
        object-fit: cover;
        aspect-ratio: 15 / 12;
    }



/* === SustainabilitySection === */
#SustainabilitySection.Banner .container-fluid {
    margin-top: 2%;
    display: flex;
    width: 100%;
    padding: 40px 5% 50px 10%;
}

#SustainabilitySection.Banner .text-section {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 40px;
    margin-left: 5%;
}

#SustainabilitySection.Banner .headline {
    color: #170836;
    font-weight: 400;
    font-size: 45px;
    line-height: 52px;
}

#SustainabilitySection.Banner .description {
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    color: black;
   
}

#SustainabilitySection.Banner .image-section {
    width: 50%;
    padding-right: 0;
}

    #SustainabilitySection.Banner .image-section img {
        width: 100%;
        height: auto;
        display: block;
        object-fit: cover;
        aspect-ratio: 16 / 9;
    }

/* === Scaling on Smaller Screens === */
/* === Scaling on Smaller Screens (More Compact) === */
@media (max-width: 1200px) {

    .image-section, .text-section {
        width: 100% !important;
    }

    #SustainabilitySection.Banner .text-section {
        margin-left: 0 !important;
    }

    #SustainabilitySection.Banner .container-fluid {
        padding: 0 5% 50px 5% !important;
    }

    #TrustedPartnersSection.Banner {
        padding: 50px 0 10px 0 !important;
        margin: 50px 0 10px 0 !important;
    }
}



@media (max-width: 768px) {

    .headline {
        font-size: 30px !important;
        line-height: normal !important;
    }
}

@media (max-width: 600px) {
}

@media (max-width: 480px) {
}


/* === OurValuesSection === */
#OurValuesSection.Banner {
    background: #170836;
    padding: 4%; /* reduced again */
    border-radius: 4px;
    margin: 0 10% 0 10%;
    color: white;
    font-family: 'Libre Franklin';
}

#OurValuesSection .container-fluid {
    display: flex;
    flex-direction: column;
    gap: 50px; /* reduced again */
}

#OurValuesSection .values-header {
    display: flex;
    flex-direction: column;
    gap: 25px; /* reduced */
    max-width: 704px;
}

#OurValuesSection .section-title {
    color: #B4974F;
    font-size: 14px; /* reduced again */
    font-weight: 600;
    border-bottom: 2px solid #B4974F;
    padding: 6px 12px 6px 0; /* smaller padding */
    width: fit-content;
}

#OurValuesSection .section-headline {
    font-size: 40px; /* reduced again */
    line-height: 30px;
    font-weight: 500;
}

#OurValuesSection .values-columns {
    display: flex;
    justify-content: flex-end;
    gap: 50px; /* reduced */
    flex-wrap: wrap;
    padding-left: 100px; /* much tighter */
    font-family: 'Libre Franklin', sans-serif;
}

#OurValuesSection .value-box {
    width: 26%; /* reduced */
    border-top: 1px solid #B4974F;
    padding-top: 10px; /* reduced */
    display: flex;
    flex-direction: column;
    gap: 25px; /* reduced */
    font-family: 'Libre Franklin', sans-serif;
}

#OurValuesSection .value-title {
    font-size: 24px; /* reduced */
    line-height: 26px;
    font-weight: 300;
    color: white;
    font-family: 'Libre Franklin', sans-serif;
}

#OurValuesSection .value-description {
    font-size: 14px; /* reduced */
    line-height: 18px;
    font-weight: 200;
    color: white;
    font-family: 'Libre Franklin', sans-serif;
}


/* === Responsive for OurValuesSection === */

@media (max-width: 1200px) {
    #OurValuesSection .values-columns {
        padding-left: 0;
        justify-content: center;
    }

    #OurValuesSection .section-headline {
        font-size: 20px;
        line-height: 26px;
        text-align: center;
    }

    #OurValuesSection .section-title {
        margin: 0 auto;
    }

    #OurValuesSection .values-header {
        align-items: center;
        text-align: center;
    }
}

@media (max-width: 768px) {
    #OurValuesSection .section-headline {
        font-size: 18px;
        line-height: 24px;
    }

    #OurValuesSection .value-box {
        width: 100%;
        max-width: 100%;
    }

    #OurValuesSection .values-columns {
        flex-direction: column;
        align-items: center;
        gap: 24px;
    }
}

/* === WhatWeDoSection === */

#WhatWeDoSection.Banner {
    padding: 5% 10%;
    color: black;
    background: #fff;
    font-family: 'Libre Franklin', sans-serif;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

#WhatWeDoSection .header-section {
    max-width: 704px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

#WhatWeDoSection .section-title {
    color: #B4974F;
    font-size: 12px;
    font-weight: 600;
    border-bottom: 2px solid #B4974F;
    padding-bottom: 8px;
    width: fit-content;
}

#WhatWeDoSection .section-headline {
    font-size: 43px;
    line-height: 48px;
    font-weight: 400;
    margin-bottom: 5%;
}

#WhatWeDoSection .cards-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-end;
}

#WhatWeDoSection .card-box {
    width: calc(38% - 10px);
    border-top: 1px solid #B4974F;
    padding-top: 8px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    column-gap: 5%;
}

#WhatWeDoSection .card-title {
    font-size: 28px;
    font-weight: 300;
    line-height: 30px;
}

#WhatWeDoSection .card-description {
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
    color: black;
}


#WhatWeDoSection .summary-text {
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    color: #21272A;
    display: flex;
    flex-direction: column;
    align-items: center !important;
    margin-top: 3%;
    margin-left: 13% !important
}

/* 
#WhatWeDoSection .what-we-do-btn {
  width: 100px;
  height: 34px;
  border-radius: 27px;
  border: 2px solid #B4974F;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
} */
/*#WhatWeDoSection .what-we-do-btn {
    position: relative;
    overflow: hidden;
    width: 140px;
    height: 54px;
    border-radius: 27px;
    border: 2px solid #B4974F;
    background: transparent;
    color: #B4974F;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 1;
    transition: color 0.3s ease;
    margin-left: 24%;
    margin-top: 5%;
    color: #170836;
    font-size: 14px;
    font-weight: 900;
    text-align: center;
    line-height: 24px;
}

    #WhatWeDoSection .what-we-do-btn::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 0%;
        background-color: #B4974F;
        z-index: -1;
        transition: height 0.4s ease;
        border-radius: 27px;
    }

    #WhatWeDoSection .what-we-do-btn:hover::before {
        height: 100%;
    }

    #WhatWeDoSection .what-we-do-btn:hover {
        color: white;
    }


    #WhatWeDoSection .what-we-do-btn div {
    }*/

/* === Responsive === */

@media (max-width: 1200px) {
    #WhatWeDoSection .cards-grid {
        flex-direction: column;
        gap: 40px;
    }

    #WhatWeDoSection .card-box {
        width: 100%;
    }

    #WhatWeDoSection .section-headline {
        font-size: 32px;
        line-height: 40px;
        text-align: center;
    }

    #WhatWeDoSection .summary-text {
        font-size: 18px;
        text-align: center;
    }

    #WhatWeDoSection .what-we-do-btn {
        margin: 0 auto;
    }

    #WhatWeDoSection .header-section {
        align-items: center;
        text-align: center;
    }
}

/* === LeadershipTeamSection === */

#LeadershipTeamSection.Banner {
    background: #170836;
    padding: 60px;
    border-radius: 4px;
    margin: 0 8% 0 8%;
    color: white;
}

#LeadershipTeamSection .container-fluid {
    display: flex;
    flex-direction: column;
    gap: 90px;
}

#LeadershipTeamSection .leadership-header {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 22px;
    border-bottom: 2px #B4974F solid;
    width: fit-content;
}

#LeadershipTeamSection .section-title {
    color: #B4974F;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
}

#LeadershipTeamSection .team-members {
    display: flex;
    flex-direction: column;
    gap: 50px;
    padding-left: 100px;
}

#LeadershipTeamSection .team-row {
    display: flex;
    justify-content: flex-start;
    gap: 155px;
}

#LeadershipTeamSection .member-card {
    width: 336px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    #LeadershipTeamSection .member-card img {
        width: 100%;
        height: 388px;
        border-radius: 4px;
        object-fit: scale-down;
        margin-bottom: -1%;
    }

#LeadershipTeamSection .member-info {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#LeadershipTeamSection .member-name {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
}

#LeadershipTeamSection .member-position {
    color: #B4974F;
    font-size: 20px;
    font-weight: 300;
    line-height: 28px;
}

/*#LeadershipTeamSection .read-bio-btn {
    position: relative;
    overflow: hidden;
    width: 90px;
    height: 35px;
    border-radius: 27px;
    background: white;
    border: 1px solid #B4974F;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: #170836;
    font-size: 14px;
    transition: color 0.3s ease;
    z-index: 1;
}

    #LeadershipTeamSection .read-bio-btn:hover {
        color: #170836;*/ /* Make text white on hover */
    /*}

    #LeadershipTeamSection .read-bio-btn::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 0%;
        background-color: #B4974F;
        border-radius: 27px;
        transition: height 0.4s ease;
        z-index: -1;*/ /* Make sure it stays behind text */
    /*}

    #LeadershipTeamSection .read-bio-btn:hover::before {
        height: 100%;
    }*/



/* === Responsive for LeadershipTeamSection === */

@media (max-width: 1600px) {
    #LeadershipTeamSection .team-row {
        gap: 80px;
    }
}

@media (max-width: 1400px) {
    #LeadershipTeamSection .team-members {
        padding-left: 60px;
    }
}

@media (max-width: 1200px) {
    #LeadershipTeamSection .team-members {
        padding-left: 0;
    }

    #LeadershipTeamSection .team-row {
        flex-wrap: wrap;
        justify-content: center;
        gap: 40px;
    }

    #LeadershipTeamSection .member-card {
        width: 300px;
    }
}

@media (max-width: 768px) {
    #LeadershipTeamSection {
        padding: 40px 20px;
    }

        #LeadershipTeamSection .container-fluid {
            gap: 60px;
        }

        #LeadershipTeamSection .team-members {
            gap: 40px;
        }

        #LeadershipTeamSection .member-card {
            width: 100%;
            max-width: 336px;
        }

            #LeadershipTeamSection .member-card img {
                height: auto;
                aspect-ratio: 336/388;
            }
}

@media (max-width: 480px) {
    #LeadershipTeamSection {
        padding: 30px 15px;
        margin: 5%;
    }

        #LeadershipTeamSection .section-title {
            font-size: 16px;
        }

        #LeadershipTeamSection .member-name {
            font-size: 20px;
        }

        #LeadershipTeamSection .member-position {
            font-size: 18px;
        }
}

/* === TrustedPartnersSection === */
#TrustedPartnersSection.Banner {
    padding: 80px 80px 100px;
    background: white;
}

#TrustedPartnersSection .partners-header {
    margin-bottom: 60px;
    max-width: 640px;
}

#TrustedPartnersSection .section-title {
    color: #B4974F;
    font-size: 14px;
    font-weight: 600;
    border-bottom: 2px solid #B4974F;
    padding: 0 22px 12px 0;
    width: fit-content;
    margin-bottom: 20px;
}

#TrustedPartnersSection .section-headline {
    color: #170836;
    font-size: 30px;
    font-weight: 500;
    line-height: 54px;
}

#TrustedPartnersSection .partners-list {
    border-left: 1px solid #B4974F;
    max-width: 700px;
    margin-left: 20%;
}


#TrustedPartnersSection .partner-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
    width: 100%;
    flex-wrap: wrap;
    transition: all 0.3s ease;
}

#TrustedPartnersSection .partner-name {
    color: black;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    padding: 10px 10px 10px 20px;
    flex: 1;
    transition: all 0.3s ease;
}

#TrustedPartnersSection .more-info-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    padding: 5px 20px;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

#TrustedPartnersSection .btn-text {
    color: #170836;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    transition: all 0.3s ease;
}

#TrustedPartnersSection .btn-icon svg {
    transition: transform 0.3s ease;
}

#TrustedPartnersSection .divider {
    height: 1px;
    background: #B4974F;
    width: 100%;
    margin: 0 0 0 auto;
}

/* === HOVER EFFECTS === */
#TrustedPartnersSection .partner-item:hover .partner-name {
    color: #B4974F;
    transform: translateX(5px);
}

#TrustedPartnersSection .partner-item:hover .btn-text {
    color: #B4974F;
}

#TrustedPartnersSection .partner-item:hover .btn-icon svg path {
    fill: #B4974F;
}

.partner-item.active .btn-icon svg path {
    fill: #B4974F;
}

/* === CLICK/ACTIVE STATE === */
.partner-item.active .btn-text {
    color: #B4974F;
}

.partner-item.active .btn-icon svg {
    transform: rotate(180deg);
}

.partner-drawer {
    display: none;
    padding: 10px 20px;
    width: 85% !important;
    font-size: 14px;
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 300;
    color: #333;
}

.partner-item.active .partner-drawer {
    display: block;
}

/* === RESPONSIVE === */
@media (max-width: 1200px) {
    #TrustedPartnersSection.Banner {
        padding: 60px 40px 80px;
    }

    #TrustedPartnersSection .section-headline {
        font-size: 26px;
        line-height: 48px;
    }

    #TrustedPartnersSection .partner-name {
        font-size: 20px;
        line-height: 26px;
    }
}

@media (max-width: 768px) {
    #TrustedPartnersSection.Banner {
        padding: 40px 20px 60px;
    }

    #TrustedPartnersSection .partner-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    #TrustedPartnersSection .partner-name {
        font-size: 18px;
        padding-left: 10px;
    }

    #TrustedPartnersSection .more-info-btn {
        margin-left: 10px;
    }

    .partner-drawer {
        font-size: 13px;
    }

    #TrustedPartnersSection .partners-list {
        margin-left: 5%;
    }

    #TrustedPartnersSection.Banner {
        padding: 0 !important;
    }
}

/* === GovernanceSection === */

#GovernanceSection .Banner {
    background: rgba(239, 239, 239, 0.5) !important;
    padding: 80px 240px 100px;
    font-family: 'Libre Franklin', sans-serif;
}

#GovernanceSection .governance-header {
    margin-bottom: 60px;
    max-width: 704px;
}

#GovernanceSection .section-title {
    color: #B4974F;
    font-size: 14px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    border-bottom: 2px solid #B4974F;
    padding: 12px 22px 12px 0;
    width: fit-content;
    margin-bottom: 30px;
}

#GovernanceSection .section-headline {
    color: #170836;
    font-size: 45px;
    font-weight: 500;
    line-height: 54px;
    letter-spacing: -0.5px;
    margin-bottom: 20px;
}

#GovernanceSection .governance-content {
    color: #21272A;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 0.2px;
    max-width: 949px;
    margin-left: 13%;
    font-family: 'Libre Franklin', sans-serif;
}

    #GovernanceSection .governance-content p {
        margin-bottom: 24px;
        font-family: 'Libre Franklin', sans-serif;
        font-size: 16px;
        text-align:justify;
    }

/* Responsive adjustments */
@media (max-width: 1450px) {
    #GovernanceSection.Banner {
        padding: 80px 120px 100px;
    }
}

@media (max-width: 1200px) {
    #GovernanceSection.Banner {
        padding: 60px 60px 80px;
    }

    #GovernanceSection .section-headline {
        font-size: 36px;
        line-height: 44px;
    }

    #GovernanceSection .governance-content {
        margin-left: 0;
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    #GovernanceSection.Banner {
        padding: 40px 20px 60px;
    }

    #GovernanceSection .section-headline {
        font-size: 28px;
        line-height: 36px;
    }

    #GovernanceSection .governance-content {
        font-size: 15px;
        line-height: 22px;
    }

        #GovernanceSection .governance-content p {
            margin-bottom: 16px;
        }
}
/********** Template CSS **********/

.back-to-top {
    position: fixed;
    display: none;
    right: 30px;
    bottom: 30px;
    z-index: 99;
}

.mt-6 {
    margin-top: 5rem;
}

.mb-6 {
    margin-bottom: 1rem;
}

.pt-6 {
    padding-top: 5rem;
}

.pb-6 {
    padding-bottom: 5rem;
}


/*** Spinner ***/
#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

    #spinner.show {
        transition: opacity .5s ease-out, visibility 0s linear 0s;
        visibility: visible;
        opacity: 1;
    }


/*** Button ***/
.btn {
    transition: .5s;
    font-weight: 600;
    font-size: 11px;
    border-radius: 20px;
    color: #B4974F;
}

.btn-primary,
.btn-outline-primary:hover {
    color: var(--bs-light);
}

.btn-secondary,
.btn-outline-secondary:hover {
    color: var(--bs-dark);
}


/*** Navbar ***/
.sticky-top {
    top: -100px;
    transition: .5s;
    border-bottom: 1px solid #B4974F;
}

.navbar .navbar-nav .nav-link {
    margin-right: 38px;
    padding: 25px 0;
    font-weight: 600;
    outline: none;
    color: #170836;
    font-size: 13px;
    /* gold */

    font-weight: 700;
}

    .navbar .navbar-nav .nav-link:hover,
    .navbar .navbar-nav .nav-link.active {
        color: #B4974F;
    }

.navbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    vertical-align: middle;
    margin-left: 8px;
}

.navbar-brand img {
    width: 80%;
}

.navbar-brand {
    margin-right: 12%;
}

@media (max-width: 991.98px) {
    .navbar .navbar-nav .nav-link {
        margin-right: 0;
        padding: 10px 0;
    }

    .navbar .navbar-nav {
        margin-top: 15px;
        border-top: 1px solid #EEEEEE;
    }
}

@media (max-width: 1025px) {
    .navbar-brand {
        margin-right: 1%;
    }

    .navbar .navbar-nav {
        margin-top: 15px;
        border-top: 1px solid #EEEEEE;
    }
}

@media (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: block;
        border: none;
        margin-top: 0;
        top: 150%;
        opacity: 0;
        visibility: hidden;
        transition: .5s;
    }

    .navbar .nav-item:hover .dropdown-menu {
        top: 100%;
        visibility: visible;
        transition: .5s;
        opacity: 1;
    }
}

.hero-section {
    width: 100%;
    height: 85vh;
    position: relative;
    overflow: hidden;
    background-image: url('/img/Banner.jpg');
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

    .hero-section .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        /* background: rgba(241, 211, 161, 0.493); Gray overlay (black with 40% opacity) */
    }

.spotlight-badge {
    position: absolute;
    top: 31%;
    left: 12%;
    background: white;
    padding: 12px 22px;
    color: #B4974F;
    font-size: 15px;
    font-weight: 600;
}

.content-box {
    position: absolute;
    top: 40%;
    left: 12%;
    max-width: 90%;
    width: 550px;
    background: rgba(255, 255, 255, 0.60);
    backdrop-filter: blur(4px);
    padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.title {
    color: #170836;
    font-size: 45px;
    font-weight: 500;
    line-height: 1.1;
}

.read-more-button {
    width: 120px;
    height: 45px;
    border-radius: 27px;
    background: #B4974F;
    color: white;
    font-size: 13px;
    font-weight: 700;
    border: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: linear-gradient(to bottom, #B4974F 50%, #170836 50%);
    background-size: 100% 200%;
    background-position: top;
    border: none;
    cursor: pointer;
    transition: background-position 0.4s ease;
    display:flex
}


.dots {
    position: absolute;
    bottom: 5%;
    right: 3%;
    display: flex;
    gap: 20px;
    align-items: center;
}

.dot {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    background: white;
}

.dot-outline {
    border: 2px solid white;
    background: transparent;
}

@media (max-width: 992px) {
    .title {
        font-size: 2.25rem;
    }

    .content-box {
        width: 90%;
        padding: 30px;
    }

    .spotlight-badge {
        font-size: 16px;
        padding: 10px 18px;
    }
}

@media (max-width: 600px) {
    .title {
        font-size: 1.75rem;
        line-height: 1.3;
    }

    .read-more-button {
        width: 120px;
        height: 48px;
        font-size: 14px;
    }

    .content-box, .spotlight-badge {
        left: 2%
    }

    .dots {
        bottom: 20px;
        right: 20px;
        gap: 10px;
    }

    .dot {
        width: 16px;
        height: 16px;
    }
}


/*** Home Page ***/

#WhatWedo .container {
    width: 100%;
    height: 100%;
    padding: 40px 5% 80px 5%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    box-sizing: border-box;
}

#WhatWedo .section-heading,
#WhatWedo .section-content {
    width: 100%;
    max-width: 704px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 30px;
}

#WhatWedo .title-bar {
    padding: 12px 2px;
    background: white;
    border-bottom: 2px solid #B4974F;
    display: flex;
    justify-content: center;
    align-items: center;
}

    #WhatWedo .title-bar div {
        color: #B4974F;
        font-size: 16px;
        font-weight: 600;
    }

#WhatWedo .main-title {
    font-size: 35px;
    font-weight: 500;
    line-height: 54px;
    color: black;
}

#WhatWedo .content-list {
    align-self: stretch;
    padding-left: 20px;
    border-left: 1px solid #B4974F;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 25%;
}

#WhatWedo .content-item {
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    color: black;
}

#WhatWedo .button-container {
    width: 130px;
    height: 45px;
    position: relative;
    overflow: hidden;
    border-radius: 27px;
    outline: 2px solid #B4974F;
    outline-offset: -2px;
    background-color: white;
    font-size: 13px;
    font-weight: 600;
    color: #170836;
}

.button-container1 {
    width: 120px;
    height: 45px;
    position: relative;
    overflow: hidden;
    border-radius: 27px;
    outline: 2px solid #B4974F;
    outline-offset: -2px;
    background-color: white;
    font-size: 14px;
    font-weight: 800;
    color: #170836;
}






/* Responsive adjustments */
@media (max-width: 1024px) {
    #WhatWedo .container {
        padding: 20px;
    }
}

@media (max-width: 821px) {
    #WhatWedo .container {
        padding: 40px 20px 60px 20px;
        flex-direction: column;
    }

    #WhatWedo .content-list {
        margin-top: 5%;
    }

    #WhatWedo .main-title {
        font-size: 32px;
        line-height: 40px;
    }

    #WhatWedo.content-item {
        font-size: 20px;
        line-height: 28px;
    }
}

@media (max-width: 480px) {
    #WhatWedo .main-title {
        font-size: 24px;
        line-height: 32px;
    }

    #WhatWedo .content-item {
        font-size: 18px;
        line-height: 26px;
    }

    #WhatWedo.button-container {
        width: 100%;
    }
}

body {
    margin: 0;
    font-family: 'Libre Franklin', sans-serif;
    color: white;
}

.Investoment-philosphy {
    display: flex;
    justify-content: center;
}

    .Investoment-philosphy .investment-section {
        width: 80%;
        padding: 60px 60px 0px 60px !important;
        background: #170836;
        border-radius: 4px;
        display: flex;
        flex-direction: column;
        gap: 70px;
    }

.Investoment-philosphy3 .investment-section {
    width: 80%;
    padding: 60px;
    padding-bottom: 0;
}

#our-focus .investment-section {
    background: white !important;
    margin: 0% 0 2% 0;
}

.Investoment-philosphy .investment-heading {
    max-width: 80%;
    width: 55%;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.Investoment-philosphy .heading-title, .heading-title {
    padding: 12px 2px;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 10px;
    color: #B4974F;
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
}

.Investoment-philosphy .heading-description {
    font-size: 40px;
    font-weight: 500;
    line-height: 50px;
}

.Investoment-philosphy .heading-description2 {
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
    width: 80%;
    padding-left: 5%
}

#our-focus .heading-description, #our-focus .investment-heading, #our-focus .investment-cards {
    color: black;
}

.Investoment-philosphy .investment-cards {
    display: flex;
    justify-content: end;
    gap: 2%;
    padding-left: 0;
}

.Investoment-philosphy .investment-cards2 {
    display: flex;
    justify-content: center !important;
    gap: 2%;
    padding-left: 0;
    flex-direction: column;
    align-items: center;
}

.Investoment-philosphy .investment-card {
    width: 24%;
    height: 250px;
    padding: 20px 0;
    border-top: 1px solid #B4974F;
    display: flex;
    flex-direction: column;
    gap: 40px;
    transition: border-top 0.3s ease;
    position: relative;
}

#our-focus .investment-card {
    height: auto;
    gap: 0;
    width: 33%;
}

.Investoment-philosphy3 .investment-cards2 .investment-card {
    height: auto;
    gap: 0;
    width: 40%;
    border: none;
}

.Investoment-philosphy .investment-card:hover {
    border-top: 6px solid #B4974F;
}

.investment-cards2 .investment-card:hover {
    border-top: none;
}

#our-focus .investment-card:hover {
    border-top: 1px solid #B4974F;
}

.Investoment-philosphy .card-content {
    position: relative;
    height: 126px;
}

.Investoment-philosphy3 .card-content {
    position: relative;
    height: 350px !important
}

.Investoment-philosphy .card-title {
    font-size: 29px;
    font-weight: 300;
    line-height: 35px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

#our-focus .card-title {
    width: 90%
}

#our-focus .card-descriptions {
    font-weight: 300;
    font-size: 14px;
}

.Investoment-philosphy .investment-card:hover .card-title {
    opacity: 0;
    transform: translateX(30px);
}

#our-focus .investment-card:hover .card-title {
    transform: translateX(0);
    opacity: 1;
}

.Investoment-philosphy .card-description {
    font-size: 15px;
    font-weight: 400;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transform: translateX(-30px);
    transition: opacity 0.1s ease, transform 0.s ease;
}

.Investoment-philosphy .investment-card:hover .card-description {
    opacity: 1;
    transform: translateX(0);
}

.Investoment-philosphy .caret-container, .caret-container {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: #B4974F;
}

.hover-arrow {
    color: #B4974F;
}

    .hover-arrow:hover, .hover-arrow:hover .caret1 {
        color: #170836;
    }

        .hover-arrow:hover .caret1 {
            border-left: 14px solid #170836;
        }

.Investoment-philosphy .read-more {
    opacity: 0;
    transform: translateX(-10px);
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.Investoment-philosphy .read-moreY {
    opacity: 1;
    transform: translateY(-90px);
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.Investoment-philosphy .investment-card:hover .read-more {
    opacity: 1;
    transform: translateX(0);
}

.Investoment-philosphy .investment-card:hover .read-moreY {
    opacity: 1;
    transform: translateX(0);
}

.Investoment-philosphy .caret, .caret {
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 14px solid #B4974F;
}

/* Existing styles above remain unchanged */

/* Responsive Only */
@media (max-width: 1450px) {
    .Investoment-philosphy .investment-heading {
        width: 80%;
        margin-left: 2%;
        height: auto;
    }

    .Investoment-philosphy .heading-description2 {
        font-size: 36px;
        font-weight: 500;
        line-height: 40px;
        width: 90%;
        padding-left: 15%
    }

    .Investoment-philosphy3 .investment-cards2 .investment-card {
        width: 45%
    }

    .Investoment-philosphy3 .card-description {
        position: relative;
        height: auto !important;
        font-size: 15px;
    }
}

@media (max-width: 1280px) {
    .Investoment-philosphy .investment-heading {
        width: 80%;
        margin-left: 2%;
        height: auto;
    }
}

@media (max-width: 1025px) {
    .Investoment-philosphy .investment-section {
        padding: 30px 20px;
        width: 100%;
    }

    .navbar-brand {
        margin-right: 0%;
    }

    .Investoment-philosphy .investment-heading {
        width: 80%;
        margin-left: 10%;
    }

    .Investoment-philosphy .investment-card {
        width: 45%;
    }

    #our-focus .investment-card {
        width: 50%
    }

    .Investoment-philosphy .heading-description {
        font-size: 36px;
        line-height: 42px;
    }

    .Investoment-philosphy .heading-description2 {
        font-size: 30px;
        line-height: 42px;
        margin-left: 15px;
        padding-left: 5%;
    }

    .Investoment-philosphy .card-title {
        font-size: 28px;
        line-height: 38px;
        margin-bottom: 5%;
    }

    .Investoment-philosphy3 .investment-section {
        width: 100% !important;
    }
}

@media (max-width: 950px) {
    .Investoment-philosphy .investment-section {
        padding: 30px 15px;
        width: 100%;
        text-align: center;
        max-width: 100%;
    }

    .Investoment-philosphy .investment-heading {
        width: 100%;
        margin: 0;
        text-align: center;
        max-width: 100%;
    }

    .Investoment-philosphy .heading-title {
        width: 100%;
        margin: 0 auto;
    }

    .Investoment-philosphy .heading-description {
        font-size: 28px;
        line-height: 36px;
        text-align: center;
    }

    .Investoment-philosphy .investment-cards {
        flex-direction: column;
        align-items: center;
    }

    .Investoment-philosphy .investment-card {
        width: 100%;
        height: auto;
    }

    .Investoment-philosphy .card-content {
        height: auto;
    }

    .Investoment-philosphy3 .card-content {
        position: relative;
        height: auto !important
    }

    .Investoment-philosphy .card-title {
        font-size: 24px !important;
        line-height: 32px !important;
        position: relative;
        opacity: 1 !important;
        transform: none !important;
        text-align: center;
    }

    .Investoment-philosphy .card-description {
        position: relative;
        top: auto;
        left: auto;
        opacity: 1;
        transform: none;
        font-size: 18px;
        text-align: center;
    }

    .Investoment-philosphy .read-more {
        opacity: 1 !important;
        transform: none !important;
    }

    .Investoment-philosphy .read-moreY {
        opacity: 1 !important;
        transform: none !important;
    }

    .Investoment-philosphy .caret-container {
        justify-content: center;
    }

    #our-focus .investment-card {
        height: auto;
        gap: 0;
        width: 93%;
    }

    .Investoment-philosphy3 .investment-cards2 .investment-card {
        width: 90%
    }
}

#our-focus .investment-cards {
    justify-content: center !important;
}





.hero-head2 {
    margin-bottom: 0vh;
}

.products {
    margin-top: 3%;
}

.item-con {
    height: 220px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.item-content {
    display: flex;
    flex-direction: column;
    gap: 0px;
    text-align: left;
    padding: 10px 20px 5px 0;
}

.item-heading {
    font-size: 25px;
    font-weight: 200;
    color: black;
}

.item-body {
    color: black;
    font-weight: 200;
    font-size: 15px
}

.more-info {
    font-size: 14px;
    font-weight: 200;
    border-radius: 24px;
    height: 40px;
    width: 100px;
    margin-top: 2%;
    border: none;
    border: 1px solid #B4974F;
    background: linear-gradient(to bottom, #FFFFFF 50%, #B4974F 50%);
    background-size: 100% 200%;
    background-position: top;
    cursor: pointer;
    transition: background-position 0.4s ease;
}
/*--------------------------------------------------------------
# Global Footer
--------------------------------------------------------------*/
.footer {
    color: var(--default-color);
    background-color: #170836;
    font-size: 14px;
    position: relative;
}

.footer-padding {
    display: flex;
    flex-direction: column;
    width: 80%;
}

.footer .footer-top {
    padding-top: 80px;
    border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}

.footer .footer-about .logo {
    line-height: 1;
    margin-bottom: 15px;
}

    .footer .footer-about .logo img {
        max-height: 100px;
        max-width: 100%;
        height: auto;
        width: 100%;
        margin-top: -7vh;
    }

.footer .footer-about p {
    font-size: 12px;
    color: #B4974F;
    margin-left: 0;
    text-align: right;
}

.footer .social-links a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    font-size: 18px;
    color: #ffffff;
    transition: 0.3s;
}

    .footer .social-links a:hover {
        color: var(--accent-color);
        border-color: var(--accent-color);
    }

.footer h4 {
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 12px;
    color: white;
}

.footer .footer-links {
    margin-bottom: 30px;
}

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

        .footer .footer-links ul li {
            padding: 5px 0;
        }

        .footer .footer-links ul a {
            color: #B4974F;
            display: inline-block;
            font-size: 12px;
            font-weight: 200;
            line-height:24px
        }

            .footer .footer-links ul a:hover {
                color: white;
            }

.footer .copyright {
    padding: 20px 0 10px 0;
    border-top: 1px solid white;
    text-align: center;
    
}

.footer .credits {
    margin-top: 6px;
    margin-bottom: 25px;
    font-size: 13px;
    color: #B4974F;
}

.footer .copyright2 p,
.footer .copyright2 a {
    font-size: 12px;
    color: #B4974F
}

    .footer .copyright2 a:hover {
        color: white;
    }

.footer .copyright2 .row {
    flex-wrap: nowrap;
    display: flex;
}

.footer .copyright2 .d-flex {
    white-space: nowrap;
}

.footer .footer-about .d-flex {
    justify-content: end;
}
/* Responsive adjustments */
@media (max-width: 1024px) {
    .footer .footer-links, .footer .footer-about {
        text-align: center;
    }

    .navbar-brand {
        margin-right: 1%;
    }

    .footer .social-links {
        justify-content: center;
    }

    .footer .footer-about p {
        text-align: center
    }

    .footer .copyright2 .row {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .footer .copyright2 p,
    .footer .copyright2 a {
        margin-left: 0 !important;
        margin-right: 0 !important;
        text-align: center;
    }

    .footer .copyright2 .d-flex {
        flex-direction: column;
        align-items: center;
        gap: 8px;
        margin-right: 0;
    }

    .footer .logo, .footer .footer-about .logo {
        justify-content: center;
    }

        .footer .footer-about .logo img {
            max-width: 50%;
            max-width: 40%;
            margin-top: 0;
            height: auto;
            max-height: 120px;
        }
}



.footer h4 {
    font-size: 14px;
    font-weight: 400
}

@media (max-width: 900px) {
    .footer-padding {
        width: 100%
    }

    .footer .footer-about .d-flex {
        justify-content: center;
    }

    .footer .footer-about .logo img {
        max-width: 50%;
        max-width: 40%;
        margin-top: 0;
        height: auto;
        max-height: 120px;
    }
}

.footer h4 a {
    color: white;
    font-family:'Libre Franklin'
}

    .footer h4 a:hover, .dropdown-item:hover {
        color: #B4974F !important;
    }
/*--------------------------------------------------------------
#Investment Philosphy
--------------------------------------------------------------*/

.Banner .container-fluid {
    display: flex;
    flex-wrap: wrap;
    padding:0
}

.Banner .container {
    display: flex;
    flex-wrap: wrap;
    width: 80%
}

.Banner .text-section {
    width: 50%;
    padding: 40px 5% 50px 10%; /* Top Right Bottom Left */
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 40px;
}

.Banner .headline {
    color: #170836;
    font-size: 45px;
    font-weight: 500;
    line-height: 58px;
}

.Banner .description {
    font-size: 16px;
    font-weight: 300;
    color: black;
}

.Banner .read-more-btn {
    width: 133px;
    height: 54px;
    border-radius: 27px;
    background: #B4974F;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: linear-gradient(to bottom, #B4974F 50%, #170836 50%);
    background-size: 100% 200%;
    background-position: top;
    border: none;
    cursor: pointer;
    transition: background-position 0.4s ease;
}

    .Banner .read-more-btn div {
        color: white;
        font-size: 16px;
        font-weight: 700;
        text-align: center;
    }

.Banner .image-section {
    width: 50%;
}

    .Banner .image-section img {
        width: 100%;
        height: auto;
        display: block;
    }

#InvestBanner2 {
    display: flex;
    justify-content: center;
    margin-top: 5%;
    margin-bottom: 3%;
}

    #InvestBanner2 .text-section {
        padding-left: 0;
    }

    #InvestBanner2 .image-section img {
        width: 95% !important;
    }

    #InvestBanner2 .headline {
        font-size: 40px;
        line-height: normal;
        padding-right: 2%;
    }

    #InvestBanner2 .description {
        font-size: 16px;
    }

.heading-title, .heading-title {
    padding: 12px 2px;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 10px;
    color: #B4974F;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

#InvestBanner2 .text-section {
    gap: 25px !important;
}

@media (max-width:1450px) {
    .Banner .headline {
        font-size: 44px;
        line-height: 56px;
    }

    .Banner .container {
        width: 90%;
    }

    #InvestBanner2 .headline {
        font-size: 38px;
        line-height: 56px;
    }

    #InvestBanner2 .text-section {
        gap: 25px !important;
        padding-top: 10px;
    }
}

@media (max-width:1281px) {
    .Banner .headline {
        font-size: 44px;
        line-height: 56px;
    }

    .Banner .description {
        font-size: 18px;
        line-height: 26px;
    }
}
/* Responsive Design */
@media (max-width: 1200px) {
    .Banner .container-fluid {
        flex-direction: column-reverse;
        padding: 0 20px;
    }

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

    .Banner .button {
        display: flex;
        justify-content: center;
    }

    .Banner .text-section,
    .Banner .image-section {
        width: 100%;
        padding: 20px 0;
        text-align: center;
    }

    .Banner .headline {
        font-size: 40px;
        line-height: 50px;
    }

    .Banner .description {
        font-size: 18px;
    }
}

@media (max-width: 768px) {
    .Banner .text-section {
        text-align: center;
    }

    .Banner .headline {
        font-size: 30px;
        line-height: 40px;
    }

    #InvestBanner2 .headline {
        font-size: 30px;
        line-height: 40px
    }

    .Banner .description {
        font-size: 16px;
        line-height: 24px;
    }

    .Banner .read-more-btn {
        width: 120px;
        height: 48px;
    }

        .Banner .read-more-btn div {
            font-size: 14px;
        }
}


#in-growth {
    background: linear-gradient(0deg, rgba(23, 8, 54, 0.75), rgba(23, 8, 54, 0.75)), url('/img/in-growth.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 500px;
}

    #in-growth .container {
        display: flex;
        padding: 5% 0 5% 0;
        gap: 2%;
    }

    #in-growth .heading {
        width: 50%;
        text-align: right;
        color: #B4974F;
        font-size: 55px;
        font-weight: 300;
        line-height: 60px;
        word-wrap: break-word
    }

    #in-growth .description {
        width: 40%;
        margin-top: 7%;
        padding-right: 9%;
        color: white;
        font-size: 18px;
        font-family: Libre Franklin;
        font-weight: 200;
        line-height: 26px;
    }

@media (max-width: 1200px) {
    #in-growth .container {
        display: flex;
        padding: 2% 0 2% 0;
        gap: 5%;
    }

    #in-growth .description {
        padding-right: 3%;
    }

    .navbar-brand {
        margin-right: 1%;
    }
}

@media (max-width: 768px) {
    #in-growth .container {
        display: flex;
        flex-direction: column;
        padding: 5% 0 5% 0;
        gap: 0%;
    }

    #in-growth .heading {
        width: 100%;
        text-align: center;
        color: #B4974F;
        font-size: 40px;
        font-weight: 300;
        line-height: normal;
        word-wrap: break-word;
    }

    #in-growth .description {
        width: 100%;
        margin-top: 0%;
        color: white;
        font-size: 18px;
        font-family: Libre Franklin;
        font-weight: 200;
        line-height: 26px;
        padding: 20px;
        text-align: center;
    }
}

/*--------------------------------------------------------------
Contact Us
--------------------------------------------------------------*/


.section {
    color: var(--default-color);
    background-color: var(--background-color);
    padding: 60px 0;
    scroll-margin-top: 90px;
    overflow: clip;
}

.contact-subheading {
    /*    font-weight: 400;*/
    font-weight: 100;
    font-family: 'Libre Franklin';
    margin-top: 20px;
    font-size: 20px;
/*    transform: translateX(9px);*/
}

.contact-subheading2 {
    font-weight: 400;
    font-family: 'Libre Franklin';
    margin-top: 20px;
    color: #170836;
}

.News-Container img {
    height: 500px
}

.News-Container {
/*    width: 80%*/
      width:1700px;
}

.contact-heading {
    font-weight: 400;
    font-size: 40px;
    font-family: 'Libre Franklin';
    color: black;

}

.address-master {
    display: flex;
    justify-content: center
}

.address-section {
    background-color: #170836;
    width: 85%;
    border-radius: 6px;
    padding: 60px;
    margin-top: 5%;
    display: flex;
    color: white;
    gap: 4vh;
}

.address-item:nth-child(1) {
    flex: 0 0 40%;
}

.address-item:nth-child(2) {
    flex: 0 0 30%;
}

.address-item:nth-child(3) {
    flex: 0 0 30%;
}

    .address-item a:hover {
        color: white;
        cursor: pointer;
    }

    .address-item i {
        font-size: 20px;
    }

    .address-item p {
        font-family: 'Libre Franklin';
        font-size: 18px;
        font-weight: 200;
    }

.address-section h4 {
    color: white;
}

.formcontainer {
    width: 80%;
    margin-top: 4%;
}

input.form-control,
textarea.form-control, .form-check-input, select.form-control,
input[type="file"] {
    border: 1px solid #957D4D;
    border-radius: 0; /* Updated border color */
}

.form-check-input {
    width: 20px;
    height: 20px;
    transform: scale(1.2); /* Increase the size */
    border-radius: 4px;
    margin-top: 2px; /* Adjust alignment */
}

    .form-check-input[type=checkbox] {
        border-radius: 4px;
    }

    input.form-control:focus,
    textarea.form-control:focus,
    select.form-control:focus, .form-check-input:checked {
        border-color: #170836; /* Your desired highlight color */
        outline: none;
        box-shadow: none; /* Optional: remove default browser shadow */
    }

input.form-control,
textarea.form-control,
select.form-control {
    transition: border-color 0.3s ease-in-out;
    border-radius: 5px
}

.form-check-input:checked {
    background-color: #170836; /* Replace with your desired color */
    border-color: #170836;
}

label {
    font-family: 'Libre Franklin';
    font-size: 14px;
    font-weight: 200;
    color: black
}

.container2 {
    width: 80%
}

@media (max-width: 821px) {
    .formcontainer {
        width: 100%;
    }

    .address-section {
        flex-direction: column;
        text-align: center;
        align-items: center;
    }

    .container2 {
        width: 80% !important;
    }
}

@media (max-width: 451px) {
    .formcontainer {
        width: 100%;
    }

    .address-section {
        flex-direction: column;
        text-align: center;
        align-items: center;
    }

    .container2 {
        width: 100% !important;
    }

    .address-section {
        width: 100%;
    }

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

/*--------------------------------------------------------------
News-Events
--------------------------------------------------------------*/

.insight-header {
    background-color: #390B46;
}

.insightContainer {
    display: flex;
    justify-content: center;
}

#exp {
    font-size: 18px;
    font-weight: 200;
    color: black
}

.colored-border {
    color: #B4974F;
}

.InsightSection {
    margin-top: 5vh;
}

.insight-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 4vw 7vw;
    width: 70%;
    margin-top: 4vh;
}

#Insight-layout {
    padding-top: 80px;
}

.hero-insight {
    display: flex;
    gap: 3vw;
    width: 70%;
    margin-top: 4vh;
}

.hero-insight-box {
    box-sizing: border-box;
}

.hero-insight:hover .hero-insight-box h2 {
    color: #B4974F;
}
.hero-insight:hover .hover-arrow, .hero-insight:hover .caret1 {
    color: #170836
}
.hero-insight:hover .caret1 {
    border-left-color: #170836 !important;
}
    .hero-insight-box:first-child {
        flex: 0 0 55%;
    }

.hero-insight-box:last-child {
    flex: 0 0 45%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 15px;
}

.hero-insight-box img {
    height: 500px;
    width: 100%;
    border-radius: 6px;
}

.hero-insight-box h2 {
    font-size: 40px;
    font-family: 'Libre Franklin';
    color: black;
    line-height: 45px;
    font-weight: 100;
}


.hero-insight-box p {
    font-size: 16px;
    font-family: 'Libre Franklin';
    color: black;
    font-weight: 100;
    line-height:24px
}

.insight-box {
    flex: 1 1 calc(33.333% - 7vw);
    max-width: calc(35.333% - 7vw);
    box-sizing: border-box;
    display: block;
}

    .insight-box img {
        height: 200px;
        width: 100%;
        max-width: 280px;
    }


.insight-btn-container {
    font-weight: 400;
    margin: 5vh 0 5vh 15vw !important;
}

.date-category {
    font-weight: 300;
    margin-bottom: 1rem;
    color: #3B296A;
    font-size: 14px;
    margin-top: 2vh
}
.card-title-link{
    margin-bottom:10px
}
.insight-box h5 {
    font-family: 'Libre Franklin';
    font-weight: 400;
}

.sub-date {
    font-weight: 300;
    margin-bottom: 1rem;
    color: #3B296A;
    font-size: 18px;
    margin-top: 2vh
}

@media (max-width: 1024px) {
    .insight-box {
        flex: 1 1 calc(50% - 20px);
        max-width: 100%;
    }

    .hero-insight {
        flex-direction: column;
    }

    .hero-insight-box {
        flex: 100%;
    }

        .hero-insight-box img {
            height: auto;
        }

        .hero-insight-box:first-child {
            flex: 0 0 50%;
        }

        .hero-insight-box:last-child {
            flex: 0 0 50%;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
}

@media (max-width: 600px) {
    .explore-insights-nav {
        flex-direction: column;
        align-items: flex-start;
    }

    .insight-box {
        flex: 1 1 100%;
    }

    .hero-insight {
        flex-direction: column;
    }

    .hero-insight-box {
        flex: 100%;
    }

        .hero-insight-box:first-child {
            flex: 0 0 0%;
        }

        .hero-insight-box img {
            height: auto;
        }

        .hero-insight-box:last-child {
            flex: 0 0 50%;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
}

.explore-insights-nav {
    margin-bottom: 15px;
    width: 70%;
}

.insights-nav-item {
    cursor: pointer;
    padding: 0 10px;
    font-size: 16px;
    color: #666666;
    font-weight: 900
}

    .insights-nav-item.active {
        color: #B4974F;
        text-decoration: underline;
    }

    .insights-nav-item:hover {
        color: #B4974F;
    }


/*--------------------------------------------------------------
News-1 Page         
--------------------------------------------------------------*/
.sub-footer p {
    color: black;
    font-family: 'Libre Franklin';
    font-weight: 200;
    font-size: 14px
}

.power-platform-wrappers {
    display: flex;
    justify-content: center;
    color: black;
}

.accordian-careers {
    width: 80%;
    font-weight: 200;
}

.designation-description {
    margin-top: 5vh;
    margin-bottom: 4vh;
}

.accordian-careers p {
    font-family: 'Libre Franklin';
    font-weight: 200;
}

.designation-description .designation-bold {
    font-family: Libre Franklin;
    font-size: 25px;
    font-weight: 300;
    color: black;
}

.designation-bold-purple {
    font-family: 'Libre Franklin !important';
    font-size: 28px !important;
    font-weight: 200 !important;
    color: #390B46 !important;
}

.purple-heading {
    font-size: 18px;
    font-weight: 500;
    color: #390B46;
}

.black-heading {
    font-size: 18px;
    font-weight: 700 !important;
    color: black;
}

.hover-share {
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}

    .hover-share:hover {
        font-size: 16px;
        font-weight: bold;
        color: #170836;
    }

.about-img {
    position: relative;
    padding-left: 45px;
}

    .about-img::before {
        position: absolute;
        content: "";
        width: 200px;
        height: 300px;
        top: 0;
        left: 0;
        border: 5px solid var(--bs-primary);
        animation: animateUpDown 3s ease-in-out infinite;
        z-index: -1;
    }

@keyframes animateUpDown {
    0% {
        top: -25px;
    }

    50% {
        top: -45px;
    }

    100% {
        top: -25px;
    }
}


/*** Features ***/
.feature {
    background: linear-gradient(to right, rgba(0, 0, 0, .1), rgba(0, 0, 0, 1) 50%), url(../img/carousel-1.jpg) left center no-repeat;
    background-size: cover;
}

.feature-row {
    box-shadow: 0 0 45px rgba(0, 0, 0, .08);
}

.feature-item {
    border-color: rgba(0, 0, 0, .03) !important;
}

.feature-icon {
    position: relative;
    transition: .5s;
}

.feature-item:hover .feature-icon {
    margin-left: 3rem;
}

.feature-item a::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: var(--bs-secondary);
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: -1;
}

.feature-item a:hover {
    color: var(--bs-primary) !important;
}

    .feature-item a:hover::after {
        background: var(--bs-primary);
    }

.experience .progress {
    height: 5px;
}

    .experience .progress .progress-bar {
        width: 0px;
        transition: 3s;
    }


/*** Service ***/
.service .service-item {
    position: relative;
    margin-top: 45px;
}

.service .service-inner {
    position: relative;
    height: 100%;
    margin-top: 45px;
    background: var(--bs-white);
    box-shadow: 0 0 45px rgba(0, 0, 0, .05);
}

    .service .service-inner::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 0;
        left: 0;
        bottom: 0;
        transition: 1s;
        background: var(--bs-primary);
    }

    .service .service-inner:hover::before {
        height: 100%;
        top: 0;
    }

.service .service-item img {
    margin-top: -45px;
    padding-left: 45px;
}

.service .service-item * {
    position: relative;
    transition: .5s;
    z-index: 1;
}

.service .service-item:hover h5,
.service .service-item:hover p {
    color: var(--bs-white);
}

.service .service-item:hover a {
    padding-left: 45px !important;
}


/*** Appoinment ***/
.appoinment {
    background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), url(../img/carousel-2.jpg) left center no-repeat;
    background-size: cover;
}


/*** Team ***/
.team .team-item {
    background: var(--bs-white);
    box-shadow: 0 0 45px rgba(0, 0, 0, .05);
}

    .team .team-item .team-social {
        position: absolute;
        width: 0;
        height: 100%;
        top: 0;
        right: 0;
        transition: .5s;
        background: var(--bs-primary);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .team .team-item:hover .team-social {
        width: 100%;
        left: 0;
    }

    .team .team-item .team-social .btn {
        opacity: 0;
        transition: .5s;
    }

    .team .team-item:hover .team-social .btn {
        opacity: 1;
    }


/*** Testimonial ***/
.testimonial-img {
    position: relative;
    min-height: 400px;
    overflow: hidden;
}

    .testimonial-img div {
        position: absolute;
        width: 100px;
        height: 100px;
        animation-duration: 5s;
    }

        .testimonial-img div:nth-child(1) {
            top: 10%;
            left: 10%;
            animation-delay: .1s;
        }

        .testimonial-img div:nth-child(2) {
            top: 60%;
            left: 20%;
            animation-delay: .4s;
        }

        .testimonial-img div:nth-child(3) {
            top: 20%;
            left: 60%;
            animation-delay: .7s;
        }

        .testimonial-img div:nth-child(4) {
            bottom: 10%;
            right: 10%;
            animation-delay: 1s;
        }

        .testimonial-img div::after {
            position: absolute;
            content: "";
            top: -1px;
            right: -1px;
            bottom: -1px;
            left: -1px;
            box-shadow: 0 0 10px 10px var(--bs-white) inset;
            z-index: 1;
        }

.testimonial-carousel .owl-item img {
    width: 100px;
    height: 100px;
}

.testimonial-carousel .owl-nav {
    margin-top: 15px;
    display: flex;
}

    .testimonial-carousel .owl-nav .owl-prev,
    .testimonial-carousel .owl-nav .owl-next {
        margin-right: 15px;
        color: var(--bs-primary);
        font-size: 45px;
        transition: .5s;
    }

        .testimonial-carousel .owl-nav .owl-prev:hover,
        .testimonial-carousel .owl-nav .owl-next:hover {
            color: var(--bs-dark);
        }


/*** Contact ***/
@media (min-width: 992px) {
    .contact-info::after {
        position: absolute;
        content: "";
        width: 0px;
        height: 100%;
        top: 0;
        left: 50%;
        border-left: 1px dashed rgba(255, 255, 255, .2);
    }
}

@media (max-width: 991.98px) {
    .contact-info::after {
        position: absolute;
        content: "";
        width: 100%;
        height: 0px;
        top: 50%;
        left: 0;
        border-top: 1px dashed rgba(255, 255, 255, .2);
    }
}


/*** Appoinment ***/
.newsletter {
    background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), url(../img/carousel-3.jpg) left center no-repeat;
    background-size: cover;
}


/*** Footer ***/
.footer .btn.btn-link {
    display: block;
    margin-bottom: 5px;
    padding: 0;
    text-align: left;
    color: var(--bs-secondary);
    font-weight: normal;
    text-transform: capitalize;
    transition: .3s;
}

    .footer .btn.btn-link::before {
        position: relative;
        content: "\f105";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        color: var(--bs-primary);
        margin-right: 10px;
    }

    .footer .btn.btn-link:hover {
        color: var(--bs-primary);
        letter-spacing: 1px;
        box-shadow: none;
    }

.shifted {
    margin-left: 5%;
}

.copyright a {
    color: var(--bs-white);
}

    .copyright a:hover {
        color: var(--bs-primary);
    }

.btn-client {
    background: linear-gradient(to bottom, #B4974F 50%, #170836 50%);
    background-size: 100% 200%;
    background-position: top;
    border: none;
    cursor: pointer;
    transition: background-position 0.4s ease;
    height: 40px;
    width: 112px;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility:hidden
}
#WhatWeDoSection .what-we-do-btn {
    width: 140px;
    height: 54px;
    border-radius: 27px;
    border: 2px solid #B4974F;
    background: linear-gradient(to bottom,transparent 50%, #B4974F 50%);
    background-size: 100% 200%;
    background-position: top;
    transition: background-position 0.4s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-left: 24%;
    margin-top: 5%;
    color: #170836;
    font-size: 14px;
    font-weight: 900;
    text-align: center;
    line-height: 24px;
}
#LeadershipTeamSection .read-bio-btn {
    width: 100px;
    height: 42px;
    border-radius: 27px;
    border: 1px solid #B4974F;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: #170836;
    font-size: 14px;
    background: linear-gradient(to bottom,white 50%, #B4974F 50%);
    background-size: 100% 200%;
    background-position: top;
    transition: background-position 0.4s ease;
/*    visibility:hidden;*/
}
.find-out-more {
    background: linear-gradient(to bottom, #FFFFFF 50%, #B4974F 50%);
    background-size: 100% 200%;
    background-position: top;
    border: none;
    cursor: pointer;
    transition: background-position 0.4s ease;
}

    .btn-client:hover, .read-more-button:hover, .find-out-more:hover, .more-info:hover {
        background-position: bottom;
    }

.layout2 {
    margin-bottom: 5%;
}

.sub-footer {
    margin-top: 10vh;
    color: black;
    font-family: 'Libre Franklin';
    font-weight: 200;
    margin-bottom: 10vh;
}

/* === RealValueSection === */
#RealValueSection.Banner .container-fluid {
    display: flex;
    width: 100%;
    margin:0;
    padding:0
}

#RealValueSection.Banner .text-section {
    width: 50%;
    padding: 8% 10% 50px 10%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 30px;
}

#RealValueSection.Banner .headline {
    color: #170836;
    font-weight: 500;
    font-size: 45px;
    line-height: 58px;
}

#RealValueSection.Banner .description {
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    color: black;
}

#RealValueSection.Banner .read-more-btn {
    position: relative;
    overflow: hidden;
    width: 100px;
    height: 38px;
    border-radius: 27px;
    background: #B4974F;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: white;
    z-index: 1;
    transition: color 0.3s ease;
}

    #RealValueSection.Banner .read-more-btn::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 0%;
        background-color: #170836;
        z-index: -1;
        transition: height 0.4s ease;
        border-radius: 27px;
    }

    #RealValueSection.Banner .read-more-btn:hover::before {
        height: 100%;
    }

    #RealValueSection.Banner .read-more-btn:hover {
        color: white;
    }

    #RealValueSection.Banner .read-more-btn div {
        color: white;
        font-size: 10px;
        font-weight: 700;
        text-align: center;
    }

#RealValueSection.Banner .image-section {
    width: 50%;
}

    #RealValueSection.Banner .image-section img {
        width: 100%;
        height: auto;
        display: block;
        object-fit: cover;
        aspect-ratio: 15 / 12;
        margin-top: 0 !important;
    }



/* === SustainabilitySection === */
#SustainabilitySection.Banner .container-fluid {
    margin-top: 2%;
    display: flex;
    width: 100%;
    padding: 40px 5% 50px 10%;
    flex-wrap: nowrap;
}

#SustainabilitySection.Banner .text-section {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 40px;
    margin-left: 5%;
    padding: 0 !important;
}

#SustainabilitySection.Banner .headline {
    color: #170836;
    font-weight: 400;
    font-size: 45px;
    line-height: 52px;
}

#SustainabilitySection.Banner .description {
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    color: black;
}

#SustainabilitySection.Banner .image-section {
    width: 50%;
    padding-right: 0;
}

    #SustainabilitySection.Banner .image-section img {
        width: 100%;
        height: auto;
        display: block;
        object-fit: cover;
        aspect-ratio: 16 / 9;
    }

/* === Scaling on Smaller Screens === */
/* === Scaling on Smaller Screens (More Compact) === */



/* === OurValuesSection === */
#OurValuesSection.Banner {
    background: #170836;
    padding: 4%; /* reduced again */
    border-radius: 4px;
    margin: 0 10% 0 10%;
    color: white;
    font-family: 'Libre Franklin', sans-serif;
}

#OurValuesSection .container-fluid {
    display: flex;
    flex-direction: column;
    gap: 50px; /* reduced again */
}

#OurValuesSection .values-header {
    display: flex;
    flex-direction: column;
    gap: 25px; /* reduced */
    max-width: 704px;
}

#OurValuesSection .section-title {
    color: #B4974F;
    font-size: 14px; /* reduced again */
    font-weight: 600;
    border-bottom: 2px solid #B4974F;
    padding: 6px 12px 6px 0; /* smaller padding */
    width: fit-content;
}

#OurValuesSection .section-headline {
    font-size: 40px; /* reduced again */
    line-height: 30px;
    font-weight: 500;
}

#OurValuesSection .values-columns {
    display: flex;
    justify-content: flex-end;
    gap: 50px; /* reduced */
    flex-wrap: wrap;
    padding-left: 100px; /* much tighter */
    font-family: 'Libre Franklin', sans-serif;
}

#OurValuesSection .value-box {
    width: 26%; /* reduced */
    border-top: 1px solid #B4974F;
    padding-top: 10px; /* reduced */
    display: flex;
    flex-direction: column;
    gap: 25px; /* reduced */
    font-family: 'Libre Franklin', sans-serif;
}

#OurValuesSection .value-title {
    font-size: 24px; /* reduced */
    line-height: 26px;
    font-weight: 300;
    color: white;
    font-family: 'Libre Franklin', sans-serif;
}

#OurValuesSection .value-description {
    font-size: 14px; /* reduced */
    line-height: 18px;
    font-weight: 200;
    color: white;
    font-family: 'Libre Franklin', sans-serif;
}


/* === Responsive for OurValuesSection === */

@media (max-width: 1200px) {
    #OurValuesSection .values-columns {
        padding-left: 0;
        justify-content: center;
    }

    #OurValuesSection .section-headline {
        font-size: 20px;
        line-height: 26px;
        text-align: center;
    }

    #OurValuesSection .section-title {
        margin: 0 auto;
    }

    #OurValuesSection .values-header {
        align-items: center;
        text-align: center;
    }
}

@media (max-width: 768px) {
    #OurValuesSection .section-headline {
        font-size: 18px;
        line-height: 24px;
    }

    #OurValuesSection .value-box {
        width: 100%;
        max-width: 100%;
    }

    #OurValuesSection .values-columns {
        flex-direction: column;
        align-items: center;
        gap: 24px;
    }
}

/* === WhatWeDoSection === */

#WhatWeDoSection.Banner {
    padding: 5% 10%;
    color: black;
    background: #fff;
    font-family: 'Libre Franklin', sans-serif;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

#WhatWeDoSection .container-fluid {
    flex-wrap: nowrap !important;
    display: block !important;
}

#WhatWeDoSection .header-section {
    max-width: 704px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

#WhatWeDoSection .section-title {
    color: #B4974F;
    font-size: 12px;
    font-weight: 600;
    border-bottom: 2px solid #B4974F;
    padding-bottom: 8px;
    width: fit-content;
}

#WhatWeDoSection .section-headline {
    font-size: 43px;
    line-height: 48px;
    font-weight: 400;
    margin-bottom: 5%;
}

#WhatWeDoSection .cards-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-end;
}

#WhatWeDoSection .card-box {
    width: calc(38% - 10px);
    border-top: 1px solid #B4974F;
    padding-top: 8px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    column-gap: 5%;
}

#WhatWeDoSection .card-title {
    font-size: 28px;
    font-weight: 300;
    line-height: 30px;
}

#WhatWeDoSection .card-description {
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
    color: black;
}


#WhatWeDoSection .summary-text {
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    color: #21272A;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 3%;
    margin-left: 5%
}

/* 
#WhatWeDoSection .what-we-do-btn {
  width: 100px;
  height: 34px;
  border-radius: 27px;
  border: 2px solid #B4974F;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
} */
/*#WhatWeDoSection .what-we-do-btn {
    position: relative;
    overflow: hidden;
    width: 120px;
    height: 45px;
    border-radius: 27px;
    border: 2px solid #B4974F;
    background: transparent;
    color: #B4974F;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 1;
    transition: color 0.3s ease;
    margin-left: 24%;
    margin-top: 5%;
    color: #170836;
    font-size: 14px;
    font-weight: 900;
    text-align: center;
    line-height: 24px;
}

    #WhatWeDoSection .what-we-do-btn::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 0%;
        background-color: #B4974F;
        z-index: -1;
        transition: height 0.4s ease;
        border-radius: 27px;
    }

    #WhatWeDoSection .what-we-do-btn:hover::before {
        height: 100%;
    }

    #WhatWeDoSection .what-we-do-btn:hover {
        color: white;
    }


    #WhatWeDoSection .what-we-do-btn div {
    }*/

/* === Responsive === */

@media (max-width: 1200px) {
    #WhatWeDoSection .cards-grid {
        flex-direction: column;
        gap: 40px;
    }

    #WhatWeDoSection .card-box {
        width: 100%;
    }

    #WhatWeDoSection .section-headline {
        font-size: 32px;
        line-height: 40px;
        text-align: center;
    }

    #WhatWeDoSection .summary-text {
        font-size: 18px;
        text-align: center;
    }

    #WhatWeDoSection .what-we-do-btn {
        margin: 0 auto;
    }

    #WhatWeDoSection .header-section {
        align-items: center;
        text-align: center;
    }
}

/* === LeadershipTeamSection === */

#LeadershipTeamSection.Banner {
    background: #170836;
    padding: 60px;
    border-radius: 4px;
    margin: 0 8% 0 8%;
    color: white;
}

#LeadershipTeamSection .container-fluid {
    display: flex;
    flex-direction: column;
    gap: 90px;
    flex-wrap: nowrap;
}

#LeadershipTeamSection .leadership-header {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 22px;
    border-bottom: 2px #B4974F solid;
    width: fit-content;
}

#LeadershipTeamSection .section-title {
    color: #B4974F;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
}

#LeadershipTeamSection .team-members {
    display: flex;
    flex-direction: column;
    gap: 50px;
    padding-left: 100px;
}

#LeadershipTeamSection .team-row {
    display: flex;
    justify-content: flex-start;
    gap: 155px;
}

#LeadershipTeamSection .member-card {
    width: 336px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    #LeadershipTeamSection .member-card img {
        width: 100%;
        height: 388px;
        border-radius: 4px;
        object-fit: scale-down;
        margin-bottom: -1%;
    }

#LeadershipTeamSection .member-info {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#LeadershipTeamSection .member-name {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
}

#LeadershipTeamSection .member-position {
    color: #B4974F;
    font-size: 20px;
    font-weight: 300;
    line-height: 28px;
}

/*#LeadershipTeamSection .read-bio-btn {
    position: relative;
    overflow: hidden;
    width: 85px;
    height: 35px;
    border-radius: 27px;
    background: white;
    border: 1px solid #B4974F;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: #170836;
    font-size: 12px;
    transition: color 0.3s ease;
    z-index: 1;
}*/

    /*#LeadershipTeamSection .read-bio-btn:hover {
        color: #170836;*/ /* Make text white on hover */
    /*}

    #LeadershipTeamSection .read-bio-btn::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 0%;
        background-color: #B4974F;
        border-radius: 27px;
        transition: height 0.4s ease;
        z-index: -1;*/ /* Make sure it stays behind text */
    /*}

    #LeadershipTeamSection .read-bio-btn:hover::before {
        height: 100%;
    }*/



/* === Responsive for LeadershipTeamSection === */

@media (max-width: 1600px) {
    #LeadershipTeamSection .team-row {
        gap: 80px;
    }
}

@media (max-width: 1400px) {
    #LeadershipTeamSection .team-members {
        padding-left: 60px;
    }
}

@media (max-width: 1200px) {
    #LeadershipTeamSection .team-members {
        padding-left: 0;
    }

    #LeadershipTeamSection .team-row {
        flex-wrap: wrap;
        justify-content: center;
        gap: 40px;
    }

    #LeadershipTeamSection .member-card {
        width: 300px;
    }
}

@media (max-width: 768px) {
    #LeadershipTeamSection {
        padding: 40px 20px;
    }

        #LeadershipTeamSection .container-fluid {
            gap: 60px;
        }

        #LeadershipTeamSection .team-members {
            gap: 40px;
        }

        #LeadershipTeamSection .member-card {
            width: 100%;
            max-width: 336px;
        }

            #LeadershipTeamSection .member-card img {
                height: auto;
                aspect-ratio: 336/388;
            }
}

@media (max-width: 480px) {
    #LeadershipTeamSection {
        padding: 30px 15px;
        margin: 5%;
    }

        #LeadershipTeamSection .section-title {
            font-size: 16px;
        }

        #LeadershipTeamSection .member-name {
            font-size: 20px;
        }

        #LeadershipTeamSection .member-position {
            font-size: 18px;
        }
}

/* === TrustedPartnersSection === */
#TrustedPartnersSection.Banner {
    padding: 80px 80px 100px;
    background: white;
}

    #TrustedPartnersSection.Banner .container-fluid {
        display: block !important;
        flex-wrap: nowrap;
        padding-left: 10%;
    }

#TrustedPartnersSection .partners-header {
    margin-bottom: 60px !important;
    max-width: 680px !important;
}

#TrustedPartnersSection .section-title {
    color: #B4974F;
    font-size: 14px;
    font-weight: 600;
    border-bottom: 2px solid #B4974F;
    padding: 0 22px 12px 0 !important;
    width: fit-content;
    margin-bottom: 20px;
}

#TrustedPartnersSection .section-headline {
    color: #170836;
    font-size: 30px;
    font-weight: 500;
    line-height: 54px;
}

#TrustedPartnersSection .partners-list {
    border-left: 1px solid #B4974F;
    max-width: 700px !important;
    margin-left: 20%
}


#TrustedPartnersSection .partner-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
    width: 100%;
    flex-wrap: wrap;
    transition: all 0.3s ease;
}

#TrustedPartnersSection .partner-name {
    color: black;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    padding: 10px 10px 10px 20px;
    flex: 1;
    transition: all 0.3s ease;
}

#TrustedPartnersSection .more-info-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    padding: 5px 20px;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

#TrustedPartnersSection .btn-text {
    color: #170836;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    transition: all 0.3s ease;
}

#TrustedPartnersSection .btn-icon svg {
    transition: transform 0.3s ease;
}

#TrustedPartnersSection .divider {
    height: 1px;
    background: #B4974F;
    width: 100%;
    margin: 0 0 0 auto;
}

/* === HOVER EFFECTS === */
#TrustedPartnersSection .partner-item:hover .partner-name {
    color: #B4974F;
    transform: translateX(5px);
}

#TrustedPartnersSection .partner-item:hover .btn-text {
    color: #B4974F;
}

#TrustedPartnersSection .partner-item:hover .btn-icon svg path {
    fill: #B4974F;
}

.partner-item.active .btn-icon svg path {
    fill: #B4974F;
}

/* === CLICK/ACTIVE STATE === */
.partner-item.active .btn-text {
    color: #B4974F;
}

.partner-item.active .btn-icon svg {
    transform: rotate(180deg);
}

.partner-drawer {
    display: none;
    padding: 10px 20px;
    width: 100%;
    font-size: 14px;
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 300;
    color: #333;
}

.partner-item.active .partner-drawer {
    display: block;
}

/* === RESPONSIVE === */
@media (max-width: 1200px) {
    #TrustedPartnersSection.Banner {
        padding: 60px 40px 80px;
    }

    #TrustedPartnersSection .section-headline {
        font-size: 26px;
        line-height: 48px;
    }

    #TrustedPartnersSection .partner-name {
        font-size: 20px;
        line-height: 26px;
    }
}

@media (max-width: 768px) {
    #TrustedPartnersSection.Banner {
        padding: 40px 20px 60px;
    }

    #TrustedPartnersSection .partner-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    #TrustedPartnersSection .partner-name {
        font-size: 18px;
        padding-left: 10px;
    }

    #TrustedPartnersSection .more-info-btn {
        margin-left: 10px;
    }

    .partner-drawer {
        font-size: 13px;
    }

    #TrustedPartnersSection .partners-list {
        margin-left: 5%;
    }
}

/* === GovernanceSection === */

#GovernanceSection.Banner {
    background: rgba(239, 239, 239, 0.5);
    padding: 80px 240px 100px;
    font-family: 'Libre Franklin', sans-serif;
}

#GovernanceSection .governance-header {
    margin-bottom: 60px;
    max-width: 704px;
}

#GovernanceSection .section-title {
    color: #B4974F;
    font-size: 14px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    border-bottom: 2px solid #B4974F;
    padding: 12px 22px 12px 0;
    width: fit-content;
    margin-bottom: 30px;
}

#GovernanceSection .section-headline {
    color: #170836;
    font-size: 40px;
    font-weight: 500;
    line-height: 54px;
    letter-spacing: -0.5px;
    margin-bottom: 20px;
}

#GovernanceSection .governance-content {
    color: #21272A;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 0.2px;
    max-width: 949px;
    margin-left: 245px;
    font-family: 'Libre Franklin', sans-serif;
}

    #GovernanceSection .governance-content p {
        margin-bottom: 24px;
        font-family: 'Libre Franklin', sans-serif;
        font-size: 14px;
        text-align:justify;
    }

/* Responsive adjustments */
@media (max-width: 1450px) {
    #GovernanceSection.Banner {
        padding: 80px 120px 100px;
    }
}

@media (max-width: 1200px) {
    #GovernanceSection.Banner {
        padding: 60px 60px 80px;
    }

    #GovernanceSection .section-headline {
        font-size: 36px;
        line-height: 44px;
    }

    #GovernanceSection .governance-content {
        margin-left: 0;
        max-width: 100%;
    }

    #GovernanceSection .container-fluid {
        flex-direction: column !important;
    }
}

@media (max-width: 768px) {
    #GovernanceSection.Banner {
        padding: 40px 20px 60px;
    }

    #GovernanceSection .section-headline {
        font-size: 28px;
        line-height: 36px;
    }

    #GovernanceSection .governance-content {
        font-size: 15px;
        line-height: 22px;
    }

        #GovernanceSection .governance-content p {
            margin-bottom: 16px;
        }
}

.scale-wrapper {
    transform-origin: top left;
    width: 1400px !important; /* Fixed width to maintain layout proportions */
    margin: 0 auto;
   margin-left:7% !important
}

.power-platform-wrapper {
    width: 90%;
    padding-left: 10%;
}
/* === FundamentalInvestmentSection === */
#FundamentalInvestmentSection.Banner .container-fluid {
    display: flex;
    width: 100%;
}

#FundamentalInvestmentSection.Banner .text-section {
    width: 50%;
    padding: 8% 6% 50px 10%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 30px;
}

#FundamentalInvestmentSection.Banner .headline {
    color: #170836;
    font-weight: 500;
    font-size: 44px;
    line-height: 56px;
}

#FundamentalInvestmentSection.Banner .description {
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    color: black;
}

#FundamentalInvestmentSection.Banner .read-more-btn {
    position: relative;
    overflow: hidden;
    width: 100px;
    height: 38px;
    border-radius: 27px;
    background: #B4974F;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: white;
    z-index: 1;
    transition: color 0.3s ease;
}

    #FundamentalInvestmentSection.Banner .read-more-btn::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 0%;
        background-color: #170836;
        z-index: -1;
        transition: height 0.4s ease;
        border-radius: 27px;
    }

    #FundamentalInvestmentSection.Banner .read-more-btn:hover::before {
        height: 100%;
    }

    #FundamentalInvestmentSection.Banner .read-more-btn:hover {
        color: white;
    }

    #FundamentalInvestmentSection.Banner .read-more-btn div {
        color: white;
        font-size: 10px;
        font-weight: 700;
        text-align: center;
    }

#FundamentalInvestmentSection.Banner .image-section {
    width: 50%;
    padding-right: 0;
}

    #FundamentalInvestmentSection.Banner .image-section img {
        width: 100%;
        height: auto;
        display: block;
        object-fit: cover;
    }

@media (max-width: 1200px) {
    #FundamentalInvestmentSection.Banner .container-fluid {
        display: flex;
        flex-direction: column-reverse;
        padding: 40px 5%;
    }

    #FundamentalInvestmentSection.Banner .text-section,
    #FundamentalInvestmentSection.Banner .image-section {
        width: 100%;
        padding: 0;
        margin-left: 0;
        padding-right: 0;
    }

    #FundamentalInvestmentSection.Banner .headline {
        font-size: 48px;
        line-height: 58px;
        text-align: center;
        font-weight: 600;
    }

    #FundamentalInvestmentSection.Banner .description {
        font-size: 24px;
        line-height: 36px;
        text-align: center;
    }

    #FundamentalInvestmentSection.Banner .read-more-btn {
        margin: 0 auto;
    }
}

@media (max-width: 768px) {
    #FundamentalInvestmentSection.Banner .headline {
        font-size: 42px;
        line-height: 52px;
    }

    #FundamentalInvestmentSection.Banner .description {
        font-size: 22px;
        line-height: 32px;
    }

    #FundamentalInvestmentSection.Banner .text-section {
        gap: 32px;
        padding: 30px 5%;
    }
}

@media (max-width: 576px) {
    #FundamentalInvestmentSection.Banner .headline {
        font-size: 36px;
        line-height: 48px;
    }

    #FundamentalInvestmentSection.Banner .description {
        font-size: 20px;
        line-height: 30px;
    }

    #FundamentalInvestmentSection.Banner .read-more-btn {
        width: 100px;
        height: 38px;
    }

        #FundamentalInvestmentSection.Banner .read-more-btn div {
            font-size: 10px;
        }
}

@media (max-width: 480px) {
    #FundamentalInvestmentSection.Banner .headline {
        font-size: 32px;
        line-height: 42px;
    }

    #FundamentalInvestmentSection.Banner .description {
        font-size: 18px;
        line-height: 28px;
    }

    #FundamentalInvestmentSection.Banner .text-section {
        gap: 24px;
    }
}


/* === Special Opportunities Section === */
#SpecialOpportunitiesSection.Banner .container-fluid {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    padding: 40px 5% 50px 10%;
}

/* Image Section */
#SpecialOpportunitiesSection.Banner .image-section {
    width: auto;
    flex-shrink: 0;
    margin-top: 5%;
    margin-left: -3.5%;
}

    #SpecialOpportunitiesSection.Banner .image-section img {
        width: 400px;
        height: 350px;
        display: block;
        object-fit: cover;
        border-left: 1px solid #B4974F;
    }

/* Text Section */
#SpecialOpportunitiesSection.Banner .text-section {
    margin-top: 10%;
    width: 100%;
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 16px;
}

#SpecialOpportunitiesSection .fund-label {
    font-size: 13px;
    font-weight: 500;
    color: #B4974F;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 2px solid #B4974F;
    padding-bottom: 4px;
    display: inline-block;
    width: 20%;
}

#SpecialOpportunitiesSection .headline {
    font-size: 32px;
    font-weight: 600;
    color: #170836;
    line-height: 40px;
}

#SpecialOpportunitiesSection .description {
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    color: #333;
    max-width: 580px;
}

#SpecialOpportunitiesSection .target-title {
    font-size: 24px;
    font-weight: 200;
    line-height: 32px;
    color: #170836;
    margin-bottom: 16px;
    font-family: 'Libre Franklin', sans-serif;
}

#SpecialOpportunitiesSection .target-description {
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
    color: #333;
    font-family: 'Libre Franklin', sans-serif;
}

/* Ensure this class wraps your container-fluid blocks */
.scale-wrapper {
    transform-origin: top left;
}

/* Scale progressively for different screen sizes */
@media (max-width: 1200px) {

    #KeyFiguresSection.Banner .container-fluid.key-figures-wrapper {
        margin-left: 0 !important;
        width: 100%;
    }

    #SpecialOpportunitiesSection.Banner .container-fluid {
        padding: 40px 4%;
    }

    #SpecialOpportunitiesSection {
        overflow-x: clip !important;
        height: auto;
        width: 100%;
        text-align: left !important;
    }

        #SpecialOpportunitiesSection.Banner .text-section {
            align-items: baseline !important;
        }
}

@media (max-width: 992px) {

    .scale-wrapper .container-fluid {
        flex-direction: column !important;
    }

    #SpecialOpportunitiesSection.Banner .container-fluid {
        padding: 30px 4%;
    }

    #SpecialOpportunitiesSection.Banner .image-section img {
        width: 100% !important;
    }
}

@media (max-width: 768px) {


    #SpecialOpportunitiesSection.Banner .container-fluid {
        padding: 20px 4%;
    }

    #KeyFiguresSection.Banner .container-fluid.key-figures-wrapper {
        gap: 30px;
    }
}

@media (max-width: 600px) {

    .scale-wrapper {
        width: 140%;
    }

    #SpecialOpportunitiesSection {
        overflow-x: clip !important;
        height: auto;
    }

    .power-platform-wrapper {
        width: 95% !important;
        padding-left: 0 !important;
    }

    #SpecialOpportunitiesSection .button-row {
        flex-direction: column !important;
        align-items: baseline !important;
    }

    .scale-wrapper .text-section {
        width: 70% !important;
        padding: 0 !important;
    }

    .key-figures-wrapper {
        width: 50% !important;
    }

    #KeyFiguresSection .figure-box .value {
        font-size: 32px;
        line-height: 32px;
    }

    #KeyFiguresSection .figure-box .label {
        font-size: 10px;
        line-height: 16px;
    }

    .fact-sheet {
        font-size: 14px;
    }

    .fact-sheet-icon {
        width: 16px;
    }

    .primary-button {
        width: 120px;
        height: 36px;
        font-size: 12px;
    }
}

@media (max-width: 480px) {


    #SpecialOpportunitiesSection .headline {
        font-size: 28px;
        line-height: 36px;
    }

    #SpecialOpportunitiesSection .description {
        font-size: 16px;
        line-height: 26px;
    }

    .fact-sheet {
        font-size: 13px;
    }

    .fact-sheet-icon {
        width: 14px;
    }

    .primary-button {
        width: 100px;
        height: 34px;
        font-size: 11px;
    }
}


/* Key Figures Section */
#KeyFiguresSection.Banner {
    margin-top: 60px;
    margin-bottom: 60px;
}

    #KeyFiguresSection.Banner .container-fluid.key-figures-wrapper {
        width: 80%;
        margin-left: 40%;
        margin-top: -10%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 45px;
    }

#KeyFiguresSection .section-title {
    padding: 2px 22px 10px 0;
    border-bottom: 2px #B4974F solid;
    font-size: 12px;
    font-weight: 600;
    line-height: 10px;
    font-family: 'Libre Franklin', sans-serif;
    color: #B4974F;
}

#KeyFiguresSection .figures-row {
    display: flex;
    gap: 32px;
    width: 100%;
    flex-wrap: wrap;
}

#KeyFiguresSection .figure-box {
    width: 200px;
    padding-left: 20px;
    border-left: 1px solid #B4974F;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    #KeyFiguresSection .figure-box .value {
        font-size: 40px;
        font-weight: 300;
        line-height: 40px;
        font-family: 'Libre Franklin', sans-serif;
        color: #B4974F;
    }

    #KeyFiguresSection .figure-box .label {
        font-size: 12px;
        font-weight: 600;
        line-height: 18px;
        font-family: 'Libre Franklin', sans-serif;
        color: #170836;
        max-width: 316px;
    }

/* Buttons Row */
#SpecialOpportunitiesSection .button-row {
    display: flex;
    align-items: center;
    gap: 40px;
    padding: 0% 30% 80px;
    margin-top: -5%;
}

.fact-sheet {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

    .fact-sheet span {
        color: #B4974F;
        font-size: 16px;
        font-family: 'Libre Franklin', sans-serif;
        font-weight: 700;
        line-height: 20px;
        transition: color 0.3s ease;
    }

.fact-sheet-icon {
    width: 20px;
    transition: filter 0.3s ease;
}

.fact-sheet:hover span {
    color: black;
}

.fact-sheet:hover .fact-sheet-icon {
    filter: brightness(0);
}


.primary-button {
    position: relative;
    overflow: hidden;
    width: 140px;
    height: 40px;
    border-radius: 27px;
    border: 2px solid #B4974F;
    background: transparent;
    color: black;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 1;
    font-family: 'Libre Franklin', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    transition: color 0.3s ease;
}

.formcontainer1 {
    width: 90%
}

.primary-button::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%;
    background-color: #B4974F;
    z-index: -1;
    transition: height 0.4s ease;
    border-radius: 27px;
}

.primary-button:hover::before {
    height: 100%;
}

.primary-button:hover {
    color: black;
}

/* Fact Sheet Button */
.fact-sheet {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'Libre Franklin', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #B4974F;
    cursor: pointer;
    transition: color 0.3s ease;
    position: relative;
}

    .fact-sheet:hover {
        color: #170836;
    }

    .fact-sheet .arrow-icon {
        width: 24px;
        height: 24px;
        position: relative;
        transition: transform 0.3s ease;
    }

        .fact-sheet .arrow-icon .line {
            width: 19px;
            height: 5px;
            position: absolute;
            top: 15px;
            left: 2px;
            border-radius: 2px;
            border: 2px solid #B4974F;
            transition: border-color 0.3s ease;
        }

        .fact-sheet .arrow-icon .arrow-head {
            width: 9px;
            height: 7px;
            background: #B4974F;
            transform: rotate(-180deg);
            position: absolute;
            top: 11px;
            left: 16px;
            transition: background 0.3s ease, top 0.3s ease;
        }

    .fact-sheet:hover .arrow-icon .line {
        border-color: #170836;
    }

    .fact-sheet:hover .arrow-icon .arrow-head {
        background: #170836;
        top: 16px;
    }

/* Responsive Scaling */
.scale-wrapper {
    transform-origin: top left;
}

@media (max-width: 1200px) {

    #SpecialOpportunitiesSection .button-row {
        padding: 5% !important;
    }
}

@media (max-width: 992px) {
}

@media (max-width: 768px) {
}

@media (max-width: 600px) {
}

@media (max-width: 480px) {


    .fact-sheet {
        font-size: 14px;
    }

        .fact-sheet .arrow-icon {
            width: 20px;
            height: 20px;
        }

            .fact-sheet .arrow-icon .line {
                width: 16px;
                height: 4px;
                top: 14px;
            }

            .fact-sheet .arrow-icon .arrow-head {
                width: 7px;
                height: 6px;
                top: 14px;
            }
}

/* Modal Styles - Optimized for No Scroll */
.modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    justify-content: center;
    align-items: flex-start;
    overflow-y: hidden;
    padding: 20px;
}

.modal-content {
    background-color: #ffffff;
    width: 70%;
    height: 95vh;
    padding: 20px;
    border-radius: 8px;
    position: relative;
    font-family: 'Libre Franklin', sans-serif;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.3);
    color: #333333;
    overflow-y: auto;
    transform: translateY(-100%);
    opacity: 0;
    transition: transform 0.5s ease-out, opacity 0.3s ease;
    box-sizing: border-box;
    flex-direction: column;
    align-items: flex-start;
}

.modal-overlay.show .modal-content {
    transform: translateY(0);
    opacity: 1;
}

.modal-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    border-bottom: none;
}

    .modal-header h2 {
        font-size: 30px;
        margin-bottom: 6px;
        font-family: 'Libre Franklin', sans-serif;
    }

    .modal-header p {
        font-size: 16px;
        margin-bottom: 16px;
        font-family: 'Libre Franklin', sans-serif;
        line-height: 1.5;
    }


.modal-image {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    max-width: 100%;
    height: 15%;
}

.submit-btn {
    display: block;
    width: auto;
    margin-top: 0;
    background-color: #B4974F;
    color: white;
    border: none;
    padding: 8px 20px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 30px;
    cursor: pointer;
    transition: background-color 0.3s;
    margin-top: 0;
}

    .submit-btn:hover {
        background-color: #9a7f3f;
    }

.close-btn {
    position: absolute;
    top: 12px;
    right: 12px;
    background: #B4974F;
    color: white;
    border: none;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    font-size: 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}



/* Responsive Adjustments */
@media (max-width: 768px) {
    .modal-content {
        padding: 25px;
        width: 95%;
        height: 85vh;
    }

    .modal-header h2 {
        font-size: 14px;
    }

    .form-row {
        flex-direction: column;
        gap: 10px;
    }
}


@media (max-width: 1200px) {
    #RealValueSection.Banner .container-fluid,
    #SustainabilitySection.Banner .container-fluid {
        flex-direction: column-reverse;
        padding: 40px 5%;
    }

    #RealValueSection.Banner .text-section,
    #RealValueSection.Banner .image-section,
    #SustainabilitySection.Banner .text-section,
    #SustainabilitySection.Banner .image-section {
        width: 100%;
        padding: 0;
        margin-left: 0;
        padding-right: 0;
    }

    #RealValueSection.Banner .headline,
    #SustainabilitySection.Banner .headline {
        font-size: 48px;
        line-height: 58px;
        text-align: center;
        font-weight: 600;
    }

    #RealValueSection.Banner .description,
    #SustainabilitySection.Banner .description {
        font-size: 24px;
        line-height: 36px;
        text-align: center;
    }

    #RealValueSection.Banner .read-more-btn {
        margin: 0 auto;
    }
}

@media (max-width: 768px) {
    #RealValueSection.Banner .headline,
    #SustainabilitySection.Banner .headline {
        font-size: 42px;
        line-height: 52px;
    }

    #RealValueSection.Banner .description,
    #SustainabilitySection.Banner .description {
        font-size: 22px;
        line-height: 32px;
    }

    #RealValueSection.Banner .text-section,
    #SustainabilitySection.Banner .text-section {
        gap: 32px;
        padding: 30px 5%;
    }
}

@media (max-width: 576px) {
    #RealValueSection.Banner .headline,
    #SustainabilitySection.Banner .headline {
        font-size: 36px;
        line-height: 48px;
    }

    #SpecialOpportunitiesSection .fund-label {
        width: auto !important
    }

    #RealValueSection.Banner .description,
    #SustainabilitySection.Banner .description {
        font-size: 20px;
        line-height: 30px;
    }

    #RealValueSection.Banner .read-more-btn {
        width: 100px;
        height: 38px;
    }

        #RealValueSection.Banner .read-more-btn div {
            font-size: 10px;
        }
}

@media (max-width: 480px) {
    #RealValueSection.Banner .headline,
    #SustainabilitySection.Banner .headline {
        font-size: 32px;
        line-height: 42px;
    }

    #RealValueSection.Banner .description,
    #SustainabilitySection.Banner .description {
        font-size: 18px;
        line-height: 28px;
    }

    #RealValueSection.Banner .text-section,
    #SustainabilitySection.Banner .text-section {
        gap: 24px;
    }
}


@media (max-width: 600px) {

    .scale-wrapper {
        width: 140%;
    }

    .power-platform-wrapper {
        width: 95% !important;
        padding-left: 0 !important;
    }

    #SpecialOpportunitiesSection .button-row {
        flex-direction: column !important;
        align-items: baseline !important;
    }

    .scale-wrapper .text-section {
        width: 70% !important;
        padding: 0 !important;
    }

    .key-figures-wrapper {
        width: 50% !important;
    }

    #KeyFiguresSection .figure-box .value {
        font-size: 32px;
        line-height: 32px;
    }

    #KeyFiguresSection .figure-box .label {
        font-size: 10px;
        line-height: 16px;
    }

    .fact-sheet {
        font-size: 14px;
    }

    .fact-sheet-icon {
        width: 16px;
    }

    .primary-button {
        width: 120px;
        height: 36px;
        font-size: 12px;
    }
}

body {
    margin: 0;
    font-family: 'Libre Franklin', sans-serif;
    color: white;
    overflow-x: clip !important;
}

#SpecialOpportunitiesSection {
    overflow-x: clip !important;
    height: auto;
}


/*New R.Css*/

********* Template CSS *********

.back-to-top {
    position: fixed;
    display: none;
    right: 30px;
    bottom: 30px;
    z-index: 99;
}

.fw-medium {
    font-weight: 600;
}

.mt-6 {
    margin-top: 5rem;
}

.mb-6 {
    margin-bottom: 1rem;
}

.pt-6 {
    padding-top: 5rem;
}

.pb-6 {
    padding-bottom: 5rem;
}


/*** Spinner ***/
#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

    #spinner.show {
        transition: opacity .5s ease-out, visibility 0s linear 0s;
        visibility: visible;
        opacity: 1;
    }

/*** Spinner ***/
#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease-out, visibility 0s linear 0.5s;
    z-index: 99999;
    overflow: hidden;
}

    #spinner.show {
        transition: opacity 0.5s ease-out, visibility 0s linear 0s;
        visibility: visible;
        opacity: 1;
    }

    #spinner .spinner-border {
        width: 3rem;
        height: 3rem;
    }

/* Tablet screens */
@media (max-width: 768px) {
    #spinner .spinner-border {
        width: 2.5rem;
        height: 2.5rem;
    }
}

/* Mobile */
@media (max-width: 576px) {
    #spinner .spinner-border {
        width: 2rem;
        height: 2rem;
    }
}

/* Extra small */
@media (max-width: 400px) {
    #spinner .spinner-border {
        width: 1.5rem;
        height: 1.5rem;
    }
}

/* Prevent scrollbars from being triggered */
body:has(#spinner.show) {
    overflow: hidden;
}


/*** Button ***/
.btn {
    transition: .5s;
    font-weight: 600;
    font-size: 11px;
    border-radius: 20px;
    color: #B4974F;
}

.btn-primary,
.btn-outline-primary:hover {
    color: var(--bs-light);
}

.btn-secondary,
.btn-outline-secondary:hover {
    color: var(--bs-dark);
}

.btn-square {
    width: 38px;
    height: 38px;
}

.btn-sm-square {
    width: 32px;
    height: 32px;
}

.btn-lg-square {
    width: 48px;
    height: 48px;
}

.btn-xl-square {
    width: 60px;
    height: 60px;
}

.btn-xxl-square {
    width: 75px;
    height: 75px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square,
.btn-xl-square,
.btn-xxl-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
}

/*** Navbar ***/
.sticky-top {
    top: -100px;
    transition: .5s;
    border-bottom: 1px solid #B4974F;
}

.navbar .navbar-nav .nav-link {
    margin-right: 38px;
    padding: 25px 0;
    font-family: 'Libre Franklin';
    font-weight: 600;
    outline: none;
    color: #170836;
    font-size: 13px;
    /* gold */

    font-weight: 700;
}
#RealValueSection,
#OurValuesSection,
#WhatWeDoSection,
#LeadershipTeamSection,
#TrustedPartnersSection,
#GovernanceSection,
#InvestBanner,
#InvestBanner2,
#our-focus,
#Advantages,
#Featured-Products,
#SpecialOpportunitiesSection,
#special2 {
    scroll-margin-top: 80px;
}
    .navbar .navbar-nav .nav-link:hover,
    .navbar .navbar-nav .nav-link.active {
        color: #B4974F;
    }

.navbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    vertical-align: middle;
    margin-left: 8px;
}

.navbar-brand img {
    width: 80%;
}

.navbar-brand {
    margin-right: 12%;
}

@media (max-width: 991.98px) {
    .navbar .navbar-nav .nav-link {
        margin-right: 0;
        padding: 10px 0;
    }

    .navbar .navbar-nav {
        margin-top: 15px;
        border-top: 1px solid #EEEEEE;
    }
}

@media (max-width: 1025px) {
    .navbar-brand {
        margin-right: 0;
    }

    .navbar .navbar-nav {
        margin-top: 15px;
        border-top: 1px solid #EEEEEE;
    }
}

@media (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: block;
        border: none;
        margin-top: 0;
        top: 150%;
        opacity: 0;
        visibility: hidden;
        transition: .5s;
    }

    .navbar .nav-item:hover .dropdown-menu {
        top: 100%;
        visibility: visible;
        transition: .5s;
        opacity: 1;
    }
}

.hero-section {
    width: 100%;
    height: 82vh;
    position: relative;
    overflow: hidden;
    background-image: url('/img/Banner.jpg');
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

    .hero-section .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        /* background: rgba(241, 211, 161, 0.493); Gray overlay (black with 40% opacity) */
    }

.spotlight-badge {
    position: absolute;
    top: 31%;
    left: 14%;
    background: white;
    padding: 12px 22px;
    color: #B4974F;
    font-size: 18px;
    font-weight: 600;
}

.content-box {
    position: absolute;
    top: 40%;
    left: 14%;
    max-width: 90%;
    width: 35%;
    background: rgba(255, 255, 255, 0.60);
    backdrop-filter: blur(4px);
    padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.title {
    color: #170836;
    font-size: 45px;
    font-weight: 500;
    line-height: 1.1;
}

.read-more-button {
    width: 120px;
    height: 45px;
    border-radius: 27px;
    background: #B4974F;
    color: white;
    font-size: 13px;
    font-weight: 700;
    border: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: linear-gradient(to bottom, #B4974F 50%, #170836 50%);
    background-size: 100% 200%;
    background-position: top;
    border: none;
    cursor: pointer;
    transition: background-position 0.4s ease;
}


.dots {
    position: absolute;
    bottom: 5%;
    right: 3%;
    display: flex;
    gap: 20px;
    align-items: center;
}

.dot {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    background: white;
}

.dot-outline {
    border: 2px solid white;
    background: transparent;
}

@media (max-width: 992px) {
    .title {
        font-size: 2.25rem;
    }

    .content-box {
        width: 90%;
        padding: 30px;
    }

    .spotlight-badge {
        font-size: 16px;
        padding: 10px 18px;
    }
}

@media (max-width: 600px) {
    .title {
        font-size: 1.75rem;
        line-height: 1.3;
    }

    .read-more-button {
        width: 120px;
        height: 48px;
        font-size: 14px;
    }

    .content-box, .spotlight-badge {
        left: 2%
    }

    .dots {
        bottom: 20px;
        right: 20px;
        gap: 10px;
    }

    .dot {
        width: 16px;
        height: 16px;
    }
}

/*** Header ***/
.carousel .carousel-caption {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    text-align: left;
    background: rgba(0, 0, 0, .7);
    padding: 3rem;
    padding-left: 11rem;
    z-index: 1;
}

.carousel .carousel-indicators {
    top: 0;
    bottom: 0;
    left: 0;
    right: auto;
    width: 80px;
    flex-direction: column;
    margin: 0;
    margin-left: 3rem;
}

    .carousel .carousel-indicators [data-bs-target] {
        width: 70px;
        height: 70px;
        text-indent: 0;
        margin: 5px 0;
        border: 2px solid #FFFFFF;
        overflow: hidden;
    }

        .carousel .carousel-indicators [data-bs-target] img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

@media (max-width: 992px) {
    .carousel .carousel-item {
        position: relative;
        min-height: 600px;
    }

        .carousel .carousel-item img {
            position: absolute;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .carousel .carousel-indicators [data-bs-target] {
        width: 60px;
        height: 60px;
    }

    .carousel .carousel-caption {
        padding-left: 10rem;
    }
}

@media (max-width: 768px) {
    .carousel .carousel-item {
        min-height: 500px;
    }

    .carousel .carousel-indicators [data-bs-target] {
        width: 50px;
        height: 50px;
    }

    .carousel .carousel-caption {
        padding-left: 9rem;
    }
}

@media (min-width: 1200px) {
    .carousel .carousel-item .display-1 {
        font-size: 7rem;
    }
}

.page-header {
    background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), url(../img/carousel-1.jpg) center center no-repeat;
    background-size: cover;
}

/*** Home Page ***/

#WhatWedo .container {
    width: 100%;
    height: 100%;
    padding: 40px 5% 80px 5%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    box-sizing: border-box;
}

#WhatWedo .section-heading,
#WhatWedo .section-content {
    width: 100%;
    max-width: 704px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 30px;
}

#WhatWedo .title-bar {
    padding: 12px 2px;
    background: white;
    border-bottom: 2px solid #B4974F;
    display: flex;
    justify-content: center;
    align-items: center;
}

    #WhatWedo .title-bar div {
        color: #B4974F;
        font-size: 16px;
        font-weight: 600;
    }

#WhatWedo .main-title {
    font-size: 35px;
    font-weight: 500;
    line-height: 54px;
    color: black;
}

#WhatWedo .content-list {
    align-self: stretch;
    padding-left: 20px;
    border-left: 1px solid #B4974F;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 25%;
}

#WhatWedo .content-item {
    font-size: 18px;
    font-weight: lighter;
    line-height: 20px;
    color: black;
}

#WhatWedo .button-container {
    width: 130px;
    height: 45px;
    position: relative;
    overflow: hidden;
    border-radius: 27px;
    outline: 2px solid #B4974F;
    outline-offset: -2px;
    background-color: white;
    font-size: 13px;
    font-weight: 600;
    color: #170836;
}







/* Responsive adjustments */
@media (max-width: 1024px) {
    #WhatWedo .container {
        padding: 20px;
    }
}

@media (max-width: 821px) {
    #WhatWedo .container {
        padding: 40px 20px 60px 20px;
        flex-direction: column;
    }

    #WhatWedo .content-list {
        margin-top: 5%;
    }

    #WhatWedo .main-title {
        font-size: 32px;
        line-height: 40px;
    }

    #WhatWedo.content-item {
        font-size: 20px;
        line-height: 28px;
    }
}

@media (max-width: 480px) {
    #WhatWedo .main-title {
        font-size: 24px;
        line-height: 32px;
    }

    #WhatWedo .content-item {
        font-size: 18px;
        line-height: 26px;
    }

    #WhatWedo.button-container {
        width: 100%;
    }
}

body {
    margin: 0;
    font-family: 'Libre Franklin', sans-serif;
    color: white;
}

.Investoment-philosphy {
    display: flex;
    justify-content: center;
}

    .Investoment-philosphy .investment-section {
        width: 80%;
        padding: 60px;
        background: #170836;
        border-radius: 4px;
        display: flex;
        flex-direction: column;
        gap: 70px;
    }

    .Investoment-philosphy .investment-heading {
        max-width: 80%;
        width: 55%;
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    .Investoment-philosphy .heading-title, .heading-title {
        padding: 12px 2px;
        text-decoration: underline;
        text-decoration-thickness: 2px;
        text-underline-offset: 10px;
        color: #B4974F;
        font-size: 17px;
        font-weight: 600;
        line-height: 20px;
    }

    .Investoment-philosphy .heading-description {
        font-size: 44px;
        font-weight: 500;
        line-height: 50px;
    }

    .Investoment-philosphy .investment-cards {
        display: flex;
        justify-content: end;
        flex-wrap: wrap;
        gap: 32px;
        padding-left: 0;
    }

    .Investoment-philosphy .investment-card {
        width: 24%;
        height: 250px;
        padding: 20px 0;
        border-top: 1px solid #B4974F;
        display: flex;
        flex-direction: column;
        gap: 40px;
        transition: border-top 0.3s ease;
        position: relative;
    }

        .Investoment-philosphy .investment-card:hover {
            border-top: 6px solid #B4974F;
        }

    .Investoment-philosphy .card-content {
        position: relative;
        height: 126px;
        overflow: hidden;
    }

    .Investoment-philosphy .card-title {
        font-size: 32px;
        font-weight: 300;
        line-height: 42px;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        transition: opacity 0.3s ease, transform 0.3s ease;
    }

    .Investoment-philosphy .investment-card:hover .card-title {
        opacity: 0;
        transform: translateX(30px);
    }

    .Investoment-philosphy .card-description {
        font-size: 17px;
        font-weight: 400;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        opacity: 0;
        transform: translateX(-30px);
        transition: opacity 0.6s ease, transform 0.6s ease;
    }

    .Investoment-philosphy .investment-card:hover .card-description {
        opacity: 1;
        transform: translateX(0);
    }

    .Investoment-philosphy .caret-container {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        font-size: 16px;
        color: #B4974F;
    }

    .Investoment-philosphy .read-more {
        opacity: 0;
        transform: translateX(-10px);
        transition: opacity 0.4s ease, transform 0.4s ease;
    }

    .Investoment-philosphy .investment-card:hover .read-more {
        opacity: 1;
        transform: translateX(0);
    }

    .Investoment-philosphy .caret {
        width: 0;
        height: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 18px solid #B4974F;
    }

/* Existing styles above remain unchanged */

/* Responsive Only */
@media (max-width: 1280px) {
    .Investoment-philosphy .investment-heading {
        width: 80%;
        margin-left: 2%;
        height: auto;
    }
}

@media (max-width: 1024px) {
    .Investoment-philosphy .investment-section {
        padding: 30px 20px;
        width: 90%;
    }

    .Investoment-philosphy .investment-heading {
        width: 80%;
        margin-left: 10%;
    }

    .Investoment-philosphy .investment-card {
        width: 45%;
    }

    .Investoment-philosphy .heading-description {
        font-size: 36px;
        line-height: 42px;
    }

    .Investoment-philosphy .card-title {
        font-size: 28px;
        line-height: 38px;
        margin-bottom: 5%;
    }
}

@media (max-width: 950px) {
    .Investoment-philosphy .investment-section {
        padding: 30px 15px;
        width: 100%;
        text-align: center;
        max-width: 100%;
        ;
    }

    .Investoment-philosphy .investment-heading {
        width: 100%;
        margin: 0;
        text-align: center;
        max-width: 100%;
    }

    .Investoment-philosphy .heading-title {
        width: 100%;
        margin: 0 auto;
    }

    .Investoment-philosphy .heading-description {
        font-size: 28px;
        line-height: 36px;
        text-align: center;
    }

    .Investoment-philosphy .investment-cards {
        flex-direction: column;
        align-items: center;
    }

    .Investoment-philosphy .investment-card {
        width: 100%;
        height: auto;
    }

    .Investoment-philosphy .card-content {
        height: auto;
    }

    .Investoment-philosphy .card-title {
        font-size: 24px !important;
        line-height: 32px !important;
        position: relative;
        opacity: 1 !important;
        transform: none !important;
        text-align: center;
    }

    .Investoment-philosphy .card-description {
        position: relative;
        top: auto;
        left: auto;
        opacity: 1;
        transform: none;
        font-size: 18px;
        text-align: center;
    }

    .Investoment-philosphy .read-more {
        opacity: 1 !important;
        transform: none !important;
    }

    .Investoment-philosphy .caret-container {
        justify-content: center;
    }
}

.products {
    margin-top: 3%;
}

.item-con {
    height: 200px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.item-content {
    display: flex;
    flex-direction: column;
    gap: 0px;
    text-align: left;
    padding: 10px 20px 5px 0;
}

.item-heading {
    font-size: 25px;
    font-weight: 200;
    color: black;
}

.item-body {
    color: black;
    font-weight: 200;
    font-size: 12px
}

.more-info {
    font-size: 14px;
    font-weight: 200;
    border-radius: 24px;
    height: 40px;
    width: 100px;
    margin-top: 2%;
    border: none;
    border: 1px solid #B4974F;
    background: linear-gradient(to bottom, #FFFFFF 50%, #B4974F 50%);
    background-size: 100% 200%;
    background-position: top;
    cursor: pointer;
    transition: background-position 0.4s ease;
}
.investment-cards2 .investment-card:hover {
    border-top: none;
}
/*--------------------------------------------------------------
# Global Footer
--------------------------------------------------------------*/
.footer {
    color: var(--default-color);
    background-color: #170836;
    font-size: 14px;
    position: relative;
}

.footer-padding {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.footer .footer-top {
    padding-top: 80px;
    border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}

.footer .footer-about .logo {
    line-height: 1;
    margin-bottom: 15px;
}

    .footer .footer-about .logo img {
        max-height: 100px;
        max-width: 100%;
        height: auto;
        width: 100%;
        margin-top: -7vh;
    }

.footer .footer-about p {
    font-size: 12px;
    color: #B4974F;
    margin-left: 0;
    text-align: right;
}

.footer .social-links a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    font-size: 18px;
    color: #ffffff;
    transition: 0.3s;
}

    .footer .social-links a:hover {
        color: var(--accent-color);
        border-color: var(--accent-color);
    }

.footer h4 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    color: white;
}

.footer .footer-links {
    margin-bottom: 30px;
}

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

        .footer .footer-links ul li {
            padding: 5px 0;
        }

        .footer .footer-links ul a {
            color: #B4974F;
            display: inline-block;
            font-size: 14px;
            font-weight: 200;
        }

            .footer .footer-links ul a:hover {
                color: white;
            }


.footer .credits {
    margin-top: 6px;
    font-size: 13px;
    color: #B4974F;
}

.footer .copyright2 p,
.footer .copyright2 a {
    font-size: 12px;
    color: #B4974F
}

.footer .copyright2 .row {
    flex-wrap: nowrap;
    display: flex;
}

.footer .copyright2 .d-flex {
    white-space: nowrap;
}

.footer .footer-about .d-flex {
    justify-content: end;
}
/* Responsive adjustments */
@media (max-width: 1024px) {
    .footer .footer-links, .footer .footer-about {
        text-align: center;
    }

    .footer .social-links {
        justify-content: center;
    }

    .footer .footer-about p {
        text-align: center
    }

    .footer .copyright2 .row {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .footer .copyright2 p,
    .footer .copyright2 a {
        margin-left: 0 !important;
        margin-right: 0 !important;
        text-align: center;
    }

    .footer .copyright2 .d-flex {
        flex-direction: column;
        align-items: center;
        gap: 8px;
        margin-right: 0;
    }

    .footer .logo {
        justify-content: center;
    }
}


.footer h4 {
    font-size: 14px;
    font-weight: 400
}

@media (max-width: 900px) {
    .footer-padding {
        width: 100%
    }

    .footer .footer-about .d-flex {
        justify-content: center;
    }

    .footer .footer-about .logo img {
        max-width: 50%;
        max-width: 40%;
        margin-top: 0;
        height: auto;
        max-height: 120px;
    }
}

.about-img {
    position: relative;
    padding-left: 45px;
}

    .about-img::before {
        position: absolute;
        content: "";
        width: 200px;
        height: 300px;
        top: 0;
        left: 0;
        border: 5px solid var(--bs-primary);
        animation: animateUpDown 3s ease-in-out infinite;
        z-index: -1;
    }

@keyframes animateUpDown {
    0% {
        top: -25px;
    }

    50% {
        top: -45px;
    }

    100% {
        top: -25px;
    }
}


/*** Features ***/
.feature {
    background: linear-gradient(to right, rgba(0, 0, 0, .1), rgba(0, 0, 0, 1) 50%), url(../img/carousel-1.jpg) left center no-repeat;
    background-size: cover;
}

.feature-row {
    box-shadow: 0 0 45px rgba(0, 0, 0, .08);
}

.feature-item {
    border-color: rgba(0, 0, 0, .03) !important;
}

.feature-icon {
    position: relative;
    transition: .5s;
}

.feature-item:hover .feature-icon {
    margin-left: 3rem;
}

.feature-item a::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: var(--bs-secondary);
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: -1;
}

.feature-item a:hover {
    color: var(--bs-primary) !important;
}

    .feature-item a:hover::after {
        background: var(--bs-primary);
    }

.experience .progress {
    height: 5px;
}

    .experience .progress .progress-bar {
        width: 0px;
        transition: 3s;
    }


/*** Service ***/
.service .service-item {
    position: relative;
    margin-top: 45px;
}

.service .service-inner {
    position: relative;
    height: 100%;
    margin-top: 45px;
    background: var(--bs-white);
    box-shadow: 0 0 45px rgba(0, 0, 0, .05);
}

    .service .service-inner::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 0;
        left: 0;
        bottom: 0;
        transition: 1s;
        background: var(--bs-primary);
    }

    .service .service-inner:hover::before {
        height: 100%;
        top: 0;
    }

.service .service-item img {
    margin-top: -45px;
    padding-left: 45px;
}

.service .service-item * {
    position: relative;
    transition: .5s;
    z-index: 1;
}

.service .service-item:hover h5,
.service .service-item:hover p {
    color: var(--bs-white);
}

.service .service-item:hover a {
    padding-left: 45px !important;
}


/*** Appoinment ***/
.appoinment {
    background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), url(../img/carousel-2.jpg) left center no-repeat;
    background-size: cover;
}


/*** Team ***/
.team .team-item {
    background: var(--bs-white);
    box-shadow: 0 0 45px rgba(0, 0, 0, .05);
}

    .team .team-item .team-social {
        position: absolute;
        width: 0;
        height: 100%;
        top: 0;
        right: 0;
        transition: .5s;
        background: var(--bs-primary);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .team .team-item:hover .team-social {
        width: 100%;
        left: 0;
    }

    .team .team-item .team-social .btn {
        opacity: 0;
        transition: .5s;
    }

    .team .team-item:hover .team-social .btn {
        opacity: 1;
    }


/*** Testimonial ***/
.testimonial-img {
    position: relative;
    min-height: 400px;
    overflow: hidden;
}

    .testimonial-img div {
        position: absolute;
        width: 100px;
        height: 100px;
        animation-duration: 5s;
    }

        .testimonial-img div:nth-child(1) {
            top: 10%;
            left: 10%;
            animation-delay: .1s;
        }

        .testimonial-img div:nth-child(2) {
            top: 60%;
            left: 20%;
            animation-delay: .4s;
        }

        .testimonial-img div:nth-child(3) {
            top: 20%;
            left: 60%;
            animation-delay: .7s;
        }

        .testimonial-img div:nth-child(4) {
            bottom: 10%;
            right: 10%;
            animation-delay: 1s;
        }

        .testimonial-img div::after {
            position: absolute;
            content: "";
            top: -1px;
            right: -1px;
            bottom: -1px;
            left: -1px;
            box-shadow: 0 0 10px 10px var(--bs-white) inset;
            z-index: 1;
        }

.testimonial-carousel .owl-item img {
    width: 100px;
    height: 100px;
}

.testimonial-carousel .owl-nav {
    margin-top: 15px;
    display: flex;
}

    .testimonial-carousel .owl-nav .owl-prev,
    .testimonial-carousel .owl-nav .owl-next {
        margin-right: 15px;
        color: var(--bs-primary);
        font-size: 45px;
        transition: .5s;
    }

        .testimonial-carousel .owl-nav .owl-prev:hover,
        .testimonial-carousel .owl-nav .owl-next:hover {
            color: var(--bs-dark);
        }


/*** Contact ***/
@media (min-width: 992px) {
    .contact-info::after {
        position: absolute;
        content: "";
        width: 0px;
        height: 100%;
        top: 0;
        left: 50%;
        border-left: 1px dashed rgba(255, 255, 255, .2);
    }
}

@media (max-width: 991.98px) {
    .contact-info::after {
        position: absolute;
        content: "";
        width: 100%;
        height: 0px;
        top: 50%;
        left: 0;
        border-top: 1px dashed rgba(255, 255, 255, .2);
    }
}


/*** Appoinment ***/
.newsletter {
    background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), url(../img/carousel-3.jpg) left center no-repeat;
    background-size: cover;
}


/*** Footer ***/
.footer .btn.btn-link {
    display: block;
    margin-bottom: 5px;
    padding: 0;
    text-align: left;
    color: var(--bs-secondary);
    font-weight: normal;
    text-transform: capitalize;
    transition: .3s;
}

    .footer .btn.btn-link::before {
        position: relative;
        content: "\f105";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        color: var(--bs-primary);
        margin-right: 10px;
    }

    .footer .btn.btn-link:hover {
        color: var(--bs-primary);
        letter-spacing: 1px;
        box-shadow: none;
    }



.copyright a {
    color: var(--bs-white);
}

    .copyright a:hover {
        color: var(--bs-primary);
    }

.btn-client {
    background: linear-gradient(to bottom, #B4974F 50%, #170836 50%);
    background-size: 100% 200%;
    background-position: top;
    border: none;
    cursor: pointer;
    transition: background-position 0.4s ease;
}

.find-out-more {
    background: linear-gradient(to bottom, #FFFFFF 50%, #B4974F 50%);
    background-size: 100% 200%;
    background-position: top;
    border: none;
    cursor: pointer;
    transition: background-position 0.4s ease;
}

    .btn-client:hover, .read-more-button:hover, .find-out-more:hover, .more-info:hover {
        background-position: bottom;
        color:white!important
    }
#WhatWeDoSection .what-we-do-btn:hover {
    background-position: bottom;
    
}
/* About 3514 Overview
/* Shared font import */
@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@300;500;700&display=swap');

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Libre Franklin', sans-serif;
    overflow-x: hidden;
}

/* === Scale Wrapper === */
.scale-wrapper {
    transform-origin: top left;
    width: 1200px; /* Fixed width to maintain layout proportions */
    margin: 0 auto;
}

/* === RealValueSection === */
#RealValueSection.Banner .container-fluid {
    display: flex;
    width: 100%;
}

#RealValueSection.Banner .text-section {
    width: 50%;
    padding: 8% 10% 50px 10%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 30px;
}

#RealValueSection.Banner .headline {
    color: #170836;
    font-weight: 500;
    font-size: 50px;
    line-height: 58px;
}

#RealValueSection.Banner .description {
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    color: black;
}

#RealValueSection.Banner .read-more-btn {
    position: relative;
    overflow: hidden;
    width: 100px;
    height: 38px;
    border-radius: 27px;
    background: #B4974F;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: white;
    z-index: 1;
    transition: color 0.3s ease;
}

    #RealValueSection.Banner .read-more-btn::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 0%;
        background-color: #170836;
        z-index: -1;
        transition: height 0.4s ease;
        border-radius: 27px;
    }

    #RealValueSection.Banner .read-more-btn:hover::before {
        height: 100%;
    }

    #RealValueSection.Banner .read-more-btn:hover {
        color: white;
    }

    #RealValueSection.Banner .read-more-btn div {
        color: white;
        font-size: 10px;
        font-weight: 700;
        text-align: center;
    }

#RealValueSection.Banner .image-section {
    width: 50%;
}

    #RealValueSection.Banner .image-section img {
        width: 100%;
        height: auto;
        display: block;
        object-fit: cover;
        aspect-ratio: 15 / 12;
    }



/* === SustainabilitySection === */
#SustainabilitySection.Banner .container-fluid {
    margin-top: 2%;
    display: flex;
    width: 100%;
    padding: 40px 5% 50px 10%;
}

#SustainabilitySection.Banner .text-section {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 40px;
    margin-left: 5%;
}

#SustainabilitySection.Banner .headline {
    color: #170836;
    font-weight: 400;
    font-size: 48px;
    line-height: 52px;
}

#SustainabilitySection.Banner .description {
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    color: black;
}

#SustainabilitySection.Banner .image-section {
    width: 50%;
    padding-right: 0;
}

    #SustainabilitySection.Banner .image-section img {
        width: 100%;
        height: auto;
        display: block;
        object-fit: cover;
        aspect-ratio: 16 / 9;
    }

/* === Scaling on Smaller Screens === */
/* === Scaling on Smaller Screens (More Compact) === */
@media (max-width: 1200px) {
    .scale-wrapper {
        transform: scale(0.8);
    }
}

@media (max-width: 992px) {
    .scale-wrapper {
        transform: scale(0.65);
    }
}

@media (max-width: 768px) {
    .scale-wrapper {
        transform: scale(0.55);
    }
}

@media (max-width: 600px) {
    .scale-wrapper {
        transform: scale(0.45);
    }
}

@media (max-width: 480px) {
    .scale-wrapper {
        transform: scale(0.4);
    }
}


/* === OurValuesSection === */
#OurValuesSection.Banner {
    background: #170836;
    padding: 4%; /* reduced again */
    border-radius: 4px;
    margin: 0 10% 0 10%;
    color: white;
    font-family: 'Libre Franklin', sans-serif;
}

#OurValuesSection .container-fluid {
    display: flex;
    flex-direction: column;
    gap: 50px; /* reduced again */
}

#OurValuesSection .values-header {
    display: flex;
    flex-direction: column;
    gap: 25px; /* reduced */
    max-width: 704px;
}

#OurValuesSection .section-title {
    color: #B4974F;
    font-size: 14px; /* reduced again */
    font-weight: 600;
    border-bottom: 2px solid #B4974F;
    padding: 6px 12px 6px 0; /* smaller padding */
    width: fit-content;
}

#OurValuesSection .section-headline {
    font-size: 40px; /* reduced again */
    line-height: 30px;
    font-weight: 500;
}

#OurValuesSection .values-columns {
    display: flex;
    justify-content: flex-end;
    gap: 50px; /* reduced */
    flex-wrap: wrap;
    padding-left: 100px; /* much tighter */
    font-family: 'Libre Franklin', sans-serif;
}

#OurValuesSection .value-box {
    width: 26%; /* reduced */
    border-top: 1px solid #B4974F;
    padding-top: 10px; /* reduced */
    display: flex;
    flex-direction: column;
    gap: 25px; /* reduced */
    font-family: 'Libre Franklin', sans-serif;
}

#OurValuesSection .value-title {
    font-size: 24px; /* reduced */
    line-height: 26px;
    font-weight: 300;
    color: white;
    font-family: 'Libre Franklin', sans-serif;
}

#OurValuesSection .value-description {
    font-size: 14px; /* reduced */
    line-height: 18px;
    font-weight: 200;
    color: white;
    font-family: 'Libre Franklin', sans-serif;
}


/* === Responsive for OurValuesSection === */

@media (max-width: 1200px) {
    #OurValuesSection .values-columns {
        padding-left: 0;
        justify-content: center;
    }

    #OurValuesSection .section-headline {
        font-size: 20px;
        line-height: 26px;
        text-align: center;
    }

    #OurValuesSection .section-title {
        margin: 0 auto;
    }

    #OurValuesSection .values-header {
        align-items: center;
        text-align: center;
    }
}

@media (max-width: 768px) {
    #OurValuesSection .section-headline {
        font-size: 18px;
        line-height: 24px;
    }

    #OurValuesSection .value-box {
        width: 100%;
        max-width: 100%;
    }

    #OurValuesSection .values-columns {
        flex-direction: column;
        align-items: center;
        gap: 24px;
    }
}

/* === WhatWeDoSection === */

#WhatWeDoSection.Banner {
    padding: 5% 10%;
    color: black;
    background: #fff;
    font-family: 'Libre Franklin', sans-serif;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

#WhatWeDoSection .header-section {
    max-width: 704px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

#WhatWeDoSection .section-title {
    color: #B4974F;
    font-size: 12px;
    font-weight: 600;
    border-bottom: 2px solid #B4974F;
    padding-bottom: 8px;
    width: fit-content;
}

#WhatWeDoSection .section-headline {
    font-size: 43px;
    line-height: 48px;
    font-weight: 400;
    margin-bottom: 5%;
}

#WhatWeDoSection .cards-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-end;
}

#WhatWeDoSection .card-box {
    width: calc(38% - 10px);
    border-top: 1px solid #B4974F;
    padding-top: 8px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    column-gap: 5%;
}

#WhatWeDoSection .card-title {
    font-size: 28px;
    font-weight: 300;
    line-height: 30px;
}

#WhatWeDoSection .card-description {
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
    color: black;
}


#WhatWeDoSection .summary-text {
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    color: #21272A;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-top: 3%;
}

/* 
#WhatWeDoSection .what-we-do-btn {
  width: 100px;
  height: 34px;
  border-radius: 27px;
  border: 2px solid #B4974F;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
} */
/*#WhatWeDoSection .what-we-do-btn {
    position: relative;
    overflow: hidden;
    width: 140px;
    height: 54px;
    border-radius: 27px;
    border: 2px solid #B4974F;
    background: transparent;
    color: #B4974F;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 1;
    transition: color 0.3s ease;
    margin-left: 24%;
    margin-top: 5%;
    color: #170836;
    font-size: 14px;
    font-weight: 900;
    text-align: center;
    line-height: 24px;
}

    #WhatWeDoSection .what-we-do-btn::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 0%;
        background-color: #B4974F;
        z-index: -1;
        transition: height 0.4s ease;
        border-radius: 27px;
    }

    #WhatWeDoSection .what-we-do-btn:hover::before {
        height: 100%;
    }

    #WhatWeDoSection .what-we-do-btn:hover {
        color: white;
    }


    #WhatWeDoSection .what-we-do-btn div {
    }*/

/* === Responsive === */

@media (max-width: 1200px) {
    #WhatWeDoSection .cards-grid {
        flex-direction: column;
        gap: 40px;
    }

    #WhatWeDoSection .card-box {
        width: 100%;
    }

    #WhatWeDoSection .section-headline {
        font-size: 32px;
        line-height: 40px;
        text-align: center;
    }

    #WhatWeDoSection .summary-text {
        font-size: 18px;
        text-align: center;
    }

    #WhatWeDoSection .what-we-do-btn {
        margin: 0 auto;
    }

    #WhatWeDoSection .header-section {
        align-items: center;
        text-align: center;
    }
}

/* === LeadershipTeamSection === */

#LeadershipTeamSection.Banner {
    background: #170836;
    padding: 60px;
    border-radius: 4px;
    margin: 0 8% 0 8%;
    color: white;
}

#LeadershipTeamSection .container-fluid {
    display: flex;
    flex-direction: column;
    gap: 90px;
}

#LeadershipTeamSection .leadership-header {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 22px;
    border-bottom: 2px #B4974F solid;
    width: fit-content;
}

#LeadershipTeamSection .section-title {
    color: #B4974F;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
}

#LeadershipTeamSection .team-members {
    display: flex;
    flex-direction: column;
    gap: 50px;
    padding-left: 100px;
}

#LeadershipTeamSection .team-row {
    display: flex;
    justify-content: flex-start;
    gap: 155px;
}

#LeadershipTeamSection .member-card {
    width: 336px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    #LeadershipTeamSection .member-card img {
        width: 100%;
        height: 388px;
        border-radius: 4px;
        object-fit: scale-down;
        margin-bottom: -1%;
    }

#LeadershipTeamSection .member-info {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#LeadershipTeamSection .member-name {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
}

#LeadershipTeamSection .member-position {
    color: #B4974F;
    font-size: 20px;
    font-weight: 300;
    line-height: 28px;
}

/*#LeadershipTeamSection .read-bio-btn {
    position: relative;
    overflow: hidden;
    width: 100px;
    height: 42px;
    border-radius: 27px;
    background: white;
    border: 1px solid #B4974F;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: #170836;
    font-size: 14px;
    transition: color 0.3s ease;
    z-index: 1;
}*/

    #LeadershipTeamSection .read-bio-btn:hover {
        color: #170836;
        background-position:bottom/* Make text white on hover */
    }

    /*#LeadershipTeamSection .read-bio-btn::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 0%;
        background-color: #B4974F;
        border-radius: 27px;
        transition: height 0.4s ease;
        z-index: -1;*/ /* Make sure it stays behind text */
    /*}

    #LeadershipTeamSection .read-bio-btn:hover::before {
        height: 100%;
    }*/



/* === Responsive for LeadershipTeamSection === */

@media (max-width: 1600px) {
    #LeadershipTeamSection .team-row {
        gap: 80px;
    }
}

@media (max-width: 1400px) {
    #LeadershipTeamSection .team-members {
        padding-left: 60px;
    }
}

@media (max-width: 1200px) {
    #LeadershipTeamSection .team-members {
        padding-left: 0;
    }

    #LeadershipTeamSection .team-row {
        flex-wrap: wrap;
        justify-content: center;
        gap: 40px;
    }

    #LeadershipTeamSection .member-card {
        width: 300px;
    }
}

@media (max-width: 768px) {
    #LeadershipTeamSection {
        padding: 40px 20px;
    }

        #LeadershipTeamSection .container-fluid {
            gap: 60px;
        }

        #LeadershipTeamSection .team-members {
            gap: 40px;
        }

        #LeadershipTeamSection .member-card {
            width: 100%;
            max-width: 336px;
        }

            #LeadershipTeamSection .member-card img {
                height: auto;
                aspect-ratio: 336/388;
            }
}

@media (max-width: 480px) {
    #LeadershipTeamSection {
        padding: 30px 15px;
        margin: 5%;
    }

        #LeadershipTeamSection .section-title {
            font-size: 16px;
        }

        #LeadershipTeamSection .member-name {
            font-size: 20px;
        }

        #LeadershipTeamSection .member-position {
            font-size: 18px;
        }
}

/* === TrustedPartnersSection === */
#TrustedPartnersSection.Banner {
    padding: 80px 80px 100px;
    background: white;
}

#TrustedPartnersSection .partners-header {
    margin-bottom: 60px;
    max-width: 640px;
}

#TrustedPartnersSection .section-title {
    color: #B4974F;
    font-size: 14px;
    font-weight: 600;
    border-bottom: 2px solid #B4974F;
    padding: 0 22px 12px 0;
    width: fit-content;
    margin-bottom: 20px;
}

#TrustedPartnersSection .section-headline {
    color: #170836;
    font-size: 30px;
    font-weight: 500;
    line-height: 54px;
}

#TrustedPartnersSection .partners-list {
    border-left: 1px solid #B4974F;
    max-width: 700px;
    margin-left: 20%;
}


#TrustedPartnersSection .partner-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
    width: 100%;
    flex-wrap: wrap;
    transition: all 0.3s ease;
}

#TrustedPartnersSection .partner-name {
    color: black;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    padding: 10px 10px 10px 20px;
    flex: 1;
    transition: all 0.3s ease;
}

#TrustedPartnersSection .more-info-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    padding: 5px 20px;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

#TrustedPartnersSection .btn-text {
    color: #170836;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    transition: all 0.3s ease;
}

#TrustedPartnersSection .btn-icon svg {
    transition: transform 0.3s ease;
}

#TrustedPartnersSection .divider {
    height: 1px;
    background: #B4974F;
    width: 100%;
    margin: 0 0 0 auto;
}

/* === HOVER EFFECTS === */
#TrustedPartnersSection .partner-item:hover .partner-name {
    color: #B4974F;
    transform: translateX(5px);
}

#TrustedPartnersSection .partner-item:hover .btn-text {
    color: #B4974F;
}

#TrustedPartnersSection .partner-item:hover .btn-icon svg path {
    fill: #B4974F;
}

.partner-item.active .btn-icon svg path {
    fill: #B4974F;
}

/* === CLICK/ACTIVE STATE === */
.partner-item.active .btn-text {
    color: #B4974F;
}

.partner-item.active .btn-icon svg {
    transform: rotate(180deg);
}

.partner-drawer {
    display: none;
    padding: 10px 20px;
    width: 100%;
    font-size: 14px;
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 300;
    color: #333;
}

.partner-item.active .partner-drawer {
    display: block;
}

/* === RESPONSIVE === */
@media (max-width: 1200px) {
    #TrustedPartnersSection.Banner {
        padding: 60px 40px 80px;
    }

    #TrustedPartnersSection .section-headline {
        font-size: 26px;
        line-height: 48px;
    }

    #TrustedPartnersSection .partner-name {
        font-size: 20px;
        line-height: 26px;
    }
}

@media (max-width: 768px) {
    #TrustedPartnersSection.Banner {
        padding: 40px 20px 60px;
    }

    #TrustedPartnersSection .partner-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    #TrustedPartnersSection .partner-name {
        font-size: 18px;
        padding-left: 10px;
    }

    #TrustedPartnersSection .more-info-btn {
        margin-left: 10px;
    }

    .partner-drawer {
        font-size: 13px;
    }

    #TrustedPartnersSection .partners-list {
        margin-left: 5%;
    }
}

/* === GovernanceSection === */

#GovernanceSection.Banner {
    background: rgba(239, 239, 239, 0.5);
    padding: 80px 240px 100px;
    font-family: 'Libre Franklin', sans-serif;
}

#GovernanceSection .governance-header {
    margin-bottom: 60px;
    max-width: 704px;
}

#GovernanceSection .section-title {
    color: #B4974F;
    font-size: 14px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    border-bottom: 2px solid #B4974F;
    padding: 12px 22px 12px 0;
    width: fit-content;
    margin-bottom: 30px;
}

#GovernanceSection .section-headline {
    color: #170836;
    font-size: 45px;
    font-weight: 500;
    line-height: 54px;
    letter-spacing: -0.5px;
    margin-bottom: 20px;
}

#GovernanceSection .governance-content {
    color: #21272A;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 0.2px;
    max-width: 949px;
    margin-left: 245px;
    font-family: 'Libre Franklin', sans-serif;
}

    #GovernanceSection .governance-content p {
        margin-bottom: 24px;
        font-family: 'Libre Franklin', sans-serif;
        font-size: 16px;
        text-align:justify;
    }

/* Responsive adjustments */
@media (max-width: 1450px) {
    #GovernanceSection.Banner {
        padding: 80px 120px 100px;
    }
}

@media (max-width: 1200px) {
    #GovernanceSection.Banner {
        padding: 60px 60px 80px;
    }

    #GovernanceSection .section-headline {
        font-size: 36px;
        line-height: 44px;
    }

    #GovernanceSection .governance-content {
        margin-left: 0;
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    #GovernanceSection.Banner {
        padding: 40px 20px 60px;
    }

    #GovernanceSection .section-headline {
        font-size: 28px;
        line-height: 36px;
    }

    #GovernanceSection .governance-content {
        font-size: 15px;
        line-height: 22px;
    }

        #GovernanceSection .governance-content p {
            margin-bottom: 16px;
        }
}
/* === FundamentalInvestmentSection === */
#FundamentalInvestmentSection.Banner .container-fluid {
    display: flex;
    width: 100%;
}

#FundamentalInvestmentSection.Banner .text-section {
    width: 50%;
    padding: 8% 10% 50px 10%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 30px;
}

#FundamentalInvestmentSection.Banner .headline {
    color: #170836;
    font-weight: 500;
    font-size: 50px;
    line-height: 58px;
}

#FundamentalInvestmentSection.Banner .description {
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    color: black;
}

#FundamentalInvestmentSection.Banner .read-more-btn {
    position: relative;
    overflow: hidden;
    width: 100px;
    height: 38px;
    border-radius: 27px;
    background: #B4974F;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: white;
    z-index: 1;
    transition: color 0.3s ease;
}

    #FundamentalInvestmentSection.Banner .read-more-btn::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 0%;
        background-color: #170836;
        z-index: -1;
        transition: height 0.1s ease;
        border-radius: 27px;
    }

    #FundamentalInvestmentSection.Banner .read-more-btn:hover::before {
        height: 100%;
    }

    #FundamentalInvestmentSection.Banner .read-more-btn:hover {
        color: white;
    }

    #FundamentalInvestmentSection.Banner .read-more-btn div {
        color: white;
        font-size: 10px;
        font-weight: 700;
        text-align: center;
    }

#FundamentalInvestmentSection.Banner .image-section {
    width: 50%;
    padding-right: 0;
}

    #FundamentalInvestmentSection.Banner .image-section img {
        width: 100%;
        height: auto;
        display: block;
        object-fit: cover;
    }

@media (max-width: 1200px) {
    #FundamentalInvestmentSection.Banner .container-fluid {
        display: flex;
        flex-direction: column-reverse;
        padding: 40px 5%;
    }

    #FundamentalInvestmentSection.Banner .text-section,
    #FundamentalInvestmentSection.Banner .image-section {
        width: 100%;
        padding: 0;
        margin-left: 0;
        padding-right: 0;
    }

    #FundamentalInvestmentSection.Banner .headline {
        font-size: 48px;
        line-height: 58px;
        text-align: center;
        font-weight: 600;
    }

    #FundamentalInvestmentSection.Banner .description {
        font-size: 24px;
        line-height: 36px;
        text-align: center;
    }

    #FundamentalInvestmentSection.Banner .read-more-btn {
        margin: 0 auto;
    }
}

@media (max-width: 768px) {
    #FundamentalInvestmentSection.Banner .headline {
        font-size: 42px;
        line-height: 52px;
    }

    #FundamentalInvestmentSection.Banner .description {
        font-size: 22px;
        line-height: 32px;
    }

    #FundamentalInvestmentSection.Banner .text-section {
        gap: 32px;
        padding: 30px 5%;
    }
}

@media (max-width: 576px) {
    #FundamentalInvestmentSection.Banner .headline {
        font-size: 36px;
        line-height: 48px;
    }

    #FundamentalInvestmentSection.Banner .description {
        font-size: 20px;
        line-height: 30px;
    }

    #FundamentalInvestmentSection.Banner .read-more-btn {
        width: 100px;
        height: 38px;
    }

        #FundamentalInvestmentSection.Banner .read-more-btn div {
            font-size: 10px;
        }
}

@media (max-width: 480px) {
    #FundamentalInvestmentSection.Banner .headline {
        font-size: 32px;
        line-height: 42px;
    }

    #FundamentalInvestmentSection.Banner .description {
        font-size: 18px;
        line-height: 28px;
    }

    #FundamentalInvestmentSection.Banner .text-section {
        gap: 24px;
    }
}


/* === Special Opportunities Section === */
#SpecialOpportunitiesSection.Banner .container-fluid {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    padding: 40px 5% 50px 10%;
}

/* Image Section */
#SpecialOpportunitiesSection.Banner .image-section {
    width: auto;
    flex-shrink: 0;
    margin-top: 5%;
    margin-left: -3.5%;
}

    #SpecialOpportunitiesSection.Banner .image-section img {
        width: 400px;
        height: 350px;
        display: block;
        object-fit: cover;
        border-left: 1px solid #B4974F;
    }

/* Text Section */
#SpecialOpportunitiesSection.Banner .text-section {
    margin-top: 10%;
    width: 100%;
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 16px;
}

#SpecialOpportunitiesSection .fund-label {
    font-size: 13px;
    font-weight: 500;
    color: #B4974F;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 2px solid #B4974F;
    padding-bottom: 4px;
    display: inline-block;
    width: Max-content;
}

#SpecialOpportunitiesSection .headline {
    font-size: 32px;
    font-weight: 600;
    color: #170836;
    line-height: 40px;
}

#SpecialOpportunitiesSection .description {
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    color: #333;
    max-width: 580px;
}

#SpecialOpportunitiesSection .target-title {
    font-size: 24px;
    font-weight: 200;
    line-height: 32px;
    color: #170836;
    margin-bottom: 16px;
    font-family: 'Libre Franklin', sans-serif;
}

#SpecialOpportunitiesSection .target-description {
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
    color: #333;
    font-family: 'Libre Franklin', sans-serif;
}

/* Ensure this class wraps your container-fluid blocks */
.scale-wrapper {
    transform-origin: top left;
}

/* Scale progressively for different screen sizes */
@media (max-width: 1200px) {
    .scale-wrapper {
        transform: scale(0.9);
    }

    #SpecialOpportunitiesSection.Banner .container-fluid {
        padding: 40px 4%;
    }
}

@media (max-width: 992px) {
    .scale-wrapper {
        transform: scale(0.75);
    }

    #SpecialOpportunitiesSection.Banner .container-fluid {
        padding: 30px 4%;
    }
}

@media (max-width: 768px) {
    .scale-wrapper {
        transform: scale(0.6);
    }

    #SpecialOpportunitiesSection.Banner .container-fluid {
        padding: 20px 4%;
    }

    #KeyFiguresSection.Banner .container-fluid.key-figures-wrapper {
        gap: 30px;
    }
}

@media (max-width: 600px) {
    .scale-wrapper {
        transform: scale(0.5);
    }

    #KeyFiguresSection .figure-box .value {
        font-size: 32px;
        line-height: 32px;
    }

    #KeyFiguresSection .figure-box .label {
        font-size: 10px;
        line-height: 16px;
    }

    .fact-sheet {
        font-size: 14px;
    }

    .fact-sheet-icon {
        width: 16px;
    }

    .primary-button {
        width: 120px;
        height: 36px;
        font-size: 12px;
    }
}

@media (max-width: 480px) {
    .scale-wrapper {
        transform: scale(0.45);
    }

    #SpecialOpportunitiesSection .headline {
        font-size: 28px;
        line-height: 36px;
    }

    #SpecialOpportunitiesSection .description {
        font-size: 16px;
        line-height: 26px;
    }

    .fact-sheet {
        font-size: 13px;
    }

    .fact-sheet-icon {
        width: 14px;
    }

    .primary-button {
        width: 100px;
        height: 34px;
        font-size: 11px;
    }
}


/* Key Figures Section */
#KeyFiguresSection.Banner {
    margin-top: 60px;
    margin-bottom: 60px;
}

    #KeyFiguresSection.Banner .container-fluid.key-figures-wrapper {
        width: 80%;
        margin-left: 40%;
        margin-top: -10%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 45px;
    }

#KeyFiguresSection .section-title {
    padding: 2px 22px 10px 0;
    border-bottom: 2px #B4974F solid;
    font-size: 12px;
    font-weight: 600;
    line-height: 10px;
    font-family: 'Libre Franklin', sans-serif;
    color: #B4974F;
}

#KeyFiguresSection .figures-row {
    display: flex;
    gap: 32px;
    width: 100%;
    flex-wrap: wrap;
}

#KeyFiguresSection .figure-box {
    width: 200px;
    padding-left: 20px;
    border-left: 1px solid #B4974F;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    #KeyFiguresSection .figure-box .value {
        font-size: 40px;
        font-weight: 300;
        line-height: 40px;
        font-family: 'Libre Franklin', sans-serif;
        color: #B4974F;
    }

    #KeyFiguresSection .figure-box .label {
        font-size: 12px;
        font-weight: 600;
        line-height: 18px;
        font-family: 'Libre Franklin', sans-serif;
        color: #170836;
        max-width: 316px;
    }

/* Buttons Row */
#SpecialOpportunitiesSection .button-row {
    display: flex;
    align-items: center;
    gap: 40px;
    padding: 0% 30% 80px;
    margin-top: -5%;
}

.fact-sheet {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

    .fact-sheet span {
        color: #B4974F;
        font-size: 16px;
        font-family: 'Libre Franklin', sans-serif;
        font-weight: 700;
        line-height: 20px;
        transition: color 0.3s ease;
    }

.fact-sheet-icon {
    width: 20px;
    transition: filter 0.3s ease;
}

.fact-sheet:hover span {
    color: black;
}

.fact-sheet:hover .fact-sheet-icon {
    filter: brightness(0);
}


.primary-button {
    position: relative;
    overflow: hidden;
    width: 140px;
    height: 40px;
    border-radius: 27px;
    border: 2px solid #B4974F;
    background: transparent;
    color: black;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 1;
    font-family: 'Libre Franklin', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    transition: color 0.3s ease;
}

    .primary-button::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 0%;
        background-color: #B4974F;
        z-index: -1;
        transition: height 0.4s ease;
        border-radius: 27px;
    }

    .primary-button:hover::before {
        height: 100%;
    }

    .primary-button:hover {
        color: black;
    }

/* Fact Sheet Button */
.fact-sheet {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'Libre Franklin', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #B4974F;
    cursor: pointer;
    transition: color 0.3s ease;
    position: relative;
}

    .fact-sheet:hover {
        color: #170836;
    }

    .fact-sheet .arrow-icon {
        width: 24px;
        height: 24px;
        position: relative;
        transition: transform 0.3s ease;
    }

        .fact-sheet .arrow-icon .line {
            width: 19px;
            height: 5px;
            position: absolute;
            top: 15px;
            left: 2px;
            border-radius: 2px;
            border: 2px solid #B4974F;
            transition: border-color 0.3s ease;
        }

        .fact-sheet .arrow-icon .arrow-head {
            width: 9px;
            height: 7px;
            background: #B4974F;
            transform: rotate(-180deg);
            position: absolute;
            top: 11px;
            left: 16px;
            transition: background 0.3s ease, top 0.3s ease;
        }

    .fact-sheet:hover .arrow-icon .line {
        border-color: #170836;
    }

    .fact-sheet:hover .arrow-icon .arrow-head {
        background: #170836;
        top: 16px;
    }

/* Responsive Scaling */
.scale-wrapper {
    transform-origin: top left;
}

@media (max-width: 1200px) {
    .scale-wrapper {
        transform: scale(0.9);
    }
}

@media (max-width: 992px) {
    .scale-wrapper {
        transform: scale(0.75);
    }
}

@media (max-width: 768px) {
    .scale-wrapper {
        transform: scale(0.6);
    }
}

@media (max-width: 600px) {
    .scale-wrapper {
        transform: scale(0.5);
    }
}

@media (max-width: 480px) {
    .scale-wrapper {
        transform: scale(0.45);
    }

    .fact-sheet {
        font-size: 14px;
    }

        .fact-sheet .arrow-icon {
            width: 20px;
            height: 20px;
        }

            .fact-sheet .arrow-icon .line {
                width: 16px;
                height: 4px;
                top: 14px;
            }

            .fact-sheet .arrow-icon .arrow-head {
                width: 7px;
                height: 6px;
                top: 14px;
            }
}

/* Modal Styles - Optimized for No Scroll */
.modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    justify-content: center;
    align-items: flex-start;
    overflow-y: hidden;
    padding: 20px;
}

.modal-content {
    background-color: #ffffff;
    width: 90%;
    height: 90vh;
    padding: 20px;
    border-radius: 8px;
    position: relative;
    font-family: 'Libre Franklin', sans-serif;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.3);
    color: #333333;
    overflow-y: auto;
    transform: translateY(-100%);
    opacity: 0;
    transition: transform 0.5s ease-out, opacity 0.3s ease;
    box-sizing: border-box;
    flex-direction: column;
    align-items: flex-start;
}

.modal-overlay.show .modal-content {
    transform: translateY(0);
    opacity: 1;
}

.modal-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
}

    .modal-header h2 {
        font-size: 14px;
        margin-bottom: 6px;
        font-family: 'Libre Franklin', sans-serif;
    }

    .modal-header p {
        font-size: 11px;
        margin-bottom: 16px;
        font-family: 'Libre Franklin', sans-serif;
        line-height: 1.5;
    }

.form-group {
    display: flex;
    flex-direction: column;
    flex: 1;
}

    .form-group label {
        display: block;
        font-size: 12px;
        margin-bottom: 4px;
        color: #333333;
        font-weight: 500;
        line-height: 1.4;
    }

    .form-group input {
        width: 100%;
        padding: 6px 8px;
        font-size: 12px;
        border: 1px solid #B4974F;
        border-radius: 4px;
        background-color: #ffffff;
        color: #333333;
        transition: border-color 0.3s;
    }

        .form-group input:focus {
            border-color: #170836;
            outline: none;
        }

.checkbox-group {
    margin-bottom: 20px;
}

    .checkbox-group label {
        font-size: 12px;
        font-weight: 500;
        margin-bottom: 6px;
        display: block;
        color: #333333;
        line-height: 1.4;
    }

.checkbox-item {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

    .checkbox-item input {
        margin-right: 8px;
        width: 16px;
        height: 16px;
    }

    .checkbox-item label {
        font-size: 11px;
        color: #333333;
        line-height: 1.5;
    }



.modal-image {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    max-width: 100%;
    height: 15%;
}

.submit-btn {
    display: block;
    width: auto;
    margin-top: 0;
    background-color: #B4974F;
    color: white;
    border: none;
    padding: 8px 20px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 30px;
    cursor: pointer;
    transition: background-color 0.3s;
    margin-top: 0;
}

    .submit-btn:hover {
        background-color: #9a7f3f;
    }

.close-btn {
    position: absolute;
    top: 12px;
    right: 12px;
    background: #B4974F;
    color: white;
    border: none;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    font-size: 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.form-row {
    display: flex;
    gap: 16px;
    margin-bottom: 12px;
    align-items: flex-start;
}

    .form-row .form-group {
        flex: 1;
    }

/* Responsive Adjustments */
@media (max-width: 768px) {
    .modal-content {
        padding: 25px;
        width: 95%;
        height: 85vh;
    }

    .modal-header h2 {
        font-size: 14px;
    }

    .form-row {
        flex-direction: column;
        gap: 10px;
    }
}


@media (max-width: 1200px) {
    #RealValueSection.Banner .container-fluid,
    #SustainabilitySection.Banner .container-fluid {
        flex-direction: column-reverse;
        padding: 40px 5%;
    }

    #RealValueSection.Banner .text-section,
    #RealValueSection.Banner .image-section,
    #SustainabilitySection.Banner .text-section,
    #SustainabilitySection.Banner .image-section {
        width: 100%;
        padding: 0;
        margin-left: 0;
        padding-right: 0;
    }

    #RealValueSection.Banner .headline,
    #SustainabilitySection.Banner .headline {
        font-size: 48px;
        line-height: 58px;
        text-align: center;
        font-weight: 600;
    }

    #RealValueSection.Banner .description,
    #SustainabilitySection.Banner .description {
        font-size: 24px;
        line-height: 36px;
        text-align: center;
    }

    #RealValueSection.Banner .read-more-btn {
        margin: 0 auto;
    }
}

@media (max-width: 768px) {
    #RealValueSection.Banner .headline,
    #SustainabilitySection.Banner .headline {
        font-size: 42px;
        line-height: 52px;
    }

    #RealValueSection.Banner .description,
    #SustainabilitySection.Banner .description {
        font-size: 22px;
        line-height: 32px;
    }

    #RealValueSection.Banner .text-section,
    #SustainabilitySection.Banner .text-section {
        gap: 32px;
        padding: 30px 5%;
    }
}

@media (max-width: 576px) {
    #RealValueSection.Banner .headline,
    #SustainabilitySection.Banner .headline {
        font-size: 36px;
        line-height: 48px;
    }

    #RealValueSection.Banner .description,
    #SustainabilitySection.Banner .description {
        font-size: 20px;
        line-height: 30px;
    }

    #RealValueSection.Banner .read-more-btn {
        width: 100px;
        height: 38px;
    }

        #RealValueSection.Banner .read-more-btn div {
            font-size: 10px;
        }
}

@media (max-width: 480px) {
    #RealValueSection.Banner .headline,
    #SustainabilitySection.Banner .headline {
        font-size: 32px;
        line-height: 42px;
    }

    #RealValueSection.Banner .description,
    #SustainabilitySection.Banner .description {
        font-size: 18px;
        line-height: 28px;
    }

    #RealValueSection.Banner .text-section,
    #SustainabilitySection.Banner .text-section {
        gap: 24px;
    }
}


/*Error Page Css*/
.error-section {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
/*     background: url('/images/london-bg.jpg') no-repeat center center/cover; */
}

/*.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white;
}*/

.error-content {
    position: relative;
    text-align: center;
    color: white;
    z-index: 1;
    padding: 20px;
}

.error-title {
    font-size: 100px;
    font-weight: bold;
    color: #fff;
}

.error-subtitle {
    font-size: 24px;
    margin-bottom: 20px;
    color: black;
    font-family: var(--nav-font);
}

.error-message {
    font-size: 18px;
    margin-bottom: 30px;
    color: black;
    font-family: var(--nav-font);
}

.error-btn {
    display: inline-block;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    border-radius: 30px;
    cursor: pointer;
    /* Gradient setup */
    background: linear-gradient(to bottom, #B4974F 50%, #170836 50%);
    background-size: 100% 200%;
    background-position: top;
    transition: background-position 0.4s ease;
}

.error-btn:hover {
    background-position: bottom; /* Smoothly shifts gradient */
    color: #fff; /* Keeps text white */
}

.no-content {
    display: flex;
    justify-content: center; /* centers horizontally */
    align-items: center; /* centers vertically */
    /*min-height: 40vh;*/ /* full viewport height */
    text-align: center; /* centers text below image */
    position: relative;
    width: 100%;
    min-height: auto;
    padding: 5px 0;
    padding-top: 5px; /* keep small space at top */
    padding-bottom: 0; /* remove/reduce space at bottom */
}

    .no-content img {
        display: block;
        margin: 0 auto 10px auto; /* remove extra spacing */
        max-height: 200px; /* control image height */
    }

.overlay2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1); /* semi-transparent dark overlay */
    z-index: -1; /* pushes it behind text */
}

.error-image {
    background: White;
    mix-blend-mode: multiply;
}
@media (min-width: 1550px) {
    .credits{
        text-align:left;
    }
    .card-descriptions {
        font-weight: lighter;
    }
   
    *{
        font-size:16px
    }
    .containers {
        max-width: 90%;
    }

    .navbar-brand img {
        width: 100%;
    }

    .navbar .navbar-nav .nav-link {
        font-size: 16px;
        padding: 35px 0;
    }
    .address-item:nth-child(1){
        padding-left:35px
    }

    .btn-client {
        width: 120px;
        height: 42px;
        font-size: 14px
    }

    .content-box {
        top: 38%;
        gap: 45px;
    }

    .title, #RealValueSection.Banner .headline, .Banner .headline, .contact-heading, #FundamentalInvestmentSection.Banner .headline {
        font-size: 52px;
        line-height: 66px;
        font-family: 'Libre Franklin'
    }

    .read-more-button, .read-more-button {
        width: 140px;
        height: 54px;
        font-size: 16px;
       
    }
    #WhatWeDoSection .header-section{
        margin-left:2%
    }
    #WhatWedo .container {
        padding-left: 0
    }

    #WhatWedo .title-bar div, .Investoment-philosphy .heading-title, .heading-title, #OurValuesSection .section-title, #WhatWeDoSection .section-title, #TrustedPartnersSection .section-title, #GovernanceSection .section-title,
    #SpecialOpportunitiesSection .fund-label, #KeyFiguresSection .section-title, #KeyFiguresSection .figure-box .label {
        font-size: 18px;
        line-height: 26px
    }

    #WhatWedo .main-title, .Investoment-philosphy .heading-description, #SustainabilitySection.Banner .headline, #OurValuesSection .section-headline, #WhatWeDoSection .section-headline, #TrustedPartnersSection .section-headline,
    #GovernanceSection .section-headline, .hero-insight-box h2, #SpecialOpportunitiesSection .headline {
        font-size: 46px;
        line-height: 54px;
    }
    #TrustedPartnersSection .section-headline{
        margin: 3vh 0 13vh 0;
    }
    #WhatWedo .content-item, #TrustedPartnersSection .partner-name, .contact-subheading, .insight-box h5 {
        font-size: 24px;
        line-height: 30px
    }
    #TrustedPartnersSection .partners-list{
        margin-left: 10%
    }
        #TrustedPartnersSection .partners-list{
            max-width: 957px !important
        }
    #TrustedPartnersSection .partner-item {
        padding: 15px 0 15px 25px
    }
    #WhatWedo .button-container, #WhatWeDoSection .what-we-do-btn {
        height: 54px;
        width: 157px;
        font-size: 16px;
        font-weight: 700
    }
        #WhatWeDoSection .what-we-do-btn{
            margin-left:17%
        }
        #WhatWedo .section-heading, #WhatWedo .section-content {
            gap: 45px
        }

    .Investoment-philosphy .investment-heading {
        width: 48%
    }

    .Investoment-philosphy .card-title, #OurValuesSection .value-title, #WhatWeDoSection .card-title, .Investoment-philosphy .heading-description2, #SpecialOpportunitiesSection .target-title {
        font-size: 36px;
        line-height: 42px
    }
    #WhatWeDoSection .cards-grid {
        gap: 45px 140px;
        width: 90%
    }
    #WhatWeDoSection .card-box {
        width: calc(38% - 35px);
        gap:40px
    }
    .footer .footer-top{
        padding-top:120px
    }
    .Investoment-philosphy .card-description, #RealValueSection.Banner .description, #WhatWeDoSection .summary-text, .Banner .description, #in-growth .description, .contact-subheading2, #FundamentalInvestmentSection.Banner .description,
    #SpecialOpportunitiesSection .description {
        font-size: 20px;
        font-weight: 300;
        line-height: 28px
    }

    .item-heading {
        font-size: 30px;
        line-height: 42px
    }

    .item-body, .footer h4, #SustainabilitySection.Banner .description, #OurValuesSection .value-description, #WhatWeDoSection .card-description, .partner-drawer, #our-focus .card-descriptions,
    .Investoment-philosphy3 .investment-cards2 .investment-card .card-descriptions, label, .date-category, #SpecialOpportunitiesSection .target-description {
        font-size: 16px !important;
        line-height: 24px;
    }

   
    #WhatWeDoSection .summary-text{
        margin-left: -3% !important
    }
    .footer h4 {
        font-weight: bold
    }

    .footer {
        font-family: 'Libre Franklin'
    }

        .footer .copyright2 p, .footer .copyright2 a, .footer .copyright, .footer .credits {
            font-size: 14px;
            line-height: 18px;
            font-weight: 300
        }

            .footer .copyright2 a svg {
                font-size: 24px
            }

    #RealValueSection.Banner .text-section, .Banner .text-section, #FundamentalInvestmentSection.Banner .text-section {
        padding: 8% 8% 50px 12%;
        gap: 38px;
    }
    #SustainabilitySection.Banner .container-fluid{
        padding: 40px 5% 50px 12%
    }
    #SustainabilitySection.Banner .image-section{
        width:45%
    }
        #SustainabilitySection.Banner .image-section img{
            height: 115%
        }
    #OurValuesSection.Banner, #in-growth {
        margin-top: 5%
    }
    #OurValuesSection .value-box{
        gap:32px
    }
    #LeadershipTeamSection .member-card img{
        object-fit: fill
    }
    #LeadershipTeamSection .member-card, #WhatWeDoSection .header-section {
        gap: 40px
    }
    .Investoment-philosphy .investment-cardss{
        gap:120px !important;
        display:flex
    }
    #SustainabilitySection.Banner .description, #SustainabilitySection.Banner .headline {
        width: 80%
    }
    #in-growth .heading{
        font-size: 66px;
        line-height: 80px
    }
    .Investoment-philosphy .heading-description2{
        padding-left:0;
        margin-left:-5%
    }
    .address-section h4{
        font-size:30px;
        line-height:normal;
        font-weight:400

    }
    .address-item p{
        font-size:23px;
        line-height:36px;
        font-weight:lighter;
    }
    .power-platform-wrapper{
        width:100%;
        padding-left:0
    }
    .formcontainer{
        width:90%;
        margin-bottom: 8vh
    }
    .hero-insight-box img {
        width: 700px;
        height: 500px;
    }
    .hero-insight-box img {
        transition: transform 0.4s ease-in-out;
    }

     .hero-insight:hover img {
        transform: scale(1.1); /* zoom in 10% */
    }

    .hero-insight-box {
        overflow: hidden; /* keeps image inside box */
        display: inline-block; /* keeps it neat */
    }
    .insight-box img{
        max-width:336px;
        height:212px
    }
    .career-detail strong, .career-detail b, div[data-wrapper="true"] b span, div[data-wrapper="true"] strong span, div[data-wrapper="true"] b p, div[data-wrapper="true"] strong p {
        font-size: 24px !important;
        font-family: 'Libre Franklin' !important;
    }

    .career-detail p, .career-detail p span, .career-detail span, .career-detail ul, .career-detail li, div[data-wrapper="true"] {
        font-size: 18px !important;
        font-weight: 200 !important;
        font-family: 'Libre Franklin' !important;
    }
    .sub-footer p{
        font-size:16px
    }
    .formcontainers{
        width:75%
    }
    #SpecialOpportunitiesSection.Banner .image-section img{
        width:460px;
        height:450px
    }
    #SpecialOpportunitiesSection.Banner .container-fluid, #SpecialOpportunitiesSection.Banner .text-section {
        gap: 35px
    }
    #SpecialOpportunitiesSection.Banner .text-section{
        margin-top:2%
    }
    #KeyFiguresSection .figure-box .value{
        font-size:66px;
        line-height:66px
    }
    #KeyFiguresSection .figure-box{
        width:325px
    }
    #KeyFiguresSection.Banner .container-fluid.key-figures-wrapper{
        width:90%;
        margin-left:35%
    }
    .Investoment-philosphy .investment-cards{
        margin-bottom: 50px
    }
    .Investoment-philosphy .card-content{
        height:150px;
    }
    .item-content{
        gap:30px
    }
    .item-con{
gap:25px;
height:230px
    }
}
.find-out-more:hover, .more-info:hover {
    color: #170836 !important
}

.div[data-wrapper] ol, div[data-wrapper] ol, .career-detail ul, .career-detail ol {
    list-style-position: outside !important;
    margin-bottom: 0;
}

.career-detail p, .career-detail p span, .career-detail span, .career-detail ul, .career-detail li, div[data-wrapper="true"] {
    font-family: LibreFranklin
}


/*Modal css
*/
.custom-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
}

    .custom-modal.hidden {
        display: none;
    }

.custom-modal-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.6);
}

.custom-modal-content {
    position: relative;
    max-width: 500px;
    margin: 10vh auto;
    background: #fff;
    padding: 30px;
    border-radius: 12px;
    z-index: 10;
    animation: fadeIn 0.3s ease;
    color: #000;
}

.custom-modal-close {
    position: absolute;
    top: 12px;
    right: 14px;
    font-size: 26px;
    background: none;
    border: none;
    cursor: pointer;
}

.modal-img {
    /*    width: 140px;
    height: 140px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 15px;*/

    width: 150px;
    height: 190px;
    object-fit: cover;
    border-radius: 4px;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}