/* ================= GLOBAL ================= */

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

body{
font-family:'Poppins',sans-serif;
color:#222;
background:#fff;
line-height:1.6;
}

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

.container{
width:90%;
max-width:1200px;
margin:auto;
}


/* ================= HEADER ================= */

.main-header{
background:#fff;
position:sticky;
top:0;
z-index:9999;
box-shadow:0 5px 20px rgba(0,0,0,.08);
}


.main-header .container{
height:82px;
display:flex;
align-items:center;
justify-content:space-between;
}


.logo a{
font-size:28px;
font-weight:800;
color:#0057d9;
display:flex;
align-items:center;
gap:10px;
}


.logo i{
color:#ff7a00;
font-size:30px;
}


.navbar ul{
display:flex;
gap:28px;
align-items:center;
list-style:none;
}


.navbar a{
font-size:15px;
font-weight:600;
}


.navbar a:hover{
color:#0057d9;
}


.menu-toggle{
display:none;
background:#0057d9;
border:0;
width:45px;
height:45px;
border-radius:10px;
}


.menu-toggle span{
display:block;
height:3px;
width:25px;
background:#fff;
margin:5px auto;
}


/* ================= HERO ================= */


.house-hero{
padding:80px 0;
background:linear-gradient(135deg,#f5f9ff,#fff);
}


.hero-grid{
display:grid;
grid-template-columns:1.2fr .8fr;
gap:50px;
align-items:center;
}


.hero-label{
display:inline-block;
background:#eef5ff;
color:#0057d9;
padding:8px 18px;
border-radius:30px;
font-weight:600;
}


.hero-content h1{
font-size:48px;
line-height:1.2;
margin:20px 0;
color:#111;
}


.hero-content p{
font-size:17px;
color:#555;
margin-bottom:25px;
}


.hero-points{
display:flex;
gap:20px;
flex-wrap:wrap;
margin:25px 0;
}


.hero-points div{
display:flex;
align-items:center;
gap:8px;
font-weight:600;
}


.hero-points i{
color:#0057d9;
}


.hero-icon-box{
background:#fff;
padding:60px 30px;
text-align:center;
border-radius:30px;
box-shadow:0 20px 50px rgba(0,0,0,.12);
}


.hero-icon-box i{
font-size:90px;
color:#0057d9;
}


.hero-icon-box h3{
font-size:26px;
margin-top:20px;
}


.primary-btn,
.secondary-btn{
display:inline-flex;
padding:14px 30px;
border-radius:30px;
font-weight:600;
margin-right:10px;
}


.primary-btn{
background:#0057d9;
color:#fff;
}


.secondary-btn{
background:#ff7a00;
color:#fff;
}


/* ================= HEADING ================= */


.section-heading{
text-align:center;
margin-bottom:45px;
}


.section-heading span{
color:#ff7a00;
font-weight:700;
}


.section-heading h2{
font-size:36px;
margin:10px 0;
}



/* ================= TRUST ================= */


.trust-section{
padding:50px 0;
}


.trust-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;
}


.trust-card{
padding:30px;
text-align:center;
background:#fff;
border-radius:20px;
box-shadow:0 10px 30px rgba(0,0,0,.08);
}


.trust-card i{
font-size:40px;
color:#0057d9;
}


.trust-card h3{
font-size:28px;
margin:10px 0;
}



/* ================= ABOUT ================= */


.about-section{
padding:80px 0;
}


.about-grid{
display:grid;
grid-template-columns:.8fr 1.2fr;
gap:50px;
align-items:center;
}


.about-icon-box{
background:#f5f9ff;
padding:60px;
text-align:center;
border-radius:25px;
}


.about-icon-box i{
font-size:90px;
color:#0057d9;
}


.about-content span{
color:#ff7a00;
font-weight:700;
}


.about-content h2{
font-size:36px;
margin:15px 0;
}


.about-list div{
margin:12px 0;
font-weight:600;
}


.about-list i{
color:#0057d9;
margin-right:10px;
}



/* ================= CARDS ================= */


.services-section,
.packing-section,
.moving-process,
.why-section,
.faq-section{
padding:80px 0;
}


.services-grid,
.packing-grid,
.process-grid,
.why-grid,
.faq-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;
}


.service-card,
.packing-card,
.process-card,
.why-card,
.faq-card{
padding:35px 25px;
background:#fff;
border-radius:20px;
box-shadow:0 10px 30px rgba(0,0,0,.08);
}


.service-card i,
.packing-card i,
.process-card i,
.why-card i,
.faq-card i{
font-size:45px;
color:#0057d9;
margin-bottom:15px;
}


.card h3{
font-size:22px;
}



/* ================= TABLE ================= */


.table-box{
overflow-x:auto;
}


table{
width:100%;
border-collapse:collapse;
}


th{
background:#0057d9;
color:#fff;
padding:15px;
}


td{
padding:15px;
border:1px solid #ddd;
}



/* ================= QUOTE ================= */


.quote-section{
padding:70px 0;
}


.quote-box{
text-align:center;
background:#f5f9ff;
padding:50px;
border-radius:25px;
}


.quote-box i{
font-size:60px;
color:#0057d9;
}



/* ================= FOOTER ================= */


.footer{
background:#111;
color:#fff;
padding:50px 0 20px;
}


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


.footer li{
margin:8px 0;
}


.copyright{
text-align:center;
margin-top:30px;
border-top:1px solid #333;
padding-top:15px;
}



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


@media(max-width:992px){


.menu-toggle{
display:block;
}


.navbar{
position:absolute;
top:75px;
left:0;
width:100%;
background:#fff;
display:none;
}


.navbar.active{
display:block;
}


.navbar ul{
display:block;
padding:20px;
}


.navbar li{
margin:15px 0;
}


.hero-grid,
.about-grid{
grid-template-columns:1fr;
}


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


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


.services-grid,
.packing-grid,
.process-grid,
.why-grid,
.faq-grid,
.footer-grid{
grid-template-columns:1fr;
}

}


@media(max-width:600px){

.logo a{
font-size:22px;
}


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


.trust-grid{
grid-template-columns:1fr;
}


.hero-points{
display:block;
}


.hero-points div{
margin:12px 0;
}

}