.elementor-112 .elementor-element.elementor-element-73eb4ab{--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-112 .elementor-element.elementor-element-23a15bd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-112 .elementor-element.elementor-element-d95cae4{--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-112 .elementor-element.elementor-element-7a94bf3{--display:flex;}.elementor-112 .elementor-element.elementor-element-d47c980{--display:flex;}.elementor-112 .elementor-element.elementor-element-04853a6{--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-112 .elementor-element.elementor-element-514abc2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-112 .elementor-element.elementor-element-962cf46{--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-112 .elementor-element.elementor-element-21811c8{--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-112 .elementor-element.elementor-element-83ccc8b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-112 .elementor-element.elementor-element-9a2c201{--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-112 .elementor-element.elementor-element-cc4d2c8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-112 .elementor-element.elementor-element-c835a27{--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-112 .elementor-element.elementor-element-e4dab65{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-112 .elementor-element.elementor-element-f65f74e{--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-112 .elementor-element.elementor-element-7a4df35{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-112 .elementor-element.elementor-element-b84bcc6{--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-112 .elementor-element.elementor-element-98fd0ed{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-112 .elementor-element.elementor-element-46464d9{--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-112 .elementor-element.elementor-element-fd0886b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-23a15bd *//* =========================
   SERVICES HERO SECTION
========================= */

.mgs-service-hero{

position:relative;

min-height:700px;

display:flex;

align-items:center;

overflow:hidden;

/* Add your image later */

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

background-size:cover;

background-position:center;
}

/* Overlay */

.mgs-service-overlay{

position:absolute;

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

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

z-index:1;
}

/* Container */

.mgs-service-container{

position:relative;

z-index:2;

max-width:1400px;

width:100%;

margin:auto;

padding:0 60px;
}

/* Content */

.mgs-service-content{

max-width:850px;
}

/* Tag */

.mgs-service-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:25px;
}

/* Breadcrumb */

.mgs-breadcrumb{

display:flex;

align-items:center;

gap:10px;

margin-bottom:25px;

color:#d8e4f0;
}

.mgs-breadcrumb a{

color:#fff;

text-decoration:none;
}

.mgs-breadcrumb span{

font-size:14px;
}

/* Heading */

.mgs-service-content h1{

font-size:78px;

line-height:1.05;

font-weight:800;

color:#fff;

margin-bottom:25px;
}

.mgs-service-content h1 span{

display:block;

color:#F97316;
}

/* Description */

.mgs-service-content p{

font-size:19px;

line-height:1.9;

color:#d8e4f0;

margin-bottom:40px;

max-width:700px;
}

/* Features */

.mgs-service-features{

display:grid;

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

gap:15px;

max-width:650px;

margin-bottom:40px;
}

.service-feature{

padding:16px 20px;

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

backdrop-filter:blur(12px);

border-radius:14px;

color:#fff;

font-weight:500;

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

/* Buttons */

.mgs-service-buttons{

display:flex;

gap:15px;
}

.service-btn-primary{

background:#F97316;

color:#fff;

padding:18px 35px;

border-radius:60px;

font-weight:700;

text-decoration:none;

transition:.3s;
}

.service-btn-primary:hover{

transform:translateY(-3px);
}

.service-btn-secondary{

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

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

color:#fff;

padding:18px 35px;

border-radius:60px;

font-weight:700;

text-decoration:none;

transition:.3s;
}

.service-btn-secondary:hover{

background:#fff;

color:#082C4E;
}

/* Tablet */

@media(max-width:1024px){

.mgs-service-content h1{

font-size:58px;
}

}

/* Mobile */

@media(max-width:767px){

.mgs-service-hero{

min-height:650px;
}

.mgs-service-container{

padding:0 20px;
}

.mgs-service-content h1{

font-size:38px;
}

.mgs-service-content p{

font-size:16px;
}

.mgs-service-features{

grid-template-columns:1fr;
}

.mgs-service-buttons{

flex-direction:column;
}

.service-btn-primary,
.service-btn-secondary{

width:100%;

text-align:center;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4430a99 *//* =========================
   SERVICES INTRO SECTION
========================= */

.mgs-services-intro{

padding:120px 0;

background:#ffffff;

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

overflow:hidden;
}

.mgs-services-intro-container{

max-width:1400px;

margin:auto;

padding:0 50px;

display:grid;

grid-template-columns:1fr 1fr;

gap:80px;

align-items:center;
}

/* Content */

.mgs-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-services-intro-content h2{

font-size:58px;

line-height:1.1;

font-weight:800;

color:#082C4E;

margin-bottom:25px;
}

.mgs-services-intro-content h2 span{

display:block;

color:#F97316;
}

.mgs-services-intro-content p{

font-size:17px;

line-height:1.9;

color:#64748B;

margin-bottom:20px;
}

/* Features */

.mgs-intro-features{

display:grid;

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

gap:15px;

margin-top:35px;
}

.intro-feature{

padding:18px 20px;

background:#F8FAFC;

border-radius:14px;

font-weight:600;

color:#082C4E;

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

transition:.3s;
}

.intro-feature:hover{

transform:translateY(-4px);

border-color:
rgba(249,115,22,.35);
}

/* Image */

.mgs-services-intro-image{

position:relative;
}

.mgs-services-intro-image img{

width:100%;

height:650px;

object-fit:cover;

border-radius:30px;

display:block;

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

/* Floating Card */

.mgs-intro-floating{

position:absolute;

bottom:25px;

left:25px;

background:#082C4E;

padding:25px 30px;

border-radius:20px;

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

.mgs-intro-floating h3{

font-size:42px;

font-weight:800;

color:#F97316;

margin:0 0 5px;
}

.mgs-intro-floating p{

margin:0;

color:#fff;

font-size:15px;
}

/* Tablet */

@media(max-width:1024px){

.mgs-services-intro-container{

grid-template-columns:1fr;

gap:50px;
}

.mgs-services-intro-content h2{

font-size:46px;
}

}

/* Mobile */

@media(max-width:767px){

.mgs-services-intro{

padding:80px 0;
}

.mgs-services-intro-container{

padding:0 20px;
}

.mgs-services-intro-content h2{

font-size:34px;
}

.mgs-services-intro-image img{

height:350px;
}

.mgs-intro-features{

grid-template-columns:1fr;
}

.mgs-intro-floating{

left:15px;
bottom:15px;

padding:18px 20px;
}

.mgs-intro-floating h3{

font-size:28px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8aa187c *//* =========================
   SERVICE DETAILS SECTION
========================= */

.mgs-service-block{

padding:100px 0;

background:#fff;
}

.mgs-service-block:nth-child(even){

background:#F8FAFC;
}

.mgs-service-row{

max-width:1400px;

margin:auto;

padding:0 50px;

display:grid;

grid-template-columns:1fr 1fr;

gap:80px;

align-items:center;
}

/* Reverse Layout */

.mgs-service-row.reverse .mgs-service-image{

order:2;
}

.mgs-service-row.reverse .mgs-service-content{

order:1;
}

/* Image */

.mgs-service-image img{

width:100%;

height:650px;

object-fit:cover;

border-radius:30px;

display:block;

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

/* Label */

.mgs-service-label{

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;
}

/* Heading */

.mgs-service-content h2{

font-size:52px;

line-height:1.1;

font-weight:800;

color:#082C4E;

margin-bottom:25px;
}

/* Text */

.mgs-service-content p{

font-size:17px;

line-height:1.9;

color:#64748B;

margin-bottom:20px;
}

/* List */

.mgs-service-list{

display:grid;

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

gap:12px;

padding:0;

margin:30px 0;

list-style:none;
}

.mgs-service-list li{

background:#fff;

padding:14px 18px;

border-radius:12px;

box-shadow:
0 8px 20px rgba(0,0,0,.05);

font-weight:500;

color:#082C4E;
}

/* Buttons */

.mgs-service-buttons{

display:flex;

gap:15px;

margin-top:30px;
}

.mgs-call-btn{

background:#F97316;

color:#fff;

padding:16px 32px;

border-radius:60px;

font-weight:700;

text-decoration:none;
}

.mgs-wa-btn{

background:#082C4E;

color:#fff;

padding:16px 32px;

border-radius:60px;

font-weight:700;

text-decoration:none;
}

/* Tablet */

@media(max-width:1024px){

.mgs-service-row{

grid-template-columns:1fr;

gap:50px;
}

.mgs-service-row.reverse .mgs-service-image,
.mgs-service-row.reverse .mgs-service-content{

order:unset;
}

.mgs-service-content h2{

font-size:42px;
}

}

/* Mobile */

@media(max-width:767px){

.mgs-service-block{

padding:80px 0;
}

.mgs-service-row{

padding:0 20px;
}

.mgs-service-image img{

height:320px;
}

.mgs-service-content h2{

font-size:32px;
}

.mgs-service-list{

grid-template-columns:1fr;
}

.mgs-service-buttons{

flex-direction:column;
}

.mgs-call-btn,
.mgs-wa-btn{

width:100%;

text-align:center;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8d065b1 *//* =========================
   GAS METER INSTALLATION
========================= */

.mgs-gas-meter-service{

padding:120px 0;

background:#F8FAFC;

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

.mgs-gas-meter-container{

max-width:1400px;

margin:auto;

padding:0 50px;

display:grid;

grid-template-columns:1fr 1fr;

gap:80px;

align-items:center;
}

/* Image */

.mgs-gas-meter-image{

position:relative;
}

.mgs-gas-meter-image img{

width:100%;

height:650px;

object-fit:cover;

border-radius:30px;

display:block;

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

/* Floating Badge */

.mgs-gas-meter-badge{

position:absolute;

bottom:25px;

left:25px;

background:#082C4E;

color:#fff;

padding:20px 25px;

border-radius:20px;

font-weight:600;

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

.mgs-gas-meter-badge span{

display:block;

font-size:34px;

font-weight:800;

color:#F97316;
}

/* Content */

.mgs-service-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-gas-meter-content h2{

font-size:56px;

font-weight:800;

line-height:1.1;

color:#082C4E;

margin-bottom:25px;
}

.mgs-gas-meter-content h2 span{

display:block;

color:#F97316;
}

.mgs-gas-meter-content p{

font-size:17px;

line-height:1.9;

color:#64748B;

margin-bottom:25px;
}

/* Feature List */

.mgs-service-features{

display:grid;

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

gap:15px;

margin-bottom:30px;
}

.service-feature-item{

background:#fff;

padding:16px 18px;

border-radius:14px;

font-weight:600;

color:#082C4E;

box-shadow:
0 8px 20px rgba(0,0,0,.05);

transition:.3s;
}

.service-feature-item:hover{

transform:translateY(-4px);

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

.service-note{

font-weight:500;

color:#475569;
}

/* Buttons */

.mgs-service-buttons{

display:flex;

gap:15px;

margin-top:30px;
}

.mgs-call-btn{

background:#F97316;

color:#fff;

padding:16px 30px;

border-radius:60px;

font-weight:700;

text-decoration:none;
}

.mgs-whatsapp-btn{

background:#082C4E;

color:#fff;

padding:16px 30px;

border-radius:60px;

font-weight:700;

text-decoration:none;
}

/* Tablet */

@media(max-width:1024px){

.mgs-gas-meter-container{

grid-template-columns:1fr;

gap:50px;
}

.mgs-gas-meter-content h2{

font-size:42px;
}

}

/* Mobile */

@media(max-width:767px){

.mgs-gas-meter-service{

padding:80px 0;
}

.mgs-gas-meter-container{

padding:0 20px;
}

.mgs-gas-meter-image img{

height:350px;
}

.mgs-gas-meter-content h2{

font-size:34px;
}

.mgs-service-features{

grid-template-columns:1fr;
}

.mgs-service-buttons{

flex-direction:column;
}

.mgs-call-btn,
.mgs-whatsapp-btn{

width:100%;

text-align:center;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-514abc2 *//* =========================
   COPPER PIPE WORK SECTION
========================= */

.mgs-copper-service{

padding:120px 0;

background:#ffffff;

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

overflow:hidden;
}

.mgs-copper-container{

max-width:1400px;

margin:auto;

padding:0 50px;

display:grid;

grid-template-columns:1fr 1fr;

gap:80px;

align-items:center;
}

/* Content */

.mgs-copper-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-copper-content h2{

font-size:56px;

font-weight:800;

line-height:1.1;

color:#082C4E;

margin-bottom:25px;
}

.mgs-copper-content h2 span{

display:block;

color:#F97316;
}

.mgs-copper-content p{

font-size:17px;

line-height:1.9;

color:#64748B;

margin-bottom:25px;
}

/* Features */

.mgs-copper-features{

display:grid;

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

gap:15px;

margin-bottom:30px;
}

.copper-feature{

background:#F8FAFC;

padding:16px 18px;

border-radius:14px;

font-weight:600;

color:#082C4E;

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

transition:.3s;
}

.copper-feature:hover{

transform:translateY(-4px);

border-color:rgba(249,115,22,.35);
}

.mgs-copper-note{

font-weight:500;

color:#475569;
}

/* Buttons */

.mgs-copper-buttons{

display:flex;

gap:15px;

margin-top:30px;
}

.mgs-copper-call{

background:#F97316;

color:#fff;

padding:16px 30px;

border-radius:60px;

font-weight:700;

text-decoration:none;
}

.mgs-copper-whatsapp{

background:#082C4E;

color:#fff;

padding:16px 30px;

border-radius:60px;

font-weight:700;

text-decoration:none;
}

/* Image */

.mgs-copper-image{

position:relative;
}

.mgs-copper-image img{

width:100%;

height:650px;

object-fit:cover;

border-radius:30px;

display:block;

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

/* Floating Badge */

.mgs-copper-badge{

position:absolute;

bottom:25px;

right:25px;

background:#082C4E;

padding:22px 28px;

border-radius:20px;

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

text-align:center;
}

.mgs-copper-badge h3{

font-size:42px;

font-weight:800;

color:#F97316;

margin:0;
}

.mgs-copper-badge span{

font-size:14px;

color:#fff;
}

/* Tablet */

@media(max-width:1024px){

.mgs-copper-container{

grid-template-columns:1fr;

gap:50px;
}

.mgs-copper-content{

order:2;
}

.mgs-copper-image{

order:1;
}

.mgs-copper-content h2{

font-size:42px;
}

}

/* Mobile */

@media(max-width:767px){

.mgs-copper-service{

padding:80px 0;
}

.mgs-copper-container{

padding:0 20px;
}

.mgs-copper-content h2{

font-size:34px;
}

.mgs-copper-image img{

height:350px;
}

.mgs-copper-features{

grid-template-columns:1fr;
}

.mgs-copper-buttons{

flex-direction:column;
}

.mgs-copper-call,
.mgs-copper-whatsapp{

width:100%;

text-align:center;
}

.mgs-copper-badge{

right:15px;
bottom:15px;

padding:16px 20px;
}

.mgs-copper-badge h3{

font-size:28px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-997fb27 *//* =========================
   GAS REPAIR SECTION
========================= */

.mgs-gasrepair-service{

padding:120px 0;

background:#F8FAFC;

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

overflow:hidden;
}

.mgs-gasrepair-container{

max-width:1400px;

margin:auto;

padding:0 50px;

display:grid;

grid-template-columns:1fr 1fr;

gap:80px;

align-items:center;
}

/* Image */

.mgs-gasrepair-image{

position:relative;
}

.mgs-gasrepair-image img{

width:100%;

height:650px;

object-fit:cover;

border-radius:30px;

display:block;

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

/* Floating Badge */

.mgs-gasrepair-badge{

position:absolute;

bottom:25px;

left:25px;

background:#082C4E;

padding:22px 28px;

border-radius:20px;

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

text-align:center;
}

.mgs-gasrepair-badge h3{

font-size:42px;

font-weight:800;

color:#F97316;

margin:0;
}

.mgs-gasrepair-badge span{

font-size:14px;

color:#fff;
}

/* Content */

.mgs-gasrepair-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-gasrepair-content h2{

font-size:56px;

font-weight:800;

line-height:1.1;

color:#082C4E;

margin-bottom:25px;
}

.mgs-gasrepair-content h2 span{

display:block;

color:#F97316;
}

.mgs-gasrepair-content p{

font-size:17px;

line-height:1.9;

color:#64748B;

margin-bottom:25px;
}

/* Features */

.mgs-gasrepair-features{

display:grid;

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

gap:15px;

margin-bottom:30px;
}

.gasrepair-feature{

background:#fff;

padding:16px 18px;

border-radius:14px;

font-weight:600;

color:#082C4E;

box-shadow:
0 8px 20px rgba(0,0,0,.05);

transition:.3s;
}

.gasrepair-feature:hover{

transform:translateY(-4px);

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

.mgs-gasrepair-note{

font-weight:500;

color:#475569;
}

/* Buttons */

.mgs-gasrepair-buttons{

display:flex;

gap:15px;

margin-top:30px;
}

.mgs-gasrepair-call{

background:#F97316;

color:#fff;

padding:16px 30px;

border-radius:60px;

font-weight:700;

text-decoration:none;
}

.mgs-gasrepair-whatsapp{

background:#082C4E;

color:#fff;

padding:16px 30px;

border-radius:60px;

font-weight:700;

text-decoration:none;
}

/* Tablet */

@media(max-width:1024px){

.mgs-gasrepair-container{

grid-template-columns:1fr;

gap:50px;
}

.mgs-gasrepair-content h2{

font-size:42px;
}

}

/* Mobile */

@media(max-width:767px){

.mgs-gasrepair-service{

padding:80px 0;
}

.mgs-gasrepair-container{

padding:0 20px;
}

.mgs-gasrepair-image img{

height:350px;
}

.mgs-gasrepair-content h2{

font-size:34px;
}

.mgs-gasrepair-features{

grid-template-columns:1fr;
}

.mgs-gasrepair-buttons{

flex-direction:column;
}

.mgs-gasrepair-call,
.mgs-gasrepair-whatsapp{

width:100%;

text-align:center;
}

.mgs-gasrepair-badge{

left:15px;
bottom:15px;

padding:16px 20px;
}

.mgs-gasrepair-badge h3{

font-size:28px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83ccc8b *//* =========================
   GAS GEYSER REPAIR SECTION
========================= */

.mgs-geyser-service{

padding:120px 0;

background:#ffffff;

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

overflow:hidden;
}

.mgs-geyser-container{

max-width:1400px;

margin:auto;

padding:0 50px;

display:grid;

grid-template-columns:1fr 1fr;

gap:80px;

align-items:center;
}

/* Content */

.mgs-geyser-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-geyser-content h2{

font-size:56px;

font-weight:800;

line-height:1.1;

color:#082C4E;

margin-bottom:25px;
}

.mgs-geyser-content h2 span{

display:block;

color:#F97316;
}

.mgs-geyser-content p{

font-size:17px;

line-height:1.9;

color:#64748B;

margin-bottom:25px;
}

/* Features */

.mgs-geyser-features{

display:grid;

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

gap:15px;

margin-bottom:30px;
}

.geyser-feature{

background:#F8FAFC;

padding:16px 18px;

border-radius:14px;

font-weight:600;

color:#082C4E;

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

transition:.3s;
}

.geyser-feature:hover{

transform:translateY(-4px);

border-color:rgba(249,115,22,.35);
}

.mgs-geyser-note{

font-weight:500;

color:#475569;
}

/* Buttons */

.mgs-geyser-buttons{

display:flex;

gap:15px;

margin-top:30px;
}

.mgs-geyser-call{

background:#F97316;

color:#fff;

padding:16px 30px;

border-radius:60px;

font-weight:700;

text-decoration:none;
}

.mgs-geyser-whatsapp{

background:#082C4E;

color:#fff;

padding:16px 30px;

border-radius:60px;

font-weight:700;

text-decoration:none;
}

/* Image */

.mgs-geyser-image{

position:relative;
}

.mgs-geyser-image img{

width:100%;

height:650px;

object-fit:cover;

border-radius:30px;

display:block;

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

/* Floating Badge */

.mgs-geyser-badge{

position:absolute;

bottom:25px;

right:25px;

background:#082C4E;

padding:22px 28px;

border-radius:20px;

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

text-align:center;
}

.mgs-geyser-badge h3{

font-size:36px;

font-weight:800;

color:#F97316;

margin:0;
}

.mgs-geyser-badge span{

font-size:14px;

color:#fff;
}

/* Tablet */

@media(max-width:1024px){

.mgs-geyser-container{

grid-template-columns:1fr;

gap:50px;
}

.mgs-geyser-content{

order:2;
}

.mgs-geyser-image{

order:1;
}

.mgs-geyser-content h2{

font-size:42px;
}

}

/* Mobile */

@media(max-width:767px){

.mgs-geyser-service{

padding:80px 0;
}

.mgs-geyser-container{

padding:0 20px;
}

.mgs-geyser-content h2{

font-size:34px;
}

.mgs-geyser-image img{

height:350px;
}

.mgs-geyser-features{

grid-template-columns:1fr;
}

.mgs-geyser-buttons{

flex-direction:column;
}

.mgs-geyser-call,
.mgs-geyser-whatsapp{

width:100%;

text-align:center;
}

.mgs-geyser-badge{

right:15px;
bottom:15px;

padding:16px 20px;
}

.mgs-geyser-badge h3{

font-size:24px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cc4d2c8 *//* =========================
   GAS BURNER SHOP SECTION
========================= */

.mgs-burner-shop{

padding:120px 0;

background:#F8FAFC;

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

overflow:hidden;
}

.mgs-burner-container{

max-width:1400px;

margin:auto;

padding:0 50px;

display:grid;

grid-template-columns:1fr 1fr;

gap:80px;

align-items:center;
}

/* Content */

.mgs-burner-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-burner-content h2{

font-size:56px;

font-weight:800;

line-height:1.1;

color:#082C4E;

margin-bottom:25px;
}

.mgs-burner-content h2 span{

display:block;

color:#F97316;
}

.mgs-burner-content p{

font-size:17px;

line-height:1.9;

color:#64748B;

margin-bottom:25px;
}

/* Features */

.mgs-burner-features{

display:grid;

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

gap:15px;

margin-bottom:30px;
}

.burner-feature{

background:#fff;

padding:16px 18px;

border-radius:14px;

font-weight:600;

color:#082C4E;

box-shadow:
0 8px 20px rgba(0,0,0,.05);

transition:.3s;
}

.burner-feature:hover{

transform:translateY(-4px);

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

.mgs-burner-note{

font-weight:500;

color:#475569;
}

/* Buttons */

.mgs-burner-buttons{

display:flex;

gap:15px;

margin-top:30px;
}

.mgs-burner-call{

background:#F97316;

color:#fff;

padding:16px 30px;

border-radius:60px;

font-weight:700;

text-decoration:none;
}

.mgs-burner-whatsapp{

background:#082C4E;

color:#fff;

padding:16px 30px;

border-radius:60px;

font-weight:700;

text-decoration:none;
}

/* Image */

.mgs-burner-image{

position:relative;
}

.mgs-burner-image img{

width:100%;

height:650px;

object-fit:cover;

border-radius:30px;

display:block;

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

/* Floating Badge */

.mgs-burner-badge{

position:absolute;

bottom:25px;

right:25px;

background:#082C4E;

padding:22px 28px;

border-radius:20px;

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

text-align:center;
}

.mgs-burner-badge h3{

font-size:36px;

font-weight:800;

color:#F97316;

margin:0;
}

.mgs-burner-badge span{

font-size:14px;

color:#fff;
}

/* Tablet */

@media(max-width:1024px){

.mgs-burner-container{

grid-template-columns:1fr;

gap:50px;
}

.mgs-burner-content h2{

font-size:42px;
}

}

/* Mobile */

@media(max-width:767px){

.mgs-burner-shop{

padding:80px 0;
}

.mgs-burner-container{

padding:0 20px;
}

.mgs-burner-content h2{

font-size:34px;
}

.mgs-burner-image img{

height:350px;
}

.mgs-burner-features{

grid-template-columns:1fr;
}

.mgs-burner-buttons{

flex-direction:column;
}

.mgs-burner-call,
.mgs-burner-whatsapp{

width:100%;

text-align:center;
}

.mgs-burner-badge{

right:15px;
bottom:15px;

padding:16px 20px;
}

.mgs-burner-badge h3{

font-size:24px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e4dab65 *//* =========================
   GEYSER SERVICE SECTION
========================= */

.mgs-maintenance-service{

padding:120px 0;

background:#ffffff;

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

overflow:hidden;
}

.mgs-maintenance-container{

max-width:1400px;

margin:auto;

padding:0 50px;

display:grid;

grid-template-columns:1fr 1fr;

gap:80px;

align-items:center;
}

/* Image */

.mgs-maintenance-image{

position:relative;
}

.mgs-maintenance-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-maintenance-badge{

position:absolute;

bottom:25px;

left:25px;

background:#082C4E;

padding:22px 28px;

border-radius:20px;

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

text-align:center;
}

.mgs-maintenance-badge h3{

font-size:36px;

font-weight:800;

color:#F97316;

margin:0;
}

.mgs-maintenance-badge span{

font-size:14px;

color:#fff;
}

/* Content */

.mgs-maintenance-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-maintenance-content h2{

font-size:56px;

font-weight:800;

line-height:1.1;

color:#082C4E;

margin-bottom:25px;
}

.mgs-maintenance-content h2 span{

display:block;

color:#F97316;
}

.mgs-maintenance-content p{

font-size:17px;

line-height:1.9;

color:#64748B;

margin-bottom:25px;
}

/* Features */

.mgs-maintenance-features{

display:grid;

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

gap:15px;

margin-bottom:30px;
}

.maintenance-feature{

background:#F8FAFC;

padding:16px 18px;

border-radius:14px;

font-weight:600;

color:#082C4E;

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

transition:.3s;
}

.maintenance-feature:hover{

transform:translateY(-4px);

border-color:rgba(249,115,22,.35);
}

.mgs-maintenance-note{

font-weight:500;

color:#475569;
}

/* Buttons */

.mgs-maintenance-buttons{

display:flex;

gap:15px;

margin-top:30px;
}

.mgs-maintenance-call{

background:#F97316;

color:#fff;

padding:16px 30px;

border-radius:60px;

font-weight:700;

text-decoration:none;
}

.mgs-maintenance-whatsapp{

background:#082C4E;

color:#fff;

padding:16px 30px;

border-radius:60px;

font-weight:700;

text-decoration:none;
}

/* Tablet */

@media(max-width:1024px){

.mgs-maintenance-container{

grid-template-columns:1fr;

gap:50px;
}

.mgs-maintenance-content h2{

font-size:42px;
}

}

/* Mobile */

@media(max-width:767px){

.mgs-maintenance-service{

padding:80px 0;
}

.mgs-maintenance-container{

padding:0 20px;
}

.mgs-maintenance-image img{

height:350px;
}

.mgs-maintenance-content h2{

font-size:34px;
}

.mgs-maintenance-features{

grid-template-columns:1fr;
}

.mgs-maintenance-buttons{

flex-direction:column;
}

.mgs-maintenance-call,
.mgs-maintenance-whatsapp{

width:100%;

text-align:center;
}

.mgs-maintenance-badge{

left:15px;
bottom:15px;

padding:16px 20px;
}

.mgs-maintenance-badge h3{

font-size:24px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7a4df35 *//* =========================
   WHY CHOOSE SERVICES
========================= */

.mgs-why-services{

padding:120px 0;

background:
linear-gradient(
135deg,
#061E35 0%,
#082C4E 50%,
#0F4C81 100%
);

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

overflow:hidden;
}

.mgs-why-services-container{

max-width:1400px;

margin:auto;

padding:0 50px;
}

/* Header */

.mgs-why-header{

max-width:850px;

margin:0 auto 70px;

text-align:center;
}

.mgs-why-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:#FDBA74;

font-weight:600;

margin-bottom:25px;
}

.mgs-why-header h2{

font-size:58px;

font-weight:800;

line-height:1.1;

color:#fff;

margin-bottom:20px;
}

.mgs-why-header h2 span{

display:block;

color:#F97316;
}

.mgs-why-header p{

font-size:18px;

line-height:1.9;

color:#d8e4f0;
}

/* Grid */

.mgs-why-grid{

display:grid;

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

gap:30px;
}

/* Cards */

.mgs-why-card{

position:relative;

padding:35px;

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

backdrop-filter:blur(15px);

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

border-radius:24px;

transition:.4s;
}

.mgs-why-card:hover{

transform:translateY(-10px);

border-color:
rgba(249,115,22,.35);

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

/* Number */

.why-number{

font-size:52px;

font-weight:800;

line-height:1;

color:
rgba(249,115,22,.25);

margin-bottom:20px;
}

/* Title */

.mgs-why-card h3{

font-size:24px;

font-weight:700;

color:#fff;

margin-bottom:15px;
}

/* Text */

.mgs-why-card p{

font-size:16px;

line-height:1.8;

color:#d8e4f0;

margin:0;
}

/* Tablet */

@media(max-width:1024px){

.mgs-why-grid{

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

.mgs-why-header h2{

font-size:46px;
}

}

/* Mobile */

@media(max-width:767px){

.mgs-why-services{

padding:80px 0;
}

.mgs-why-services-container{

padding:0 20px;
}

.mgs-why-header h2{

font-size:34px;
}

.mgs-why-grid{

grid-template-columns:1fr;
}

.mgs-why-card{

padding:25px;
}

.why-number{

font-size:42px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-98fd0ed *//* =========================
   SERVICE AREAS SECTION
========================= */

.mgs-service-area{

padding:120px 0;

background:#F8FAFC;

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

overflow:hidden;
}

.mgs-service-area-container{

max-width:1400px;

margin:auto;

padding:0 50px;

display:grid;

grid-template-columns:1fr 1fr;

gap:80px;

align-items:center;
}

/* Content */

.mgs-area-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-service-area-content h2{

font-size:58px;

font-weight:800;

line-height:1.1;

color:#082C4E;

margin-bottom:25px;
}

.mgs-service-area-content h2 span{

display:block;

color:#F97316;
}

.mgs-service-area-content p{

font-size:17px;

line-height:1.9;

color:#64748B;

margin-bottom:30px;
}

/* Area Cards */

.mgs-area-grid{

display:grid;

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

gap:15px;

margin-bottom:30px;
}

.area-card{

background:#fff;

padding:16px;

text-align:center;

border-radius:14px;

font-weight:600;

color:#082C4E;

box-shadow:
0 8px 20px rgba(0,0,0,.05);

transition:.3s;
}

.area-card:hover{

transform:translateY(-4px);

background:#F97316;

color:#fff;
}

/* Note */

.mgs-area-note{

padding:18px 22px;

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

border-left:4px solid #F97316;

border-radius:12px;

color:#475569;

margin-bottom:30px;
}

/* Buttons */

.mgs-area-buttons{

display:flex;

gap:15px;
}

.mgs-area-call{

background:#F97316;

color:#fff;

padding:16px 30px;

border-radius:60px;

text-decoration:none;

font-weight:700;
}

.mgs-area-whatsapp{

background:#082C4E;

color:#fff;

padding:16px 30px;

border-radius:60px;

text-decoration:none;

font-weight:700;
}

/* Image */

.mgs-service-area-image{

position:relative;
}

.mgs-service-area-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-area-badge{

position:absolute;

bottom:25px;

right:25px;

background:#082C4E;

padding:22px 28px;

border-radius:20px;

text-align:center;

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

.mgs-area-badge h3{

font-size:42px;

font-weight:800;

color:#F97316;

margin:0;
}

.mgs-area-badge span{

color:#fff;

font-size:14px;
}

/* Tablet */

@media(max-width:1024px){

.mgs-service-area-container{

grid-template-columns:1fr;

gap:50px;
}

.mgs-service-area-content h2{

font-size:46px;
}

}

/* Mobile */

@media(max-width:767px){

.mgs-service-area{

padding:80px 0;
}

.mgs-service-area-container{

padding:0 20px;
}

.mgs-service-area-content h2{

font-size:34px;
}

.mgs-area-grid{

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

.mgs-service-area-image img{

height:350px;
}

.mgs-area-buttons{

flex-direction:column;
}

.mgs-area-call,
.mgs-area-whatsapp{

width:100%;

text-align:center;
}

.mgs-area-badge{

right:15px;
bottom:15px;

padding:16px 20px;
}

.mgs-area-badge h3{

font-size:28px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fd0886b *//* =========================
   PREMIUM CTA
========================= */

.mgs-premium-cta{

padding:100px 20px;

background:#fff;
}

.mgs-premium-cta-box{

max-width:1400px;

margin:auto;

background:
linear-gradient(
135deg,
#082C4E,
#0A3A63
);

border-radius:30px;

padding:60px;

display:grid;

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

gap:50px;

align-items:center;

overflow:hidden;

position:relative;

box-shadow:
0 30px 80px rgba(8,44,78,.15);
}

/* Accent */

.mgs-premium-cta-box:before{

content:"";

position:absolute;

top:0;
left:0;

width:6px;
height:100%;

background:#F97316;
}

/* Left */

.mgs-premium-tag{

display:inline-block;

padding:10px 18px;

border-radius:50px;

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

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

color:#FDBA74;

font-weight:600;

margin-bottom:20px;
}

.mgs-premium-left h2{

font-size:48px;

line-height:1.15;

font-weight:800;

color:#fff;

margin-bottom:20px;
}

.mgs-premium-left p{

font-size:17px;

line-height:1.9;

color:#d8e4f0;

margin-bottom:30px;
}

/* Services */

.mgs-premium-services{

display:flex;

flex-wrap:wrap;

gap:12px;
}

.mgs-premium-services span{

padding:12px 18px;

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

border-radius:50px;

color:#fff;

font-size:14px;
}

/* Right */

.mgs-premium-right{

display:flex;

flex-direction:column;

gap:15px;
}

.mgs-contact-card{

display:flex;

align-items:center;

gap:16px;

padding:20px;

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

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

border-radius:18px;

text-decoration:none;

transition:.3s;
}

.mgs-contact-card:hover{

transform:translateX(8px);

border-color:
rgba(249,115,22,.35);
}

.mgs-icon{

width:60px;
height:60px;

display:flex;

align-items:center;

justify-content:center;

border-radius:14px;

background:#F97316;

font-size:24px;
}

.mgs-contact-card h4{

color:#fff;

font-size:18px;

margin:0 0 5px;
}

.mgs-contact-card p{

margin:0;

color:#d8e4f0;
}

/* Tablet */

@media(max-width:1024px){

.mgs-premium-cta-box{

grid-template-columns:1fr;

padding:50px;
}

.mgs-premium-left h2{

font-size:40px;
}

}

/* Mobile */

@media(max-width:767px){

.mgs-premium-cta{

padding:70px 15px;
}

.mgs-premium-cta-box{

padding:35px 25px;

border-radius:24px;

gap:35px;
}

.mgs-premium-left h2{

font-size:30px;
}

.mgs-premium-left p{

font-size:15px;
}

.mgs-premium-services{

gap:8px;
}

.mgs-premium-services span{

font-size:13px;

padding:10px 14px;
}

.mgs-contact-card{

padding:16px;
}

.mgs-icon{

width:50px;
height:50px;

font-size:20px;
}

}/* End custom CSS */