:root{
--bg:#f5f8fc;
--white:#ffffff;
--dark:#07111f;
--dark-2:#0d1b2e;
--text:#263548;
--muted:#66758a;
--line:#dfe7f0;
--primary:#00a884;
--primary-dark:#007e66;
--secondary:#ffb703;
--blue:#1769ff;
--shadow:0 18px 50px rgba(7,17,31,.10);
--radius:18px;
--container:1200px;
}

*{
margin:0;
padding:0;
box-sizing:border-box;
}

html{
scroll-behavior:smooth;
}

body{
font-family:"Inter",sans-serif;
background:var(--bg);
color:var(--text);
line-height:1.7;
overflow-x:hidden;
}

img{
max-width:100%;
height:auto;
display:block;
}

a{
color:inherit;
text-decoration:none;
}

button,
input,
select,
textarea{
font:inherit;
}

.container{
width:min(1200px,calc(100% - 40px));
margin:auto;
}

.skip-link{
position:absolute;
left:-9999px;
top:auto;
}

.skip-link:focus{
left:15px;
top:15px;
z-index:9999;
background:var(--primary);
color:#fff;
padding:10px 16px;
border-radius:8px;
}

.top-bar{
background:var(--dark);
color:#dce7f5;
font-size:13px;
}

.top-bar-inner{
min-height:42px;
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
}

.top-bar-left,
.top-bar-right{
display:flex;
align-items:center;
gap:22px;
}

.top-bar a{
transition:.25s;
}

.top-bar a:hover{
color:var(--secondary);
}

.site-header{
background:rgba(255,255,255,.96);
border-bottom:1px solid var(--line);
position:sticky;
top:0;
z-index:1000;
backdrop-filter:blur(14px);
}

.header-inner{
min-height:82px;
display:flex;
align-items:center;
gap:28px;
}

.brand{
display:flex;
align-items:center;
gap:12px;
min-width:245px;
}

.brand-icon{
width:46px;
height:46px;
border-radius:13px;
background:linear-gradient(135deg,var(--primary),var(--blue));
color:#fff;
display:grid;
place-items:center;
font-size:23px;
font-weight:800;
box-shadow:0 10px 25px rgba(0,168,132,.22);
}

.brand-content{
display:flex;
flex-direction:column;
line-height:1.15;
}

.brand-name{
font-family:"Manrope",sans-serif;
font-size:20px;
letter-spacing:1px;
color:var(--dark);
}

.brand-title{
font-size:11px;
font-weight:700;
color:var(--text);
margin-top:3px;
}

.brand-location{
font-size:10px;
color:var(--primary-dark);
font-weight:700;
margin-top:3px;
}

.main-navigation{
margin-left:auto;
}

.nav-list{
display:flex;
align-items:center;
gap:4px;
list-style:none;
}

.nav-item{
position:relative;
}

.nav-link{
display:flex;
align-items:center;
gap:5px;
padding:11px 9px;
font-size:13px;
font-weight:700;
color:var(--dark);
border-radius:8px;
transition:.25s;
white-space:nowrap;
}

.nav-link:hover,
.nav-link.active{
color:var(--primary-dark);
background:#edf9f6;
}

.nav-arrow{
font-size:12px;
}

.dropdown-menu{
position:absolute;
top:calc(100% + 12px);
left:0;
width:220px;
background:#fff;
border:1px solid var(--line);
border-radius:13px;
padding:8px;
box-shadow:var(--shadow);
list-style:none;
opacity:0;
visibility:hidden;
transform:translateY(8px);
transition:.25s;
}

.nav-dropdown:hover .dropdown-menu{
opacity:1;
visibility:visible;
transform:translateY(0);
}

.dropdown-menu a{
display:block;
padding:9px 11px;
border-radius:8px;
font-size:13px;
font-weight:600;
}

.dropdown-menu a:hover{
background:#edf9f6;
color:var(--primary-dark);
}

.header-actions{
display:flex;
align-items:center;
gap:10px;
}

.header-call{
display:flex;
align-items:center;
gap:8px;
}

.header-call-icon{
width:34px;
height:34px;
display:grid;
place-items:center;
border-radius:50%;
background:#eaf8f4;
color:var(--primary-dark);
}

.header-call-text{
display:flex;
flex-direction:column;
line-height:1.15;
}

.header-call-text small{
font-size:9px;
color:var(--muted);
}

.header-call-text strong{
font-size:12px;
color:var(--dark);
}

.header-quote,
.btn{
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:10px;
font-weight:800;
transition:.25s;
cursor:pointer;
}

.header-quote{
background:var(--primary);
color:#fff;
padding:11px 15px;
font-size:12px;
}

.header-quote:hover{
background:var(--primary-dark);
transform:translateY(-2px);
}

.mobile-menu-toggle{
display:none;
border:0;
background:none;
cursor:pointer;
}

.mobile-menu-toggle span{
display:block;
width:25px;
height:2px;
background:var(--dark);
margin:5px 0;
}

.breadcrumb-wrapper{
background:#eef3f8;
border-bottom:1px solid var(--line);
}

.breadcrumb{
min-height:45px;
display:flex;
align-items:center;
gap:9px;
font-size:12px;
color:var(--muted);
}

.breadcrumb a{
font-weight:700;
color:var(--primary-dark);
}

.hero{
background:
radial-gradient(circle at 80% 15%,rgba(0,168,132,.16),transparent 30%),
radial-gradient(circle at 15% 80%,rgba(23,105,255,.12),transparent 30%),
var(--dark);
color:#fff;
padding:75px 0 70px;
}

.hero-grid{
display:grid;
grid-template-columns:1.1fr .9fr;
gap:55px;
align-items:center;
}

.hero-badge,
.section-tag{
display:inline-block;
font-size:11px;
font-weight:800;
letter-spacing:1.3px;
color:var(--primary-dark);
background:#e7f8f3;
padding:7px 12px;
border-radius:50px;
}

.hero-badge{
color:#bff9ea;
background:rgba(0,168,132,.15);
border:1px solid rgba(0,168,132,.3);
}

.hero h1{
font-family:"Manrope",sans-serif;
font-size:clamp(38px,5vw,66px);
line-height:1.08;
letter-spacing:-2px;
margin:20px 0;
max-width:760px;
}

.hero-lead{
color:#cbd7e6;
font-size:16px;
max-width:720px;
}

.hero-actions{
display:flex;
gap:12px;
margin-top:28px;
flex-wrap:wrap;
}

.btn{
padding:13px 20px;
font-size:13px;
border:0;
}

.btn-primary{
background:var(--primary);
color:#fff;
}

.btn-primary:hover{
background:var(--primary-dark);
transform:translateY(-2px);
}

.btn-secondary{
background:#fff;
color:var(--dark);
border:1px solid var(--line);
}

.hero .btn-secondary{
background:transparent;
border-color:#506176;
color:#fff;
}

.btn-secondary:hover{
background:#fff;
color:var(--dark);
}

.hero-trust{
display:flex;
flex-wrap:wrap;
gap:20px;
margin-top:28px;
}

.trust-item{
display:flex;
align-items:center;
gap:7px;
font-size:12px;
color:#d5dfeb;
}

.trust-item strong{
color:#4de0bc;
}

.quote-card{
background:#fff;
color:var(--text);
border-radius:22px;
padding:28px;
box-shadow:0 25px 70px rgba(0,0,0,.25);
}

.quote-heading span{
font-size:10px;
font-weight:900;
letter-spacing:1.5px;
color:var(--primary-dark);
}

.quote-heading h2{
font-family:"Manrope",sans-serif;
font-size:25px;
line-height:1.2;
color:var(--dark);
margin:6px 0;
}

.quote-heading p{
font-size:12px;
color:var(--muted);
margin-bottom:20px;
}

.form-row{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
}

.form-group{
margin-bottom:13px;
}

.form-group label{
display:block;
font-size:11px;
font-weight:800;
color:var(--dark);
margin-bottom:5px;
}

.form-group input,
.form-group select,
.form-group textarea{
width:100%;
border:1px solid var(--line);
border-radius:9px;
padding:10px 12px;
outline:none;
background:#fbfdff;
color:var(--dark);
font-size:12px;
transition:.2s;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus{
border-color:var(--primary);
box-shadow:0 0 0 3px rgba(0,168,132,.08);
}

.form-group textarea{
resize:vertical;
min-height:75px;
}

.quote-submit{
width:100%;
border:0;
border-radius:10px;
padding:13px;
background:var(--primary);
color:#fff;
font-size:13px;
font-weight:800;
cursor:pointer;
transition:.25s;
}

.quote-submit:hover{
background:var(--primary-dark);
}

.form-note{
font-size:10px;
text-align:center;
color:var(--muted);
margin-top:9px;
}

.hero-benefits{
background:#fff;
border-bottom:1px solid var(--line);
}

.benefit-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
}

.benefit-card{
display:flex;
gap:12px;
padding:25px 20px;
border-right:1px solid var(--line);
}

.benefit-card:last-child{
border-right:0;
}

.benefit-icon{
font-size:25px;
}

.benefit-card h3{
font-size:14px;
color:var(--dark);
margin-bottom:3px;
}

.benefit-card p{
font-size:11px;
color:var(--muted);
line-height:1.5;
}

section{
padding:85px 0;
}

.section-heading{
max-width:760px;
margin:0 auto 45px;
text-align:center;
}

.section-heading h2{
font-family:"Manrope",sans-serif;
font-size:clamp(28px,4vw,42px);
line-height:1.2;
letter-spacing:-1px;
color:var(--dark);
margin:12px 0;
}

.section-heading p{
color:var(--muted);
font-size:14px;
}

.section-heading-left{
text-align:left;
margin-left:0;
margin-right:0;
}

.services-section{
background:#f8fafc;
}

.services-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
}

.service-card{
background:#fff;
border:1px solid var(--line);
border-radius:var(--radius);
padding:27px;
transition:.3s;
position:relative;
overflow:hidden;
}

.service-card:before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:3px;
background:linear-gradient(90deg,var(--primary),var(--blue));
transform:scaleX(0);
transform-origin:left;
transition:.3s;
}

.service-card:hover{
transform:translateY(-7px);
box-shadow:var(--shadow);
}

.service-card:hover:before{
transform:scaleX(1);
}

.service-icon{
width:52px;
height:52px;
display:grid;
place-items:center;
background:#edf9f6;
border-radius:14px;
font-size:25px;
margin-bottom:18px;
}

.service-card h3{
font-family:"Manrope",sans-serif;
font-size:19px;
line-height:1.3;
color:var(--dark);
margin-bottom:9px;
}

.service-card p{
font-size:13px;
color:var(--muted);
margin-bottom:17px;
}

.service-card a,
.coverage-card a,
.phase-card a{
font-size:12px;
font-weight:800;
color:var(--primary-dark);
}

.service-intro-grid{
display:grid;
grid-template-columns:1.3fr .7fr;
gap:50px;
align-items:center;
}

.service-intro-content h2{
font-family:"Manrope",sans-serif;
font-size:38px;
line-height:1.2;
color:var(--dark);
margin:13px 0 18px;
}

.service-intro-content p{
font-size:14px;
color:var(--muted);
margin-bottom:15px;
}

.service-intro-content .btn{
margin-top:10px;
}

.service-highlight-box{
background:var(--dark);
border-radius:22px;
padding:32px;
color:#fff;
box-shadow:var(--shadow);
}

.service-highlight-box h3{
font-family:"Manrope",sans-serif;
font-size:23px;
margin-bottom:18px;
}

.service-highlight-box ul{
list-style:none;
display:grid;
gap:10px;
}

.service-highlight-box li{
font-size:13px;
color:#d6e0ec;
display:flex;
gap:10px;
}

.service-highlight-box li span{
color:#4de0bc;
font-weight:900;
}

.service-call{
display:inline-block;
margin-top:22px;
padding:12px 18px;
border-radius:9px;
background:var(--primary);
color:#fff;
font-size:12px;
font-weight:800;
}

.local-area-section{
background:#fff;
}

.phase-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:18px;
}

.phase-card{
background:#f8fafc;
border:1px solid var(--line);
border-radius:16px;
padding:23px;
transition:.25s;
}

.phase-card:hover{
background:#fff;
transform:translateY(-4px);
box-shadow:var(--shadow);
}

.phase-card>span{
display:block;
font-size:11px;
font-weight:900;
color:var(--primary);
margin-bottom:8px;
}

.phase-card h3{
font-size:18px;
color:var(--dark);
margin-bottom:7px;
}

.phase-card p{
font-size:12px;
color:var(--muted);
margin-bottom:12px;
}

.nearby-area-section{
background:#f5f8fc;
}

.area-list{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:10px;
}

.area-link{
background:#fff;
border:1px solid var(--line);
padding:10px 15px;
border-radius:50px;
font-size:12px;
font-weight:700;
color:var(--dark);
transition:.2s;
}

.area-link:hover{
background:var(--primary);
border-color:var(--primary);
color:#fff;
}

.local-seo-section{
background:#fff;
}

.local-seo-grid{
display:grid;
grid-template-columns:1.2fr .8fr;
gap:60px;
align-items:center;
}

.local-seo-content h2{
font-family:"Manrope",sans-serif;
font-size:36px;
line-height:1.2;
color:var(--dark);
margin:12px 0 18px;
}

.local-seo-content p{
font-size:14px;
color:var(--muted);
margin-bottom:15px;
}

.local-seo-points{
display:grid;
grid-template-columns:1fr 1fr;
gap:14px;
}

.local-point{
padding:20px;
border:1px solid var(--line);
border-radius:14px;
background:#f9fbfd;
}

.local-point strong{
display:block;
font-size:17px;
color:var(--dark);
}

.local-point span{
font-size:11px;
color:var(--muted);
}

.location-cta,
.mid-cta-section,
.faq-cta-section{
background:var(--dark);
color:#fff;
}

.location-cta-inner,
.mid-cta-inner,
.faq-cta-inner{
display:flex;
align-items:center;
justify-content:space-between;
gap:30px;
}

.location-cta h2,
.mid-cta-section h2,
.faq-cta-section h2{
font-family:"Manrope",sans-serif;
font-size:30px;
line-height:1.2;
margin:8px 0;
}

.location-cta p,
.mid-cta-section p,
.faq-cta-section p{
color:#aebdce;
font-size:13px;
}

.location-cta-actions,
.mid-cta-actions,
.faq-cta-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
}

.pricing-section{
background:#f8fafc;
}

.pricing-table-wrap{
overflow-x:auto;
background:#fff;
border-radius:18px;
box-shadow:var(--shadow);
}

.pricing-table{
width:100%;
border-collapse:collapse;
min-width:750px;
}

.pricing-table th{
background:var(--dark);
color:#fff;
text-align:left;
padding:15px;
font-size:12px;
}

.pricing-table td{
padding:15px;
border-bottom:1px solid var(--line);
font-size:12px;
color:var(--text);
}

.pricing-table tr:last-child td{
border-bottom:0;
}

.pricing-table tbody tr:hover{
background:#f4fbf9;
}

.pricing-note{
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
margin-top:18px;
padding:18px 20px;
background:#fff;
border:1px solid var(--line);
border-radius:13px;
}

.pricing-note p{
font-size:12px;
color:var(--muted);
}

.process-section{
background:#fff;
}

.process-grid{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:16px;
}

.process-card{
position:relative;
padding:25px 18px;
border:1px solid var(--line);
border-radius:16px;
background:#fff;
}

.process-number{
font-size:11px;
font-weight:900;
color:var(--primary);
}

.process-icon{
font-size:27px;
margin:13px 0;
}

.process-card h3{
font-size:16px;
line-height:1.3;
color:var(--dark);
margin-bottom:7px;
}

.process-card p{
font-size:11px;
color:var(--muted);
}

.why-choose-section{
background:#f5f8fc;
}

.why-choose-grid{
display:grid;
grid-template-columns:1.1fr .9fr;
gap:55px;
align-items:center;
}

.why-choose-content h2{
font-family:"Manrope",sans-serif;
font-size:36px;
line-height:1.2;
color:var(--dark);
margin:12px 0 17px;
}

.why-choose-content>p{
font-size:14px;
color:var(--muted);
margin-bottom:13px;
}

.why-points{
display:grid;
gap:14px;
margin-top:22px;
}

.why-point{
display:flex;
gap:12px;
}

.why-point>span{
width:28px;
height:28px;
flex:0 0 28px;
display:grid;
place-items:center;
border-radius:50%;
background:#dff7f0;
color:var(--primary-dark);
font-weight:900;
}

.why-point h3{
font-size:14px;
color:var(--dark);
}

.why-point p{
font-size:11px;
color:var(--muted);
}

.trust-panel{
background:var(--dark);
color:#fff;
padding:30px;
border-radius:22px;
box-shadow:var(--shadow);
}

.trust-panel .section-tag{
background:rgba(0,168,132,.15);
color:#5be0c1;
}

.trust-panel h3{
font-family:"Manrope",sans-serif;
font-size:23px;
margin:10px 0 22px;
}

.trust-detail{
display:flex;
gap:12px;
padding:14px 0;
border-bottom:1px solid rgba(255,255,255,.1);
}

.trust-detail>span{
font-size:20px;
}

.trust-detail strong{
font-size:12px;
display:block;
}

.trust-detail p{
font-size:11px;
color:#aebdce;
}

.trust-detail a{
color:#64e2c5;
}

.trust-panel-button{
display:block;
text-align:center;
margin-top:22px;
padding:12px;
border-radius:9px;
background:var(--primary);
font-size:12px;
font-weight:800;
}

.moving-tips-section{
background:#fff;
}

.tips-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:18px;
}

.tip-card{
border:1px solid var(--line);
border-radius:15px;
padding:23px;
}

.tip-card>span{
font-size:11px;
font-weight:900;
color:var(--primary);
}

.tip-card h3{
font-size:17px;
color:var(--dark);
margin:8px 0;
}

.tip-card p{
font-size:12px;
color:var(--muted);
}

.reviews-section{
background:#fff;
}

.reviews-action{
display:flex;
align-items:center;
justify-content:space-between;
gap:30px;
padding:30px;
border:1px solid var(--line);
border-radius:20px;
background:#f8fafc;
}

.reviews-action h3{
font-family:"Manrope",sans-serif;
font-size:22px;
color:var(--dark);
}

.reviews-action p{
font-size:13px;
color:var(--muted);
margin-top:5px;
}

.map-contact-section{
background:#f5f8fc;
}

.map-contact-grid{
display:grid;
grid-template-columns:1.1fr .9fr;
gap:40px;
align-items:start;
}

.google-map{
overflow:hidden;
border-radius:20px;
box-shadow:var(--shadow);
background:#ddd;
}

.google-map iframe{
width:100%;
height:480px;
display:block;
}

.contact-card{
background:#fff;
border:1px solid var(--line);
border-radius:20px;
padding:30px;
}

.contact-card h2{
font-family:"Manrope",sans-serif;
font-size:31px;
line-height:1.2;
color:var(--dark);
margin:10px 0;
}

.contact-card>p{
font-size:13px;
color:var(--muted);
margin-bottom:20px;
}

.contact-info{
display:grid;
gap:15px;
}

.contact-info-item{
display:flex;
gap:12px;
padding-bottom:14px;
border-bottom:1px solid var(--line);
}

.contact-info-icon{
font-size:20px;
}

.contact-info-item strong{
display:block;
font-size:12px;
color:var(--dark);
}

.contact-info-item p{
font-size:12px;
color:var(--muted);
}

.contact-info-item a{
color:var(--primary-dark);
font-weight:700;
}

.contact-buttons{
display:flex;
gap:10px;
margin-top:22px;
flex-wrap:wrap;
}

.contact-enquiry-section{
background:#fff;
}

.enquiry-box,
.final-enquiry-card{
padding:35px;
border-radius:22px;
background:linear-gradient(135deg,#eaf9f5,#eef4ff);
border:1px solid #d7e8e5;
display:flex;
align-items:center;
justify-content:space-between;
gap:30px;
}

.enquiry-content h2,
.final-enquiry-card h2{
font-family:"Manrope",sans-serif;
font-size:30px;
color:var(--dark);
margin:8px 0;
}

.enquiry-content p,
.final-enquiry-card p{
font-size:13px;
color:var(--muted);
max-width:700px;
}

.service-coverage-section{
background:#f5f8fc;
}

.coverage-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
}

.coverage-card{
background:#fff;
border:1px solid var(--line);
border-radius:17px;
padding:26px;
}

.coverage-card h3{
font-family:"Manrope",sans-serif;
font-size:20px;
color:var(--dark);
margin-bottom:8px;
}

.coverage-card p{
font-size:12px;
color:var(--muted);
margin-bottom:15px;
}

.faq-section{
background:#fff;
}

.faq-list{
max-width:900px;
margin:auto;
display:grid;
gap:10px;
}

.faq-item{
border:1px solid var(--line);
border-radius:12px;
background:#fff;
overflow:hidden;
}

.faq-item summary{
list-style:none;
cursor:pointer;
padding:17px 20px;
font-size:14px;
font-weight:800;
color:var(--dark);
position:relative;
padding-right:45px;
}

.faq-item summary::-webkit-details-marker{
display:none;
}

.faq-item summary:after{
content:"+";
position:absolute;
right:18px;
top:13px;
font-size:22px;
font-weight:400;
color:var(--primary);
}

.faq-item[open] summary:after{
content:"−";
}

.faq-answer{
padding:0 20px 18px;
}

.faq-answer p{
font-size:12px;
color:var(--muted);
}

.final-enquiry-section{
background:#fff;
}

.final-enquiry-card{
display:block;
text-align:center;
}

.final-enquiry-card p{
margin:0 auto 22px;
}

.final-enquiry-actions{
display:flex;
justify-content:center;
gap:10px;
flex-wrap:wrap;
}

.site-footer{
background:var(--dark);
color:#c7d3e1;
padding:70px 0 20px;
}

.footer-grid{
display:grid;
grid-template-columns:1.5fr 1fr 1fr 1fr;
gap:40px;
padding-bottom:45px;
}

.footer-logo{
font-family:"Manrope",sans-serif;
font-size:25px;
font-weight:900;
color:#fff;
letter-spacing:1px;
}

.footer-brand h3{
font-size:14px;
color:#fff;
margin:5px 0 13px;
}

.footer-brand p{
font-size:12px;
line-height:1.8;
max-width:340px;
color:#99aabd;
}

.footer-phone{
display:inline-block;
margin-top:16px;
color:#4de0bc;
font-size:14px;
font-weight:800;
}

.footer-column h3{
font-size:14px;
color:#fff;
margin-bottom:15px;
}

.footer-column ul{
list-style:none;
display:grid;
gap:8px;
}

.footer-column a{
font-size:12px;
color:#9eafc2;
transition:.2s;
}

.footer-column a:hover{
color:#4de0bc;
}

.footer-contact{
display:grid;
grid-template-columns:1.5fr 1fr 1fr;
gap:25px;
padding:25px 0;
border-top:1px solid rgba(255,255,255,.1);
border-bottom:1px solid rgba(255,255,255,.1);
}

.footer-contact strong{
display:block;
font-size:11px;
color:#fff;
margin-bottom:5px;
}

.footer-contact p,
.footer-contact a{
font-size:11px;
color:#99aabd;
}

.footer-contact a:hover{
color:#4de0bc;
}

.footer-bottom{
display:flex;
justify-content:space-between;
align-items:center;
gap:20px;
padding-top:20px;
}

.footer-bottom p,
.footer-bottom a{
font-size:10px;
color:#788ba0;
}

.footer-bottom>div{
display:flex;
gap:18px;
}

.floating-actions{
position:fixed;
right:18px;
bottom:18px;
z-index:999;
display:flex;
flex-direction:column;
gap:9px;
}

.floating-actions a{
width:48px;
height:48px;
display:grid;
place-items:center;
border-radius:50%;
color:#fff;
font-size:20px;
box-shadow:0 10px 25px rgba(0,0,0,.2);
}

.floating-call{
background:var(--blue);
}

.floating-whatsapp{
background:var(--primary);
}

@media(max-width:1100px){
.nav-link{
padding:10px 6px;
font-size:12px;
}
.header-call{
display:none;
}
.header-inner{
gap:15px;
}
}

@media(max-width:900px){
.container{
width:min(100% - 30px,720px);
}
.mobile-menu-toggle{
display:block;
margin-left:auto;
}
.main-navigation{
display:none;
position:absolute;
top:100%;
left:0;
right:0;
background:#fff;
border-bottom:1px solid var(--line);
box-shadow:var(--shadow);
}
.main-navigation.mobile-navigation-open{
display:block;
}
.nav-list{
display:block;
padding:10px 15px;
}
.nav-link{
padding:12px;
}
.dropdown-menu{
position:static;
display:none;
width:100%;
box-shadow:none;
border:0;
transform:none;
opacity:1;
visibility:visible;
padding-left:15px;
}
.nav-dropdown:hover .dropdown-menu{
display:block;
}
.header-quote{
display:none;
}
.hero-grid,
.service-intro-grid,
.local-seo-grid,
.why-choose-grid,
.map-contact-grid{
grid-template-columns:1fr;
gap:35px;
}
.services-grid{
grid-template-columns:repeat(2,1fr);
}
.phase-grid{
grid-template-columns:repeat(2,1fr);
}
.process-grid{
grid-template-columns:repeat(2,1fr);
}
.tips-grid{
grid-template-columns:repeat(2,1fr);
}
.coverage-grid{
grid-template-columns:1fr 1fr;
}
.benefit-grid{
grid-template-columns:1fr 1fr;
}
.benefit-card:nth-child(2){
border-right:0;
}
.footer-grid{
grid-template-columns:1fr 1fr;
}
.footer-contact{
grid-template-columns:1fr 1fr;
}
.hero{
padding:60px 0;
}
}

@media(max-width:600px){
.container{
width:calc(100% - 24px);
}
.top-bar-left span:nth-child(2){
display:none;
}
.top-bar-inner{
justify-content:center;
}
.top-bar-right{
gap:14px;
}
.header-inner{
min-height:70px;
}
.brand{
min-width:0;
}
.brand-title{
display:none;
}
.brand-name{
font-size:17px;
}
.brand-location{
font-size:9px;
}
.brand-icon{
width:40px;
height:40px;
font-size:20px;
}
.hero{
padding:48px 0;
}
.hero h1{
font-size:39px;
letter-spacing:-1.5px;
}
.hero-lead{
font-size:14px;
}
.hero-actions{
display:grid;
grid-template-columns:1fr;
}
.hero-actions .btn{
width:100%;
}
.hero-trust{
display:grid;
grid-template-columns:1fr;
gap:9px;
}
.quote-card{
padding:20px;
}
.form-row{
grid-template-columns:1fr;
gap:0;
}
.benefit-grid{
grid-template-columns:1fr;
}
.benefit-card{
border-right:0;
border-bottom:1px solid var(--line);
}
.benefit-card:last-child{
border-bottom:0;
}
section{
padding:60px 0;
}
.section-heading{
margin-bottom:30px;
}
.section-heading h2{
font-size:28px;
}
.services-grid,
.phase-grid,
.process-grid,
.tips-grid,
.coverage-grid{
grid-template-columns:1fr;
}
.service-intro-content h2,
.local-seo-content h2,
.why-choose-content h2{
font-size:29px;
}
.local-seo-points{
grid-template-columns:1fr;
}
.location-cta-inner,
.mid-cta-inner,
.faq-cta-inner,
.reviews-action,
.enquiry-box{
display:block;
}
.location-cta-actions,
.mid-cta-actions,
.faq-cta-actions{
margin-top:20px;
}
.pricing-note{
display:block;
}
.pricing-note .btn{
margin-top:14px;
}
.google-map iframe{
height:350px;
}
.contact-buttons .btn{
flex:1;
}
.footer-grid,
.footer-contact{
grid-template-columns:1fr;
}
.footer-bottom{
display:block;
}
.footer-bottom>div{
margin-top:12px;
}
.final-enquiry-card{
padding:25px 18px;
}
.floating-actions{
right:12px;
bottom:12px;
}
}