/* Small line below menu */
/*.nav-line {
    display: block;
    width: 55px;
    height: 2px;
    background: rgba(255,255,255,0.4);
    margin: 25px auto 0;
}*/

/* Hero */


.hero-inner {
    position: relative;
}

.hero img {
    width: 100%;
    display: block;
}

.hero-content {
    position: absolute;
    top: 100px;
    right: 35px;
    color: #4c5b4e;
}

.hero-title {
    margin: 0;
    line-height: 1.2;
    font-size: 60px;
}

.hero-title-accent {
    display: block;
    margin-left: 20px;
    font-weight: 600;
}

.hero-content h1 {
    font-family: 'Playfair Display', serif;
    font-size: 42px;
    font-weight: 300;
}

/* Intro */
.intro {
    text-align: center;
}




/* Projects */
.projects {
    padding: 70px 0;
}

.section-title {
    text-align: center;
    font-family: 'Cormorant Garamond', serif;
    font-size: 42px;
    margin-bottom: 50px;
}

.project-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.project-card {
    background: #fff;
}

.project-card img {
    width: 100%;
    display: block;
    aspect-ratio: 6 / 4;
    object-fit: cover;
}

.project-content {
    padding: 20px;
}

.project-content h3 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 28px;
    margin-bottom: 15px;
}

.btn {
    display: inline-block;
    padding: 10px 25px;
    background: #c89a5b;
    color: #fff;
    text-decoration: none;
    border-radius: 30px;
    margin-top: 15px;
}

/* Numbers */

.number-card.light p {
    color: #35463c;
}

.numbers {
    padding: 80px 0;
}

.stats-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}

.stat-box {
    text-align: center;
    padding: 25px;
    background: #fff;
}

.stat-box h4 {
    color: #173329;
    font-size: 28px;
    margin-bottom: 10px;
}

/* Philosophy */
.philosophy {
    /* background: #173329; */
    padding: 80px 0;
}

.philosophy-inner {
    background: #fff;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
}

.philosophy img {
    width: 100%;
}

.philosophy-content {
    padding: 50px;
}

/* .philosophy-content h2 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 42px;
    margin-bottom: 20px;
} */

/* Testimonials */
.testimonials {
    padding: 80px 0;
}

/*.testimonial-box {
     max-width:900px; */
    /* margin:auto; */
    /* background:#fff; */
    /* padding:40px; */
    /* display: grid;
    grid-template-columns: 250px 1fr; */
    /* gap:30px; 
}*/

.testimonial-box img {
    width: 100%;
}

.testimonial-box h4 {
    margin-top: 20px;
}

@media(max-width:991px) {
   

    .project-grid,
    .stats-grid,
    .philosophy-inner,
    .testimonial-box {
        grid-template-columns: 1fr;
    }


    .hero-title {
        font-size: 34px;
    }

    .hero-wrapper {
        background-position: center;
    }

    .hero-content h1 {
        color: #fff;
    }
}


/* =========================
   NUMBERS SECTION
========================= */



.section-subtitle {
    display: block;
    font-size: 14px;
    letter-spacing: 1px;
    color: #35463c;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.section-subtitlee {
    display: block;
    font-size: 14px;
    letter-spacing: 1px;
    color: #ad8051;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.numbers .section-title {
    font-family: 'Playfair Display', serif;
    font-size: 42px;
    color: #35463c;
    font-weight: 500;
    margin-bottom: 40px;
}

.numbers-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    /*max-width: 1000px;*/
    margin: 0 auto;
}

.number-card {
    padding: 30px 20px;
    min-height: 170px;

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

.number-card.light {
    background: #ececec;
}

.number-card.dark {
    background: #35463c;
    color: #fff;
}

.number-card h3 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 12px;
    font-family: Arial, sans-serif;
    color: #35463c;
}

.number-card h3 span {
    font-size: 20px;
    font-weight: 400;
}

.number-card p {
    font-size: 20px;
    line-height: 1.4;
    text-transform: uppercase;
    margin-top: 20px;
}

.number-card.dark p,
.number-card.dark h3 {
    color: #fff;
}


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

/* .philosophy {
    padding: 0px 60px;
    background-image: url('../image/bg.jpg');
} */

.philosophy-banner {
    position: relative;
    overflow: hidden;
}

.philosophySwiper {
    width: 100%;
}

.philosophy-slide {
    position: relative;
}

.philosophy-banner img {
    width: 100%;
    display: block;
}

.philosophy-content {
    position: absolute;
    top: 15%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;

    max-width: 800px;
    width: 90%;
}

.philosophy-pagination {
    bottom: 65px !important;
}

.philosophy-pagination .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    background: rgba(255, 255, 255, 1);
    opacity: 1;
}

.philosophy-pagination .swiper-pagination-bullet-active {
    background: var(--brown);
}

/* .philosophy-content h2 {
    font-family: 'Playfair Display', serif;
    font-size: 42px;
    font-weight: 500;
    color: #35463c;
    margin-bottom: 15px;
}

.philosophy-content p {
    font-size: 20px;
    line-height: 1.7;
    color: #35463c;
    font-weight: 600;
} */





.projects-title {
    margin-bottom: 40px;
    text-align: center;
    color: #35463c;
    font: 42px 'Playfair Display', serif;
}

.project-card {
    position: relative;
    overflow: hidden;
}

.project-card.active img,
.project-card:hover img {
    opacity: 1;
}

.project-overlay {
    position: absolute;
    inset: 0;
   
    padding-top: 50px;
    background: var(--green);
    text-align: center;
    transition: all 0.3s ease-in-out;
}

/*.project-card.active .project-overlay,
.project-card:hover .project-overlay{
    background:rgba(0,0,0,.35);
}*/

.projectRow {--bs-gutter-x: 10px;}

.project-overlay h3, .projectsTxtSwiper h3 {
color: #c78f63;
font-size:30px;
font-family: var(--font-playfair);
margin-bottom: 0;
padding-top: 15px;
}
/* .projectsTxtSwiper {padding-right: 200px;} */
.projectsTxtSwiper h3 {margin-bottom: 15px;}

/* hide text on hover */
/* .project-card:hover .project-overlay h3 {
    opacity: 0;
} */

.swiper-button-next {
    width: 30%;
    /* height: 440px; */
    /*right:0;*/
    left: 50%;
    top: 50%;

   transform: translate(-50%, -50%);
    transition: opacity .3s ease;
    /*background:#35463c;*/
}

/* IMAGE SHOWS ONLY WHEN ACTIVE OR HOVER */
.swiper-slide-active .project-card .project-overlay {
    opacity: 0;
}

/* hide arrow on hover */
/*.swiper-button-next:hover{
    opacity:2;
    pointer-events:none;
}
.swiper-button-next:hover img{
    opacity:0;
}*/

.swiper-button-next::after {
    display: none;
}

.swiper-button-next img {
    width: 100%;
    /* max-width: 100%; */
    height: auto;
}

/*.swiper-button-next:after{
    font-size:36px;
}*/

/* .swiper-slide-active .project-overlay h3,
.project-card:hover .project-overlay h3 {
    opacity: 0;
    visibility: hidden;
    transition: .3s ease;
} */

.project-details {
    margin-top: 30px;
}

.project-details h3 {
    margin-bottom: 15px;
    color: #be9980;
    font: 42px 'Playfair Display', serif;
}

.project-details p {
    max-width: 850px;
    line-height: 1.8;
    font-size: 20px;
}

.know-more-btn {
    display: inline-block;
    margin-top: 25px;
    padding: 12px 60px;
    border-radius: 30px;
    background: linear-gradient(90deg, #ad8051 0%, #be9980 50%, #ad8055 100%);
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
}

.section-title {
    font-size: 48px;
    color: #3e4d42;
    margin-bottom: 10px;
}


.testimonial-section {
    padding: 80px 0;
    background: #fff;
    text-align: center;
    position: relative;
}


/*.section-subtitle{
    font-size:20px;
    color:#444;
    margin-bottom:60px;
}*/

.testimonialSwiper {position: relative;    }

.testimonial-slider {
    max-width: 1000px;
    overflow: hidden;
    margin: auto;
}

.testimonial-track {
    display: flex;
    transition: transform 0.8s ease;
}

.testimonial-slide {
    min-width: 100%;
    flex-shrink: 0;
}

.testimonial-box {
    position: relative;
    width: 100%;
    /* min-height: 430px; */
    /* display: flex; */
    /* justify-content: center;
    align-items: center;
    max-width: 700px;
    margin: 0 auto; */
}


/* .testimonialWrap .prev,
.testimonialWrap .next{
    margin-top: 8em; 
} */

/* TEXT BOX */
.testimonial-content {

    border: 1px solid #91806F;
   

    padding: 30px 35px 30px 60px;
    text-align: left;
    position: relative;
    /* z-index:1; */

    /* margin-left: 190px; */
}

.testimonial-content p {

    line-height: 1.7;
    /* margin-bottom: 20px; */
}
.testimonial-content p:last-child {
    margin-bottom: 0;
}
.name {
    display: block;
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 5px;
}

.location {
    display: block;
    /* color:#666;*/
}

.testimonial-img {
    /* position:absolute; */
    /* left: -48px; */
    /* top: 35%; */
    transform: translateX(20px);
    z-index: 2;
    position: relative;
    padding: 15px 0 15px 15px;
    margin-top: 35px;
}

.testimonial-img::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
   right: -15px;
    /* height: 100%; */
    border: 1px solid #91806F;
    z-index: 0;
}



/* ARROW BUTTONS */
.prev,
.next {
    /* position: absolute;
    top: 50%;
    transform: translateY(-50%); */
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    z-index: 10;
    width: 100%;
}

.prev {
    left: 0;
}

.next {
    right: 0;
}

/* If using arrow images */
.prev img,
.next img {
    width: 100%;
    height: auto;
    display: block;
}

.subheading {
    font-size: 20px;
    line-height: 1.7;
    color: #35463c;
    font-weight: 600;
    margin-bottom: 60px;
}



.swiper-slide {
    width: 100%;
}

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

@media (max-width: 768px) {

    .numbers-grid {
        grid-template-columns: 1fr;
    }

    .hero-content h1,
    .projects-title,
    .project-details h3,
    .numbers .section-title {
        font-size: 35px;
        line-height: 1.5;
    }

    .project-details p,
    .number-card p {
        font-size: 16px;

    }
}

@media (max-width: 991px) {

    .philosophy {
        padding: 50px 0;

    }

    .philosophy-content {
        top: auto;
        padding: 0px;
        position: inherit;
        transform: inherit;
        left: auto;
        width: 100%;
        max-width: inherit;
    }

    .philosophy-pagination {
        bottom: 15px !important;
    }

    .numbers {
        padding: 80px 0;
    }
/* 
    .swiper-button-next {
        display: none;
    } */


    .project-overlay h3, .projectsTxtSwiper h3 {
        font-size: 25px;
    }

    .project-details {
        text-align: center;
    }
}

@media(max-width:991.99px) {
    .testimonial-img {transform: translateX(0); margin: 0 0 20px 0; padding: 0;}
    .testimonial-img::before {display: none;}
    .testimonial-content {padding: 20px;}
    .prev, .next {margin-top: 25vw;}

    .swiper-button-next {width: 50%;}
}

@media (max-width:767px) {

    .testimonial-slider {
        overflow: hidden;
        padding-bottom: 20px;
    }

    .testimonial-slide {
        min-width: 100%;
        flex-shrink: inherit;
    }

    /* .prev {
        left: 0;
    }

    .next {
        right: 0;
    } */

    /* .testimonial-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        min-height: auto;
        padding: 0 15px;
    } */

    .testimonial-img {
        /* position: static !important;
        transform: none !important;
        left: auto !important;
        top: auto !important; */
        width: 100%;
        margin-bottom: 20px;
    }

    /* .testimonial-img img {
        width: 100%;
        max-width: 280px;
        height: auto;
        display: block;
        margin: 0 auto;
        padding: 5px;
    } */

    .testimonial-content {
        width: 100%;
        max-width: 100%;
        margin-left: 0 !important;
        min-height: auto;
        padding: 20px;
    }

    /* arrows */
    /* .prev,
    .next {
        top: 180px;
        bottom: auto;
        transform: translateY(-50%);
        display: none;
    }

    .prev {
        left: 10px;
    }

    .next {
        right: 10px;
    }

    .prev img,
    .next img {
        width: 40px;
    } */
}




/* Capital section */

.capital-section {
    background: linear-gradient(145deg, #e8ddd0 0%, #f6f0e8 45%, #dfd0be 100%);
    padding: clamp(50px, 5.208vw, 90px) 0;
    position: relative;
}

.capital-section::before,
.capital-section::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent 5%, var(--brown) 50%, transparent 95%);
    opacity: 0.65;
}

.capital-section::before {
    top: 0;
}

.capital-section::after {
    bottom: 0;
}

.capital-wrap {
    max-width: 900px;
    margin: 0 auto;
    padding: clamp(35px, 3.646vw, 70px) clamp(30px, 3.125vw, 60px);
    /* background: rgba(255, 255, 255, 0.6);
    border: 1px solid rgba(187, 129, 97, 0.4);
    box-shadow: 0 12px 40px rgba(53, 70, 60, 0.08); */
}
 
.whoweareCapital .capital-wrap {
    border: 1px solid var(--brown);
}

.capital-wrap .title {
    color: var(--white);
    margin-bottom: clamp(20px, 2.083vw, 35px);
}

.capital-intro {
    font-size: clamp(16px, 1.25vw, 20px);
    line-height: 1.7;
    margin: 0;
}

/* Numbers section */


.number-row>.col:nth-child(even) .number-box {
    background-color: var(--green);
    color: var(--white);
}

.number-row>.col:nth-child(odd) .number-box {
    color: var(--green);
    background: #ececec;
}

.number-box {
    text-align: center;
    height: 100%;
    padding: clamp(15px, 5.083vw, 70px);
}

.number-box h4 {
    font-weight: 700;
    font-size: 30px;
    line-height: 1;
    margin-bottom: clamp(15px, 1.5vw, 40px);
    font-family: "Lato", sans-serif;
}

.number-box h4 span {
    font-weight: 600;
    font-size: 15px;
}

.number-box p {
    font-size: 16px;
    margin-bottom: 0;
}

/* Mobile */
@media (max-width: 767px) {
    .number-row > .col:nth-child(3) .number-box,
    .number-row > .col:nth-child(6) .number-box {
        color: #fff;
        background: var(--green);
    }

    .number-row > .col:nth-child(4) .number-box,
    .number-row > .col:nth-child(5) .number-box {
        color: var(--green);
        background: #ececec;
    }
}

.hero-content {position: absolute; top: 50px; right: 50px; text-align: right;}

.philosophy-content .title span {color: var(--green);}


.philosophy-content2 {text-align: center; padding:0 50px; color: #c0b1b1;}
.philosophy-content2 h2.title {color: #c0b1b1;}

.philosophy-content2 .title span {color: var(--white);}

 


.philosopyPic img {height: 100%; object-fit: cover;}

/* .philosophy-banner {height: 800px;} */

@media(min-width:991px) {
   .philosopyPic img {height: 500px;}
}

@media(max-width:991px) {
    .projectsTxtSwiper {padding-right: 0;}

    .number-box p, .number-box h4 span {font-size: 12px;}

    .philosophy-content .title, .philosophy-content, .philosophy-content .title span {color: var(--white);}
    .philosophy-banner {height: auto;}

    .philosopyPic  {aspect-ratio: 1/1;}

    .philosophy-content, .philosophy-content2 {color: var(--white); padding: 20px 0; min-height: 180px;}
    .philosophy-content2 h2.title {color: var(--white);}
    
}

@media(max-width:767.99px) {
    .hero-content {top: 0; right: 15px; margin-top: 15px;}

    .hero-content h2.title { margin: 0; font-size: 18px;}

    .number-box h4 {font-size: 20px;}
}

/* Contact Us */



.formWrp {background: rgb(255 255 255 /80%); padding: 30px; border: 2px solid #305F38;}

.formLogo {width: clamp(90px, 8.417vw, 200px); margin-left: auto; display: block; margin-bottom: clamp(20px, 3.208vw, 100px);}
.formWrp label {font-weight: 500;}
.formWrp .form-control {background: #aeafb0; border: 0; border-radius: 0; }

.formWrp .form-select {background-color: var(--green);  color: var(--white); border: 0; border-radius: 0; --bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");}

.contactInfo >*:not(:last-child) {margin-bottom: 15px;}

.contactInfo .title {font-weight: 500; font-size: 25px;}

.contactInfo span {font-weight: 700;}

.contactBanner {position: absolute; width: 100%; height: 100%; top:0; left: 0; object-fit: cover; z-index: -1;}

@media(max-width:991.99px) {
    .formWrp label {margin-bottom: 10px;}
}
@media(max-width:767.99px) {
    .formWrp {margin: 20px 0;}
}

.intro-section h5{
    font-size: clamp(16px, 1.25vw, 20px);
    color: #928069;
    font-weight: 600;
}

.experience-card{
    border:1px solid var(--brown);
    padding:30px;
    height:100%;
    position: relative;
}

.card-tag{
    position:absolute;
    top:-12px;
    left:-14px;
    border:1px solid var(--brown);
    padding:18px 35px;
    width:190px;
}

.experience-card h6{
    margin-bottom:0px;
    margin-top: 5px;
    font-size: 14px;
    font-weight: 600;
    color: var(--brown);
}

.philosophy-header {
    padding: 80px 0;
}

.philosophyContent h3 {
    font-size: 25px;
    color: var(--green);
    font-family: var(--font-playfair);
    font-weight: 700;
    margin-bottom: 15px;
}

.company-content h5{
   font-weight: 700;
   margin-bottom: 30px;
}

.company-content p {
    margin-bottom: 30px;
}

.group-vintage {background: #C6C6C7;}

.project-highlights {
    list-style: none;
    padding-left: 0;
    margin: 0;
    gap: 15px;
}

.project-highlights li {
    display: flex;
    align-items: center;
    gap: 8px;
}

.project-highlights li::before {
    content: "\2713";   
    color: var(--black);
    font-weight: bold;
}

/* Mobile */
@media (max-width: 767px) {
  

    .project-highlights {
        flex-direction: column;
        gap: 12px;
    }
}

.floating-contact {
    position: fixed;
    right: 0;
    top: 80%;
    transform: translateY(-50%);
    z-index: 9999;
    cursor: pointer;
}

.contact-item {
    width: 50px;
    background: #fff;
    color: #a5a5a5;
    padding: 10px 4px;
    display: block;
    text-decoration: none;
    transition: all .3s ease;
    box-shadow: 0px 0px 19px -8px rgba(0, 0, 0, 0.75);
    font-size: 8px;
    text-transform: uppercase;
    text-align: center;
}

.contact-item img {
    width: 20px;
    height: 20px;
    margin: 4px;
}

.contact-item:hover {
    color: #000;
}


/* Mobile */
@media (max-width: 767px) {

    .floating-contact {
        position: fixed;
        left: 0;
        right: 0;
        bottom: -5px;
        top: auto;
        transform: none;

        display: flex;
        width: 100%;
        z-index: 9999;
    }

    .contact-item {
        flex: 1;
        width: auto;
        height: 50px;
        border: 1px solid #b58a5a;
        border-right: 0;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 8px;

        background: #fff;
    }

    .contact-item:last-child {
        border-right: 1px solid #b58a5a;
    }

    .contact-item svg {
        width: 20px;
        height: 20px;
        margin: 0;
    }

    .contact-item span {
        font-size: 10px;
        letter-spacing: 0.5px;
    }

    /* Prevent content from hiding behind the fixed bar */
    body {
        padding-bottom: 60px;
    }
}

@media (min-width: 992px) {
    .scroll-hamburger {
        position: fixed;
        right: 30px;
        top: 30px;
        width: 35px;
        height: 24px;
        display: none;
        flex-direction: column;
        justify-content: space-between;
        cursor: pointer;
        z-index: 9999;
    }

    .scroll-hamburger span {
        height: 3px;
        background: #c9a66b;
        display: block;
        transition: .4s;
    }

    .scroll-hamburger.show {
        display: flex;
    }

    .scroll-hamburger.active span:first-child {
        transform: rotate(45deg) translate(7px, 7px);
        width: 20px;
    }

    .scroll-hamburger.active span:nth-child(2) {
        opacity: 0;
    }

    .scroll-hamburger.active span:nth-child(3) {
        transform: rotate(-50deg) translate(8px, -8px);
        width: 20px;
    }

    header {
        transition: transform .4s;
    }

    .header-hidden {
        transform: translateY(-120%);
    }
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 15px 20px;
    text-align: center;
    background: rgba(255, 255, 255, 0.35);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.overlay h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: var(--green);
}

.our-project-banner img{
    width: 100%;
    height: 100vh;
    object-fit: cover;
}

.project-filter{
    background:#d8cec2;
    display:flex;
    justify-content:center;
    align-items:center;
    height:72px;
    position:relative;
}

.project-dropdown{
    position:relative;
    width:400px;
}

.dropdown-btn{
    width:100%;
    height:72px;
    background:none;
    border:none;
    cursor:pointer;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:12px;
    font-size:22px;
    font-weight:600;
}

.arrow{
    transition:.3s;
}

.arrow.rotate{
    transform:rotate(180deg);
}

.dropdown-menu{
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    background:#fff;
    list-style:none;
    margin:0;
    padding:0;
    display:none;
    box-shadow:0 8px 20px rgba(0,0,0,.12);
    z-index:100;
}

.dropdown-menu.show{
    display:block;
}

.dropdown-menu li{
    padding:15px 25px;
    cursor:pointer;
    border-bottom:1px solid #ececec;
    transition:.3s;
    font-family: var(--font-playfair);
    font-weight: 600;
}

.dropdown-menu li:hover,
.dropdown-menu li.active{
    background:#f7f7f7;
}

.project{
    display:none;
}

.project.active{
    display:block;
}

.dropdown-btn .title {
    font-size: 22px;
}

.project .title {
    font-size: 35px;
    margin-bottom: 12px;
}

.project h4 {
    font-family: var(--font-playfair);
    color: #928080;
    margin-bottom: 30px;
}

.project-video{
    position:relative;
    width: 100%;
    height: 100vh;
    overflow:hidden;
}

.video-poster{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    z-index:1;
}

.video-bg{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
}

.video-overlay{
    position: absolute;
    inset: 0;
    z-index: 2;
}

.video-title{
    position:absolute;
    top:70px;
    left:70px;
    color:#fff;
    font-size:32px;
    font-weight:500;
    margin:0;
    font-family: var(--font-playfair);
}

.play-btn{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    width:110px;
    height:110px;
    border: 10px solid #dee2e6;
    border-radius:50%;
    background:transparent;
    display:flex;
    justify-content:center;
    align-items:center;
    cursor:pointer;
    transition:.35s ease;
    z-index:5;
}

.play-btn:hover{
    transform:translate(-50%, -50%) scale(1.08);
}

.play-icon{
    width:0;
    height:0;
    border-top:18px solid transparent;
    border-bottom:18px solid transparent;
    border-left:28px solid rgba(255,255,255,.95);

    margin-left:6px;
}

.video-playing .play-btn{
    display:none;
}

@media(max-width:768px){

    .project-video{
        height:450px;
    }

    .video-title{
        left:25px;
        top:25px;
        font-size:32px;
    }

    .play-btn svg{
        width:70px;
        height:70px;
    }

}
/* 


.project-overview p{
    margin-bottom:40px;
} */

.overview-content h3 {
    font-family: var(--font-playfair);
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 25px;
    color: #a2a2a2;
}

.overview-list{
    list-style:none;
    padding:0;
    margin:0;
}

.overview-list li{
    margin-bottom:25px;
}

.overview-list strong{
    display:block;
    font-size:18px;
    line-height: 22px;
    margin-bottom:5px;
}

.overview-list span{
    display:block;
    font-size:14px;
    color:#000;
}

.project-images img{
    width:100%;
    display:block;
}

.amenities h3{
    margin-bottom:35px;
    font-family: var(--font-playfair);
    color: #000;
    font-size: 25px;
    font-weight: 600;
}

.amenity{
    position:relative;
    text-align:center;
    padding:5px 10px;
}

.amenity:not(:last-child)::after{
    content:"";
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    width:2px;
    height:100%;
    background:linear-gradient(to bottom, transparent, #c7a37b, transparent);
}

.amenity img{
    height:65px;
    margin-bottom:12px;
}

.amenity span{
    display:block;
    font-size:12px;
    text-transform:uppercase;
}


.gallery-section{
    background:#fff;
}

.galleryMain{
    margin-bottom:25px;
}

.galleryMain img{
    width:100%;
    height:650px;
    object-fit:cover;
    display:block;
}

.galleryThumbWrapper{
    display:flex;
    align-items:center;
}

.galleryThumb{
    flex:1;
}

.galleryThumb .swiper-slide{
    cursor:pointer;
    transition:.3s;
}

.galleryThumb .swiper-slide-thumb-active{
    opacity:1;
}

.galleryThumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.galleryPrev,
.galleryNext {
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    z-index: 20;
    cursor: pointer;
}

.galleryPrev {
    left: 20px;
}

.galleryNext {
    right: 20px;
}

.galleryPrev img, .galleryNext img {
    width: 60px;
    height: 60px;
}

@media(max-width:768px){


    .galleryMain img{
        aspect-ratio: 4 / 3;
        height: auto;
    }

    .galleryPrev, .galleryNext{
        width:30px;
        height:30px;
    }

    .amenity {
        margin-bottom: 25px;
    }
}


.location-section{
    position:relative;
    overflow:hidden;
    aspect-ratio:16/7;
}

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

.image-overlay::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to right,
        rgba(0, 0, 0, 0.75) 0%,
        rgba(0, 0, 0, 0.55) 30%,
        rgba(0, 0, 0, 0.25) 65%,
        rgba(0, 0, 0, 0.1) 100%
    );
    pointer-events: none;
}

.location-bg{
    width:100%;
    height:100%;
    display: block;
    object-fit: cover;
}

.location-section .container{
    position:relative;
    z-index:1;
    height:100%;
}

.location-content{
    display:flex;
    flex-direction:column;
    gap:14px;
}

.location-content ul{
    color:#b48b5a;
    font-size:16px;
    font-weight:400;
}

.location-content ul li {
    padding-bottom: 15px;
}

.location-item img{
    width:22px;
    height:22px;
    object-fit:contain;
}

@media(max-width:991px){

.location-section{
    aspect-ratio:4/3;
}

.location-content{
    padding:40px 0;
    gap:22px;
}

.location-item{
    font-size:18px;
}

.location-item img{
    width:22px;
    height:22px;
}
}

@media(max-width:576px){

.location-section{
    aspect-ratio: auto;
}

.location-content{
    padding:25px 0;
}

.location-item{
    font-size:15px;
    gap:10px;
}

.location-item img{
    width:18px;
    height:18px;
}
}

.bg-grey {
    background: var(--grey);
}

.capitalSection .title {
    color: #bb8161;
    position: relative;
    display: inline-block;
    padding-bottom: 20px;
}

.capitalSection .gold-line {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 100px; /* Change to any width */
    height: 2px;
    overflow: hidden;
    background: linear-gradient(
        90deg,
        #7d5b18,
        #b8860b,
        #d4af37,
        #b8860b,
        #7d5b18
    );
    border-radius: 2px;
}

.capitalSection .gold-line::after {
    content: "";
    position: absolute;
    top: 0;
    left: -25%;
    width: 25%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        #f8e7a1,
        #ffd95e,
        #f8e7a1,
        transparent
    );
    animation: goldShine 2s linear forwards;
}

@keyframes goldShine {
    from {
        left: -25%;
    }
    to {
        left: 100%;
    }
}

.scroll-down {
    position: absolute;
    left: 50%;
    bottom: 55%;
    transform: translateX(-50%);
    z-index: 10;
}

.scroll-down a {
    width: 55px;
    height: 55px;
    border: 1px solid rgba(212, 175, 55, .4);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,.08);
    backdrop-filter: blur(8px);
    transition: .3s ease;
}

.scroll-down a:hover {
    transform: translateY(5px);
    border-color: #D4AF37;
}

.scroll-down svg {
    animation: bounce 2s infinite;
}


@keyframes bounce {
    0%,20%,50%,80%,100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(6px);
    }
    60% {
        transform: translateY(3px);
    }
}

@media (max-width: 991px) {
    .scroll-down {
        bottom: 35px;
    }
}

@media (max-width: 575px) {
    .scroll-down {
        bottom: 25px;
    }

    .scroll-down a {
        width: 35px;
        height: 35px;
    }
}

.philosophySwiper{
    position: relative;
}

.philosophyPrev,
.philosophyNext{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 20;
    cursor: pointer;
    width: 50px;
    height: 50px;

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

.philosophyPrev{
    left: 30px;
}

.philosophyNext{
    right: 30px;
}

.philosophyPrev img,
.philosophyNext img{
    width: 100%;
    display: block;
}


 @media (max-width: 992px) {

    .philosophyPrev,
    .philosophyNext{
        top: 30%;
    }

    .philosophyPrev{
        left: 0px;
    }

    .philosophyNext{
        right: 0px;
    }

} 

/* .nav-dropdown{
    position: relative;
}

.nav-dropdown-menu{
    position: absolute;
    top: 40px;
    left: 0;
    min-width: 220px;
    background: #fff;
    list-style: none;
    padding: 10px 0;
    margin: 0;
    transition: all .3s ease;
    z-index: 999;
    display: block!important;
}
.nav-dropdown-menu li:not(:last-child)::after {
    content: unset!important;
}

.nav-dropdown-menu li {
    padding: 5px 10px;
}

.nav-dropdown-menu li a {
    text-transform: capitalize!important;
    line-height: 1.1;
    letter-spacing: normal!important;
}

.nav-arrow{
    transition: .3s;
}

.nav-dropdown:hover .nav-arrow{
    transform: rotate(180deg);
} */

.project-card {
    transition: all 0.4s ease;
    transform: scale(0.96);
    opacity: 0.8;
}

.project-card.active-project {
    transform: scale(1.06);
    opacity: 1;
    z-index: 10;
    box-shadow: 4px 4px 15px 0 rgba(0, 0, 0, 0.25);
}

.project-list .introWrp p {
    margin-bottom: 2em;
}

/* @media screen and (max-width: 767px) {
   .next img, .prev img {
    width: 30px;
    height: 30px;
  }
} */

.prev,
.next{
    position: absolute;
    top: 200px;
    transform: translateY(-50%);
    z-index: 10;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.prev{
    left: 30px;
}

.next{
    right: 30px;
}

.prev img,
.next img{
    width: 50px;
}


.breadcrumb-wrapper {
    font-family: var(--font-arial);
    padding: 10px;
    font-weight: 600;
}

.amenities-scroll{
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
    scrollbar-color: #b58a5a #f5f5f5;
}

.amenities-scroll::-webkit-scrollbar {
    height: 4px;
}

.amenities-scroll::-webkit-scrollbar-track {
    background: #f5f5f5;
}

.amenities-scroll::-webkit-scrollbar-thumb {
    background: #b58a5a;
    border-radius: 10px;
}

.amenity{
    flex: 0 0 148px;
    text-align: center;
    padding: 20px 10px;
}

.amenity:last-child{
    border-right: none;
} 

.amenity img{
    margin-bottom: 15px;
}

.amenity span{
    display: block;
}

.amenities-scroll::-webkit-scrollbar {
    height: 8px;
}

.amenities-scroll::-webkit-scrollbar-track {
    background: #f5f5f5;
    border-radius: 10px;
}

.amenities-scroll::-webkit-scrollbar-thumb {
    background: #b58a5a; /* Your golden color */
    border-radius: 10px;
}

@media screen and (max-width: 992px) {
    .galleryPrev img, .galleryNext img {
        width: 35px;
        height: 35px;
    }

    .our-project-banner img {
        height: auto;
    }

    .prev, .next {
        top: 30px;}
}


.project-tabs {
    display: flex;
}

.project-tab {
    flex: 1;
    height: 70px;
    border: 0;
    cursor: pointer;
    background: #efefef;
    color: #3f3f3f;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 500;
    position: relative;
    transition: .3s;
    padding: 10px 0;
    font-weight: 700;
    margin-bottom: 0;
}

.project-tab.active {
    background: #d6cdc1;
}

.project-tab-completed.active::after {
    content: "";
    position: absolute;
    top: 0;
    right: -30px;
    width: 60px;
    height: 100%;
    background: #c9c3ba;
    z-index: 2;
}

.project-tab-upcoming.active:after {
     content: "";
    position: absolute;
    top: 0;
    left: -30px;
    width: 60px;
    height: 100%;
    background: #c9c3ba;
    z-index: 2;
}

.project-tab .arrow {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 5px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 12px solid #4f5d2b;
    margin-bottom: 0;
}

.tab-content {
    display: none;
    padding-top: 60px;
}

.tab-content.active {
    display: block;
}

@media(max-width:767px){

    .project-tabs{
        flex-direction:column;
    }

    .project-tab-completed.active::after {
        background: unset;
    }

    .tab-content {
    padding-top: 30px;
}
}

.comingsoonText h3 {
    color: #c78f63;
    font-size: 30px;
    font-family: var(--font-playfair);
}

/* Popup css */
.popup-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .6);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    z-index: 99999;
}

.popup-overlay.active {
    opacity: 1;
    visibility: visible;
}

.popup-box {
    background: var(--green);
    color: #FFF;
    width: 90%;
    max-width: 500px;
    border-radius: 16px;
    padding: 50px 35px;
    text-align: center;
    position: relative;
}

.lux-icon{
  width:50px;
  height:50px;
  border-radius:50%;
  background:#c78f63;
  color:#fff;
  font-size:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 20px;
}