/* ===== Header Only ===== */

.mgs-header{
background:#fff;
padding:14px 0;
box-shadow:0 3px 15px rgba(0,0,0,.08);
position:sticky;
top:0;
z-index:999;
}

.mgs-logo{
display:flex;
align-items:center;
gap:12px;
text-decoration:none;
}

.mgs-logo-icon{
font-size:40px;
color:#ff6600;
}

.mgs-logo-text h4{
margin:0;
font-size:22px;
font-weight:700;
color:#222;
}

.mgs-logo-text p{
margin:0;
font-size:13px;
color:#888;
}

.mgs-header .nav-link{
font-weight:600;
color:#222;
margin:0 10px;
}

.mgs-header .nav-link:hover{
color:#ff6600;
}

.mgs-call-btn{
background:#ff6600;
color:#fff;
padding:12px 24px;
border-radius:50px;
text-decoration:none;
font-weight:600;
}

.mgs-call-btn:hover{
color:#fff;
background:#e65c00;
}

.mgs-toggler{
border:none;
font-size:25px;
color:#222;
box-shadow:none !important;
}

.mgs-mobile-call{
display:none;
width:45px;
height:45px;
background:#ff6600;
color:#fff;
border-radius:50%;
justify-content:center;
align-items:center;
text-decoration:none;
margin-left:auto;
margin-right:15px;
}

@media(max-width:991px){

.mgs-logo-text h4{
font-size:17px;
}

.mgs-logo-text p{
font-size:11px;
}

.mgs-call-btn{
display:none;
}

.mgs-mobile-call{
display:flex;
}

}
/* ===== HERO SECTION ONLY ===== */

.mgs-hero{
padding:90px 0;
background:linear-gradient(135deg,#fff8f2,#ffffff);
overflow:hidden;
}

.mgs-badge{
background:#fff2e8;
color:#ff6600;
padding:10px 18px;
border-radius:50px;
font-weight:600;
display:inline-block;
margin-bottom:20px;
}

.mgs-hero h1{
font-size:58px;
font-weight:700;
line-height:1.2;
color:#222;
margin-bottom:20px;
}

.mgs-hero p{
font-size:17px;
color:#666;
line-height:1.8;
}

.mgs-price{
font-size:28px;
font-weight:700;
color:#ff6600;
margin:25px 0;
}

.mgs-buttons{
display:flex;
gap:15px;
flex-wrap:wrap;
}

.mgs-call-btn-hero{
background:#ff6600;
color:#fff;
padding:15px 28px;
border-radius:50px;
text-decoration:none;
font-weight:600;
}

.mgs-whatsapp-btn-hero{
background:#25D366;
color:#fff;
padding:15px 28px;
border-radius:50px;
text-decoration:none;
font-weight:600;
}

.mgs-call-btn-hero:hover,
.mgs-whatsapp-btn-hero:hover{
color:#fff;
}

.mgs-features{
display:flex;
gap:30px;
margin-top:30px;
flex-wrap:wrap;
font-weight:600;
}

.mgs-features i{
color:#ff6600;
}

.mgs-hero-image{
border-radius:25px;
box-shadow:0 15px 40px rgba(0,0,0,.15);
}

/* Mobile */

@media(max-width:991px){

.mgs-hero{
padding:60px 0;
text-align:center;
}

.mgs-hero h1{
font-size:34px;
}

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

.mgs-features{
justify-content:center;
gap:15px;
}

}

/* ===== Service Section Only ===== */

.mgs-services-section{
padding:90px 0;
background:#fff8f2;
}

.mgs-service-card{
background:#fff;
border-radius:25px;
overflow:hidden;
box-shadow:0 10px 30px rgba(0,0,0,.08);
transition:.4s;
height:100%;
}

.mgs-service-card:hover{
transform:translateY(-8px);
}

.mgs-service-img{
width:100%;
height:220px;
object-fit:cover;
}

.mgs-service-icon{
width:70px;
height:70px;
background:#fff2e8;
color:#ff6600;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:28px;
margin:20px auto;
}

.mgs-service-card h4{
text-align:center;
font-weight:700;
}

.mgs-service-card p{
padding:0 20px;
text-align:center;
color:#666;
}

.mgs-service-btn{
display:block;
margin:20px;
background:#ff6600;
color:#fff;
text-align:center;
padding:14px;
border-radius:50px;
text-decoration:none;
font-weight:600;
}

.mgs-service-btn:hover{
background:#e65c00;
color:#fff;
}

/* ===== Brand Section Only ===== */

.mgs-brand-section{
padding:90px 0;
background:#fff8f2;
}

.mgs-brand-title{
text-align:center;
margin-bottom:50px;
}

.mgs-brand-title h2{
font-size:42px;
font-weight:700;
color:#222;
}

.mgs-brand-title p{
color:#777;
}

.mgs-brand-card{
background:#fff;
padding:30px 20px;
border-radius:20px;
text-align:center;
box-shadow:0 10px 25px rgba(0,0,0,.08);
transition:.4s;
height:100%;
}

.mgs-brand-card:hover{
transform:translateY(-8px);
}

.mgs-brand-card i{
font-size:35px;
color:#ff6600;
margin-bottom:15px;
}

.mgs-brand-card h6{
font-size:18px;
font-weight:700;
margin:0;
}

@media(max-width:768px){

.mgs-brand-section{
padding:60px 0;
}

.mgs-brand-title h2{
font-size:30px;
}

}

/* ===== CTA SECTION ONLY ===== */

.mgs-cta-section{
padding:90px 0;
background:linear-gradient(135deg,#ff6600,#ff9500);
}

.mgs-cta-box{
text-align:center;
color:#fff;
}

.mgs-cta-tag{
display:inline-block;
padding:10px 20px;
background:rgba(255,255,255,.15);
border-radius:50px;
font-weight:600;
margin-bottom:20px;
}

.mgs-cta-box h2{
font-size:50px;
font-weight:700;
margin-bottom:20px;
}

.mgs-cta-box p{
font-size:18px;
margin-bottom:30px;
}

.mgs-cta-features{
display:flex;
justify-content:center;
gap:30px;
flex-wrap:wrap;
margin-bottom:35px;
font-weight:600;
}

.mgs-cta-features i{
margin-right:8px;
}

.mgs-cta-buttons{
display:flex;
justify-content:center;
gap:15px;
flex-wrap:wrap;
}

.mgs-cta-call{
background:#fff;
color:#ff6600;
padding:15px 30px;
border-radius:50px;
text-decoration:none;
font-weight:700;
}

.mgs-cta-whatsapp{
background:#25D366;
color:#fff;
padding:15px 30px;
border-radius:50px;
text-decoration:none;
font-weight:700;
}

.mgs-cta-call:hover,
.mgs-cta-whatsapp:hover{
color:#fff;
}

@media(max-width:768px){

.mgs-cta-section{
padding:60px 20px;
}

.mgs-cta-box h2{
font-size:32px;
}

.mgs-cta-features{
gap:15px;
}

}

/* ===== FOOTER SECTION ONLY ===== */

.mgs-footer{
background:#111827;
color:#fff;
padding:80px 0 25px;
}

.mgs-footer h3,
.mgs-footer h4{
margin-bottom:20px;
font-weight:700;
}

.mgs-footer h3 i{
color:#ff6600;
}

.mgs-footer p{
color:#d1d5db;
line-height:1.9;
}

.mgs-footer-links{
list-style:none;
padding:0;
margin:0;
}

.mgs-footer-links li{
margin-bottom:15px;
}

.mgs-footer-links a{
text-decoration:none;
color:#d1d5db;
transition:.3s;
}

.mgs-footer-links a:hover{
color:#ff6600;
}

.mgs-footer-bottom{
text-align:center;
margin-top:20px;
}

/* Floating Buttons */

.mgs-call-float{
position:fixed;
left:20px;
bottom:20px;
width:60px;
height:60px;
background:#ff6600;
color:#fff;
border-radius:50%;
display:flex;
justify-content:center;
align-items:center;
font-size:24px;
text-decoration:none;
box-shadow:0 10px 25px rgba(0,0,0,.2);
z-index:999;
}

.mgs-whatsapp-float{
position:fixed;
right:20px;
bottom:20px;
width:60px;
height:60px;
background:#25D366;
color:#fff;
border-radius:50%;
display:flex;
justify-content:center;
align-items:center;
font-size:28px;
text-decoration:none;
box-shadow:0 10px 25px rgba(0,0,0,.2);
z-index:999;
}

.mgs-call-float:hover,
.mgs-whatsapp-float:hover{
color:#fff;
}

@media(max-width:768px){

.mgs-footer{
padding:60px 0 20px;
text-align:center;
}

.mgs-call-float,
.mgs-whatsapp-float{
width:55px;
height:55px;
font-size:22px;
}

}