:root{

--gold:#c8a96a;
--dark:#07131d;
--light:#ffffff;
--text:#d8d8d8;

}

*{

margin:0;
padding:0;
box-sizing:border-box;

}

body{

font-family:'Inter',sans-serif;
background:#07131d;
overflow-x:hidden;

}

h1,h2,h3{

font-family:'Cormorant Garamond',serif;

}

.navbar{

padding:25px 0;
transition:.4s;

}

.navbar.scrolled{

background:rgba(7,19,29,.95);
backdrop-filter:blur(12px);
padding:15px 0;

}

.navbar-brand img{

height:55px;

}

.navbar-nav li{

margin:0 18px;

}

.navbar-nav a{

color:#fff;
text-decoration:none;
font-size:15px;
font-weight:500;
position:relative;

}

.navbar-nav a::after{

content:"";
position:absolute;
left:0;
bottom:-8px;
height:2px;
width:0;
background:var(--gold);
transition:.4s;

}

.navbar-nav a:hover::after{

width:100%;

}

.nav-btn{

background:var(--gold);
padding:14px 30px;
border-radius:40px;
color:#fff;
text-decoration:none;
font-weight:600;

}

/*=================================
Hero Section
==================================*/

.hero{

    position:relative;

    min-height:100vh;

    overflow:hidden;

    display:flex;

    align-items:center;

}

/* Background */

.hero-bg{

    position:absolute;

    inset:0;

    width:100%;

    height:100%;

    object-fit:cover;

}

/* Overlay */

.hero-overlay{

    position:absolute;

    inset:0;

    background:

    linear-gradient(

        90deg,

        rgba(7,19,29,.92) 0%,

        rgba(7,19,29,.82) 28%,

        rgba(7,19,29,.55) 55%,

        rgba(7,19,29,.20) 100%

    );

}

/* Content */

.hero-content{

    position:relative;

    z-index:2;

    max-width:720px;

    padding-right:50px;

}

.hero-tag{

    display:inline-flex;

    align-items:center;

    color:#C8A96A;

    text-transform:uppercase;

    letter-spacing:5px;

    font-size:13px;

    font-weight:600;

    margin-bottom:25px;

}

.hero-tag::before{

    content:"";

    width:70px;

    height:2px;

    background:#C8A96A;

    margin-right:15px;

}

.hero h1{

    font-family:'Cormorant Garamond',serif;

    font-size:86px;

    line-height:.95;

    color:#fff;

    font-weight:700;

    margin-bottom:25px;

    text-shadow:0 10px 40px rgba(0,0,0,.45);

}

.hero h5{

    color:#C8A96A;

    font-size:24px;

    font-weight:500;

    margin-bottom:22px;

}

.hero p{

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

    font-size:20px;

    line-height:1.8;

    max-width:560px;

    margin-bottom:40px;

}

/* Buttons */

.hero-buttons{

    display:flex;

    gap:18px;

}

.btn-primary-custom{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    width:210px;

    height:60px;

    background:#C8A96A;

    border-radius:50px;

    color:#fff;

    text-decoration:none;

    font-weight:600;

    transition:.35s;

}

.btn-primary-custom:hover{

    background:#d7b97d;

    transform:translateY(-4px);

    color:#fff;

}

.btn-outline-custom{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    width:220px;

    height:60px;

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

    color:#fff;

    border-radius:50px;

    text-decoration:none;

    transition:.35s;

}

.btn-outline-custom:hover{

    background:#fff;

    color:#07131D;

}

/*========================
Lead Form
========================*/

.lead-box{

    position:relative;

    z-index:2;

    max-width:420px;

    margin-left:auto;

    padding:45px;

    border-radius:28px;

    background:rgba(12,20,30,.62);

    backdrop-filter:blur(25px);

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

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

}

.lead-box h3{

    color:#fff;

    font-family:'Cormorant Garamond',serif;

    font-size:46px;

    margin-bottom:8px;

}

.lead-box span{

    color:#ddd;

    display:block;

    margin-bottom:30px;

}

.lead-box input,

.lead-box select{

    width:100%;

    height:58px;

    border:none;

    outline:none;

    margin-bottom:18px;

    padding:0 20px;

    border-radius:12px;

    background:rgba(255,255,255,.08);

    color:#fff;

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

    transition:.3s;

}

.lead-box input::placeholder{

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

}

.lead-box select{

    color:#fff;

}

.lead-box option{

    color:#222;

}

.lead-box input:focus,

.lead-box select:focus{

    border-color:#C8A96A;

    box-shadow:0 0 20px rgba(200,169,106,.2);

}

.lead-box button{

    width:100%;

    height:58px;

    border:none;

    border-radius:12px;

    background:#C8A96A;

    color:#fff;

    font-weight:600;

    transition:.35s;

}

.lead-box button:hover{

    background:#d6b56d;

}

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

@media(max-width:991px){

.hero{

padding:140px 0 80px;

min-height:auto;

}

.hero h1{

font-size:56px;

}

.hero h5{

font-size:20px;

}

.hero p{

font-size:17px;

}

.hero-buttons{

flex-direction:column;

}

.btn-primary-custom,

.btn-outline-custom{

width:100%;

}

.lead-box{

margin-top:60px;

max-width:100%;

padding:35px;

}

.hero-content{

padding-right:0;

}

}

@media(max-width:576px){

.hero h1{

font-size:42px;

}

.hero-tag{

font-size:11px;

letter-spacing:3px;

}

.hero-tag::before{

width:40px;

}

.hero p{

font-size:16px;

line-height:1.7;

}

.lead-box{

padding:25px;

}

.lead-box h3{

font-size:34px;

}

}
/*================================
Overview
================================*/

.overview{

    padding:120px 0;

    background:#07131D;

}

.overview-image{

    position:relative;

    overflow:hidden;

    border-radius:30px;

}

.overview-image img{

    width:100%;

    border-radius:30px;

    transition:.7s;

}

.overview-image:hover img{

    transform:scale(1.06);

}

.overview-content{

    padding-left:70px;

}

.section-tag{

    color:#C8A96A;

    letter-spacing:4px;

    font-size:13px;

    text-transform:uppercase;

    font-weight:600;

}

.overview h2{

    font-family:'Cormorant Garamond',serif;

    color:#fff;

    font-size:60px;

    line-height:1.1;

    margin:25px 0;

}

.overview p{

    color:#b9c0c7;

    line-height:1.9;

    font-size:17px;

    margin-bottom:25px;

}

.gold-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    width:220px;

    height:60px;

    border-radius:50px;

    background:#C8A96A;

    color:#fff;

    text-decoration:none;

    font-weight:600;

    transition:.4s;

}

.gold-btn:hover{

    background:#d5b36f;

    color:#fff;

    transform:translateY(-4px);

}

/*============================
Stats
============================*/

.overview-stats{

    margin-top:100px;

    display:grid;

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

    gap:30px;

}

.stat-box{

    background:#0d1c27;

    padding:50px 30px;

    border-radius:25px;

    text-align:center;

    transition:.4s;

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

}

.stat-box:hover{

    transform:translateY(-10px);

    border-color:#C8A96A;

}

.stat-box h3{

    color:#C8A96A;

    font-size:52px;

    font-family:'Cormorant Garamond',serif;

    margin-bottom:10px;

}

.stat-box span{

    color:#d0d0d0;

    font-size:16px;

}

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

@media(max-width:991px){

.overview-content{

padding-left:0;

margin-top:50px;

}

.overview h2{

font-size:42px;

}

.overview-stats{

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

}

}

@media(max-width:576px){

.overview{

padding:80px 0;

}

.overview-stats{

grid-template-columns:1fr;

}

.overview h2{

font-size:34px;

}

}

/*=========================
Amenities
==========================*/

.amenities{

    padding:120px 0;

    background:#0B1621;

}

.section-heading{

    text-align:center;

    margin-bottom:70px;

}

.section-heading span{

    color:#C8A96A;

    letter-spacing:4px;

    font-size:13px;

    text-transform:uppercase;

}

.section-heading h2{

    color:#fff;

    font-family:'Cormorant Garamond',serif;

    font-size:60px;

    margin:20px 0;

}

.section-heading p{

    color:#bfc5ca;

    max-width:650px;

    margin:auto;

    line-height:1.8;

}

/*==============================
Amenities
===============================*/

.amenities{

    background:#07131D;

    padding:120px 0;

}

.section-title{

    text-align:center;

    margin-bottom:70px;

}

.section-title span{

    color:#C8A96A;

    text-transform:uppercase;

    letter-spacing:4px;

    font-size:14px;

    font-weight:600;

}

.section-title h2{

    color:#fff;

    font-size:60px;

    margin:20px 0;

    font-family:'Cormorant Garamond',serif;

}

.section-title p{

    color:#BFC4C9;

    max-width:650px;

    margin:auto;

    line-height:1.8;

}

.amenities-grid{

    display:grid;

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

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

    border-right:none;

    border-bottom:none;

}

.amenity-item{

    border-right:1px solid rgba(255,255,255,.08);

    border-bottom:1px solid rgba(255,255,255,.08);

    min-height:180px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    transition:.4s;

    cursor:pointer;

    position:relative;

    overflow:hidden;

}

.amenity-item::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(

    135deg,

    rgba(200,169,106,.12),

    transparent

    );

    opacity:0;

    transition:.4s;

}

.amenity-item:hover::before{

    opacity:1;

}

.amenity-item:hover{

    background:#102131;

    transform:translateY(-8px);

}

.amenity-item i{

    font-size:48px;

    color:#D5D5D5;

    margin-bottom:22px;

    transition:.4s;

}

.amenity-item h5{

    color:#fff;

    font-size:17px;

    font-weight:500;

    margin:0;

}

.amenity-item:hover i{

    color:#C8A96A;

    transform:scale(1.2) rotate(-8deg);

}

.amenity-item:hover h5{

    color:#C8A96A;

}

@media(max-width:1200px){

.amenities-grid{

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

}

}

@media(max-width:992px){

.amenities-grid{

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

}

}

@media(max-width:768px){

.section-title h2{

font-size:42px;

}

.amenities-grid{

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

}

}

@media(max-width:576px){

.amenities{

padding:80px 0;

}

.amenity-item{

min-height:150px;

}

.amenity-item i{

font-size:38px;

}

.amenity-item h5{

font-size:14px;

}

}
/*==================================
Amenities CTA
==================================*/

.amenities-cta{

    margin-top:70px;

    text-align:center;

    padding:60px 40px;

    border-radius:24px;

    background:linear-gradient(
        135deg,
        rgba(200,169,106,.08),
        rgba(255,255,255,.03)
    );

    border:1px solid rgba(200,169,106,.18);

}

.amenities-cta h3{

    font-family:'Cormorant Garamond',serif;

    font-size:48px;

    color:#fff;

    margin-bottom:15px;

}

.amenities-cta p{

    color:#c4c9cf;

    max-width:700px;

    margin:0 auto 35px;

    font-size:18px;

    line-height:1.8;

}

.cta-buttons{

    display:flex;

    justify-content:center;

    gap:20px;

    flex-wrap:wrap;

}

/* Gold Button */

.btn-gold{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-width:220px;

    height:58px;

    padding:0 35px;

    border-radius:50px;

    background:#C8A96A;

    color:#fff;

    font-weight:600;

    text-decoration:none;

    transition:.35s;

}

.btn-gold:hover{

    background:#d7b97d;

    color:#fff;

    transform:translateY(-4px);

}

/* Outline Button */

.btn-outline-light{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-width:220px;

    height:58px;

    padding:0 35px;

    border-radius:50px;

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

    color:#fff;

    text-decoration:none;

    transition:.35s;

}

.btn-outline-light:hover{

    background:#fff;

    color:#07131D;

}

@media(max-width:768px){

    .amenities-cta{

        padding:40px 25px;

    }

    .amenities-cta h3{

        font-size:34px;

    }

    .amenities-cta p{

        font-size:16px;

    }

}
/*====================================
Floor Plans Section
====================================*/

.floor-plans{

    padding:120px 0;

    background:linear-gradient(180deg,#07131D 0%,#0B1C29 100%);

    position:relative;

    overflow:hidden;

}

.floor-plans::before{

    content:"";

    position:absolute;

    width:500px;

    height:500px;

    background:rgba(200,169,106,.05);

    filter:blur(120px);

    top:-150px;

    right:-150px;

    border-radius:50%;

}

.floor-plans .section-title{

    text-align:center;

    margin-bottom:70px;

    position:relative;

    z-index:2;

}

.floor-plans .section-title span{

    color:#C8A96A;

    text-transform:uppercase;

    letter-spacing:4px;

    font-size:14px;

    font-weight:600;

}

.floor-plans .section-title h2{

    font-family:'Cormorant Garamond',serif;

    color:#fff;

    font-size:60px;

    margin:20px 0;

}

.floor-plans .section-title p{

    color:#BFC4C9;

    max-width:650px;

    margin:auto;

    line-height:1.8;

}

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

.floor-card{

    background:rgba(255,255,255,.04);

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

    border-radius:24px;

    overflow:hidden;

    transition:.45s;

    backdrop-filter:blur(18px);

    height:100%;

    position:relative;

}

.floor-card:hover{

    transform:translateY(-12px);

    border-color:#C8A96A;

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

}

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

.floor-image{

    overflow:hidden;

    position:relative;

}

.floor-image img{

    width:100%;

    height:260px;

    object-fit:cover;

    filter:blur(10px);

    transform:scale(1.1);

    transition:.6s;

}

.floor-card:hover img{

    filter:blur(4px);

    transform:scale(1.15);

}

/* Dark Overlay */

.floor-image::after{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(

    transparent,

    rgba(7,19,29,.45)

    );

}

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

.floor-content{

    padding:30px;

    text-align:center;

}

.floor-content h3{

    color:#fff;

    font-size:34px;

    margin-bottom:10px;

    font-family:'Cormorant Garamond',serif;

}

.size{

    display:block;

    color:#C8A96A;

    font-weight:600;

    margin-bottom:18px;

    font-size:15px;

}

.floor-content h4{

    color:#fff;

    font-size:24px;

    margin-bottom:30px;

    font-weight:600;

}

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

.floor-btn{

    display:flex;

    justify-content:center;

    align-items:center;

    width:100%;

    height:55px;

    border-radius:50px;

    text-decoration:none;

    color:#fff;

    background:#C8A96A;

    transition:.35s;

    font-weight:600;

    letter-spacing:.3px;

}

.floor-btn:hover{

    background:#D7B979;

    color:#07131D;

}

/*====================================
Badge
====================================*/

.floor-card::before{

    content:"Popular";

    position:absolute;

    top:18px;

    left:18px;

    background:#C8A96A;

    color:#07131D;

    padding:6px 14px;

    border-radius:30px;

    font-size:12px;

    font-weight:700;

    z-index:5;

    letter-spacing:1px;

}

/* Hide badge for last card */

.floor-card:last-child::before{

    display:none;

}

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

@media(max-width:1200px){

.floor-content h3{

font-size:30px;

}

}

@media(max-width:992px){

.floor-plans{

padding:90px 0;

}

.floor-plans .section-title h2{

font-size:46px;

}

.floor-image img{

height:220px;

}

}

@media(max-width:768px){

.floor-plans .section-title h2{

font-size:38px;

}

.floor-content{

padding:25px;

}

.floor-content h3{

font-size:28px;

}

.floor-content h4{

font-size:20px;

}

}

@media(max-width:576px){

.floor-image img{

height:200px;

}

.floor-btn{

height:50px;

font-size:14px;

}

}
/*==================================
Gallery
===================================*/

.gallery-section{

    padding:120px 0;

    background:#07131D;

}

.gallery-grid{

    display:grid;

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

    gap:20px;

}

.gallery-item{

    position:relative;

    overflow:hidden;

    border-radius:22px;

    cursor:pointer;

}

.gallery-item img{

    width:100%;

    height:320px;

    object-fit:cover;

    transition:.6s;

}

.large{

    grid-row:span 2;

}

.large img{

    height:660px;

}

.wide{

    grid-column:span 2;

}

.gallery-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(

    transparent,

    rgba(0,0,0,.8)

    );

    display:flex;

    align-items:flex-end;

    padding:30px;

    opacity:0;

    transition:.4s;

}

.gallery-overlay h4{

    color:#fff;

    font-size:28px;

    font-family:'Cormorant Garamond',serif;

}

.gallery-item:hover img{

    transform:scale(1.1);

}

.gallery-item:hover .gallery-overlay{

    opacity:1;

}

.gallery-btn{

    margin-top:60px;

    text-align:center;

}

.gallery-btn a{

    display:inline-flex;

    justify-content:center;

    align-items:center;

    width:250px;

    height:58px;

    border-radius:50px;

    background:#C8A96A;

    color:#fff;

    text-decoration:none;

    font-weight:600;

}

.gallery-btn a:hover{

    background:#D7B979;

    color:#07131D;

}
/*==================================
Location Section
==================================*/

.location-section{

    padding:120px 0;

    background:linear-gradient(180deg,#07131D,#0B1C29);

}

.location-map{

    height:620px;

    overflow:hidden;

    border-radius:28px;

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

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

}

#map{

    width:100%;

    height:100%;

}

/*==================================
Location Section
==================================*/

.location-section{

    padding:120px 0;

    background:linear-gradient(180deg,#07131D 0%,#0B1C29 100%);

    position:relative;

    overflow:hidden;

}

.location-section::before{

    content:"";

    position:absolute;

    width:450px;

    height:450px;

    top:-180px;

    right:-180px;

    border-radius:50%;

    background:rgba(200,169,106,.05);

    filter:blur(120px);

}

/*============================
Section Title
=============================*/

.location-section .section-title{

    text-align:center;

    margin-bottom:70px;

    position:relative;

    z-index:2;

}

.location-section .section-title span{

    color:#C8A96A;

    text-transform:uppercase;

    letter-spacing:4px;

    font-size:13px;

    font-weight:600;

}

.location-section .section-title h2{

    font-family:'Cormorant Garamond',serif;

    color:#fff;

    font-size:60px;

    margin:20px 0;

}

.location-section .section-title p{

    max-width:700px;

    margin:auto;

    color:#bfc4c9;

    line-height:1.8;

}

/*============================
Google Map
=============================*/

.location-map{

    position:relative;

    width:100%;

    height:650px;

    overflow:hidden;

    border-radius:28px;

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

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

    background:#091520;

}

.location-map iframe{

    width:100% !important;

    height:100% !important;

    border:0;

    display:block;

}

/*============================
Location Card
=============================*/

.location-card{

    background:rgba(255,255,255,.05);

    backdrop-filter:blur(20px);

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

    border-radius:28px;

    padding:40px;

    height:100%;

}

.location-label{

    display:inline-block;

    color:#C8A96A;

    text-transform:uppercase;

    letter-spacing:3px;

    font-size:13px;

    margin-bottom:15px;

}

.location-card h3{

    font-family:'Cormorant Garamond',serif;

    color:#fff;

    font-size:42px;

    line-height:1.2;

    margin-bottom:18px;

}

.location-card p{

    color:#bfc4c9;

    line-height:1.8;

    margin-bottom:35px;

}

/*============================
Location List
=============================*/

.location-list{

    display:flex;

    flex-direction:column;

    gap:18px;

}

.location-item{

    display:flex;

    align-items:center;

    gap:18px;

    padding:18px;

    border-radius:18px;

    background:rgba(255,255,255,.03);

    transition:.35s;

}

.location-item:hover{

    transform:translateX(8px);

    background:#132534;

    border-left:3px solid #C8A96A;

}

.location-item i{

    width:55px;

    height:55px;

    border-radius:50%;

    background:#C8A96A;

    color:#07131D;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:24px;

    flex-shrink:0;

}

.location-item h5{

    color:#fff;

    font-size:18px;

    margin-bottom:5px;

}

.location-item span{

    color:#C9CDD2;

    font-size:15px;

}

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

.location-btn{

    margin-top:35px;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:10px;

    width:100%;

    height:58px;

    border-radius:50px;

    background:#C8A96A;

    color:#fff;

    text-decoration:none;

    font-weight:600;

    transition:.35s;

}

.location-btn:hover{

    background:#D7B979;

    color:#07131D;

    transform:translateY(-4px);

}

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

@media(max-width:1200px){

.location-map{

height:580px;

}

}

@media(max-width:992px){

.location-section{

padding:90px 0;

}

.location-map{

height:450px;

margin-bottom:30px;

}

.location-card{

padding:35px;

}

.location-section .section-title h2{

font-size:46px;

}

}

@media(max-width:768px){

.location-section{

padding:80px 0;

}

.location-map{

height:350px;

}

.location-card{

padding:25px;

}

.location-card h3{

font-size:34px;

}

.location-item{

padding:15px;

}

.location-item i{

width:45px;

height:45px;

font-size:20px;

}

.location-section .section-title h2{

font-size:38px;

}

}
/*====================================
Contact
=====================================*/

.contact-section{

    padding:120px 0;

    background:

    linear-gradient(180deg,#07131D,#0B1C29);

}

.contact-wrapper{

    background:

    linear-gradient(

    135deg,

    rgba(255,255,255,.05),

    rgba(255,255,255,.02)

    );

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

    border-radius:35px;

    overflow:hidden;

    backdrop-filter:blur(20px);

}

.contact-content{

    padding:70px;

}

.contact-content h2{

    font-family:'Cormorant Garamond',serif;

    color:#fff;

    font-size:62px;

    margin:25px 0;

    line-height:1.1;

}

.contact-content p{

    color:#C2C8CF;

    line-height:1.8;

    margin-bottom:40px;

}

.contact-highlights{

    display:grid;

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

    gap:18px;

    margin-bottom:40px;

}

.highlight{

    color:#fff;

    display:flex;

    align-items:center;

    gap:12px;

}

.highlight i{

    color:#C8A96A;

    font-size:20px;

}

.contact-info{

    display:flex;

    gap:20px;

    flex-wrap:wrap;

}

.contact-info a{

    color:#fff;

    text-decoration:none;

    display:flex;

    align-items:center;

    gap:10px;

}

.contact-info i{

    color:#C8A96A;

}

.contact-form{

    background:#132534;

    padding:60px;

    height:100%;

}

.contact-form h3{

    font-family:'Cormorant Garamond',serif;

    color:#fff;

    font-size:46px;

}

.contact-form p{

    color:#C2C8CF;

    margin:15px 0 30px;

}

.contact-form input,

.contact-form select{

    width:100%;

    height:58px;

    border:none;

    margin-bottom:18px;

    border-radius:12px;

    background:rgba(255,255,255,.08);

    color:#fff;

    padding:0 18px;

}

.contact-form input::placeholder{

    color:#d8d8d8;

}

.contact-form button{

    width:100%;

    height:58px;

    border:none;

    background:#C8A96A;

    color:#fff;

    border-radius:50px;

    font-weight:600;

    transition:.35s;

}

.contact-form button:hover{

    background:#D9B56B;

    color:#07131D;

}
/*=========================
Lead Modal
==========================*/

.modal-backdrop.show{

backdrop-filter:blur(8px);

background:#000;

opacity:.75;

}

.lead-modal{

background:#07131D;

border-radius:30px;

overflow:hidden;

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

}

.lead-modal .btn-close{

position:absolute;

right:20px;

top:20px;

z-index:20;

filter:invert(1);

}

.modal-image{

height:100%;

min-height:650px;

background:url('../image/hero.jpg')
center/cover;

position:relative;

display:flex;

align-items:flex-end;

padding:45px;

}

.modal-image .overlay{

position:absolute;

inset:0;

background:linear-gradient(

180deg,

rgba(0,0,0,.1),

rgba(7,19,29,.9)

);

}

.modal-content-box{

position:relative;

z-index:2;

}

.modal-content-box span{

color:#C8A96A;

letter-spacing:3px;

text-transform:uppercase;

font-size:13px;

}

.modal-content-box h2{

font-family:'Cormorant Garamond',serif;

font-size:48px;

color:#fff;

margin:20px 0;

}

.modal-content-box p{

color:#ddd;

line-height:1.8;

}

.modal-content-box ul{

margin-top:30px;

padding:0;

list-style:none;

}

.modal-content-box li{

color:#fff;

margin-bottom:12px;

}

.modal-form{

padding:55px;

}

.modal-form h3{

font-family:'Cormorant Garamond',serif;

font-size:42px;

color:#fff;

}

.modal-form p{

color:#bfc4c9;

margin:15px 0 30px;

}

.modal-form .form-control,

.modal-form .form-select{

height:56px;

background:rgba(255,255,255,.05);

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

color:#fff;

}

.modal-form input::placeholder{

color:#bbb;

}

.modal-form .form-control:focus,

.modal-form .form-select:focus{

border-color:#C8A96A;

box-shadow:none;

background:rgba(255,255,255,.08);

color:#fff;

}

.submit-btn{

width:100%;

height:56px;

border:none;

border-radius:50px;

background:#C8A96A;

color:#fff;

font-weight:600;

margin-top:10px;

transition:.35s;

}

.submit-btn:hover{

background:#D7B979;

color:#07131D;

}

.modal-contact{

text-align:center;

margin-top:30px;

}

.modal-contact a{

color:#C8A96A;

text-decoration:none;

font-weight:600;

}
.phone-group{

    display:flex;

    align-items:center;

    width:100%;

    height:58px;

    background:rgba(255,255,255,.06);

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

    border-radius:14px;

    overflow:hidden;

}

.country-code-display{

    width:85px;

    min-width:85px;

    display:flex;

    justify-content:center;

    align-items:center;

    background:rgba(255,255,255,.05);

    color:#fff;

    font-weight:600;

    border-right:1px solid rgba(255,255,255,.08);

}

.phone-input{

    flex:1;

    border:none;

    outline:none;

    background:transparent;

    color:#fff;

    padding:0 18px;

    height:100%;

}

.phone-input::placeholder{

    color:#bdbdbd;

}
.contact-bottom{

    margin-top:25px;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:30px;

    flex-wrap:wrap;

}

.contact-bottom a{

    color:#C8A96A;

    text-decoration:none;

    font-size:15px;

    font-weight:500;

    transition:.3s;

}

.contact-bottom a:hover{

    color:#fff;

}

.contact-bottom i{

    margin-right:8px;

    font-size:18px;

}

select:not(:-internal-list-box) option {color;#fff;}
option {color;#fff;}

select{color;#fff;}
/*==================================
Footer
===================================*/

.footer{

    background:#051018;

    padding:70px 0 30px;

    border-top:1px solid rgba(255,255,255,.08);

}

.footer-top{

    display:flex;

    justify-content:space-between;

    align-items:center;

    flex-wrap:wrap;

    gap:30px;

}

.footer-logo img{

    height:70px;

}

.footer-contact{

    display:flex;

    gap:30px;

    flex-wrap:wrap;

}

.footer-contact a{

    color:#fff;

    text-decoration:none;

    transition:.3s;

}

.footer-contact a:hover{

    color:#C8A96A;

}

.footer-contact i{

    color:#C8A96A;

    margin-right:8px;

}

.footer hr{

    border-color:rgba(255,255,255,.08);

    margin:35px 0;

}

.footer-links{

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:25px;

    margin-bottom:35px;

}

.footer-links a{

    color:#C8A96A;

    text-decoration:none;

    transition:.3s;

}

.footer-links a:hover{

    color:#fff;

}

.footer-disclaimer{

    max-width:1100px;

    margin:auto;

    text-align:center;

}

.footer-disclaimer p{

    color:#9ca5ad;

    font-size:14px;

    line-height:1.9;

}

.footer-bottom{

    margin-top:35px;

    padding-top:25px;

    border-top:1px solid rgba(255,255,255,.08);

    display:flex;

    justify-content:space-between;

    align-items:center;

    flex-wrap:wrap;

    gap:20px;

}

.footer-bottom p{

    margin:0;

    color:#b9c0c7;

    font-size:14px;

}

@media(max-width:768px){

.footer{

padding:50px 0 25px;

}

.footer-top{

justify-content:center;

text-align:center;

}

.footer-contact{

justify-content:center;

}

.footer-bottom{

justify-content:center;

text-align:center;

}

}