.elementor-196 .elementor-element.elementor-element-cc2fcdb{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-196 .elementor-element.elementor-element-a986c55{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-196 .elementor-element.elementor-element-3a934b7{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-196 .elementor-element.elementor-element-0ee1480{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-196 .elementor-element.elementor-element-7765e3e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-196 .elementor-element.elementor-element-c0f922c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-a986c55 *//* =========================
   CONTACT HERO SECTION
========================= */

.mgs-contact-hero{

position:relative;

min-height:700px;

display:flex;

align-items:center;

background-image:url("https://mahanagargasstoverepairandservice.in/wp-content/uploads/2026/06/WhatsApp-Image-2026-06-03-at-11.00.29-1.jpeg");

background-size:cover;

background-position:center;

overflow:hidden;
}

/* Overlay */

.mgs-contact-overlay{

position:absolute;

top:0;
left:0;
right:0;
bottom:0;

background:
linear-gradient(
90deg,
rgba(6,30,53,.96) 0%,
rgba(8,44,78,.88) 55%,
rgba(15,76,129,.70) 100%
);

z-index:1;
}

/* Container */

.mgs-contact-container{

position:relative;

z-index:2;

max-width:1400px;

width:100%;

margin:auto;

padding:0 60px;
}

.mgs-contact-content{

max-width:900px;
}

/* Tag */

.mgs-contact-tag{

display:inline-block;

padding:12px 24px;

background:rgba(249,115,22,.12);

border:1px solid rgba(249,115,22,.35);

border-radius:50px;

color:#FDBA74;

font-weight:600;

margin-bottom:20px;
}

/* Breadcrumb */

.mgs-contact-breadcrumb{

display:flex;

align-items:center;

gap:10px;

margin-bottom:25px;

color:#d8e4f0;
}

.mgs-contact-breadcrumb a{

color:#fff;

text-decoration:none;
}

/* Heading */

.mgs-contact-content h1{

font-size:76px;

line-height:1.05;

font-weight:800;

color:#fff;

margin-bottom:25px;
}

.mgs-contact-content h1 span{

display:block;

color:#F97316;
}

/* Description */

.mgs-contact-content p{

font-size:18px;

line-height:1.9;

color:#d8e4f0;

margin-bottom:35px;

max-width:750px;
}

/* Contact Cards */

.mgs-contact-info{

display:flex;

gap:15px;

flex-wrap:wrap;

margin-bottom:35px;
}

.hero-contact-card{

display:flex;

align-items:center;

gap:12px;

padding:16px 18px;

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

backdrop-filter:blur(12px);

border-radius:16px;

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

.hero-icon{

width:50px;

height:50px;

display:flex;

align-items:center;

justify-content:center;

background:#F97316;

border-radius:12px;

font-size:20px;
}

.hero-contact-card h4{

margin:0 0 4px;

font-size:16px;

color:#fff;
}

.hero-contact-card p{

margin:0;

font-size:14px;

color:#d8e4f0;
}

/* Buttons */

.mgs-contact-buttons{

display:flex;

gap:15px;
}

.contact-btn-primary{

background:#F97316;

color:#fff;

padding:18px 35px;

border-radius:60px;

text-decoration:none;

font-weight:700;
}

.contact-btn-secondary{

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

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

color:#fff;

padding:18px 35px;

border-radius:60px;

text-decoration:none;

font-weight:700;
}

/* Tablet */

@media(max-width:1024px){

.mgs-contact-content h1{

font-size:56px;
}

}

/* Mobile */

@media(max-width:767px){

.mgs-contact-hero{

min-height:650px;
}

.mgs-contact-container{

padding:0 20px;
}

.mgs-contact-content h1{

font-size:38px;

line-height:1.15;
}

.mgs-contact-content p{

font-size:16px;
}

.mgs-contact-info{

flex-direction:column;
}

.hero-contact-card{

width:100%;
}

.mgs-contact-buttons{

flex-direction:column;
}

.contact-btn-primary,
.contact-btn-secondary{

width:100%;

text-align:center;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7d0d8ee *//* =========================
   CONTACT INTRO SECTION
========================= */

.mgs-contact-intro{

padding:120px 0;

background:#fff;

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

overflow:hidden;
}

.mgs-contact-intro-container{

max-width:1400px;

margin:auto;

padding:0 50px;

display:grid;

grid-template-columns:1fr 1fr;

gap:80px;

align-items:center;
}

/* Image */

.mgs-contact-intro-image{

position:relative;
}

.mgs-contact-intro-image img{

width:100%;

height:650px;

object-fit:cover;

border-radius:30px;

display:block;

box-shadow:
0 25px 50px rgba(0,0,0,.12);
}

/* Badge */

.mgs-contact-badge{

position:absolute;

bottom:25px;

left:25px;

background:#082C4E;

padding:22px 28px;

border-radius:20px;

text-align:center;

box-shadow:
0 20px 40px rgba(0,0,0,.20);
}

.mgs-contact-badge h3{

font-size:42px;

font-weight:800;

color:#F97316;

margin:0;
}

.mgs-contact-badge span{

color:#fff;

font-size:14px;
}

/* Content */

.mgs-contact-intro-tag{

display:inline-block;

padding:10px 20px;

background:
rgba(249,115,22,.12);

border:
1px solid rgba(249,115,22,.35);

border-radius:50px;

color:#F97316;

font-weight:600;

margin-bottom:25px;
}

.mgs-contact-intro-content h2{

font-size:56px;

font-weight:800;

line-height:1.1;

color:#082C4E;

margin-bottom:25px;
}

.mgs-contact-intro-content h2 span{

display:block;

color:#F97316;
}

.mgs-contact-intro-content p{

font-size:17px;

line-height:1.9;

color:#64748B;

margin-bottom:20px;
}

/* Contact Card */

.mgs-contact-info-box{

margin:30px 0;
}

.contact-item{

display:flex;

align-items:center;

gap:15px;

background:#F8FAFC;

padding:18px;

border-radius:18px;

border:1px solid rgba(8,44,78,.05);
}

.contact-icon{

width:60px;

height:60px;

display:flex;

align-items:center;

justify-content:center;

background:#F97316;

border-radius:14px;

font-size:24px;
}

.contact-item h4{

margin:0 0 5px;

font-size:18px;

color:#082C4E;
}

.contact-item p{

margin:0;

font-size:16px;

font-weight:600;

color:#64748B;
}

/* Note */

.mgs-contact-note{

padding:18px 22px;

background:
rgba(249,115,22,.08);

border-left:4px solid #F97316;

border-radius:12px;

color:#475569;

margin-bottom:30px;

line-height:1.8;
}

/* Buttons */

.mgs-contact-buttons{

display:flex;

gap:15px;
}

.mgs-contact-call{

background:#F97316;

color:#fff;

padding:16px 30px;

border-radius:60px;

text-decoration:none;

font-weight:700;
}

.mgs-contact-whatsapp{

background:#082C4E;

color:#fff;

padding:16px 30px;

border-radius:60px;

text-decoration:none;

font-weight:700;
}

/* Tablet */

@media(max-width:1024px){

.mgs-contact-intro-container{

grid-template-columns:1fr;

gap:50px;
}

.mgs-contact-intro-content h2{

font-size:42px;
}

}

/* Mobile */

@media(max-width:767px){

.mgs-contact-intro{

padding:80px 0;
}

.mgs-contact-intro-container{

padding:0 20px;
}

.mgs-contact-intro-image img{

height:350px;
}

.mgs-contact-intro-content h2{

font-size:34px;
}

.mgs-contact-buttons{

flex-direction:column;
}

.mgs-contact-call,
.mgs-contact-whatsapp{

width:100%;

text-align:center;
}

.mgs-contact-badge{

left:15px;
bottom:15px;

padding:16px 20px;
}

.mgs-contact-badge h3{

font-size:28px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5241f46 *//* =========================
CONTACT + FORM SECTION
========================= */

.mgs-contact-form-section{

padding:100px 20px;

background:#F8FAFC;

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

.mgs-contact-wrapper{

max-width:1400px;

margin:auto;

display:grid;

grid-template-columns:1fr 1fr;

gap:40px;

align-items:start;
}

/* LEFT */

.mgs-contact-left{

background:#fff;

padding:40px;

border-radius:30px;

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

.mgs-contact-tag,
.mgs-form-tag{

display:inline-block;

padding:10px 18px;

background:
rgba(249,115,22,.10);

border-radius:50px;

color:#F97316;

font-weight:600;

margin-bottom:20px;
}

.mgs-contact-left h2{

font-size:48px;

font-weight:800;

line-height:1.1;

color:#082C4E;

margin-bottom:20px;
}

.mgs-contact-left h2 span{

display:block;

color:#F97316;
}

.mgs-contact-left p{

color:#64748B;

line-height:1.8;
}

.mgs-info-card{

display:flex;

gap:18px;

align-items:flex-start;

padding:20px;

margin-top:18px;

background:#F8FAFC;

border-radius:18px;

transition:.3s;
}

.mgs-info-card:hover{

transform:translateY(-4px);
}

.mgs-info-icon{

width:55px;

height:55px;

min-width:55px;

display:flex;

align-items:center;

justify-content:center;

background:#F97316;

border-radius:14px;

font-size:22px;

color:#fff;
}

.mgs-info-card h4{

margin:0 0 5px;

color:#082C4E;
}

.mgs-info-card a{

color:#F97316;

font-weight:600;

text-decoration:none;

word-break:break-word;
}

.mgs-info-card p{

margin:0;
}

/* RIGHT */

.mgs-form-box{

background:
linear-gradient(
135deg,
#061E35,
#082C4E
);

padding:40px;

border-radius:30px;

color:#fff;
}

.mgs-form-box h3{

font-size:36px;

margin-bottom:25px;
}

#whatsappForm{

display:flex;

flex-direction:column;

gap:15px;
}

#whatsappForm input,
#whatsappForm select,
#whatsappForm textarea{

width:100%;

padding:16px;

border:none;

outline:none;

border-radius:12px;

font-family:inherit;

font-size:15px;
}

#whatsappForm button{

background:#F97316;

color:#fff;

border:none;

padding:18px;

border-radius:12px;

font-weight:700;

cursor:pointer;

font-size:16px;

transition:.3s;
}

#whatsappForm button:hover{

transform:translateY(-2px);
}

/* TABLET */

@media(max-width:1024px){

.mgs-contact-wrapper{

grid-template-columns:1fr;

}

.mgs-contact-left h2{

font-size:40px;
}

}

/* MOBILE */

@media(max-width:767px){

.mgs-contact-form-section{

padding:60px 15px;
}

.mgs-contact-wrapper{

display:flex;

flex-direction:column;

gap:25px;
}

.mgs-contact-left,
.mgs-form-box{

width:100%;

padding:25px;

border-radius:24px;
}

.mgs-contact-left h2{

font-size:30px;

line-height:1.2;
}

.mgs-contact-left p{

font-size:15px;

line-height:1.8;
}

.mgs-info-card{

padding:15px;

gap:12px;

margin-top:12px;
}

.mgs-info-icon{

width:50px;
height:50px;
min-width:50px;

font-size:18px;
}

.mgs-info-card h4{

font-size:16px;
}

.mgs-info-card a{

font-size:14px;

word-break:break-word;
}

.mgs-info-card p{

font-size:14px;

line-height:1.7;
}

.mgs-form-box h3{

font-size:28px;
}

#whatsappForm input,
#whatsappForm select,
#whatsappForm textarea{

padding:14px;

font-size:15px;
}

#whatsappForm button{

width:100%;

padding:16px;

font-size:15px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c0f922c *//* =========================
FOOTER CTA SECTION
========================= */

.mgs-footer-cta{

padding:100px 20px;

background:#ffffff;

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

.mgs-footer-cta-inner{

max-width:1400px;

margin:auto;

background:
linear-gradient(
135deg,
#061E35,
#082C4E,
#0B4A78
);

padding:70px 60px;

border-radius:32px;

position:relative;

overflow:hidden;

text-align:center;

box-shadow:
0 25px 70px rgba(8,44,78,.18);
}

/* Tag */

.mgs-footer-cta-tag{

display:inline-block;

padding:10px 20px;

background:
rgba(249,115,22,.12);

border:
1px solid rgba(249,115,22,.25);

border-radius:50px;

color:#FDBA74;

font-weight:600;

margin-bottom:20px;
}

/* Heading */

.mgs-footer-cta-content h2{

font-size:62px;

font-weight:800;

line-height:1.1;

color:#fff;

margin-bottom:20px;
}

.mgs-footer-cta-content h2 span{

display:block;

color:#F97316;
}

/* Text */

.mgs-footer-cta-content p{

max-width:850px;

margin:auto;

font-size:18px;

line-height:1.9;

color:#d8e4f0;

margin-bottom:50px;
}

/* Contact Grid */

.mgs-footer-contact-grid{

display:grid;

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

gap:20px;

margin-bottom:40px;
}

.mgs-footer-contact-card{

display:flex;

align-items:center;

gap:15px;

padding:22px;

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

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

border-radius:20px;

text-align:left;
}

.mgs-footer-icon{

width:55px;

height:55px;

display:flex;

align-items:center;

justify-content:center;

background:#F97316;

border-radius:14px;

font-size:22px;
}

.mgs-footer-contact-card h4{

margin:0 0 5px;

font-size:16px;

color:#fff;
}

.mgs-footer-contact-card a{

color:#fff;

text-decoration:none;

font-weight:600;

word-break:break-word;
}

/* Buttons */

.mgs-footer-buttons{

display:flex;

justify-content:center;

gap:15px;

margin-bottom:30px;
}

.mgs-footer-btn-primary{

background:#F97316;

color:#fff;

padding:16px 34px;

border-radius:60px;

font-weight:700;

text-decoration:none;
}

.mgs-footer-btn-secondary{

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

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

color:#fff;

padding:16px 34px;

border-radius:60px;

font-weight:700;

text-decoration:none;
}

/* Bottom Text */

.mgs-footer-bottom-text{

font-size:15px;

color:#d8e4f0;

opacity:.9;
}

/* Tablet */

@media(max-width:1024px){

.mgs-footer-cta-content h2{

font-size:46px;
}

.mgs-footer-contact-grid{

grid-template-columns:1fr;
}

}

/* Mobile */

@media(max-width:767px){

.mgs-footer-cta{

padding:70px 15px;
}

.mgs-footer-cta-inner{

padding:40px 25px;

border-radius:24px;
}

.mgs-footer-cta-content h2{

font-size:32px;

line-height:1.2;
}

.mgs-footer-cta-content p{

font-size:15px;

margin-bottom:30px;
}

.mgs-footer-contact-card{

padding:16px;

gap:12px;
}

.mgs-footer-icon{

width:48px;
height:48px;

font-size:18px;
}

.mgs-footer-buttons{

flex-direction:column;
}

.mgs-footer-btn-primary,
.mgs-footer-btn-secondary{

width:100%;

text-align:center;
}

.mgs-footer-bottom-text{

font-size:13px;

line-height:1.8;
}

}/* End custom CSS */