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

@media(max-width:992px){

.contact-hero{

padding:160px 0 90px;

}

.contact-hero-content h1{

font-size:48px;

}

.contact-hero-content p{

font-size:18px;

}

}

@media(max-width:576px){

.contact-hero{

padding:140px 0 70px;

}

.contact-hero-content h1{

font-size:36px;

line-height:1.3;

}

.contact-hero-content p{

font-size:16px;

line-height:1.8;

}

.hero-badge{

font-size:14px;

padding:10px 18px;

}

.breadcrumb{

font-size:14px;

}

}

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

@media(max-width:992px){

.contact-grid{

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

}

.section-title h2{

font-size:42px;

}

}

@media(max-width:576px){

.contact-grid{

grid-template-columns:1fr;

}

.section-title h2{

font-size:34px;

}

.section-title p{

font-size:16px;

}

.contact-card{

padding:35px 25px;

}

}

/*==========================================================
            MAP & FORM
==========================================================*/

@media(max-width:992px){

.contact-main-grid{

grid-template-columns:1fr;

}

.map-card iframe{

height:420px;

}

}

@media(max-width:576px){

.map-card,

.contact-form-card{

padding:25px;

}

.map-card h2,

.contact-form-card h2{

font-size:28px;

}

.map-card iframe{

height:320px;

}

}

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

@media(max-width:992px){

.cta-card{

flex-direction:column;

text-align:center;

}

.cta-right{

justify-content:center;

}

.faq-grid{

grid-template-columns:1fr;

}

}

@media(max-width:576px){

.cta-card{

padding:35px;

}

.cta-left h2{

font-size:34px;

}

.cta-right{

flex-direction:column;

width:100%;

}

.call-now,

.whatsapp-now{

width:100%;

text-align:center;

}

.hours-card{

padding:30px;

}

.hours-row{

flex-direction:column;

gap:10px;

}

}