/* =========================================================
   Noor International Trading and Development LLC 
   SINGLE CSS FILE
========================================================= */

:root{
    --navy:#192b35;
    --navy2:#1d3039;
    --orange:#be582b;
    --orange-dark:#a94822;
    --light:#f0f2f3;
    --text:#26353b;
    --muted:#667177;
}

*{
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
    overflow-x:hidden;
}

body{
    margin:0;
    padding:0;
    background:#fff;
    color:var(--text);
    font-family:Arial, Helvetica, sans-serif;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
}

img{
    max-width:100%;
    display:block;
}

a{
    text-decoration:none;
}

.desktop-only{
    display:block;
}

.enr-container{
    max-width:1190px;
}


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

.site-header{
    position:absolute;
    top:0;
    left:0;
    right:0;
    z-index:100;
}

.navbar{
    padding:38px 0;
}

.brand{
    width:105px;
    display:block;
}

.brand img{
    max-width: none;
    width:290px !important;
    height:auto;
    filter: brightness(0) invert(1);
    object-fit:contain;
}

.navbar-toggler{
    border:1px solid rgba(255,255,255,.45);
}

.navbar-toggler:focus{
    box-shadow:none;
}

.navbar-toggler-icon{
    width:1.1em;
    height:1.1em;
}

.navbar-nav{
    gap:18px;
}

.nav-link{
    color:#fff !important;
    font-size:13px !important;
    line-height:1;
    font-weight:500;
    letter-spacing:.65px;
    padding:10px 10px !important;
    white-space:nowrap;
}

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

.nav-action,
.nav-investor{
    min-height:32px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    color:black;
    font-size:14px;
    background: #ffc107 !important;
    line-height:1.15;
    letter-spacing:.4px;
    font-weight:700;
}

.nav-action{
    padding:20px 15px;
    background:#192b35;
}

.nav-action:hover{
    color:#fff;
    background:var(--orange-dark);
}

.nav-investor{
    border:1px solid rgba(255,255,255,.45);
    padding:10px 15px;
    border-radius:5px;
}

.nav-investor:hover{
    color:#192b35;
}


/* =========================================================
   HERO
========================================================= */
.cc{
    background-image:url("../assets/abt-bg.jpg") !important;
}
.srvc{
    background-image:url("../assets/servic.jpg") !important;
}
.hero{
    position:relative;
    height:600px;
    overflow:hidden;
    color:#fff;
}
.construction-hero{
    height: auto !important;
}

.hero-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    z-index: 1;
}

.hero-content {
    position: relative;
    z-index: 2;
    color: #fff;
}
.hero-bg{
    position:absolute;
    inset:0;
    background-image:url("../assets/Home_Page_Noor_US_Flag.png");
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
}


.hero-container{
    position:relative;
    z-index:2;
    height:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding-top:20px;
}

.hero-content{
    text-align:center;
    margin-top:-18px;
}

.hero-content h1{
    margin:0;
    font-size:45px;
    line-height:1.18;
    font-weight:700;
    text-align: center;
    letter-spacing:-.45px;
}

.hero-content p{
    margin:12px 0 0;
    font-size:22px;
    line-height:1.55;
    font-weight:400;
    color:rgba(255,255,255,.78);
}

.hero-partners{
    position:absolute;
    bottom:32px;
    left:0;
    right:0;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:70px;
}

.history-copy .eyebrow {
    display: none;
}

/* =========================================================
   COMMON
========================================================= */

.section-title{
    margin:0;
    color:black;
    font-size:32px;
    line-height:1.50;
    font-weight:700;
    letter-spacing:-.2px;
}

.section-text{
    margin:0;
    color:black;
    font-size:18px;
    line-height:1.6;
    font-weight:400;
}

.eyebrow{
    color:black;
    font-size:16px;
    line-height:1.2;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:8px;
}


/* =========================================================
   LEADING
========================================================= */

.leading-section{
    background:#f1f3f4;
    padding:51px 0 43px;
}

.intro-row{
    align-items:flex-start;
}


/* =========================================================
   STAT CARD CONTENT
   OWL CAROUSEL CONTROLS THE SLIDER
========================================================= */

.stat-card{
    position:relative;
    height: 330px;
    overflow:hidden;
    border-radius:15px;
    background:#c7cacc;
}

.stat-card img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.stat-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        to bottom,
        rgba(0,0,0,.02),
        rgba(0,0,0,.15) 42%,
        rgba(0,0,0,.70)
    );
}

.stat-copy{
    position:absolute;
    z-index:2;
    left:18px;
    right:10px;
    bottom:38px;
    color:#fff;
}

.stat-copy strong{
    display:block;
    font-size:40px;
    line-height:1;
    font-weight:600;
}

.stat-copy span{
    display:block;
    margin-top:5px;
    font-size:16px;
    line-height:1.3;
    font-weight:500;
    letter-spacing:.15px;
}


/* =========================================================
   OWL CAROUSEL
========================================================= */

.owl-carousel{
    display:block !important;
    width:100%;
    z-index:1;
}

.owl-carousel.owl-loaded{
    display:block !important;
}

.owl-carousel .owl-stage-outer{
    overflow:hidden;
}

.owl-carousel .owl-stage{
    display:flex;
}

.owl-carousel .owl-item{
    flex-shrink:0;
}

.owl-carousel .item{
    width:100%;
}


/* =========================================================
   INVESTMENT
========================================================= */

.investment-section{
    position:relative;
    width:100%;
    padding:100px 0;
    background-image:url("../assets/The-Approach-1.webp");
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
}

.investment-section .container{
    position:relative;
    z-index:2;
}

.investment-section .row{
    align-items:center;
}

.investment-content{
    color:#000;
}

.investment-row{
    margin-bottom:35px;
}

.investment-row:last-child{
    margin-bottom:0;
}

.investment-row h3{
    color:#000;
    font-size:30px;
    line-height:1.25;
    font-weight:700;
    margin:0 0 12px;
}

.investment-row p{
    color:#000;
    font-size:18px;
    line-height:1.7;
    margin:0;
}


/* =========================================================
   REGIONS
========================================================= */

.regions-section{
    background:#f3f5f6;
    padding:55px 0 43px;
}

.map-box{
    width:75%;
    margin:38px auto 0;
}

.map-box img{
    width:100%;
    height:auto;

        filter: brightness() invert(1);
    
}


/* =========================================================
   INDUSTRY
========================================================= */

.industry-section{
    background:#fff;
    padding:44px 0 39px;
    text-align:center;
}

.industry-heading{
    max-width:570px;
    margin:0 auto;
}

.industry-heading .eyebrow{
    margin-bottom:7px;
}

.industry-heading .section-title{
    font-size:23px;
}

.industry-description{
    max-width:510px;
    margin:12px auto 16px;
    color:#5d666b;
    font-size:8px;
    line-height:1.6;
}

.orange-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:28px;
    padding:0 14px;
    background:var(--orange);
    color:#fff;
    font-size:7px;
    line-height:1;
    font-weight:700;
    letter-spacing:.45px;
}

.orange-button:hover{
    background:var(--orange-dark);
    color:#fff;
}


/* =========================================================
   PARTNERS
========================================================= */

.partners-section{
    position:relative;
    overflow:hidden;
    padding:45px 0 38px;
    background:
        radial-gradient(
            circle at 15% 30%,
            rgba(0,0,0,.035) 0 1px,
            transparent 1.5px
        ),
        radial-gradient(
            circle at 70% 70%,
            rgba(0,0,0,.025) 0 1px,
            transparent 1.5px
        ),
        #fff;
    background-size:18px 18px,23px 23px;
}

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

.partners-heading .section-title{
    font-size:23px;
}

.partners-heading p{
    margin:9px 0 0;
    color:#666f73;
    font-size:8px;
    line-height:1.55;
}

.partners-window{
    margin-top:29px;
    overflow:hidden;
    width:100%;
}

.partners-track{
    display:flex;
    align-items:center;
    width:max-content;
    gap:30px;
    animation:partners-scroll 38s linear infinite;
}

.partners-track img{
    width:62px;
    height:28px;
    object-fit:contain;
    flex:0 0 62px;
}

@keyframes partners-scroll{
    from{
        transform:translateX(0);
    }

    to{
        transform:translateX(-50%);
    }
}


/* =========================================================
   HISTORY
========================================================= */

.history-section{
    background:#eef1f2;
    padding:0;
    padding-bottom: 15px;
}

.history-grid{
    display:grid;
    grid-template-columns:50% 50%;
    min-height:320px;
}

.history-copy{
    padding:54px 45px 48px 0;
}

.history-copy p{
    max-width:445px;
    margin:16px 0 0;
    color:black;
    font-size:18px;
    line-height:1.58;
}

.history-image{
    min-height:320px;
}

.history-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}


/* =========================================================
   NEWS
========================================================= */

.news-section{
    background:#fff;
    padding:53px 0 59px;
}

.news-heading{
    margin-bottom:32px;
    font-size:23px;
}

.news-slider{
    width:100%;
    overflow:hidden;
}

.news-track{
    display:flex;
    gap:17px;
    width:100%;
    transition:transform .65s ease;
    will-change:transform;
}

.news-card{
    position:relative;
    flex:0 0 calc((100% - 34px) / 3);
    width:calc((100% - 34px) / 3);
    min-width:0;
    height:350px;
    overflow:hidden;
    background:#d4d4d4;
}

.news-card img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.news-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        to bottom,
        transparent 25%,
        rgba(0,0,0,.12) 45%,
        rgba(0,0,0,.84) 100%
    );
}

.news-copy{
    position:absolute;
    z-index:2;
    left:17px;
    right:17px;
    bottom:18px;
    color:#fff;
}

.news-copy span{
    display:block;
    font-size:7px;
    line-height:1.2;
    letter-spacing:.75px;
}

.news-copy h3{
    margin:7px 0 0;
    font-size:12px;
    line-height:1.34;
    font-weight:700;
}

.news-loader{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:5px;
    margin-top:19px;
    min-height:8px;
}

.news-loader button{
    border:0;
    padding:0;
    width:5px;
    height:5px;
    border-radius:50%;
    background:#d2d2d2;
}

.news-loader button.active{
    width:21px;
    border-radius:5px;
    background:var(--orange);
}

.news-button{
    margin-top:21px;
}


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

.cta-section{
    background:#172236;
    padding:51px 0 54px;
    color:#fff;
    text-align:center;
}

.cta-section h2{
    margin:0;
    font-size:36px;
    line-height:1.2;
    font-weight:700;
}

.cta-section p{
    max-width:560px;
    margin:12px auto 17px;
    font-size:18px;
    font-weight:400;
    line-height:1.55;
}

.schedule-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:28px;
    padding:12px 18px;
    background:#000;
    color:#ffc107;
    font-size:18px;
    font-weight:600;
    letter-spacing:.55px;
}

.schedule-button:hover{
    color:black;
    background:#ffc107;
}


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

.footer{
    background:#000000;
    color:#fff;
    padding:42px 0 27px;
}

.footer-top{
    row-gap:25px;
}

.footer h4{
    margin:0 0 12px;
    font-size:20px;
    line-height:1;
    font-weight:700;
    letter-spacing:.65px;
}

.footer a{
    color:#d2d9dc;
    font-size:16px;
    line-height:1.65;
}

.footer p{
    max-width:400px;
    margin:0;
    font-size:16px;
}

.footer a{
    display:block;
}

.footer .social-icons{
    display:flex;
    gap:4px;
    margin-top:8px;
}


.footer .social-icons a{
    width: 57px;
    height: 31px;
    border:1px solid rgba(255,255,255,.4);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size: 16px;
}

.footer-bottom{
    margin-top:30px;
    padding-top:18px;
    border-top:1px solid rgba(255,255,255,.13);
    text-align:center;
}

.footer-bottom > div{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
}

.footer-bottom a,
.footer-bottom span{
    display:inline;
    font-size:14px;
    font-weight:700;
}

.footer-bottom p{
    max-width:800px;
    margin:11px auto 0;
    color:#89969b;
    font-size:14px;
    line-height:1.6;
}


.slide-wio{
    padding: 40px 0 40px 0;
    background-color:var(--light);
}
.containero {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 30px;
    box-sizing: border-box;
}
.about-section-cont{
    font-size: 32px;
    margin: 0;
    color: #000000;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 400;
}
.img-fluids{
    max-width:85%;
    height: auto;
}


.section-heading {
    color: black;
    font-weight: 700;
    border-left: 5px solid #a94822;
    padding-left: 12px;
}

.profile-card {
    border: 1px solid #e2e8f0;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
}

.profile-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08) !important;
}
.our-mission{
    background: url(../assets/mission-bg.webp) no-repeat center center;
    background-size: cover;
        padding: 80px 5%;

}
.avatar-circle {
    width: 60px;
    height: 60px;
    background-color: #e7f1ff;
    color: #a94822;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.font-medium {
    font-size: 0.95rem;
    font-weight: 600;
    color: #ffc107 !important;
}

.location-badge {
    margin-top: auto;
    font-size: 0.85rem;
    color: #6c757d;
    background-color: #f1f5f9;
    padding: 6px 12px;
    border-radius: 20px;
    width: fit-content;
}
/* =========================================================
   TABLET
========================================================= */

@media (max-width:991px){

    .enr-container{
        max-width:820px;
    }

    .navbar-nav{
        padding-top:10px;
        padding-bottom:10px;
    }

    .nav-link{
        padding-left:5px !important;
        padding-right:5px !important;
    }

    .nav-action,
    .nav-investor{
        margin-top:5px;
        margin-bottom:5px;
    }

    .hero{
        height:540px;
    }
/* 
    .hero-content h1{
        font-size:30px;
    } */

    .hero-partners{
        gap:17px;
    }
/* 
    .stat-card{
        height:280px;
    } */

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

    .investment-row h3{
        font-size:24px;
    }

    .investment-row p{
        font-size:15px;
    }
}

.sec-one {
    background-image: url(../assets/bg-1.webp) !important;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    padding: 190px 0;
    color: #fff;
  }
/* =========================================================
   MOBILE
========================================================= */

@media (max-width:767px){

    html,
    body{
        width:100%;
        max-width:100%;
        overflow-x:hidden;
    }
    .brand img{
       margin-left: -40px;
    width: 205px !important;
}
    .stat-card{
        position:relative;
        height: 400px;
        overflow:hidden;
        border-radius:15px;
        background:#c7cacc;
    }
    .container{
        width:100%;
        max-width:100%;
    }   
    .img-fluids {
        max-width: 100%;
    }
    .our-mission{
        padding: 0;
        padding-bottom: 15px;
    }
    .enr-container{
        width:100%;
        max-width:100%;
        padding-left:20px;
        padding-right:20px;
    }

    .desktop-only{
        display:none;
    }


    /* HEADER */

    .navbar{
        padding:10px 20px;
    }

    .brand{
        width:91px;
    }

    .navbar-toggler{
        padding:5px 7px;
    }

    .navbar-collapse{
        margin-top:8px;
        padding:9px 12px;
        background:rgba(20,34,42,.98);
        border:1px solid rgba(255,255,255,.12);
        border-radius:4px;
    }

    .navbar-nav{
        width:100%;
        gap:2px;
        padding:0;
    }

    .nav-link{
        display:block;
        width:100%;
        font-size:11px !important;
        line-height:1.3;
        padding:9px 2px !important;
    }

    .nav-action,
    .nav-investor{
        width:100%;
        min-height:40px;
        margin:5px 0;
        font-size:11px;
    }

    .nav-action{
        padding:10px 15px;
    }

    .nav-investor{
        padding:10px 15px;
    }


    /* HERO */

    .hero{
        width:100%;
        height:485px;
        min-height:485px;
    }

    .hero-container{
        width:100%;
        padding:35px 20px 0;
    }

    .hero-content{
        width:100%;
        margin-top:0;
    }

    .hero-content h1{
        font-size:22px;
        line-height:1.2;
        letter-spacing:-.25px;
    }

    .hero-content p{
        max-width:330px;
        margin:10px auto 0;
        font-size:19px;
        line-height:1.5;
    }

    .hero-partners{
        bottom:26px;
        left:20px;
        right:20px;
        gap:8px;
        padding:0;
        flex-wrap:nowrap;
    }

    .hero-partners img{
        width:auto;
        max-width:20%;
        height:25px;
        object-fit:contain;
    }


    /* COMMON */

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

    .section-text{
        margin-top:13px;
        font-size:18px;
        line-height:1.65;
    }

    .eyebrow{
        font-size:12px;
    }


    /* LEADING */

    .leading-section{
        padding:41px 0 34px;
    }

    .intro-row{
        display:block;
    }


    /* OWL STATISTICS */

    /* .stat-card{
        height:178px;
        border-radius:12px;
    } */

    .stat-copy{
        left:18px;
        right:15px;
        top:28px;
    }

    .stat-copy strong{
        font-size:23px;
    }

    .stat-copy span{
        font-size:13px;
    }


    /* INVESTMENT */

    .investment-section{
        width:100%;
        padding:60px 0;
        min-height:auto;
        background-size:cover;
        background-position:center center;
    }

    .investment-section .container{
        width:100%;
        max-width:100%;
        padding-left:20px;
        padding-right:20px;
    }

    .investment-section .row{
        display:block;
        width:100%;
        margin:0;
    }

    .investment-section .row > .col-lg-5{
        display:none;
    }

    .investment-content{
        display:block;
        width:100%;
        max-width:100%;
        padding:0;
    }

    .investment-row{
        width:100%;
        margin-bottom:28px;
    }

    .investment-row:last-child{
        margin-bottom:0;
    }

    .investment-row h3{
        color:#000;
        font-size:21px;
        line-height:1.3;
        margin:0 0 10px;
    }

    .investment-row p{
        color:#000;
        font-size:14px;
        line-height:1.7;
        margin:0;
    }


    /* REGIONS */

    .regions-section{
        padding:43px 0 36px;
    }

    .map-box{
        width:100%;
        margin:25px auto 0;
    }


    /* INDUSTRY */

    .industry-section{
        padding:39px 0 34px;
    }

    .industry-heading{
        width:100%;
        max-width:100%;
        padding:0 10px;
    }

    .industry-heading .section-title{
        font-size:21px;
    }

    .industry-description{
        width:100%;
        max-width:330px;
        margin:12px auto 18px;
        font-size:12px;
        line-height:1.6;
    }

    .orange-button{
        min-height:38px;
        padding:0 18px;
        font-size:10px;
    }


    /* PARTNERS */

    .partners-section{
        padding:40px 0 34px;
    }

    .partners-heading .section-title{
        font-size:21px;
    }

    .partners-heading p{
        font-size:11px;
        padding:0 15px;
    }

    .partners-window{
        margin-top:25px;
    }

    .partners-track{
        gap:21px;
        animation-duration:27s;
    }

    .partners-track img{
        width:60px;
        height:28px;
        flex:0 0 60px;
    }


    /* HISTORY */

    .history-grid{
        display:flex;
        flex-direction:column;
        width:100%;
    }

    .history-copy{
        width:100%;
        padding:42px 20px 36px;
    }

    .history-copy p{
        max-width:100%;
        margin-top:15px;
        font-size:18px;
        line-height:1.65;
    }

    .history-image{
        width:100%;
        height:235px;
        min-height:235px;
    }


    /* NEWS */

    .news-section{
        width:100%;
        padding:43px 0 48px;
    }

    .news-heading{
        margin-bottom:25px;
        font-size:21px;
    }

    .news-slider{
        width:100%;
        overflow:hidden;
    }

    .news-track{
        display:flex;
        gap:0;
    }

    .news-card{
        flex:0 0 100%;
        width:100%;
        min-width:100%;
        height:390px;
    }

    .news-copy{
        left:20px;
        right:20px;
        bottom:21px;
    }

    .news-copy span{
        font-size:8px;
    }

    .news-copy h3{
        font-size:13px;
        line-height:1.4;
    }


    /* CTA */

    .cta-section{
        width:100%;
        padding:46px 20px 48px;
    }

    .cta-section h2{
        font-size:28px;
    }

    .cta-section p{
        max-width:350px;
        margin:12px auto 18px;
        padding:0;
        font-size:16px;
        line-height:1.6;
    }

    .schedule-button{
        min-height:40px;
        padding:0 18px;
        font-size:16px;
    }


    /* FOOTER */

    .footer{
        width:100%;
        padding:37px 0 25px;
    }

    .footer-top{
        row-gap:28px;
    }

    .footer h4{
        margin-bottom:12px;
        font-size:16px;
    }

    .footer p,
    .footer a{
        font-size:16px;
        line-height:1.7;
    }

    .footer p{
        max-width:100%;
    }

    .footer .social-icons{
        gap:5px;
        margin-top:9px;
    }

    .footer .social-icons a{
        width:28px;
        height:25px;
        font-size:10px;
    }

    .footer-bottom{
        margin-top:25px;
        padding-top:18px;
    }

    .footer-bottom > div{
        flex-wrap:wrap;
    }

    .footer-bottom a,
    .footer-bottom span{
        font-size:14px;
    }

    .footer-bottom p{
        max-width:100%;
        margin-top:11px;
        font-size:11px;
        line-height:1.6;
    }
}


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

@media (max-width:380px){

    .navbar{
        padding-left:15px;
        padding-right:15px;
    }

    .enr-container{
        padding-left:15px;
        padding-right:15px;
    }

    .hero-content h1{
        font-size:24px;
    }

    .hero-content p{
        max-width:290px;
        font-size:12px;
    }

    .hero-partners{
        left:15px;
        right:15px;
        gap:5px;
    }

    .investment-section .container{
        padding-left:15px;
        padding-right:15px;
    }

    .investment-row h3{
        font-size:19px;
    }

    .investment-row p{
        font-size:13px;
    }

    .news-card{
        height:360px;
    }

    /* .stat-card{
        height:170px;
    } */
}

/* =========================================================
   STATISTICS OWL SLIDER
========================================================= */

/* =========================================================
       STATISTICS OWL SLIDER
    ========================================================= */
    
    .stats-slider {
        position: relative;
        width: 100%;
        margin-top: 34px;
            background: #163654;
    padding: 20px;
    }
    
    
    /* =========================================================
       OWL BASIC
    ========================================================= */
    
    #statsTrack {
        width: 100%;
    }
    
    #statsTrack .owl-dots,
    #statsTrack .owl-nav {
        display: none !important;
    }
   .noor-partnership-content{
       background: black;
   }
    .noor-partnership-item h3{
    color:  #ffc107 !important;
    }
    .noor-partnership-item p{
          color:white !important;
    }
    /* =========================================================
       STAT CARD
    ========================================================= */
    
    #statsTrack .stat-card {
        position: relative;
        width: 100%;
    border: 1px solid #ffc107;
        overflow: hidden;
        border-radius: 15px;
        background: #c7cacc;
    }
    
    #statsTrack .stat-card img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }
    
    
    /* =========================================================
       OVERLAY
    ========================================================= */
    
    #statsTrack .stat-overlay {
        position: absolute;
        inset: 0;
        z-index: 1;
    
        background: linear-gradient(
            to bottom,
            rgba(0, 0, 0, .02),
            rgba(0, 0, 0, .15) 42%,
            rgba(0, 0, 0, .70)
        );
    }
    
    
    /* =========================================================
       TEXT
    ========================================================= */
    
    #statsTrack .stat-copy {
        position: absolute;
        z-index: 2;
    
        left: 18px;
        right: 10px;
        bottom: 38px;
    
        color: #fff;
    }
    
    #statsTrack .stat-copy strong {
        display: block;
    
        font-size: 40px;
        line-height: 1;
        font-weight: 600;
    }
    
    #statsTrack .stat-copy span {
        display: block;
    
        margin-top: 5px;
    
        font-size: 16px;
        line-height: 1.3;
        font-weight: 500;
        letter-spacing: .15px;
    }
    
    
    /* =========================================================
       LOADER
    ========================================================= */
    
    .stats-loader {
        height: 10px;
        margin-top: 9px;
    
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 4px;
    }
    
    .stats-loader span {
        width: 5px;
        height: 5px;
    
        border-radius: 50%;
        background: #d4d4d4;
    
        transition: all .3s ease;
    }
    
    .stats-loader span.active {
        width: 20px;
    
        border-radius: 5px;
    
        background: linear-gradient(
            to right,
            var(--orange) 0 68%,
            #d4d4d4 68% 100%
        );
    }
    
    
    /* =========================================================
       TABLET
    ========================================================= */
    
    @media (max-width: 991px) {
    
        /* #statsTrack .stat-card {
            height: 300px;
        } */
    
        #statsTrack .stat-copy strong {
            font-size: 34px;
        }
    
        #statsTrack .stat-copy span {
            font-size: 14px;
        }
    
    }
    
    
    /* =========================================================
       MOBILE
       CARD KE LEFT + RIGHT 10px SPACE
    ========================================================= */
    
    @media (max-width: 767px) {
    
        .stats-slider {
            width: 100%;
            margin-top: 25px;
            overflow: hidden;
        }
    
        /*
           Owl ko 10px left/right breathing space
           Card full viewport nahi lega
        */
    
        #statsTrack {
            width: calc(100% - 20px);
            margin-left: 10px;
            margin-right: 10px;
        }
    
        #statsTrack .stat-card {
            width: 100%;

            border-radius: 12px;
        }
    
        #statsTrack .stat-copy {
            left: 18px;
            right: 15px;
            top: 260px;
        }
    
        #statsTrack .stat-copy strong {
            font-size: 34px;
        }
    
        #statsTrack .stat-copy span {
            font-size: 21px;
        }
    
        .stats-loader {
            margin-top: 10px;
        }
    
    }
    
    
    /* =========================================================
       SMALL MOBILE
    ========================================================= */
    
    @media (max-width: 380px) {
    
        #statsTrack {
            width: calc(100% - 20px);
            margin-left: 10px;
            margin-right: 10px;
        }
    
      
    
    }















    /* srvi */
    /* =========================================================
   CONSTRUCTION HERO
========================================================= */

.construction-hero {
    position: relative;
    overflow: hidden;
}


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

.construction-hero .hero-investor-layout {

    position: relative;
    z-index: 5;

    width: 100%;

    min-height: 850px;

    display: grid;

    grid-template-columns: minmax(0, 1fr) 373px;

    column-gap: 55px;

    align-items: center;

    /*
       Extra top space so content does not hit navigation
    */
    padding: 110px 0 70px;
}


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

.construction-hero .hero-investor-content {

    align-self: center;

    max-width: 570px;

    color: #fff;
}


.construction-hero .hero-investor-content h2 {

    margin: 0 0 24px;



    font-size: 38px;

    line-height: 1.2;

    font-weight: 700;

    color:  #ffc107;
}


.construction-hero .hero-investor-intro {

    margin: 0 0 32px;

    font-family: Arial, sans-serif;

    font-size: 20px;

    line-height: 1.65;

    font-weight: 400;

    color: #fff;
}


.construction-hero .hero-investor-content h3 {

    margin: 0 0 20px;

    font-family: Arial, sans-serif;

    font-size: 24px;

    line-height: 1.35;

    font-weight: 700;

    color: #fff;
}


/* =========================================================
   BENEFITS
========================================================= */

.construction-hero .hero-benefits {

    margin: 0;

    padding: 0;

    list-style: none;
}


.construction-hero .hero-benefits li {

    display: flex;

    align-items: flex-start;

    margin-bottom: 16px;

    font-family: Arial, sans-serif;

    font-size: 15px;

    line-height: 1.5;

    color: #fff;
}


.construction-hero .hero-benefits li i {

    width: 22px;

    margin-top: 3px;

    margin-right: 10px;
font-weight: 600;
    flex-shrink: 0;

    color:  #ffc107;

    font-size: 16px;
}


.construction-hero .hero-benefits li span {

    display: block;
}


/* =========================================================
   TRUST LOGOS
========================================================= */

.construction-hero .hero-trust-logos {

    display: flex;

    align-items: center;

    gap: 48px;

    margin-top: 50px;
}


.construction-hero .hero-trust-logos span {

    font-family: Arial, sans-serif;

    font-size: 18px;

    font-weight: 700;

    color: rgba(255,255,255,.55);

    letter-spacing: 1px;
}


/* =========================================================
   RIGHT FORM
========================================================= */

.construction-hero .hero-investor-form-wrapper {

    width: 100%;

    align-self: center;
}


.construction-hero .hero-form-top-title {

    margin-bottom: 18px;

    text-align: center;

    font-family: Arial, sans-serif;

    font-size: 22px;

    line-height: 1.3;

    font-weight: 700;

    color: #b9b9b9;
}


.construction-hero .hero-investor-form {

    width: 100%;

    background: #fff;

    border-radius: 12px;

    overflow: hidden;

    box-shadow: 0 15px 45px rgba(0,0,0,.28);

    color: #172236;
}


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

.construction-hero .hero-investor-form form {

    padding: 0 20px 15px !important;
}


.construction-hero .hero-form-logo {

    padding: 20px 20px 7px;

    text-align: center;
}


.construction-hero .hero-form-logo img {

    display: inline-block;

    width: auto;

    max-width: 190px;

    height: 58px;

    object-fit: contain;
}


.construction-hero .hero-investor-form h2 {

    margin: 5px 0 15px;

    text-align: center;

    font-family: Arial, sans-serif;

    font-size: 24px;

    line-height: 1.2;

    font-weight: 500;

    color: #172236;
}


.construction-hero .hero-form-description {

    margin: 0 auto 18px;

    max-width: 310px;

    text-align: center;

    font-family: Arial, sans-serif;

    font-size: 13px;

    line-height: 1.45;

    color: #606b7b;
}


.construction-hero .hero-form-small-text {

    margin: 0 0 25px;

    text-align: center;

    font-family: Arial, sans-serif;

    font-size: 13px;

    line-height: 1.4;

    color: #606b7b;
}


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

.construction-hero .hero-form-row {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 10px;
}


.construction-hero .hero-form-group {

    margin-bottom: 17px;
}


.construction-hero .hero-form-group label {

    display: block;

    margin-bottom: 5px;

    font-family: Arial, sans-serif;

    font-size: 12px;

    line-height: 1.2;

    font-weight: 700;

    color: #4a5260;
}


.construction-hero .hero-form-group label span {

    color: #192b35;
}


.construction-hero .hero-form-group input {

    display: block;

    width: 100%;

    height: 39px;

    padding: 8px 11px;

    background: #fff;

    border: 1px solid #ccd2da;

    border-radius: 6px;

    outline: none;

    font-family: Arial, sans-serif;

    font-size: 12px;

    color: #172236;

    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}


.construction-hero .hero-form-group input:focus {

    border-color: #192b35;

    box-shadow:
        0 0 0 2px rgba(216,122,71,.12);
}


.construction-hero .hero-form-group input::placeholder {

    color: #9299a2;
}


/* =========================================================
   PHONE
========================================================= */

.construction-hero .hero-phone-input {

    display: flex;

    width: 100%;

    height: 39px;

    border: 1px solid #ccd2da;

    border-radius: 6px;

    overflow: hidden;

    background: #fff;
}


.construction-hero .hero-country-code {

    width: 74px;

    display: flex;

    align-items: center;

    padding-left: 10px;

    border-right: 1px solid #d9dde2;

    font-family: Arial, sans-serif;

    font-size: 12px;

    color: #444;
}


.construction-hero .hero-phone-input input {

    height: 37px;

    border: 0;

    border-radius: 0;

    box-shadow: none;
}


.construction-hero .hero-phone-input:focus-within {

    border-color: #192b35;

    box-shadow:
        0 0 0 2px rgba(216,122,71,.12);
}


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

.construction-hero .hero-form-submit {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    height: 40px;

    margin-top: 4px;

    border: 0;

    border-radius: 6px;

    background: black;

    color: #ffc107;

    font-family: Arial, sans-serif;

    font-size: 14px;

    font-weight: 700;

    cursor: pointer;

    transition: all .25s ease;
}


.construction-hero .hero-form-submit i {

    margin-left: 8px;

    font-size: 11px;
}


.construction-hero .hero-form-submit:hover {

    background: #ffc107;
    color: black;
}


/* =========================================================
   DISCLAIMER
========================================================= */

.construction-hero .hero-form-disclaimer {

    margin: 8px 4px 0;

    text-align: center;

    font-family: Arial, sans-serif;

    font-size: 8.5px;

    line-height: 1.35;

    color: #7a828e;
}


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

.construction-hero .hero-form-footer {

    padding: 13px 15px;

    border-top: 1px solid #e7e9ec;

    text-align: center;

    font-family: Arial, sans-serif;

    font-size: 10px;

    color: #7a828e;
}


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

@media (max-width: 991px) {

    .construction-hero .hero-investor-layout {

        grid-template-columns:
            minmax(0, 1fr) 350px;

        column-gap: 35px;

        min-height: 780px;

        padding: 100px 0 60px;
    }


    .construction-hero .hero-investor-content h2 {

        font-size: 27px;
    }


    .construction-hero .hero-investor-intro {

        font-size: 15px;

        line-height: 1.6;
    }


    .construction-hero .hero-investor-content h3 {

        font-size: 19px;
    }


    .construction-hero .hero-benefits li {

        font-size: 13px;
    }

}


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

@media (max-width: 767px) {

    .construction-hero .hero-investor-layout {

        display: flex;

        flex-direction: column;

        align-items: stretch;

        min-height: auto;

        padding: 90px 15px 55px;
    }


    .construction-hero .hero-investor-content {

        width: 100%;

        max-width: 100%;

        margin-bottom: 45px;
    }


    .construction-hero .hero-investor-content h2 {

        font-size: 26px;

        line-height: 1.25;

        margin-bottom: 20px;
    }


    .construction-hero .hero-investor-intro {

        font-size: 15px;

        line-height: 1.6;

        margin-bottom: 30px;
    }


    .construction-hero .hero-investor-content h3 {

        font-size: 19px;

        margin-bottom: 18px;
    }


    .construction-hero .hero-benefits li {

        font-size: 14px;

        margin-bottom: 14px;
    }


    .construction-hero .hero-trust-logos {

        gap: 25px;

        margin-top: 35px;

        flex-wrap: wrap;
    }


    .construction-hero .hero-trust-logos span {

        font-size: 15px;
    }


    .construction-hero .hero-investor-form-wrapper {

        width: 100%;
    }


    .construction-hero .hero-form-top-title {

        font-size: 17px;
    }


    .construction-hero .hero-investor-form {

        max-width: 430px;

        margin: 0 auto;
    }

}


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

@media (max-width: 480px) {

    .construction-hero .hero-investor-layout {

        padding:
            75px 10px
            45px;
    }


    .construction-hero .hero-investor-content {

        margin-bottom: 38px;
    }


    .construction-hero .hero-investor-content h2 {

        font-size: 23px;

        line-height: 1.25;
    }


    .construction-hero .hero-investor-intro {

        font-size: 14px;

        line-height: 1.6;
    }


    .construction-hero .hero-benefits li {

        font-size: 13px;
    }


    .construction-hero .hero-investor-form form {

        padding-left: 16px;

        padding-right: 16px;
    }


    .construction-hero .hero-form-logo img {

        max-width: 165px;
    }


    .construction-hero .hero-investor-form h2 {

        font-size: 22px;
    }


    .construction-hero .hero-form-row {

        grid-template-columns: 1fr;

        gap: 0;
    }


    .construction-hero .hero-trust-logos {

        gap: 18px;
    }

}