/*==================================================
KHUSHI MARBLES AND TILES
Luxury Black & Gold Theme
==================================================*/

/*==========================
GOOGLE RESET
==========================*/

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

html{
overflow-x:hidden;
}

body{

font-family:'Poppins',sans-serif;
background:#090909;
color:#ffffff;
overflow-x:hidden;
line-height:1.7;

}

img{

max-width:100%;
display:block;

}

a{

text-decoration:none;
color:inherit;

}

ul{

list-style:none;

}

.container{

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

}

/*==========================
COLORS
==========================*/

:root{

--gold:#D4AF37;
--gold2:#C99A00;
--gold-light:#F3D37A;

--black:#090909;
--black2:#111111;
--card:#171717;

--white:#ffffff;
--text:#d7d7d7;

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

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

}

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

.top-bar{

background:#000;
border-bottom:1px solid var(--border);

}

.top-wrapper{

display:flex;
justify-content:space-between;
align-items:center;
padding:12px 0;
gap:25px;
flex-wrap:wrap;

}

.top-left{

display:flex;
gap:25px;

}

.top-left a{

font-size:14px;
transition:.35s;
color:#ddd;

}

.top-left a:hover{

color:var(--gold);

}

.top-left i{

color:var(--gold);
margin-right:8px;

}

.top-center{

font-size:14px;
color:#cfcfcf;

}

.top-center i{

margin-right:8px;
color:var(--gold);

}

.top-right{

font-size:14px;
color:#ddd;

}

.top-right i{

color:var(--gold);
margin-right:8px;

}

/*==========================
NAVBAR
==========================*/

.navbar{

position:sticky;
top:0;
left:0;
width:100%;

background:rgba(9,9,9,.96);

backdrop-filter:blur(18px);

z-index:9999;

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

transition:.4s;

}

.nav-wrapper{

display:flex;
justify-content:space-between;
align-items:center;

padding:18px 0;

}

.logo img{

width:78px;

}

nav ul{

display:flex;
gap:38px;

}

nav ul li a{

font-size:16px;
font-weight:500;
position:relative;
transition:.35s;

}

nav ul li a:hover{

color:var(--gold);

}

nav ul li a::after{

content:"";
position:absolute;

left:0;
bottom:-8px;

width:0;
height:2px;

background:var(--gold);

transition:.35s;

}

nav ul li a:hover::after{

width:100%;

}

.nav-btn{

padding:15px 34px;

border-radius:50px;

background:
linear-gradient(
135deg,
var(--gold),
var(--gold2)
);

color:#111;

font-weight:600;

transition:.35s;

}

.nav-btn:hover{

transform:translateY(-5px);

box-shadow:
0 15px 40px rgba(212,175,55,.35);

}

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

.hero{

padding:120px 0;

background:

radial-gradient(circle at top right,
rgba(212,175,55,.08),
transparent 35%),

linear-gradient(
180deg,
#090909,
#101010
);

overflow:hidden;

}

.hero-wrapper{

display:grid;

grid-template-columns:1.1fr .9fr;

align-items:center;

gap:80px;

}

.hero-badge{

display:inline-flex;

align-items:center;

gap:10px;

padding:12px 22px;

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

border-radius:50px;

margin-bottom:25px;

color:var(--gold);

font-size:13px;

letter-spacing:2px;

}

.hero-badge i{

font-size:16px;

}

.hero h1{

font-family:'Cormorant Garamond',serif;

font-size:82px;

line-height:1.05;

margin-bottom:10px;

}

.hero h1 span{

display:block;

color:var(--gold);

}

.hero h2{

font-size:26px;

font-weight:400;

color:var(--gold-light);

margin-bottom:30px;

}

.hero p{

font-size:17px;

line-height:2;

color:var(--text);

margin-bottom:35px;

max-width:700px;

}

.hero-buttons{

display:flex;

gap:20px;

margin-bottom:40px;

flex-wrap:wrap;

}

.primary-btn{

display:inline-flex;

align-items:center;

justify-content:center;

padding:17px 36px;

background:
linear-gradient(
135deg,
var(--gold),
var(--gold2)
);

border-radius:50px;

color:#111;

font-weight:600;

transition:.35s;

}

.primary-btn:hover{

transform:translateY(-5px);

box-shadow:
0 15px 35px rgba(212,175,55,.30);

}

.secondary-btn{

display:inline-flex;

align-items:center;

justify-content:center;

padding:17px 36px;

border-radius:50px;

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

color:var(--gold);

transition:.35s;

}

.secondary-btn:hover{

background:var(--gold);

color:#111;

}

.hero-features{

display:grid;

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

gap:18px;

}

.hero-features div{

background:var(--card);

padding:18px 22px;

border-radius:18px;

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

transition:.35s;

}

.hero-features div:hover{

border-color:var(--gold);

transform:translateY(-5px);

}

.hero-features i{

color:var(--gold);

margin-right:10px;

}

.hero-image{

position:relative;

}

.hero-image img{

border-radius:28px;

box-shadow:var(--shadow);

}

.experience-card{

position:absolute;

left:-30px;

bottom:35px;

background:#151515;

padding:30px;

border-radius:22px;

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

text-align:center;

box-shadow:var(--shadow);

}

.experience-card h3{

font-size:56px;

font-family:'Cormorant Garamond',serif;

color:var(--gold);

}

.experience-card p{

margin-top:8px;

font-size:15px;

color:#ddd;

}

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

@media(max-width:1100px){

.hero-wrapper{

grid-template-columns:1fr;

}

.hero-image{

order:-1;

}

nav{

display:none;

}

}

@media(max-width:768px){

.hero{

padding:80px 0;

}

.hero h1{

font-size:52px;

}

.hero h2{

font-size:20px;

}

.hero-features{

grid-template-columns:1fr;

}

.top-wrapper{

justify-content:center;
text-align:center;

}

.top-left{

flex-direction:column;

gap:10px;

}

.experience-card{

position:static;

margin-top:20px;

}

} /*==================================================
PREMIUM STATS
==================================================*/

.stats{

padding:110px 0;

background:#111111;

position:relative;

overflow:hidden;

}

.stats::before{

content:"";

position:absolute;

width:450px;

height:450px;

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

border-radius:50%;

top:-180px;

right:-180px;

filter:blur(120px);

}

.stats-grid{

display:grid;

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

gap:30px;

position:relative;

z-index:2;

}

.stat-card{

background:#171717;

padding:45px 30px;

border-radius:24px;

text-align:center;

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

transition:.4s;

}

.stat-card:hover{

transform:translateY(-12px);

border-color:var(--gold);

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

}

.stat-icon{

width:75px;

height:75px;

margin:auto;

margin-bottom:22px;

display:flex;

align-items:center;

justify-content:center;

border-radius:50%;

background:linear-gradient(135deg,var(--gold),var(--gold2));

}

.stat-icon i{

font-size:30px;

color:#111;

}

.stat-card h2{

font-family:'Cormorant Garamond',serif;

font-size:58px;

color:var(--gold);

margin-bottom:10px;

}

.stat-card h4{

font-size:22px;

margin-bottom:15px;

}

.stat-card p{

color:var(--text);

line-height:1.9;

}



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

.about{

padding:130px 0;

background:#090909;

}

.about-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:80px;

align-items:center;

}

.about-image{

position:relative;

}

.about-image img{

border-radius:28px;

box-shadow:var(--shadow);

}

.experience-box{

position:absolute;

right:-30px;

bottom:35px;

background:#151515;

padding:28px;

border-radius:22px;

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

text-align:center;

box-shadow:var(--shadow);

}

.experience-box h2{

font-size:60px;

font-family:'Cormorant Garamond',serif;

color:var(--gold);

}

.experience-box p{

color:#ddd;

margin-top:8px;

}

.section-tag{

display:inline-block;

padding:10px 22px;

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

border-radius:50px;

color:var(--gold);

font-size:13px;

letter-spacing:2px;

margin-bottom:25px;

}

.about-content h2{

font-family:'Cormorant Garamond',serif;

font-size:58px;

line-height:1.15;

margin-bottom:28px;

}

.about-content p{

font-size:17px;

line-height:2;

color:var(--text);

margin-bottom:22px;

}

.about-features{

display:grid;

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

gap:18px;

margin:35px 0;

}

.about-feature{

background:#171717;

padding:18px 22px;

border-radius:18px;

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

transition:.35s;

}

.about-feature:hover{

border-color:var(--gold);

transform:translateY(-6px);

}

.about-feature i{

color:var(--gold);

margin-right:10px;

}

.about-buttons{

display:flex;

gap:20px;

flex-wrap:wrap;

}



/*==================================================
WHY CHOOSE US
==================================================*/

.why-choose{

padding:130px 0;

background:#111111;

}

.section-heading{

max-width:800px;

margin:auto;

text-align:center;

margin-bottom:70px;

}

.section-heading span{

display:inline-block;

padding:10px 22px;

border-radius:50px;

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

color:var(--gold);

font-size:13px;

letter-spacing:2px;

margin-bottom:20px;

}

.section-heading h2{

font-family:'Cormorant Garamond',serif;

font-size:60px;

line-height:1.2;

margin-bottom:22px;

}

.section-heading p{

color:var(--text);

line-height:2;

font-size:17px;

}

.why-grid{

display:grid;

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

gap:30px;

}

.why-card{

background:#171717;

padding:45px 30px;

border-radius:24px;

text-align:center;

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

transition:.4s;

}

.why-card:hover{

transform:translateY(-10px);

border-color:var(--gold);

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

}

.why-card i{

font-size:48px;

margin-bottom:25px;

color:var(--gold);

}

.why-card h3{

font-size:28px;

font-family:'Cormorant Garamond',serif;

margin-bottom:15px;

}

.why-card p{

line-height:1.9;

color:var(--text);

}



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

@media(max-width:1100px){

.stats-grid{

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

}

.about-grid{

grid-template-columns:1fr;

}

.why-grid{

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

}

}

@media(max-width:768px){

.stats-grid{

grid-template-columns:1fr;

}

.why-grid{

grid-template-columns:1fr;

}

.about-content h2{

font-size:40px;

}

.section-heading h2{

font-size:42px;

}

.about-features{

grid-template-columns:1fr;

}

.experience-box{

position:static;

margin-top:25px;

}

} /*==================================================
CATEGORIES
==================================================*/

.categories{

padding:120px 0;

background:#090909;

position:relative;

overflow:hidden;

}

.categories::before{

content:"";

position:absolute;

width:550px;

height:550px;

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

left:-250px;

top:-150px;

border-radius:50%;

filter:blur(140px);

}

.category-grid{

display:grid;

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

gap:30px;

position:relative;

z-index:2;

}

.category-card{

background:#151515;

border-radius:24px;

overflow:hidden;

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

transition:.45s;

}

.category-card:hover{

transform:translateY(-10px);

border-color:var(--gold);

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

}

.category-card img{

width:100%;

height:250px;

object-fit:cover;

transition:.6s;

}

.category-card:hover img{

transform:scale(1.08);

}

.category-content{

padding:28px;

}

.category-content h3{

font-family:'Cormorant Garamond',serif;

font-size:34px;

margin-bottom:15px;

}

.category-content p{

color:var(--text);

line-height:1.9;

margin-bottom:22px;

}

.category-content a{

display:inline-flex;

align-items:center;

gap:10px;

color:var(--gold);

font-weight:600;

transition:.35s;

}

.category-content a:hover{

letter-spacing:1px;

}



/*==================================================
FEATURED COLLECTION
==================================================*/

.collection{

padding:130px 0;

background:#111111;

}

.collection-grid{

display:grid;

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

gap:28px;

}

.collection-card{

position:relative;

overflow:hidden;

border-radius:24px;

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

cursor:pointer;

}

.collection-card img{

width:100%;

height:340px;

object-fit:cover;

transition:.6s;

}

.collection-card:hover img{

transform:scale(1.1);

}

.overlay{

position:absolute;

left:0;

bottom:0;

width:100%;

padding:28px;

background:linear-gradient(

transparent,

rgba(0,0,0,.92)

);

}

.overlay h3{

font-family:'Cormorant Garamond',serif;

font-size:34px;

color:#fff;

}



/*==================================================
SHOWROOM
==================================================*/

.showroom{

padding:130px 0;

background:#090909;

}

.showroom-wrapper{

display:grid;

grid-template-columns:1fr 1fr;

gap:80px;

align-items:center;

}

.showroom-content span{

display:inline-block;

padding:10px 22px;

border-radius:50px;

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

color:var(--gold);

font-size:13px;

letter-spacing:2px;

margin-bottom:22px;

}

.showroom-content h2{

font-family:'Cormorant Garamond',serif;

font-size:60px;

line-height:1.15;

margin-bottom:25px;

}

.showroom-content p{

color:var(--text);

line-height:2;

margin-bottom:25px;

font-size:17px;

}

.showroom-content ul{

display:grid;

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

gap:18px;

margin:35px 0;

}

.showroom-content ul li{

background:#171717;

padding:18px;

border-radius:18px;

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

transition:.35s;

}

.showroom-content ul li:hover{

border-color:var(--gold);

transform:translateY(-5px);

}

.showroom-image{

position:relative;

}

.showroom-image img{

width:100%;

border-radius:28px;

box-shadow:var(--shadow);

transition:.6s;

}

.showroom-image:hover img{

transform:scale(1.03);

}



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

@media(max-width:1200px){

.category-grid{

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

}

.collection-grid{

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

}

}

@media(max-width:992px){

.category-grid{

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

}

.collection-grid{

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

}

.showroom-wrapper{

grid-template-columns:1fr;

}

.showroom-image{

order:-1;

}

}

@media(max-width:768px){

.category-grid{

grid-template-columns:1fr;

}

.collection-grid{

grid-template-columns:1fr;

}

.showroom-content h2{

font-size:42px;

}

.showroom-content ul{

grid-template-columns:1fr;

}

.category-card img{

height:220px;

}

.collection-card img{

height:280px;

}

} /*==================================================
WORKING PROCESS
==================================================*/

.process{

padding:120px 0;

background:#111111;

position:relative;

overflow:hidden;

}

.process::before{

content:"";

position:absolute;

right:-250px;

top:-180px;

width:550px;

height:550px;

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

border-radius:50%;

filter:blur(140px);

}

.process-grid{

display:grid;

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

gap:30px;

position:relative;

z-index:2;

}

.process-card{

background:#171717;

padding:45px 30px;

text-align:center;

border-radius:24px;

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

transition:.4s;

position:relative;

overflow:hidden;

}

.process-card::before{

content:"";

position:absolute;

left:0;

top:0;

width:100%;

height:4px;

background:linear-gradient(90deg,var(--gold),transparent);

transform:scaleX(0);

transition:.4s;

}

.process-card:hover::before{

transform:scaleX(1);

}

.process-card:hover{

transform:translateY(-12px);

border-color:var(--gold);

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

}

.process-number{

width:80px;

height:80px;

margin:auto;

margin-bottom:25px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

background:linear-gradient(135deg,var(--gold),var(--gold2));

font-size:30px;

font-weight:700;

color:#111;

}

.process-card i{

font-size:42px;

color:var(--gold);

margin-bottom:22px;

}

.process-card h3{

font-family:'Cormorant Garamond',serif;

font-size:34px;

margin-bottom:15px;

}

.process-card p{

line-height:1.9;

color:var(--text);

}



/*==================================================
TESTIMONIALS
==================================================*/

.testimonials{

padding:120px 0;

background:#090909;

}

.testimonial-grid{

display:grid;

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

gap:30px;

}

.testimonial-card{

background:#171717;

padding:40px;

border-radius:24px;

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

transition:.4s;

position:relative;

}

.testimonial-card:hover{

transform:translateY(-10px);

border-color:var(--gold);

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

}

.stars{

font-size:24px;

letter-spacing:4px;

color:var(--gold);

margin-bottom:22px;

}

.testimonial-card p{

font-size:16px;

line-height:2;

color:var(--text);

margin-bottom:25px;

}

.testimonial-card h4{

font-family:'Cormorant Garamond',serif;

font-size:30px;

color:#fff;

}



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

.faq{

padding:120px 0;

background:#111111;

}

.faq-container{

max-width:950px;

margin:auto;

}

.faq-item{

background:#171717;

border-radius:20px;

margin-bottom:20px;

overflow:hidden;

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

transition:.35s;

}

.faq-item:hover{

border-color:var(--gold);

}

.faq-question{

width:100%;

padding:28px 30px;

background:none;

border:none;

display:flex;

justify-content:space-between;

align-items:center;

cursor:pointer;

font-size:18px;

font-weight:600;

color:#fff;

text-align:left;

}

.faq-question span{

font-size:28px;

color:var(--gold);

}

.faq-answer{

display:none;

padding:0 30px 28px;

}

.faq-answer p{

color:var(--text);

line-height:2;

}



/*==================================================
SECTION ANIMATION
==================================================*/

.process-card,
.testimonial-card,
.faq-item{

transition:.4s;

}



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

@media(max-width:1200px){

.process-grid{

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

}

.testimonial-grid{

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

}

}

@media(max-width:768px){

.process-grid{

grid-template-columns:1fr;

}

.testimonial-grid{

grid-template-columns:1fr;

}

.process-card{

padding:35px 25px;

}

.testimonial-card{

padding:30px;

}

.faq-question{

font-size:16px;

padding:22px;

}

.faq-answer{

padding:0 22px 22px;

}

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

.contact{

padding:130px 0;

background:#090909;

position:relative;

overflow:hidden;

}

.contact::before{

content:"";

position:absolute;

left:-250px;

bottom:-250px;

width:550px;

height:550px;

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

border-radius:50%;

filter:blur(150px);

}

.contact-grid{

display:grid;

grid-template-columns:1fr 1.1fr;

gap:50px;

align-items:start;

position:relative;

z-index:2;

}

.contact-info{

display:flex;

flex-direction:column;

gap:25px;

}

.info-card{

background:#171717;

padding:30px;

border-radius:22px;

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

text-align:center;

transition:.35s;

}

.info-card:hover{

transform:translateY(-8px);

border-color:var(--gold);

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

}

.info-card i{

font-size:42px;

color:var(--gold);

margin-bottom:18px;

}

.info-card h3{

font-family:'Cormorant Garamond',serif;

font-size:30px;

margin-bottom:12px;

}

.info-card p{

color:var(--text);

line-height:1.9;

}

.contact-form{

background:#171717;

padding:40px;

border-radius:25px;

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

}

.contact-form form{

display:flex;

flex-direction:column;

gap:20px;

}

.contact-form input,

.contact-form select,

.contact-form textarea{

width:100%;

padding:18px;

background:#111;

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

border-radius:16px;

color:#fff;

font-size:15px;

outline:none;

transition:.3s;

}

.contact-form input:focus,

.contact-form select:focus,

.contact-form textarea:focus{

border-color:var(--gold);

}

.contact-form textarea{

min-height:170px;

resize:none;

}



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

.cta{

padding:120px 0;

background:#111111;

}

.cta-box{

background:linear-gradient(135deg,#181818,#111);

padding:80px;

border-radius:35px;

text-align:center;

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

}

.cta-box span{

display:inline-block;

padding:10px 22px;

border-radius:40px;

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

color:var(--gold);

letter-spacing:2px;

font-size:13px;

margin-bottom:20px;

}

.cta-box h2{

font-family:'Cormorant Garamond',serif;

font-size:62px;

margin-bottom:20px;

}

.cta-box p{

max-width:750px;

margin:auto;

line-height:2;

color:var(--text);

margin-bottom:35px;

}



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

footer{

background:#050505;

padding:90px 0 25px;

border-top:1px solid rgba(212,175,55,.12);

}

.footer-grid{

display:grid;

grid-template-columns:2fr 1fr 1fr 1.3fr;

gap:45px;

}

.footer-logo{

width:85px;

margin-bottom:20px;

}

footer h3{

font-family:'Cormorant Garamond',serif;

font-size:34px;

margin-bottom:18px;

color:var(--gold);

}

footer h4{

font-size:22px;

margin-bottom:18px;

color:#fff;

}

footer p{

color:var(--text);

line-height:1.9;

}

footer ul{

display:flex;

flex-direction:column;

gap:14px;

}

footer ul li a{

color:var(--text);

transition:.35s;

}

footer ul li a:hover{

color:var(--gold);

padding-left:8px;

}

.copyright{

margin-top:60px;

padding-top:25px;

border-top:1px solid rgba(212,175,55,.12);

display:flex;

justify-content:space-between;

align-items:center;

flex-wrap:wrap;

gap:20px;

color:#999;

}

.copyright span{

color:var(--gold);

font-weight:600;

}



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

.call-float{

position:fixed;

left:25px;

bottom:25px;

width:62px;

height:62px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

background:linear-gradient(135deg,var(--gold),var(--gold2));

color:#111;

font-size:24px;

z-index:99999;

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

transition:.35s;

}

.call-float:hover{

transform:scale(1.08);

}

.whatsapp-float{

position:fixed;

right:25px;

bottom:25px;

width:65px;

height:65px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

background:#25D366;

color:#fff;

font-size:30px;

z-index:99999;

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

transition:.35s;

}

.whatsapp-float:hover{

transform:scale(1.08);

}

.scroll-top{

position:fixed;

right:25px;

bottom:105px;

width:58px;

height:58px;

border:none;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

background:linear-gradient(135deg,var(--gold),var(--gold2));

color:#111;

font-size:20px;

cursor:pointer;

opacity:0;

visibility:hidden;

z-index:99999;

transition:.35s;

}

.scroll-top.show{

opacity:1;

visibility:visible;

}

.scroll-top:hover{

transform:translateY(-5px);

}



/*==================================================
NAVBAR SCROLL
==================================================*/

.navbar.scrolled{

background:#050505;

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

}

nav ul li a.active{

color:var(--gold);

}



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

@media(max-width:1100px){

.contact-grid{

grid-template-columns:1fr;

}

.footer-grid{

grid-template-columns:1fr 1fr;

}

}

@media(max-width:768px){

.footer-grid{

grid-template-columns:1fr;

text-align:center;

}

.footer-logo{

margin:auto auto 20px;

}

.copyright{

flex-direction:column;

text-align:center;

}

.cta-box{

padding:50px 25px;

}

.cta-box h2{

font-size:38px;

}

.call-float{

left:15px;

bottom:15px;

width:55px;

height:55px;

}

.whatsapp-float{

right:15px;

bottom:15px;

width:58px;

height:58px;

}

.scroll-top{

right:15px;

bottom:82px;

width:50px;

height:50px;

}

}