/* ==========================================
   GLOBAL SETTINGS
========================================== */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}


:root{

    --gold:#D4AF37;
    --gold2:#f6df82;
    --black:#050505;
    --dark:#0d0d0d;
    --gray:#bdbdbd;
    --white:#ffffff;

    --transition:.4s ease;

}


html{

    scroll-behavior:smooth;

}


body{

    background:var(--black);
    color:white;

    font-family:'Poppins',sans-serif;

    overflow-x:hidden;

}


a{

    text-decoration:none;
    color:white;

}


img{

    width:100%;
    display:block;

}



.container{

    width:90%;
    max-width:1300px;
    margin:auto;

}



.section{

    padding:120px 0;

}




/* ==========================================
   LOADER
========================================== */


.loader{

    position:fixed;

    inset:0;

    background:#000;

    display:flex;

    justify-content:center;

    align-items:center;

    flex-direction:column;

    z-index:99999;


}


.loader-ring{


    width:90px;

    height:90px;

    border-radius:50%;

    border:5px solid rgba(212,175,55,.2);

    border-top-color:var(--gold);

    animation:spin 1s linear infinite;


}


.loader h2{

    margin-top:25px;

    font-family:'Playfair Display';

    letter-spacing:4px;

    color:var(--gold);


}


.loader p{

    color:#aaa;

}


@keyframes spin{

    to{

        transform:rotate(360deg);

    }

}

.loader.hide{

    opacity:0;

    visibility:hidden;

    transition:1s ease;

}





/* ==========================================
 CUSTOM CURSOR
========================================== */


.cursor{

position:fixed;

width:14px;

height:14px;

background:var(--gold);

border-radius:50%;

pointer-events:none;

z-index:9999;

box-shadow:

0 0 25px var(--gold);


}



.cursor-outline{

position:fixed;

width:40px;

height:40px;

border:1px solid var(--gold);

border-radius:50%;

pointer-events:none;

z-index:9998;


}





/* ==========================================
 PARTICLES
========================================== */


#particles{

position:absolute;

inset:0;

z-index:2;

pointer-events:none;


}





/* ==========================================
 TOP BAR
========================================== */


.topbar{


background:#000;

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

padding:12px 0;

color:#ccc;

font-size:14px;


}


.topbar .container{


display:flex;

justify-content:space-between;


}


.topbar i{

color:var(--gold);

margin-right:8px;

}





/* ==========================================
 NAVBAR GLASS EFFECT
========================================== */


header{


position:absolute;

top:45px;

width:100%;

z-index:1000;


}



.navbar{


display:flex;

align-items:center;

justify-content:space-between;


padding:20px 35px;


background:

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



backdrop-filter:blur(18px);


border:

1px solid rgba(255,255,255,.15);


border-radius:20px;



}




.logo{

font-size:40px;

font-family:'Playfair Display';

font-weight:700;

color:white;

}



.logo span{

color:var(--gold);

}



.nav-links{


display:flex;

gap:35px;


}



.nav-links a{


position:relative;

font-size:15px;

transition:.3s;


}



.nav-links a:hover{


color:var(--gold);


}



.nav-links a::after{


content:"";

position:absolute;

bottom:-10px;

left:0;

height:2px;

width:0;

background:var(--gold);

transition:.4s;


}



.nav-links a:hover::after{

width:100%;

}







/* BUTTONS */


.gold-btn{


display:inline-block;

padding:15px 35px;

background:

linear-gradient(
120deg,
var(--gold),
var(--gold2)
);


color:#000;

font-weight:600;

border-radius:50px;


transition:.4s;


box-shadow:

0 0 25px rgba(212,175,55,.3);


}



.gold-btn:hover{


transform:translateY(-5px);

box-shadow:

0 0 45px rgba(212,175,55,.7);


}



.outline-btn{


padding:15px 35px;

border:1px solid white;

border-radius:50px;

transition:.4s;


}



.outline-btn:hover{


background:white;

color:black;


}





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


.hero{


height:100vh;

position:relative;

display:flex;

align-items:center;

overflow:hidden;


}



.hero video{


position:absolute;

width:100%;

height:100%;

object-fit:cover;


}



.hero-overlay{


position:absolute;

inset:0;


background:

linear-gradient(
90deg,
rgba(0,0,0,.9),
rgba(0,0,0,.5),
rgba(0,0,0,.85)
);


z-index:1;


}



.hero-content{


position:relative;

z-index:3;


}



.hero h1{


font-family:'Playfair Display';


font-size:75px;

max-width:900px;

line-height:1.1;


}



.hero h1 span{


background:

linear-gradient(
90deg,
#D4AF37,
#fff,
#D4AF37
);


background-size:200%;


-webkit-background-clip:text;


color:transparent;


animation:

goldMove 5s infinite linear;


}



@keyframes goldMove{


0%{

background-position:0%;

}


100%{

background-position:200%;

}


}




.hero p{


margin:30px 0;

max-width:650px;

font-size:18px;

line-height:32px;

color:#ddd;


}



.hero-buttons{


display:flex;

gap:20px;


}







/* ==========================================
 ABOUT
========================================== */


.grid{


display:grid;

grid-template-columns:1fr 1fr;

gap:70px;

align-items:center;


}



.image-box{


border-radius:20px;

overflow:hidden;


}



.image-box img{


height:500px;

object-fit:cover;


}





.content h2,
.title h2,
.process h2,
.why h2,
.faq h2{


font-family:'Playfair Display';

font-size:50px;

margin-bottom:25px;


}





.content p{

color:#bbb;

line-height:30px;

margin-bottom:20px;


}





/* ==========================================
 SERVICES CARDS
========================================== */


.cards{


display:grid;

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

gap:25px;


}



.card{


background:#111;

padding:40px 25px;

border-radius:20px;


border:1px solid rgba(212,175,55,.2);


transition:.5s;


}



.card i{


font-size:40px;

color:var(--gold);

margin-bottom:25px;


}



.card:hover{


transform:translateY(-15px);


box-shadow:

0 0 40px rgba(212,175,55,.25);


}




.card p{

color:#aaa;

line-height:28px;

}

.why-wrapper{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;
    align-items:center;
}

.why-image img{
    width:100%;
    height:620px;
    object-fit:cover;
    border-radius:18px;
}

.why-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
}

.why-card{
    background:rgba(255,255,255,.05);
    backdrop-filter:blur(12px);
    border:1px solid rgba(212,175,55,.25);
    border-radius:18px;
    padding:30px;
    transition:.4s;
}

.why-card:hover{
    transform:translateY(-10px);
    border-color:#D4AF37;
    box-shadow:0 15px 40px rgba(212,175,55,.18);
}

.why-card i{
    font-size:34px;
    color:#D4AF37;
    margin-bottom:18px;
}

.why-card h3{
    margin-bottom:12px;
    color:#fff;
}

.why-card p{
    color:#cfcfcf;
    line-height:1.7;
}




/* ==========================================
 PROCESS
========================================== */


.timeline{


display:flex;

justify-content:space-between;

margin-top:60px;


}



.timeline div{


background:#111;

padding:30px;

border-radius:20px;

text-align:center;

width:22%;

border:1px solid #333;


}



.timeline span{


display:block;

font-size:35px;

color:var(--gold);

font-weight:bold;


}






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


.features{


display:grid;

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

gap:25px;


}



.features div{


background:#111;

padding:35px;

text-align:center;

border-radius:20px;


}



.features i{

font-size:40px;

color:var(--gold);

}





/* ==========================================
 FAQ
========================================== */


.faq-box{


background:#111;

padding:25px;

margin:20px 0;

border-left:3px solid var(--gold);


}



.faq-box p{

color:#bbb;

margin-top:10px;

}






/* ==========================================
 CONTACT
========================================== */


.contact{


padding:100px 0;

text-align:center;


background:

radial-gradient(
circle,
rgba(212,175,55,.15),
transparent 60%
);


}




.contact h2{


font-family:'Playfair Display';

font-size:55px;

margin-bottom:40px;


}




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


footer{


background:#000;

padding:60px 0;

text-align:center;


}



.social i{


margin:15px;

font-size:25px;

color:var(--gold);


}




/* ==========================================
 HAMBURGER
========================================== */


.hamburger{

display:none;

}



.hamburger span{


width:30px;

height:3px;

background:var(--gold);

display:block;

margin:6px;


}





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


@media(max-width:1000px){


.nav-links,
.navbar .gold-btn{

display:none;


}



.hamburger{

display:block;

}



.hero h1{

font-size:50px;

}



.cards,
.features{

grid-template-columns:1fr 1fr;

}



.grid{

grid-template-columns:1fr;

}



.timeline{

flex-direction:column;

gap:20px;

}



.timeline div{

width:100%;

}


}



@media(max-width:600px){


.hero h1{

font-size:38px;

}



.cards,
.features{

grid-template-columns:1fr;

}



.contact h2{


font-size:38px;

}


.hero-buttons{

flex-direction:column;

}



}

/*=========================================
    WHATSAPP FLOAT BUTTON
=========================================*/

.whatsapp-float{

    position:fixed;

    bottom:30px;

    right:30px;

    width:65px;

    height:65px;

    background:#25D366;

    color:#fff;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:34px;

    z-index:9999;

    box-shadow:0 10px 35px rgba(37,211,102,.45);

    transition:.4s ease;

    animation:whatsappPulse 2s infinite;

}

.whatsapp-float:hover{

    transform:translateY(-8px) scale(1.08);

    box-shadow:0 15px 45px rgba(37,211,102,.65);

}

@keyframes whatsappPulse{

    0%{

        box-shadow:0 0 0 0 rgba(37,211,102,.6);

    }

    70%{

        box-shadow:0 0 0 18px rgba(37,211,102,0);

    }

    100%{

        box-shadow:0 0 0 0 rgba(37,211,102,0);

    }

}

/*=========================================
        ABOUT PAGE HERO
=========================================*/

.page-hero{

    position: relative;
    width: 100%;
    height: 65vh;
    min-height: 500px;
    display: flex;
    align-items: center;
    overflow: hidden;

}

.page-hero img{

    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;

}

.page-overlay{

    position: absolute;
    inset: 0;

    background:
    linear-gradient(
        90deg,
        rgba(0,0,0,.88),
        rgba(0,0,0,.45),
        rgba(0,0,0,.88)
    );

    z-index: 1;

}

.hero-text{

    position: relative;
    z-index: 5;

}

.hero-text h1{

    font-size: 70px;
    font-family: "Playfair Display", serif;
    color: #fff;
    margin-bottom: 20px;
    line-height: 1.1;

}

.hero-text p{

    max-width: 650px;
    color: #ddd;
    font-size: 20px;
    line-height: 34px;

}

/* Gold underline */

.hero-text h1::after{

    content:"";

    display:block;

    width:120px;

    height:4px;

    background:linear-gradient(
    90deg,
    #D4AF37,
    #f6df82
    );

    margin-top:20px;
    border-radius:10px;

}
/*=========================================
        SECTION TITLES
=========================================*/

.section-tag{

    display:inline-block;

    color:#D4AF37;

    text-transform:uppercase;

    letter-spacing:3px;

    font-size:13px;

    font-weight:600;

    margin-bottom:15px;

}

.title-center{

    text-align:center;
    margin-bottom:70px;

}

.title-center h2{

    font-size:50px;

    font-family:"Playfair Display",serif;

    margin-top:10px;

}

.title-center p{

    color:#bdbdbd;

    max-width:700px;

    margin:auto;
    margin-top:20px;
    line-height:30px;

}
/*=========================================
        ABOUT COMPANY
=========================================*/

.about-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:70px;

    align-items:center;

}

.about-image{

    overflow:hidden;

    border-radius:20px;

}

.about-image img{

    height:600px;

    object-fit:cover;

    transition:.6s;

}

.about-image:hover img{

    transform:scale(1.08);

}

.about-text h2{

    font-size:48px;

    font-family:"Playfair Display",serif;

    margin-bottom:25px;

    line-height:1.2;

}

.about-text p{

    color:#cfcfcf;

    line-height:32px;

    margin-bottom:20px;

    font-size:17px;

}
.about-image,
.commitment-image,
.why-image{

    position:relative;

}

.about-image::before,
.commitment-image::before,
.why-image::before{

    content:"";

    position:absolute;

    inset:0;

    border-radius:20px;

    border:1px solid rgba(212,175,55,.15);

    pointer-events:none;

}

.about-image:hover,
.commitment-image:hover,
.why-image:hover{

    box-shadow:

    0 20px 60px rgba(212,175,55,.18);

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

.page-hero{

height:55vh;

}

.hero-text h1{

font-size:48px;

}

.hero-text p{

font-size:17px;

line-height:30px;

}

.about-grid{

grid-template-columns:1fr;

}

.about-image img{

height:420px;

}

.about-text{

text-align:center;

}

}

@media(max-width:576px){

.hero-text h1{

font-size:36px;

}

.hero-text p{

font-size:16px;

}

.about-text h2{

font-size:34px;

}

}
/*=========================================
        OUR COMMITMENT
=========================================*/

.commitment{

    background:#0b0b0b;

}

.reverse-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:70px;

    align-items:center;

}

.commitment-text h2{

    font-size:48px;

    font-family:"Playfair Display",serif;

    line-height:1.2;

    margin-bottom:25px;

}

.commitment-text p{

    color:#cfcfcf;

    font-size:17px;

    line-height:32px;

    margin-bottom:20px;

}

.commitment-image{

    overflow:hidden;

    border-radius:20px;

}

.commitment-image img{

    width:100%;

    height:600px;

    object-fit:cover;

    transition:.6s;

}

.commitment-image:hover img{

    transform:scale(1.08);

}
/*=========================================
        MISSION VISION VALUES
=========================================*/

.mvv{

    background:#050505;

}

.mvv-grid{

    display:grid;

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

    gap:30px;

}

.mvv-card{

    position:relative;

    padding:45px 35px;

    border-radius:20px;

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

    backdrop-filter:blur(15px);

    border:1px solid rgba(212,175,55,.18);

    transition:.45s;

    overflow:hidden;

}
.mvv-card::before{

    content:"";

    position:absolute;

    left:0;
    top:0;

    width:100%;
    height:4px;

    background:linear-gradient(
        90deg,
        #D4AF37,
        #f6df82,
        #D4AF37
    );

    transform:scaleX(0);

    transform-origin:left;

    transition:.5s;

}

.mvv-card:hover::before{

    transform:scaleX(1);

}
.mvv-card:hover{

    transform:translateY(-12px);

    border-color:#D4AF37;

    box-shadow:

    0 25px 60px rgba(212,175,55,.18);

}
.mvv-card:hover{

    transform:translateY(-12px);

    border-color:#D4AF37;

    box-shadow:

    0 25px 60px rgba(212,175,55,.18);

}
.mvv-card h3{

    font-size:28px;

    margin-bottom:18px;

    font-family:"Playfair Display",serif;

}

.mvv-card p{

    color:#cfcfcf;

    line-height:30px;

}

.mvv-card ul{

    margin-top:18px;

    padding-left:20px;

}

.mvv-card li{

    color:#cfcfcf;

    margin-bottom:12px;

}
.mvv-card::after{

    content:"";

    position:absolute;

    width:180px;

    height:180px;

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

    border-radius:50%;

    top:-70px;

    right:-70px;

    filter:blur(70px);

    opacity:0;

    transition:.5s;

}

.mvv-card:hover::after{

    opacity:1;

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

.reverse-grid{

grid-template-columns:1fr;

}

.commitment-text{

text-align:center;

}

.commitment-image img{

height:420px;

}

.mvv-grid{

grid-template-columns:1fr;

}

}
/*=========================================
        ABOUT CTA
=========================================*/


.about-cta{

    position:relative;

    padding:120px 0;

    text-align:center;

    overflow:hidden;


    background:

    linear-gradient(

        rgba(0,0,0,.85),

        rgba(0,0,0,.85)

    ),

    url("../images/gold-background.jpg");

    background-size:cover;

    background-position:center;


}



/* GOLD LIGHT EFFECT */


.about-cta::before{


    content:"";

    position:absolute;

    width:400px;

    height:400px;

    background:

    rgba(212,175,55,.18);


    border-radius:50%;

    filter:blur(120px);

    top:-100px;

    left:50%;

    transform:translateX(-50%);


}



.about-cta .container{

    position:relative;

    z-index:2;

}



.about-cta h2{


font-size:55px;

max-width:900px;

margin:auto;

font-family:"Playfair Display",serif;

line-height:1.2;


}



.about-cta p{


max-width:700px;

margin:25px auto 40px;

color:#ddd;

font-size:18px;

line-height:32px;


}
/*=========================================
        WHY CHOOSE US SECTION
=========================================*/


.why{

    background:#0b0b0b;

}


.why-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:70px;

    align-items:center;

}



/* IMAGE */


.why-image{

    position:relative;

    border-radius:25px;

    overflow:hidden;

}


.why-image img{

    height:650px;

    object-fit:cover;

    transition:.6s ease;

}


.why-image:hover img{

    transform:scale(1.08);

}



/* GOLD FRAME EFFECT */


.why-image::after{

    content:"";

    position:absolute;

    inset:20px;

    border:1px solid rgba(212,175,55,.5);

    border-radius:20px;

    pointer-events:none;

}





/* CONTENT */


.why-content h2{

    font-size:48px;

    font-family:"Playfair Display",serif;

    line-height:1.2;

    margin-bottom:35px;

}



.why-content > p{

    color:#cfcfcf;

    line-height:30px;

}




/* FEATURE ROWS */


.feature{

    display:flex;

    gap:25px;

    align-items:flex-start;

    margin-bottom:30px;

    padding:22px;

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

    border-radius:15px;

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

    transition:.4s;

}



.feature:hover{

    transform:translateX(10px);

    border-color:#D4AF37;

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

}




.feature i{


width:55px;

height:55px;

border-radius:50%;

background:

rgba(212,175,55,.15);


display:flex;

align-items:center;

justify-content:center;


color:#D4AF37;

font-size:22px;


}



.feature h4{

    font-size:20px;

    margin-bottom:8px;

}


.feature p{

    color:#aaa;

    line-height:25px;

    font-size:14px;

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


.why-grid{

    grid-template-columns:1fr;

}


.why-content{

    text-align:center;

}


.why-image img{

    height:450px;

}



.feature{

    text-align:left;

}



.about-cta h2{

    font-size:40px;

}



}



@media(max-width:576px){


.why-content h2{

    font-size:34px;

}



.about-cta{

    padding:80px 0;

}



.about-cta h2{

    font-size:32px;

}



.about-cta p{

    font-size:16px;

}


}

/*=========================================
        SERVICES INTRO
=========================================*/

.services-intro{

background:#050505;

}

/*=========================================
        SERVICE GRID
=========================================*/

.service-grid{

display:grid;

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

gap:30px;

}

.service-card{

padding:45px 35px;

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

border-radius:20px;

border:1px solid rgba(212,175,55,.15);

transition:.45s;

backdrop-filter:blur(10px);

position:relative;

overflow:hidden;

}

.service-card::before{

content:"";

position:absolute;

top:0;

left:0;

width:100%;

height:4px;

background:linear-gradient(90deg,#D4AF37,#F6DF82);

transform:scaleX(0);

transition:.45s;

}

.service-card:hover::before{

transform:scaleX(1);

}

.service-card:hover{

transform:translateY(-12px);

box-shadow:0 20px 50px rgba(212,175,55,.18);

}

.service-card i{

font-size:45px;

color:#D4AF37;

margin-bottom:25px;

}

.service-card h3{

margin-bottom:15px;

font-family:"Playfair Display",serif;

font-size:28px;

}

.service-card p{

color:#cfcfcf;

line-height:30px;

}

/*=========================================
        VALUE SECTION
=========================================*/

.value-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:70px;

align-items:center;

}

.value-image{

overflow:hidden;

border-radius:20px;

}

.value-image img{

height:600px;

object-fit:cover;

transition:.6s;

}

.value-image:hover img{

transform:scale(1.08);

}

.value-content h2{

font-size:48px;

font-family:"Playfair Display",serif;

margin-bottom:35px;

}

.value-item{

display:flex;

gap:20px;

margin-bottom:22px;

padding:18px;

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

border-radius:15px;

transition:.4s;

}

.value-item:hover{

transform:translateX(10px);

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

}

.value-item i{

font-size:22px;

color:#D4AF37;

margin-top:3px;

}

.value-item p{

line-height:28px;

color:#d5d5d5;

}

@media(max-width:991px){

.service-grid{

grid-template-columns:1fr;

}

.value-grid{

grid-template-columns:1fr;

}

.value-content{

text-align:center;

}

.value-image img{

height:420px;

}

}

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

.breadcrumb{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:25px;

    font-size:15px;

}

.breadcrumb a{

    color:#D4AF37;

    transition:.35s;

}

.breadcrumb a:hover{

    color:#ffffff;

}

.breadcrumb span{

    color:#999;

}

.breadcrumb .active{

    color:#ffffff;

}



/*=========================================
        CONTACT CARDS
=========================================*/

/*=========================================
      FLOATING CONTACT CARDS
=========================================*/

.floating-contact{

    margin-top:-90px;

    position:relative;

    z-index:50;

}

.contact-grid{

    display:grid;

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

    gap:25px;

}

.contact-card{

    background:rgba(15,15,15,.85);

    backdrop-filter:blur(18px);

    border:1px solid rgba(212,175,55,.2);

    border-radius:20px;

    padding:40px 25px;

    text-align:center;

    transition:.45s;

}

.contact-card:hover{

    transform:translateY(-12px);

    border-color:#D4AF37;

    box-shadow:

    0 25px 55px rgba(212,175,55,.18);

}

.contact-card i{

    width:75px;

    height:75px;

    margin:auto;

    margin-bottom:20px;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:50%;

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

    color:#D4AF37;

    font-size:30px;

}

.contact-card h3{

    font-size:22px;

    margin-bottom:12px;

    font-family:"Playfair Display",serif;

}

.contact-card p{

    color:#bfbfbf;

    line-height:28px;

}

/*=========================================
        CONTACT PAGE
=========================================*/

.contact-wrapper{

display:grid;

grid-template-columns:1.2fr .8fr;

gap:60px;

align-items:start;

}

.contact-form{

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

padding:45px;

border-radius:20px;

border:1px solid rgba(212,175,55,.15);

}

.contact-form h2{

font-size:45px;

margin-bottom:30px;

font-family:"Playfair Display",serif;

}

.contact-form form{

display:flex;

flex-direction:column;

gap:20px;

}

.contact-form input,
.contact-form textarea{

padding:18px;

background:#111;

border:1px solid #333;

border-radius:12px;

color:#fff;

font-size:16px;

outline:none;

transition:.3s;

}

.contact-form input:focus,
.contact-form textarea:focus{

border-color:#D4AF37;

}

.contact-form button{

border:none;

cursor:pointer;

align-self:flex-start;

}

/*=========================================
        OFFICE INFO
=========================================*/

.office-info img{

border-radius:20px;

margin-bottom:25px;

height:300px;

object-fit:cover;

}

.office-box{

padding:25px;

margin-bottom:20px;

background:#111;

border-left:4px solid #D4AF37;

border-radius:10px;

}

.office-box h3{

margin-bottom:10px;

}

.office-box p{

color:#ccc;

line-height:28px;

}

/*=========================================
        MAP
=========================================*/

.map-section iframe{

width:100%;

height:500px;

border:none;

}

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

@media(max-width:991px){

.contact-grid{

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

}

.contact-wrapper{

grid-template-columns:1fr;

}

}

@media(max-width:600px){

.contact-grid{

grid-template-columns:1fr;

}

.contact-form{

padding:30px;

}

.contact-form h2{

font-size:34px;

}

.contact-form button{

width:100%;

}

}

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

.hamburger{

    display:none;

    cursor:pointer;

    z-index:10001;

}

.hamburger span{

    display:block;

    width:26px;

    height:2.5px;

    margin:6px 0;

    background:#D4AF37;

    transition:.4s;

}

/* Mobile */

@media(max-width:991px){

.nav-links{

    position:fixed;

    top:0;

    right:-100%;

    width:300px;

    height:100vh;

    background:#080808;

    backdrop-filter:blur(20px);

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    gap:35px;

    transition:.45s ease;

    z-index:9999;

}

.nav-links.active{

    right:0;

}

.nav-links li{

    list-style:none;

}

.nav-links a{

    font-size:20px;

}

.hamburger{

    display:block;

}

.navbar .gold-btn{

    display:none;

}

}

.hamburger.active span:nth-child(1){

    transform:rotate(45deg) translate(7px,7px);

}

.hamburger.active span:nth-child(2){

    opacity:0;

}

.hamburger.active span:nth-child(3){

    transform:rotate(-45deg) translate(6px,-6px);

}