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

.contact-hero{

height:70vh;

background:url("../images/hero/contact-banner.jpg") center center/cover;

display:flex;

align-items:center;

position:relative;

}

.contact-hero .container{

position:relative;

z-index:5;

color:#fff;

}

.contact-hero h1{

font-size:68px;

font-weight:800;

line-height:1.1;

margin-top:20px;

}

.contact-hero h1 span{

display:block;

color:#FFC107;

}

.contact-hero p{

max-width:650px;

margin-top:25px;

line-height:1.8;

font-size:18px;

}

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

.quick-contact{

padding:110px 0;

background:#fff;

}

.quick-grid{

display:grid;

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

gap:30px;

}

.quick-card{

padding:40px;

text-align:center;

background:#fff;

border-radius:18px;

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

transition:.35s;

}

.quick-card:hover{

transform:translateY(-10px);

}

.quick-card i{

font-size:48px;

color:#C8102E;

margin-bottom:25px;

}

.quick-card h3{

margin-bottom:15px;

}

.quick-card p{

margin-bottom:20px;

color:#64748B;

}

.quick-card a{

color:#C8102E;

font-weight:600;

text-decoration:none;

}

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

.contact-section{

padding:120px 0;

background:#F8FAFC;

}

.contact-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:60px;

align-items:start;

}

.contact-info h2{

font-size:46px;

margin:20px 0;

color:#071A2E;

}

.contact-info p{

line-height:1.9;

color:#64748B;

}

.info-box{

display:flex;

gap:20px;

margin-top:35px;

}

.info-box i{

width:60px;

height:60px;

background:#C8102E;

color:#fff;

display:flex;

align-items:center;

justify-content:center;

border-radius:50%;

font-size:22px;

}

.contact-form{

background:#fff;

padding:45px;

border-radius:20px;

box-shadow:0 20px 60px rgba(0,0,0,.08);

}

.contact-form h2{

margin-bottom:30px;

color:#071A2E;

}

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

width:100%;

padding:16px;

margin-bottom:20px;

border:1px solid #ddd;

border-radius:12px;

font-family:Poppins;

font-size:15px;

}

.contact-form textarea{

resize:none;

}

.contact-form button{

border:none;

cursor:pointer;

}
/*==================================
GOOGLE MAP
==================================*/

.location-section{

padding:120px 0;

background:#fff;

}

.map-container{

margin-top:60px;

border-radius:20px;

overflow:hidden;

box-shadow:0 20px 60px rgba(0,0,0,.12);

}

.map-container iframe{

width:100%;

height:500px;

border:0;

}

/*==================================
BUSINESS HOURS
==================================*/

.business-hours{

padding:120px 0;

background:#F8FAFC;

}

.hours-grid{

display:grid;

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

gap:30px;

margin-top:70px;

}

.hour-card{

background:white;

padding:40px;

border-radius:18px;

text-align:center;

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

transition:.35s;

}

.hour-card:hover{

transform:translateY(-10px);

}

.hour-card h3{

color:#071A2E;

margin-bottom:15px;

}

.hour-card p{

color:#64748B;

}

/*==================================
WHY CONTACT US
==================================*/

.contact-benefits{

padding:120px 0;

background:white;

}

.benefits-grid{

display:grid;

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

gap:35px;

margin-top:70px;

}

.benefit-card{

background:#F8FAFC;

padding:45px;

border-radius:18px;

text-align:center;

transition:.35s;

}

.benefit-card:hover{

background:#071A2E;

color:white;

transform:translateY(-10px);

}

.benefit-card:hover p{

color:#E2E8F0;

}

.benefit-card i{

font-size:55px;

color:#C8102E;

margin-bottom:25px;

}

.benefit-card h3{

margin-bottom:15px;

}

.benefit-card p{

line-height:1.8;

color:#64748B;

}

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

.whatsapp-float{

position:fixed;

right:25px;

bottom:95px;

width:60px;

height:60px;

background:#25D366;

border-radius:50%;

display:flex;

justify-content:center;

align-items:center;

color:white;

font-size:30px;

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

z-index:999;

transition:.35s;

}

.whatsapp-float:hover{

transform:scale(1.1);

}

.call-float{

position:fixed;

right:25px;

bottom:20px;

width:60px;

height:60px;

background:#C8102E;

border-radius:50%;

display:flex;

justify-content:center;

align-items:center;

color:white;

font-size:26px;

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

z-index:999;

transition:.35s;

}

.call-float:hover{

transform:scale(1.1);

}

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

.faq-section{

padding:120px 0;

background:#fff;

}

.faq{

max-width:900px;

margin:60px auto 0;

}

.faq-item{

margin-bottom:20px;

border-radius:14px;

overflow:hidden;

box-shadow:0 10px 30px rgba(0,0,0,.08);

}

.faq-question{

width:100%;

padding:22px 28px;

border:none;

background:#fff;

display:flex;

justify-content:space-between;

align-items:center;

cursor:pointer;

font-size:18px;

font-weight:600;

}

.faq-answer{

display:none;

padding:0 28px 22px;

color:#64748B;

line-height:1.8;

}

.faq-item.active .faq-answer{

display:block;

}

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

.final-contact-cta{

padding:120px 0;

background:linear-gradient(135deg,#071A2E,#C8102E);

text-align:center;

color:white;

}

.final-contact-cta h2{

font-size:50px;

margin-bottom:20px;

}

.final-contact-cta p{

max-width:700px;

margin:auto auto 40px;

line-height:1.8;

}
.quote-subtitle{

color:#64748B;

margin:15px 0 25px;

line-height:1.8;

}

.quote-features{

display:flex;

gap:20px;

flex-wrap:wrap;

margin-bottom:40px;

}

.quote-features span{

background:#F8FAFC;

padding:10px 18px;

border-radius:30px;

font-size:14px;

font-weight:600;

}

.form-title{

font-size:22px;

font-weight:700;

margin:35px 0 20px;

color:#071A2E;

border-left:5px solid #C8102E;

padding-left:15px;

}

.form-grid{

display:grid;

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

gap:20px;

}

.upload-area{

margin:20px 0;

}

.upload-area label{

display:block;

margin-bottom:10px;

font-weight:600;

}

.checkbox{

display:flex;

gap:12px;

margin:25px 0;

align-items:flex-start;

font-size:15px;

}

.quote-button{

width:100%;

padding:18px;

border:none;

background:#C8102E;

color:white;

font-size:18px;

font-weight:700;

border-radius:12px;

cursor:pointer;

transition:.3s;

}

.quote-button:hover{

background:#071A2E;

}