.elementor-48 .elementor-element.elementor-element-fdb099e{--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-48 .elementor-element.elementor-element-4079fcd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-48 .elementor-element.elementor-element-70ed438{--display:flex;}.elementor-48 .elementor-element.elementor-element-0db7988{--display:flex;}.elementor-48 .elementor-element.elementor-element-ca2c2b3{--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-48 .elementor-element.elementor-element-0d531e5{--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-48 .elementor-element.elementor-element-c95f50d{--display:flex;}.elementor-48 .elementor-element.elementor-element-172a667{--display:flex;}.elementor-48 .elementor-element.elementor-element-10cdbfb{--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-48 .elementor-element.elementor-element-341c8b0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-48 .elementor-element.elementor-element-69bde98{--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-48 .elementor-element.elementor-element-d970e3f{--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-48 .elementor-element.elementor-element-b4bed06{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-48 .elementor-element.elementor-element-46afcae{--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-48 .elementor-element.elementor-element-c0f45e5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-48 .elementor-element.elementor-element-0d531e5{--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-48 .elementor-element.elementor-element-c95f50d{--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-48 .elementor-element.elementor-element-172a667{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-4079fcd */body{
margin:0;
font-family:'Poppins',sans-serif;
}

.mgs-hero{
background:#082C4E;
overflow:hidden;
}

.mgsSwiper{
padding:40px 0;
}

.mgs-container{
max-width:1400px;
margin:auto;
padding:0 60px;

display:grid;
grid-template-columns:1fr 1fr;
align-items:center;
gap:50px;

min-height:720px;
}

.mgs-content{
z-index:2;
}

.mgs-badge{

display:inline-block;

padding:10px 18px;

border-radius:50px;

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

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

color:#FDBA74;

font-size:14px;

font-weight:600;

margin-bottom:25px;
}

.mgs-content h1{

font-size:68px;

line-height:1.05;

font-weight:800;

color:#fff;

margin:0 0 25px;
}

.mgs-content h1 span{
color:#F97316;
}

.mgs-content p{

color:#d8e4f0;

font-size:18px;

line-height:1.8;

max-width:550px;

margin-bottom:30px;
}

.mgs-features{

display:grid;

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

gap:15px;

margin-bottom:35px;
}

.feature-card{

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

backdrop-filter:blur(10px);

padding:15px 20px;

border-radius:12px;

color:#fff;

font-size:15px;

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

.mgs-buttons{

display:flex;

gap:15px;
}

.btn-orange{

background:#F97316;

color:#fff;

padding:16px 28px;

border-radius:60px;

text-decoration:none;

font-weight:700;
}

.btn-orange:hover{
background:#ff882f;
}

.btn-outline{

border:2px solid rgba(255,255,255,.35);

color:#fff;

padding:16px 28px;

border-radius:60px;

text-decoration:none;

font-weight:700;
}

.mgs-image{
position:relative;
display:flex;
align-items:center;
justify-content:center;
}

.mgs-image img{

width:100%;

height:580px;

object-fit:cover;

display:block;

border-radius:24px;

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

}

.mgs-image img{

width:100%;

display:block;

border-radius:20px;

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

.swiper-button-next,
.swiper-button-prev{

color:#fff;

width:50px;

height:50px;

background:rgba(0,0,0,.35);

border-radius:50%;
}

.swiper-button-next:after,
.swiper-button-prev:after{
font-size:20px;
}

.swiper-pagination-bullet{

background:#fff;
opacity:.5;
}

.swiper-pagination-bullet-active{

background:#F97316;
opacity:1;
}

@media(max-width:991px){

.mgs-container{

grid-template-columns:1fr;

padding:40px 25px;

text-align:center;
}

.mgs-content h1{
font-size:42px;
}

.mgs-features{
grid-template-columns:1fr;
}

.mgs-buttons{
flex-direction:column;
}

.mgs-image::before{
display:none;
}

}

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

@media (max-width: 1024px){

.mgs-container{
grid-template-columns:1fr;
gap:40px;
padding:60px 30px;
text-align:center;
min-height:auto;
}

.mgs-content{
order:2;
}

.mgs-image{
order:1;
max-width:700px;
margin:0 auto;
}

.mgs-content h1{
font-size:48px;
line-height:1.1;
}

.mgs-content p{
max-width:100%;
margin-left:auto;
margin-right:auto;
}

.mgs-features{
max-width:700px;
margin:30px auto;
}

.mgs-buttons{
justify-content:center;
}

.mgs-image::before{
display:none;
}

}

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

@media (max-width: 767px){

.mgsSwiper{
padding:20px 0 50px;
}

.mgs-container{
padding:25px 20px;
gap:25px;
}

.mgs-content h1{
font-size:34px;
line-height:1.15;
}

.mgs-content p{
font-size:15px;
line-height:1.7;
}

.mgs-badge{
font-size:12px;
padding:8px 14px;
margin-bottom:18px;
}

.mgs-features{
grid-template-columns:1fr;
gap:10px;
margin-bottom:25px;
}

.feature-card{
padding:14px 16px;
font-size:14px;
}

.mgs-buttons{
flex-direction:column;
gap:12px;
}

.btn-orange,
.btn-outline{
width:100%;
text-align:center;
padding:15px 20px;
box-sizing:border-box;
}

@media(max-width:767px){

.mgs-image img{

height:220px;

border-radius:18px;

}

}

/* Hide Arrows On Mobile */

.swiper-button-next,
.swiper-button-prev{
display:none !important;
}

/* Better Pagination */

.swiper-pagination{
bottom:10px !important;
}

.swiper-pagination-bullet{
width:10px;
height:10px;
}

}

/* =========================
   SMALL MOBILE
========================= */

@media (max-width:480px){

.mgs-content h1{
font-size:28px;
}

.mgs-content p{
font-size:14px;
}

.feature-card{
font-size:13px;
padding:12px 14px;
}

.mgs-container{
padding:20px 15px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e5912e2 *//* =========================
   ABOUT SECTION
========================= */

.mgs-about{

padding:120px 0;

background:#F8FAFC;

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

overflow:hidden;
}

.mgs-about-container{

max-width:1400px;

margin:auto;

padding:0 60px;

display:grid;

grid-template-columns:1fr 1fr;

gap:80px;

align-items:center;
}

/* Left Content */

.mgs-about-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-size:14px;

font-weight:600;

margin-bottom:25px;
}

.mgs-about-content h2{

font-size:54px;

line-height:1.15;

font-weight:800;

color:#082C4E;

margin-bottom:25px;
}

.mgs-about-content h2 span{
color:#F97316;
}

.mgs-about-content p{

font-size:17px;

line-height:1.9;

color:#4B5563;

margin-bottom:20px;
}

.mgs-about-highlight{

display:grid;

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

gap:15px;

margin:35px 0;
}

.highlight-item{

background:#ffffff;

padding:18px 20px;

border-radius:14px;

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

font-weight:600;

color:#082C4E;
}

.mgs-about-btn{

display:inline-flex;

align-items:center;

justify-content:center;

padding:18px 35px;

background:#F97316;

color:#fff;

text-decoration:none;

border-radius:60px;

font-weight:700;

transition:.3s;
}

.mgs-about-btn:hover{

transform:translateY(-3px);

background:#ff892d;
}

/* Right Image */

.mgs-about-image{

position:relative;
}

.mgs-about-image img{

width:100%;

height:650px;

object-fit:cover;

border-radius:30px;

display:block;

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

/* Experience Card */

.experience-card{

position:absolute;

bottom:30px;

left:-30px;

background:#082C4E;

padding:25px 35px;

border-radius:20px;

color:#fff;

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

.experience-card h3{

font-size:42px;

color:#F97316;

margin:0;
}

.experience-card span{

font-size:15px;

font-weight:500;
}

/* =========================
   TABLET
========================= */

@media(max-width:1024px){

.mgs-about-container{

grid-template-columns:1fr;

gap:50px;
}

.mgs-about-content{

order:2;
}

.mgs-about-image{

order:1;
}

.mgs-about-content h2{

font-size:42px;
}

.experience-card{

left:20px;
}

}

/* =========================
   MOBILE
========================= */

@media(max-width:767px){

.mgs-about{

padding:80px 0;
}

.mgs-about-container{

padding:0 20px;
}

.mgs-about-content h2{

font-size:34px;
}

.mgs-about-highlight{

grid-template-columns:1fr;
}

.mgs-about-image img{

height:350px;
}

.experience-card{

padding:18px 25px;

bottom:15px;

left:15px;
}

.experience-card h3{

font-size:30px;
}

.mgs-about-btn{

width:100%;
}

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

.mgs-services{

padding:120px 0;

background:#F8FAFC;

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

.mgs-services-header{

max-width:800px;

margin:0 auto 70px;

text-align:center;

padding:0 20px;
}

.mgs-services-tag{

display:inline-block;

padding:10px 20px;

border-radius:50px;

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

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

color:#F97316;

font-weight:600;

margin-bottom:20px;
}

.mgs-services-header h2{

font-size:56px;

font-weight:800;

line-height:1.15;

color:#082C4E;

margin-bottom:20px;
}

.mgs-services-header h2 span{
color:#F97316;
}

.mgs-services-header p{

font-size:18px;

color:#64748B;

line-height:1.8;
}

.mgs-services-grid{

max-width:1400px;

margin:auto;

padding:0 40px;

display:grid;

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

gap:30px;
}

/* Card */

.service-card{

background:#fff;

border-radius:24px;

overflow:hidden;

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

transition:.4s;
}

.service-card:hover{

transform:translateY(-10px);

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

/* Image */

.service-image{

height:240px;

overflow:hidden;
}

.service-image img{

width:100%;

height:100%;

object-fit:cover;

transition:.6s;
}

.service-card:hover img{

transform:scale(1.08);
}

/* Content */

.service-content{

padding:30px;
}

.service-content h3{

font-size:24px;

font-weight:700;

color:#082C4E;

margin-bottom:15px;
}

.service-content p{

font-size:15px;

line-height:1.8;

color:#64748B;

margin-bottom:25px;
}

/* Buttons */

.service-buttons{

display:flex;

gap:12px;
}

.call-btn{

flex:1;

background:#F97316;

color:#fff;

text-align:center;

padding:14px;

border-radius:50px;

text-decoration:none;

font-weight:600;
}

.whatsapp-btn{

flex:1;

background:#082C4E;

color:#fff;

text-align:center;

padding:14px;

border-radius:50px;

text-decoration:none;

font-weight:600;
}

.call-btn:hover{

background:#ff8b32;
}

.whatsapp-btn:hover{

background:#0F4C81;
}

/* Tablet */

@media(max-width:1024px){

.mgs-services-grid{

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

.mgs-services-header h2{

font-size:42px;
}

}

/* Mobile */

@media(max-width:767px){

.mgs-services{

padding:80px 0;
}

.mgs-services-grid{

grid-template-columns:1fr;

padding:0 20px;
}

.mgs-services-header h2{

font-size:34px;
}

.service-buttons{

flex-direction:column;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-39c5016 *//* =========================
   WHY CHOOSE US
========================= */

.mgs-why-us{

padding:120px 0;

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

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

overflow:hidden;
}

/* Header */

.mgs-why-header{

max-width:850px;

margin:0 auto 70px;

padding:0 20px;

text-align:center;
}

.mgs-why-tag{

display:inline-block;

padding:10px 20px;

border-radius:50px;

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

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

color:#FDBA74;

font-size:14px;

font-weight:600;

margin-bottom:25px;
}

.mgs-why-header h2{

font-size:56px;

line-height:1.15;

font-weight:800;

color:#fff;

margin-bottom:20px;
}

.mgs-why-header h2 span{
color:#F97316;
}

.mgs-why-header p{

font-size:18px;

line-height:1.8;

color:rgba(255,255,255,.75);
}

/* Grid */

.mgs-why-grid{

max-width:1400px;

margin:auto;

padding:0 40px;

display:grid;

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

gap:30px;
}

/* Card */

.why-card{

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

backdrop-filter:blur(12px);

padding:35px;

border-radius:24px;

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

transition:.4s;
}

.why-card:hover{

transform:translateY(-10px);

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

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

/* Icon */

.why-icon{

width:75px;

height:75px;

display:flex;

align-items:center;

justify-content:center;

font-size:34px;

border-radius:18px;

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

color:#F97316;

margin-bottom:25px;
}

/* Title */

.why-card h3{

font-size:24px;

font-weight:700;

color:#fff;

margin-bottom:15px;
}

/* Text */

.why-card p{

font-size:15px;

line-height:1.8;

color:
rgba(255,255,255,.75);
}

/* Tablet */

@media(max-width:1024px){

.mgs-why-grid{

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

.mgs-why-header h2{

font-size:42px;
}

}

/* Mobile */

@media(max-width:767px){

.mgs-why-us{

padding:80px 0;
}

.mgs-why-grid{

grid-template-columns:1fr;

padding:0 20px;
}

.mgs-why-header h2{

font-size:34px;
}

.mgs-why-header p{

font-size:16px;
}

.why-card{

padding:28px;
}

.why-icon{

width:65px;
height:65px;
font-size:28px;
}

.why-card h3{

font-size:22px;
}

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

.mgs-service-areas{

padding:120px 0;

background:#F8FAFC;

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

/* Header */

.mgs-service-header{

max-width:850px;

margin:0 auto 70px;

text-align:center;

padding:0 20px;
}

.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:20px;
}

.mgs-service-header h2{

font-size:56px;

font-weight:800;

line-height:1.15;

color:#082C4E;

margin-bottom:20px;
}

.mgs-service-header h2 span{
color:#F97316;
}

.mgs-service-header p{

font-size:18px;

line-height:1.8;

color:#64748B;
}

/* Main Grid */

.mgs-area-container{

max-width:1400px;

margin:auto;

padding:0 40px;

display:grid;

grid-template-columns:1fr 1fr;

gap:80px;

align-items:center;
}

/* Content */

.mgs-area-content h3{

font-size:36px;

font-weight:700;

color:#082C4E;

margin-bottom:20px;
}

.mgs-area-content p{

font-size:16px;

line-height:1.9;

color:#64748B;

margin-bottom:35px;
}

/* Area Grid */

.mgs-area-grid{

display:grid;

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

gap:15px;

margin-bottom:35px;
}

.area-item{

background:#fff;

padding:16px;

border-radius:12px;

text-align:center;

font-weight:600;

color:#082C4E;

box-shadow:
0 10px 25px rgba(0,0,0,.05);

transition:.3s;
}

.area-item:hover{

background:#F97316;

color:#fff;

transform:translateY(-4px);
}

/* Buttons */

.mgs-area-buttons{

display:flex;

gap:15px;
}

.mgs-area-call{

padding:16px 30px;

background:#F97316;

color:#fff;

text-decoration:none;

font-weight:700;

border-radius:50px;
}

.mgs-area-whatsapp{

padding:16px 30px;

background:#082C4E;

color:#fff;

text-decoration:none;

font-weight:700;

border-radius:50px;
}

/* Image */

.mgs-area-image{

position:relative;
}

.mgs-area-image img{

width:100%;

height:600px;

object-fit:cover;

border-radius:30px;

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

/* Floating Badge */

.area-badge{

position:absolute;

bottom:30px;

left:30px;

background:#082C4E;

color:#fff;

padding:18px 25px;

border-radius:16px;

font-weight:600;

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

/* Tablet */

@media(max-width:1024px){

.mgs-area-container{

grid-template-columns:1fr;

gap:50px;
}

.mgs-service-header h2{

font-size:42px;
}

}

/* Mobile */

@media(max-width:767px){

.mgs-service-areas{

padding:80px 0;
}

.mgs-area-container{

padding:0 20px;
}

.mgs-service-header h2{

font-size:34px;
}

.mgs-area-grid{

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

.mgs-area-image img{

height:350px;
}

.mgs-area-buttons{

flex-direction:column;
}

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

text-align:center;
}

.area-badge{

left:15px;
bottom:15px;
padding:14px 18px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-341c8b0 *//* =========================
   EMERGENCY CTA SECTION
========================= */

.mgs-emergency{

position:relative;

padding:140px 20px;

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

background-size:cover;

background-position:center;

background-repeat:no-repeat;

overflow:hidden;
}

.mgs-emergency-overlay{

position:absolute;

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

background:
linear-gradient(
135deg,
rgba(8,44,78,.95),
rgba(15,76,129,.90)
);

z-index:1;
}

.mgs-emergency-container{

position:relative;

z-index:2;

max-width:1000px;

margin:auto;

text-align:center;
}

/* Tag */

.mgs-emergency-tag{

display:inline-block;

padding:12px 24px;

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

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

border-radius:50px;

color:#FDBA74;

font-weight:600;

margin-bottom:25px;
}

/* Heading */

.mgs-emergency h2{

font-size:64px;

font-weight:800;

line-height:1.1;

color:#fff;

margin-bottom:25px;
}

.mgs-emergency h2 span{
color:#F97316;
}

/* Description */

.mgs-emergency p{

font-size:18px;

line-height:1.9;

color:rgba(255,255,255,.85);

max-width:800px;

margin:0 auto 40px;
}

/* Features */

.mgs-emergency-features{

display:flex;

justify-content:center;

flex-wrap:wrap;

gap:15px;

margin-bottom:45px;
}

.em-feature{

padding:14px 20px;

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

backdrop-filter:blur(10px);

border-radius:12px;

color:#fff;

font-weight:500;

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

/* Buttons */

.mgs-emergency-buttons{

display:flex;

justify-content:center;

gap:20px;

flex-wrap:wrap;
}

.mgs-emergency-call{

background:#F97316;

color:#fff;

padding:18px 35px;

border-radius:60px;

font-weight:700;

text-decoration:none;

transition:.3s;
}

.mgs-emergency-call:hover{

transform:translateY(-4px);

background:#ff8b32;
}

.mgs-emergency-whatsapp{

background:#25D366;

color:#fff;

padding:18px 35px;

border-radius:60px;

font-weight:700;

text-decoration:none;

transition:.3s;
}

.mgs-emergency-whatsapp:hover{

transform:translateY(-4px);
}

/* Tablet */

@media(max-width:1024px){

.mgs-emergency h2{

font-size:48px;
}

}

/* Mobile */

@media(max-width:767px){

.mgs-emergency{

padding:90px 20px;
}

.mgs-emergency h2{

font-size:34px;
}

.mgs-emergency p{

font-size:16px;
}

.mgs-emergency-buttons{

flex-direction:column;
}

.mgs-emergency-call,
.mgs-emergency-whatsapp{

width:100%;

text-align:center;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-11ccedb *//* =========================
   FAQ SECTION
========================= */

.mgs-faq{

padding:120px 0;

background:#F8FAFC;

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

/* Header */

.mgs-faq-header{

max-width:850px;

margin:0 auto 70px;

padding:0 20px;

text-align:center;
}

.mgs-faq-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:20px;
}

.mgs-faq-header h2{

font-size:56px;

font-weight:800;

line-height:1.15;

color:#082C4E;

margin-bottom:20px;
}

.mgs-faq-header h2 span{
color:#F97316;
}

.mgs-faq-header p{

font-size:18px;

line-height:1.8;

color:#64748B;
}

/* FAQ Container */

.mgs-faq-container{

max-width:1000px;

margin:auto;

padding:0 20px;
}

.mgs-faq-item{

background:#fff;

margin-bottom:20px;

border-radius:20px;

overflow:hidden;

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

transition:.3s;
}

.mgs-faq-item.active{

border-left:5px solid #F97316;
}

.mgs-faq-question{

width:100%;

padding:25px 30px;

display:flex;

justify-content:space-between;

align-items:center;

background:none;

border:none;

cursor:pointer;

font-size:20px;

font-weight:600;

color:#082C4E;

text-align:left;
}

.faq-icon{

font-size:28px;

font-weight:700;

color:#F97316;

transition:.3s;
}

.mgs-faq-item.active .faq-icon{

transform:rotate(45deg);
}

.mgs-faq-answer{

max-height:0;

overflow:hidden;

transition:max-height .4s ease;
}

.mgs-faq-item.active .mgs-faq-answer{

max-height:250px;
}

.mgs-faq-answer p{

padding:0 30px 25px;

font-size:16px;

line-height:1.8;

color:#64748B;
}

/* Tablet */

@media(max-width:1024px){

.mgs-faq-header h2{

font-size:42px;
}

}

/* Mobile */

@media(max-width:767px){

.mgs-faq{

padding:80px 0;
}

.mgs-faq-header h2{

font-size:34px;
}

.mgs-faq-question{

font-size:16px;

padding:20px;
}

.mgs-faq-answer p{

padding:0 20px 20px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b4bed06 *//* =========================
   SERVICE NOTE BOX
========================= */

.mgs-service-note-section{

padding:40px 20px;

background:#F8FAFC;
}

.mgs-service-note{

max-width:1400px;

margin:auto;

padding:35px 40px;

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

border-radius:24px;

display:flex;

align-items:center;

gap:30px;

position:relative;

overflow:hidden;

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

/* Orange Border Accent */

.mgs-service-note::before{

content:"";

position:absolute;

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

width:6px;

background:#F97316;
}

/* Icon */

.mgs-note-icon{

width:80px;

height:80px;

min-width:80px;

display:flex;

align-items:center;

justify-content:center;

font-size:34px;

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

border-radius:20px;
}

/* Content */

.mgs-note-content{

flex:1;
}

.mgs-note-tag{

display:inline-block;

font-size:13px;

font-weight:700;

letter-spacing:1px;

color:#FDBA74;

margin-bottom:10px;
}

.mgs-note-content h3{

font-size:32px;

font-weight:800;

color:#fff;

margin:0 0 12px;
}

.mgs-note-content p{

font-size:16px;

line-height:1.8;

color:#d8e4f0;

margin:0;
}

/* Buttons */

.mgs-note-buttons{

display:flex;

gap:12px;
}

.mgs-note-call{

background:#F97316;

color:#fff;

padding:15px 30px;

border-radius:50px;

font-weight:700;

text-decoration:none;
}

.mgs-note-whatsapp{

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

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

color:#fff;

padding:15px 30px;

border-radius:50px;

font-weight:700;

text-decoration:none;
}

/* Mobile */

@media(max-width:991px){

.mgs-service-note{

flex-direction:column;

text-align:center;

padding:30px;
}

.mgs-note-buttons{

width:100%;

flex-direction:column;
}

.mgs-note-call,
.mgs-note-whatsapp{

width:100%;

text-align:center;
}

}

@media(max-width:767px){

.mgs-note-content h3{

font-size:26px;
}

.mgs-note-content p{

font-size:15px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c0f45e5 *//* =========================
   PREMIUM CONTACT SECTION
========================= */

.mgs-contact-luxury{

padding:120px 0;

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

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

overflow:hidden;
}

.mgs-contact-wrapper{

max-width:1400px;

margin:auto;

padding:0 50px;

display:grid;

grid-template-columns:.95fr 1.05fr;

gap:80px;

align-items:center;
}

/* IMAGE */

.mgs-contact-image{

position:relative;
}

.mgs-contact-image img{

width:100%;

height:650px;

object-fit:cover;

border-radius:30px;

display:block;

box-shadow:
0 35px 70px rgba(0,0,0,.30);
}

/* FLOATING CARD */

.mgs-floating-card{

position:absolute;

bottom:25px;

left:25px;

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

backdrop-filter:blur(15px);

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

padding:25px 30px;

border-radius:18px;

color:#fff;
}

.mgs-floating-card h3{

font-size:28px;

margin:0 0 8px;

color:#F97316;
}

.mgs-floating-card p{

margin:0;

font-size:15px;

color:#d8e4f0;
}

/* CONTENT */

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

font-size:60px;

line-height:1.1;

font-weight:800;

color:#fff;

margin-bottom:20px;
}

.mgs-contact-content h2 span{

color:#F97316;
}

.mgs-contact-desc{

font-size:18px;

line-height:1.9;

color:#d8e4f0;

margin-bottom:40px;
}

/* CONTACT INFO */

.mgs-contact-info{

display:flex;

flex-direction:column;

gap:18px;

margin-bottom:40px;
}

.contact-info-card{

display:flex;

align-items:center;

gap:22px;

padding:24px 28px;

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

backdrop-filter:blur(12px);

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

border-radius:20px;

transition:.35s ease;
}

.contact-info-card:hover{

transform:translateX(8px);

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

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

.contact-icon{

width:72px;

height:72px;

min-width:72px;

display:flex;

align-items:center;

justify-content:center;

font-size:28px;

border-radius:18px;

background:
linear-gradient(
135deg,
#F97316,
#FFB15A
);

box-shadow:
0 15px 30px rgba(249,115,22,.25);
}

.contact-content{

flex:1;
}

.contact-content span{

display:block;

font-size:13px;

font-weight:600;

letter-spacing:.5px;

text-transform:uppercase;

color:#FDBA74;

margin-bottom:5px;
}

.contact-content a{

font-size:22px;

font-weight:700;

color:#fff;

text-decoration:none;

word-break:break-word;
}

.contact-content p{

font-size:16px;

line-height:1.8;

color:#d8e4f0;

margin:0;
}

/* BUTTONS */

.mgs-contact-buttons{

display:flex;

gap:15px;
}

.luxury-call-btn{

background:#F97316;

color:#fff;

padding:18px 35px;

border-radius:60px;

font-weight:700;

text-decoration:none;

transition:.3s;
}

.luxury-call-btn:hover{

transform:translateY(-3px);
}

.luxury-whatsapp-btn{

border:2px solid rgba(255,255,255,.2);

color:#fff;

padding:18px 35px;

border-radius:60px;

font-weight:700;

text-decoration:none;

transition:.3s;
}

.luxury-whatsapp-btn:hover{

background:#fff;

color:#082C4E;
}

/* TABLET */

@media(max-width:1024px){

.mgs-contact-wrapper{

grid-template-columns:1fr;

gap:50px;
}

.mgs-contact-content h2{

font-size:46px;
}

}

/* MOBILE */

@media(max-width:767px){

.mgs-contact-luxury{

padding:80px 0;
}

.mgs-contact-wrapper{

padding:0 20px;
}

.mgs-contact-image img{

height:350px;
}

.mgs-contact-content h2{

font-size:34px;
}

.contact-info-card{

padding:18px;

align-items:flex-start;
}

.contact-icon{

width:58px;
height:58px;
min-width:58px;

font-size:22px;
}

.contact-content a{

font-size:17px;
}

.contact-content p{

font-size:14px;
}

.mgs-contact-buttons{

flex-direction:column;
}

.luxury-call-btn,
.luxury-whatsapp-btn{

width:100%;

text-align:center;
}

.mgs-floating-card{

left:15px;
right:15px;
bottom:15px;

padding:18px;
}

}/* End custom CSS */