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

.investors-hero{

    position:relative;

    min-height:60vh;

    display:flex;

    align-items:center;

    overflow:hidden;

    background:
    url("../../images/investors/investment.jpg")
    center center/cover no-repeat;

}

.investors-hero-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(

        rgba(7,24,39,.90),

        rgba(7,24,39,.75)

    );

}

.investors-hero .container{

    position:relative;

    z-index:2;

}

.min-vh-60{

    min-height:60vh;

}


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

.investors-hero .hero-tag{

    display:inline-block;

    padding:10px 22px;

    border-radius:50px;

    background:rgba(212,175,55,.12);

    color:var(--primary);

    letter-spacing:3px;

    text-transform:uppercase;

    font-weight:700;

    margin-bottom:25px;

}

.investors-hero h1{

    color:#fff;

    font-size:clamp(3rem,5vw,5rem);

    line-height:1.15;

    margin-bottom:25px;

}

.investors-hero p{

    max-width:720px;

    color:#d5d5d5;

    font-size:18px;

    line-height:1.9;

}


/*==============================================================
BUTTONS
==============================================================*/

.investors-hero .hero-buttons{

    display:flex;

    gap:20px;

    margin-top:40px;

    margin-bottom:35px;

    flex-wrap:wrap;

}

.investors-hero .btn-outline{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:15px 36px;

    border:2px solid var(--primary);

    border-radius:50px;

    color:#fff;

    text-decoration:none;

    transition:.35s;

}

.investors-hero .btn-outline:hover{

    background:var(--primary);

    color:#111;

    transform:translateY(-5px);

}


/*==============================================================
BREADCRUMB
==============================================================*/

.investors-hero .hero-breadcrumb{

    display:flex;

    align-items:center;

    gap:12px;

    color:#cfcfcf;

}

.investors-hero .hero-breadcrumb a{

    color:var(--primary);

    text-decoration:none;

}

.investors-hero .hero-breadcrumb span{

    color:#777;

}


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

@media(max-width:991px){

.investors-hero{

    text-align:center;

}

.investors-hero .hero-buttons{

    justify-content:center;

}

.investors-hero .hero-breadcrumb{

    justify-content:center;

}

}

@media(max-width:767px){

.investors-hero{

    min-height:70vh;

}

.investors-hero h1{

    font-size:2.5rem;

}

.investors-hero p{

    font-size:16px;

}

.investors-hero .btn-gold,

.investors-hero .btn-outline{

    width:100%;

}

}
/*==============================================================
INVESTMENT OVERVIEW
==============================================================*/

.investment-overview{

    position:relative;

    background:var(--dark);

    overflow:hidden;

}

.investment-overview::before{

    content:"";

    position:absolute;

    right:-220px;

    top:-220px;

    width:520px;

    height:520px;

    border-radius:50%;

    background:radial-gradient(

        rgba(212,175,55,.08),

        transparent 70%

    );

    filter:blur(70px);

}


/*==============================================================
IMAGE
==============================================================*/

.investment-image{

    position:relative;

}

.investment-image img{

    width:100%;

    height:680px;

    object-fit:cover;

    border-radius:24px;

    box-shadow:0 30px 80px rgba(0,0,0,.35);

}

.investment-badge{

    position:absolute;

    bottom:35px;

    left:-30px;

    background:#0d2336;

    border-left:5px solid var(--primary);

    padding:28px;

    border-radius:20px;

    box-shadow:0 20px 50px rgba(0,0,0,.35);

}

.investment-badge h2{

    color:var(--primary);

    font-size:3rem;

    margin-bottom:5px;

}

.investment-badge span{

    color:#fff;

}


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

.investment-overview h6{

    color:var(--primary);

    text-transform:uppercase;

    letter-spacing:3px;

    font-weight:700;

    margin-bottom:20px;

}

.investment-overview h2{

    color:#fff;

    margin-bottom:25px;

}

.investment-overview p{

    color:#cfcfcf;

    line-height:1.9;

    margin-bottom:22px;

}


/*==============================================================
HIGHLIGHTS
==============================================================*/

.investment-highlights{

    margin-top:35px;

}

.highlight-item{

    display:flex;

    align-items:center;

    gap:15px;

    margin-bottom:18px;

    color:#fff;

    font-weight:500;

}

.highlight-item i{

    width:42px;

    height:42px;

    border-radius:50%;

    background:rgba(212,175,55,.12);

    color:var(--primary);

    display:flex;

    align-items:center;

    justify-content:center;

    transition:.35s;

}

.highlight-item:hover i{

    background:var(--primary);

    color:#111;

    transform:rotate(10deg);

}


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

@media(max-width:991px){

.investment-image{

    margin-bottom:50px;

}

.investment-image img{

    height:500px;

}

.investment-badge{

    left:20px;

}

}

@media(max-width:767px){

.investment-image img{

    height:400px;

}

.investment-badge{

    position:relative;

    left:0;

    bottom:0;

    margin-top:20px;

}

}
/*==============================================================
WHY INVEST
==============================================================*/

.why-invest{

    position:relative;

    background:#081c2d;

    overflow:hidden;

}

.why-invest::before{

    content:"";

    position:absolute;

    left:-220px;

    bottom:-220px;

    width:500px;

    height:500px;

    border-radius:50%;

    background:radial-gradient(

        rgba(212,175,55,.08),

        transparent 70%

    );

    filter:blur(70px);

}

.why-invest .section-title{

    margin-bottom:60px;

}

.why-invest h6{

    color:var(--primary);

    letter-spacing:3px;

    text-transform:uppercase;

    font-weight:700;

    margin-bottom:18px;

}

.why-invest h2{

    color:#fff;

    margin-bottom:20px;

}

.why-invest .section-title p{

    color:#cfcfcf;

    max-width:760px;

    margin:auto;

    line-height:1.9;

}


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

.invest-card{

    background:#0d2336;

    border-radius:22px;

    padding:40px 35px;

    height:100%;

    border:1px solid rgba(255,255,255,.05);

    transition:.35s;

    position:relative;

    overflow:hidden;

}

.invest-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:4px;

    background:var(--primary);

    transform:scaleX(0);

    transform-origin:left;

    transition:.35s;

}

.invest-card:hover{

    transform:translateY(-10px);

    border-color:rgba(212,175,55,.35);

    box-shadow:0 25px 60px rgba(0,0,0,.35);

}

.invest-card:hover::before{

    transform:scaleX(1);

}


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

.invest-icon{

    width:82px;

    height:82px;

    border-radius:50%;

    background:rgba(212,175,55,.12);

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:25px;

    transition:.35s;

}

.invest-icon i{

    font-size:34px;

    color:var(--primary);

}

.invest-card:hover .invest-icon{

    background:var(--primary);

    transform:rotate(10deg);

}

.invest-card:hover .invest-icon i{

    color:#111;

}


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

.invest-card h4{

    color:#fff;

    margin-bottom:18px;

}

.invest-card p{

    color:#cfcfcf;

    line-height:1.9;

    margin:0;

}
/*==============================================================
FINANCIAL HIGHLIGHTS
==============================================================*/

.financial-highlights{

    position:relative;

    background:var(--dark);

    overflow:hidden;

}

.financial-highlights::before{

    content:"";

    position:absolute;

    right:-220px;

    top:-220px;

    width:520px;

    height:520px;

    border-radius:50%;

    background:radial-gradient(

        rgba(212,175,55,.08),

        transparent 70%

    );

    filter:blur(70px);

}

.financial-highlights .section-title{

    margin-bottom:60px;

}

.financial-highlights h6{

    color:var(--primary);

    text-transform:uppercase;

    letter-spacing:3px;

    font-weight:700;

    margin-bottom:18px;

}

.financial-highlights h2{

    color:#fff;

    margin-bottom:20px;

}

.financial-highlights .section-title p{

    color:#cfcfcf;

    max-width:760px;

    margin:auto;

    line-height:1.9;

}


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

.financial-card{

    background:#0d2336;

    border-radius:24px;

    padding:45px 25px;

    text-align:center;

    border:1px solid rgba(255,255,255,.05);

    transition:.35s;

    position:relative;

    overflow:hidden;

}

.financial-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:4px;

    background:var(--primary);

    transform:scaleX(0);

    transform-origin:left;

    transition:.35s;

}

.financial-card:hover{

    transform:translateY(-10px);

    border-color:rgba(212,175,55,.35);

    box-shadow:0 25px 60px rgba(0,0,0,.35);

}

.financial-card:hover::before{

    transform:scaleX(1);

}

.financial-card h2{

    color:var(--primary);

    font-size:3rem;

    font-weight:800;

    margin-bottom:15px;

}

.financial-card span{

    color:#fff;

    font-size:1.05rem;

    letter-spacing:.5px;

}
/*==============================================================
GROWTH STRATEGY
==============================================================*/

.growth-strategy{

    position:relative;

    background:#081c2d;

    overflow:hidden;

}

.growth-strategy::before{

    content:"";

    position:absolute;

    left:-220px;

    top:-220px;

    width:520px;

    height:520px;

    border-radius:50%;

    background:radial-gradient(

        rgba(212,175,55,.08),

        transparent 70%

    );

    filter:blur(70px);

}

.growth-strategy .section-title{

    margin-bottom:80px;

}

.growth-strategy h6{

    color:var(--primary);

    letter-spacing:3px;

    text-transform:uppercase;

    font-weight:700;

    margin-bottom:20px;

}

.growth-strategy h2{

    color:#fff;

    margin-bottom:20px;

}

.growth-strategy .section-title p{

    color:#cfcfcf;

    max-width:760px;

    margin:auto;

    line-height:1.9;

}


/*==============================================================
TIMELINE
==============================================================*/

.strategy-timeline{

    display:grid;

    grid-template-columns:repeat(5,1fr);

    gap:30px;

    position:relative;

}

.strategy-timeline::before{

    content:"";

    position:absolute;

    top:42px;

    left:8%;

    right:8%;

    height:3px;

    background:rgba(212,175,55,.25);

}


/*==============================================================
ITEM
==============================================================*/

.strategy-item{

    position:relative;

    text-align:center;

    z-index:2;

}

.strategy-icon{

    width:85px;

    height:85px;

    margin:0 auto 30px;

    border-radius:50%;

    background:#0d2336;

    border:3px solid var(--primary);

    display:flex;

    align-items:center;

    justify-content:center;

    transition:.35s;

}

.strategy-icon i{

    font-size:32px;

    color:var(--primary);

}

.strategy-item:hover .strategy-icon{

    background:var(--primary);

    transform:translateY(-8px);

}

.strategy-item:hover .strategy-icon i{

    color:#111;

}

.strategy-item h4{

    color:#fff;

    margin-bottom:15px;

}

.strategy-item p{

    color:#cfcfcf;

    line-height:1.8;

}


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

@media(max-width:1200px){

.strategy-timeline{

    grid-template-columns:repeat(3,1fr);

}

.strategy-timeline::before{

    display:none;

}

}

@media(max-width:768px){

.strategy-timeline{

    grid-template-columns:1fr;

}

}
/*==============================================================
SUSTAINABILITY
==============================================================*/

.sustainability{

    position:relative;

    background:var(--dark);

    overflow:hidden;

}

.sustainability::before{

    content:"";

    position:absolute;

    right:-220px;

    bottom:-220px;

    width:520px;

    height:520px;

    border-radius:50%;

    background:radial-gradient(

        rgba(212,175,55,.08),

        transparent 70%

    );

    filter:blur(70px);

}

.sustainability .section-title{

    margin-bottom:70px;

}

.sustainability h6{

    color:var(--primary);

    letter-spacing:3px;

    text-transform:uppercase;

    font-weight:700;

    margin-bottom:18px;

}

.sustainability h2{

    color:#fff;

    margin-bottom:20px;

}

.sustainability .section-title p{

    color:#cfcfcf;

    max-width:760px;

    margin:auto;

    line-height:1.9;

}


/*==============================================================
ESG CARD
==============================================================*/

.esg-card{

    background:#0d2336;

    padding:45px 35px;

    border-radius:24px;

    height:100%;

    border:1px solid rgba(255,255,255,.05);

    transition:.35s;

    position:relative;

    overflow:hidden;

}

.esg-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:4px;

    background:var(--primary);

    transform:scaleX(0);

    transform-origin:left;

    transition:.35s;

}

.esg-card:hover{

    transform:translateY(-10px);

    border-color:rgba(212,175,55,.35);

    box-shadow:0 30px 70px rgba(0,0,0,.35);

}

.esg-card:hover::before{

    transform:scaleX(1);

}


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

.esg-icon{

    width:90px;

    height:90px;

    border-radius:50%;

    background:rgba(212,175,55,.12);

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:30px;

    transition:.35s;

}

.esg-icon i{

    font-size:36px;

    color:var(--primary);

}

.esg-card:hover .esg-icon{

    background:var(--primary);

    transform:rotate(10deg);

}

.esg-card:hover .esg-icon i{

    color:#111;

}


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

.esg-card h3{

    color:#fff;

    margin-bottom:18px;

}

.esg-card p{

    color:#cfcfcf;

    line-height:1.9;

    margin-bottom:25px;

}

.esg-card ul{

    list-style:none;

    padding:0;

    margin:0;

}

.esg-card ul li{

    color:#d5d5d5;

    margin-bottom:14px;

    position:relative;

    padding-left:28px;

}

.esg-card ul li::before{

    content:"✓";

    position:absolute;

    left:0;

    color:var(--primary);

    font-weight:700;

}
/*==============================================================
CORPORATE GOVERNANCE
==============================================================*/

.governance{

    position:relative;

    background:#081c2d;

    overflow:hidden;

}

.governance::before{

    content:"";

    position:absolute;

    left:-220px;

    bottom:-220px;

    width:520px;

    height:520px;

    border-radius:50%;

    background:radial-gradient(

        rgba(212,175,55,.08),

        transparent 70%

    );

    filter:blur(70px);

}

/*==============================================================
IMAGE
==============================================================*/

.governance-image{

    position:relative;

}

.governance-image img{

    width:100%;

    height:700px;

    object-fit:cover;

    border-radius:24px;

    box-shadow:0 30px 80px rgba(0,0,0,.35);

}

.governance-badge{

    position:absolute;

    right:-25px;

    bottom:35px;

    background:#0d2336;

    border-left:5px solid var(--primary);

    border-radius:20px;

    padding:25px 30px;

    display:flex;

    align-items:center;

    gap:18px;

    box-shadow:0 25px 60px rgba(0,0,0,.35);

}

.governance-badge i{

    width:70px;

    height:70px;

    border-radius:50%;

    background:rgba(212,175,55,.12);

    color:var(--primary);

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:28px;

}

.governance-badge h4{

    color:#fff;

    margin-bottom:5px;

}

.governance-badge span{

    color:#d5d5d5;

}

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

.governance h6{

    color:var(--primary);

    letter-spacing:3px;

    text-transform:uppercase;

    font-weight:700;

    margin-bottom:18px;

}

.governance h2{

    color:#fff;

    margin-bottom:25px;

}

.governance p{

    color:#cfcfcf;

    line-height:1.9;

}

/*==============================================================
FEATURES
==============================================================*/

.governance-features{

    margin-top:40px;

}

.governance-item{

    display:flex;

    gap:18px;

    margin-bottom:28px;

}

.governance-item i{

    width:55px;

    height:55px;

    border-radius:50%;

    background:rgba(212,175,55,.12);

    color:var(--primary);

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

    transition:.35s;

}

.governance-item:hover i{

    background:var(--primary);

    color:#111;

    transform:rotate(10deg);

}

.governance-item h5{

    color:#fff;

    margin-bottom:8px;

}

.governance-item p{

    margin:0;

}

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

@media(max-width:991px){

.governance-image{

    margin-bottom:50px;

}

.governance-image img{

    height:500px;

}

.governance-badge{

    right:20px;

}

}

@media(max-width:767px){

.governance-image img{

    height:400px;

}

.governance-badge{

    position:relative;

    right:0;

    bottom:0;

    margin-top:20px;

    flex-direction:column;

    text-align:center;

}

}
/*==============================================================
INVESTOR FAQ
==============================================================*/

.investor-faq{

    background:var(--dark);

    position:relative;

    overflow:hidden;

}

.investor-faq::before{

    content:"";

    position:absolute;

    right:-200px;

    top:-200px;

    width:500px;

    height:500px;

    border-radius:50%;

    background:radial-gradient(

        rgba(212,175,55,.08),

        transparent 70%

    );

    filter:blur(70px);

}

.investor-faq .section-title{

    margin-bottom:60px;

}

.investor-faq h6{

    color:var(--primary);

    letter-spacing:3px;

    text-transform:uppercase;

    font-weight:700;

    margin-bottom:18px;

}

.investor-faq h2{

    color:#fff;

    margin-bottom:20px;

}

.investor-faq .section-title p{

    color:#cfcfcf;

    max-width:760px;

    margin:auto;

    line-height:1.9;

}

/*==============================================================
ACCORDION
==============================================================*/

.investor-accordion .accordion-item{

    background:#0d2336;

    border:1px solid rgba(255,255,255,.05);

    border-radius:18px;

    margin-bottom:18px;

    overflow:hidden;

}

.investor-accordion .accordion-button{

    background:#0d2336;

    color:#fff;

    padding:24px 28px;

    font-size:18px;

    font-weight:600;

    box-shadow:none;

}

.investor-accordion .accordion-button:not(.collapsed){

    background:#10283d;

    color:var(--primary);

}

.investor-accordion .accordion-button:focus{

    box-shadow:none;

}

.investor-accordion .accordion-button::after{

    filter:invert(1);

}

.investor-accordion .accordion-body{

    background:#10283d;

    color:#d5d5d5;

    line-height:1.9;

    padding:25px 30px;

}
/*==============================================================
INVESTOR CTA
==============================================================*/

.investor-cta{

    position:relative;

    padding:140px 0;

    overflow:hidden;

    background:
    url("../../images/investors/investor-cta.jpg")
    center center/cover no-repeat;

}

.cta-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(

        rgba(7,24,39,.92),

        rgba(7,24,39,.82)

    );

}

.investor-cta .container{

    position:relative;

    z-index:2;

}

.investor-cta .cta-tag{

    display:inline-block;

    padding:12px 26px;

    border-radius:50px;

    background:rgba(212,175,55,.12);

    color:var(--primary);

    letter-spacing:3px;

    text-transform:uppercase;

    font-weight:700;

    margin-bottom:25px;

}

.investor-cta h2{

    color:#fff;

    font-size:clamp(2.5rem,4vw,4.5rem);

    margin-bottom:25px;

}

.investor-cta p{

    color:#d5d5d5;

    font-size:18px;

    line-height:1.9;

    max-width:850px;

    margin:0 auto 45px;

}

.cta-buttons{

    display:flex;

    justify-content:center;

    gap:20px;

    flex-wrap:wrap;

}

.investor-cta .btn-outline{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:15px 38px;

    border:2px solid var(--primary);

    border-radius:50px;

    color:#fff;

    text-decoration:none;

    transition:.35s;

}

.investor-cta .btn-outline:hover{

    background:var(--primary);

    color:#111;

    transform:translateY(-5px);

}

@media(max-width:768px){

.investor-cta{

    padding:100px 0;

}

.investor-cta h2{

    font-size:2.3rem;

}

.investor-cta p{

    font-size:16px;

}

.cta-buttons{

    flex-direction:column;

}

.investor-cta .btn-gold,

.investor-cta .btn-outline{

    width:100%;

}

}