/* ================= RESET ================= */

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

html{
scroll-behavior:smooth;
}

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

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

ul{
list-style:none;
}

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


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



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

.main-header{

background:#fff;

position:sticky;

top:0;

z-index:9999;

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

}


.main-header .container{

height:82px;

display:flex;

align-items:center;

justify-content:space-between;

gap:20px;

}



/* ================= LOGO ================= */

.logo{
flex-shrink:0;
}


.logo a{

font-size:28px;

font-weight:800;

color:#0057d9;

display:flex;

align-items:center;

gap:10px;

white-space:nowrap;

}


.logo i{

font-size:30px;

color:#ff7a00;

}



/* ================= MENU ================= */


.navbar{

margin-left:auto;

}


.navbar ul{

display:flex;

align-items:center;

gap:25px;

}


.navbar li a{

font-size:15px;

font-weight:600;

color:#222;

display:flex;

align-items:center;

gap:6px;

padding:10px 5px;

white-space:nowrap;

transition:.3s;

}


.navbar li a:hover{

color:#0057d9;

}



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


.menu-toggle{

display:none;

width:45px;

height:45px;

background:#0057d9;

border:0;

border-radius:10px;

cursor:pointer;

}


.menu-toggle span{

display:block;

width:25px;

height:3px;

background:#fff;

margin:5px auto;

border-radius:5px;

}



/* ================= COMMON SECTION ================= */


section{

padding:70px 0;

}


.section-heading{

text-align:center;

margin-bottom:45px;

}


.section-heading span{

color:#ff7a00;

font-size:14px;

font-weight:700;

text-transform:uppercase;

}


.section-heading h2{

font-size:34px;

line-height:1.3;

color:#111;

margin-top:10px;

}


.section-heading p{

max-width:750px;

margin:15px auto;

color:#666;

}



/* ================= BUTTON ================= */


.primary-btn,
.secondary-btn{

display:inline-flex;

align-items:center;

gap:8px;

padding:14px 28px;

border-radius:30px;

font-weight:600;

transition:.3s;

}


.primary-btn{

background:#0057d9;

color:#fff;

}


.primary-btn:hover{

background:#003f9e;

}


.secondary-btn{

background:#ff7a00;

color:#fff;

}


.secondary-btn:hover{

background:#df6500;

}



/* ================= LAPTOP ================= */


@media(max-width:1200px){

.navbar ul{

gap:18px;

}


.navbar li a{

font-size:14px;

}


.logo a{

font-size:24px;

}

}



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


@media(max-width:992px){


.main-header .container{

height:75px;

}


.menu-toggle{

display:block;

}



.navbar{

position:absolute;

top:75px;

left:0;

width:100%;

background:#fff;

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

display:none;

}


.navbar.active{

display:block;

}



.navbar ul{

display:block;

padding:15px;

}


.navbar li{

width:100%;

}


.navbar li a{

padding:14px;

width:100%;

border-radius:8px;

}


.navbar li a:hover{

background:#f5f9ff;

}

}



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


@media(max-width:480px){


.logo a{

font-size:21px;

}


.logo i{

font-size:22px;

}


.section-heading h2{

font-size:26px;

}

}






























/* HERO SECTION */

.hero-section{
background:linear-gradient(135deg,#0057d9,#003b99);
color:#fff;
padding:90px 0;
overflow:hidden;
}

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

.hero-badge{
display:inline-flex;
align-items:center;
gap:8px;
background:rgba(255,255,255,.15);
padding:8px 18px;
border-radius:30px;
font-size:14px;
margin-bottom:20px;
}

.hero-content h1{
font-size:48px;
line-height:1.2;
font-weight:800;
margin-bottom:20px;
}

.hero-content h1 span{
color:#ffb000;
display:block;
}

.hero-content p{
font-size:17px;
color:#f2f2f2;
margin-bottom:15px;
max-width:650px;
}


.hero-features{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:15px;
margin:30px 0;
}

.hero-features div{
background:rgba(255,255,255,.12);
padding:12px;
border-radius:10px;
display:flex;
align-items:center;
gap:10px;
font-weight:500;
}

.hero-features i{
color:#ffb000;
}


.hero-buttons{
display:flex;
gap:15px;
margin-top:25px;
}


.hero-image{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}


.truck-box{
width:250px;
height:250px;
background:#fff;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:90px;
color:#0057d9;
box-shadow:0 20px 40px rgba(0,0,0,.2);
}


.route-card{
margin-top:30px;
background:#fff;
color:#222;
padding:18px 25px;
border-radius:15px;
display:flex;
align-items:center;
gap:15px;
box-shadow:0 10px 30px rgba(0,0,0,.15);
}

.route-card i{
font-size:35px;
color:#ff7a00;
}

.route-card p{
margin:0;
color:#666;
font-size:14px;
}





/* TRUST SECTION */

.trust-section{
background:#f7f9fc;
padding:40px 0;
}


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


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


.trust-card i{
font-size:35px;
color:#ff7a00;
margin-bottom:15px;
}


.trust-card h3{
font-size:28px;
color:#0057d9;
}


.trust-card p{
color:#666;
}




/* INTRO SECTION */

.intro-content{
max-width:950px;
margin:auto;
}


.intro-content p{
font-size:16px;
color:#555;
margin-bottom:20px;
}





/* SERVICES SECTION */

.services-section{
background:#fff;
}


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


.service-card{
background:#fff;
padding:30px 25px;
border-radius:15px;
box-shadow:0 10px 30px rgba(0,0,0,.08);
transition:.3s;
border:1px solid #eee;
}


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


.service-icon{
width:65px;
height:65px;
background:#0057d9;
color:#fff;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:28px;
margin-bottom:20px;
}


.service-card h3{
font-size:20px;
margin-bottom:12px;
color:#111;
}


.service-card p{
font-size:14px;
color:#666;
margin-bottom:18px;
}


.service-card a{
color:#0057d9;
font-weight:600;
font-size:14px;
}





/* SOLUTION SECTION */

.solutions-section{
background:#f7f9fc;
}


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


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


.solution-card i{
font-size:40px;
color:#ff7a00;
margin-bottom:15px;
}


.solution-card h3{
font-size:20px;
margin-bottom:10px;
}


.solution-card p{
font-size:14px;
color:#666;
}

























/* PRICE SECTION */

.price-section{
background:#f7f9fc;
}

.price-table{
overflow-x:auto;
background:#fff;
border-radius:15px;
box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.price-table table{
width:100%;
border-collapse:collapse;
min-width:700px;
}

.price-table th{
background:#0057d9;
color:#fff;
padding:18px;
text-align:left;
font-size:15px;
}

.price-table td{
padding:16px;
border-bottom:1px solid #eee;
color:#555;
font-size:15px;
}

.price-table tr:hover{
background:#f8fbff;
}

.price-note{
text-align:center;
margin-top:20px;
color:#777;
font-size:14px;
}



/* PACKING SECTION */

.packing-section{
background:#fff;
}


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


.packing-card{
background:#fff;
padding:30px 20px;
text-align:center;
border-radius:15px;
box-shadow:0 8px 25px rgba(0,0,0,.08);
border:1px solid #eee;
transition:.3s;
}


.packing-card:hover{
transform:translateY(-6px);
}


.packing-card i{
font-size:40px;
color:#ff7a00;
margin-bottom:15px;
}


.packing-card h3{
font-size:20px;
margin-bottom:10px;
}


.packing-card p{
font-size:14px;
color:#666;
}



/* MOVING PROCESS */

.moving-process{
background:#f7f9fc;
}


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


.step-box{
background:#fff;
padding:25px 15px;
text-align:center;
border-radius:15px;
box-shadow:0 8px 25px rgba(0,0,0,.08);
}


.step-box span{
width:50px;
height:50px;
display:flex;
align-items:center;
justify-content:center;
margin:0 auto 15px;
border-radius:50%;
background:#0057d9;
color:#fff;
font-weight:700;
font-size:18px;
}


.step-box h3{
font-size:18px;
margin-bottom:10px;
}


.step-box p{
font-size:14px;
color:#666;
}



/* WHY SECTION */

.why-section{
background:#fff;
}


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


.why-card{
padding:30px 20px;
border-radius:15px;
background:#f7f9fc;
text-align:center;
}


.why-card i{
font-size:38px;
color:#0057d9;
margin-bottom:15px;
}


.why-card h3{
font-size:20px;
margin-bottom:10px;
}


.why-card p{
font-size:14px;
color:#666;
}



/* AREAS SECTION */

.areas-section{
background:#f7f9fc;
}


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


.area-card{
background:#fff;
padding:35px;
border-radius:15px;
box-shadow:0 8px 25px rgba(0,0,0,.08);
}


.area-icon{
width:65px;
height:65px;
background:#ff7a00;
color:#fff;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:28px;
margin-bottom:20px;
}


.area-card h3{
font-size:22px;
margin-bottom:15px;
}


.area-card p{
color:#666;
margin-bottom:15px;
}


.area-card ul{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:10px;
}


.area-card li{
font-size:14px;
color:#555;
position:relative;
padding-left:15px;
}


.area-card li:before{
content:"✓";
position:absolute;
left:0;
color:#0057d9;
font-weight:bold;
}



/* REVIEWS */

.reviews-section{
background:#fff;
}


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


.review-card{
background:#f7f9fc;
padding:30px 20px;
border-radius:15px;
}


.review-stars{
color:#ff9800;
font-size:20px;
margin-bottom:15px;
}


.review-card p{
font-size:14px;
color:#555;
margin-bottom:15px;
}


.review-card h3{
font-size:16px;
color:#0057d9;
}


























/* TRUST SIGNAL SECTION */

.trust-signal-section{
background:#f7f9fc;
}

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

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

.signal-card i{
font-size:40px;
color:#ff7a00;
margin-bottom:15px;
}

.signal-card h3{
font-size:20px;
margin-bottom:10px;
}

.signal-card p{
font-size:14px;
color:#666;
}


/* QUOTE SECTION */

.quote-section{
background:linear-gradient(135deg,#0057d9,#003b99);
}

.quote-wrapper{
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
align-items:center;
}

.quote-content{
color:#fff;
}

.quote-content span{
color:#ffb000;
font-weight:700;
font-size:14px;
}

.quote-content h2{
font-size:36px;
line-height:1.3;
margin:15px 0;
}

.quote-content p{
color:#eee;
}

.quote-info{
margin-top:25px;
}

.quote-info p{
display:flex;
align-items:center;
gap:10px;
margin-bottom:10px;
}


.quote-form{
background:#fff;
padding:35px;
border-radius:20px;
box-shadow:0 10px 35px rgba(0,0,0,.15);
}


.quote-form form{
display:flex;
flex-direction:column;
gap:15px;
}


.quote-form input,
.quote-form select,
.quote-form textarea{
width:100%;
padding:14px;
border:1px solid #ddd;
border-radius:8px;
font-family:inherit;
font-size:14px;
}


.quote-form textarea{
height:120px;
resize:none;
}


.quote-form button{
background:#ff7a00;
color:#fff;
border:0;
padding:15px;
border-radius:30px;
font-weight:600;
cursor:pointer;
font-size:16px;
}


.quote-form button:hover{
background:#df6500;
}



/* CONTACT SECTION */

.contact-section{
background:#fff;
}


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


.contact-card{
background:#f7f9fc;
padding:30px;
text-align:center;
border-radius:15px;
}


.contact-card i{
font-size:35px;
color:#0057d9;
margin-bottom:15px;
}


.contact-card h3{
margin-bottom:8px;
}


.contact-card p{
color:#666;
}





/* FAQ SECTION */

.faq-section{
background:#f7f9fc;
}


.faq-wrapper{
max-width:900px;
margin:auto;
}


.faq-item{
background:#fff;
padding:25px;
margin-bottom:15px;
border-radius:12px;
box-shadow:0 5px 20px rgba(0,0,0,.06);
}


.faq-item h3{
font-size:18px;
color:#111;
margin-bottom:10px;
}


.faq-item p{
font-size:15px;
color:#666;
}



/* LONG CONTENT SECTIONS */

.about-detail-section,
.moving-guide-section,
.house-shifting-section,
.office-shifting-section,
.vehicle-transport-section,
.transport-logistics-section,
.route-info-section,
.final-content-section{
background:#fff;
}


.about-detail-content,
.moving-guide-content,
.house-content,
.office-content,
.vehicle-content,
.transport-content,
.route-content,
.final-content{
max-width:1000px;
margin:auto;
}


.about-detail-content p,
.moving-guide-content p,
.house-content p,
.office-content p,
.vehicle-content p,
.transport-content p,
.route-content p,
.final-content p{
font-size:16px;
color:#555;
margin-bottom:20px;
}


.about-detail-content h3,
.moving-guide-content h3,
.house-content h3,
.office-content h3,
.vehicle-content h3,
.transport-content h3,
.route-content h3,
.final-content h3{
font-size:24px;
color:#0057d9;
margin:30px 0 15px;
}


.about-detail-content ul,
.moving-guide-content ul,
.house-content ul,
.office-content ul,
.vehicle-content ul,
.transport-content ul{
list-style:disc;
padding-left:25px;
margin-bottom:20px;
}


.about-detail-content li,
.moving-guide-content li,
.house-content li,
.office-content li,
.vehicle-content li,
.transport-content li{
margin-bottom:8px;
color:#555;
}



/* FOOTER */

.main-footer{
background:#101828;
color:#fff;
padding:60px 0 20px;
}


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


.footer-about h3,
.footer-links h3,
.footer-contact h3{
font-size:22px;
margin-bottom:15px;
}


.footer-about p{
color:#ccc;
font-size:14px;
}


.footer-links ul li{
margin-bottom:10px;
}


.footer-links a{
color:#ccc;
font-size:14px;
}


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


.footer-contact{
margin-top:35px;
border-top:1px solid rgba(255,255,255,.15);
padding-top:25px;
}


.footer-contact p{
color:#ccc;
margin:8px 0;
}


.footer-contact i{
color:#ff7a00;
margin-right:8px;
}


.footer-bottom{
text-align:center;
margin-top:30px;
padding-top:20px;
border-top:1px solid rgba(255,255,255,.15);
color:#ccc;
}



/* FLOATING BUTTONS */

.floating-call,
.floating-whatsapp{
position:fixed;
bottom:25px;
width:55px;
height:55px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
color:#fff;
font-size:24px;
z-index:999;
}


.floating-call{
right:90px;
background:#0057d9;
}


.floating-whatsapp{
right:25px;
background:#25d366;
}





/* MOBILE RESPONSIVE */

@media(max-width:992px){

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

.services-grid,
.solutions-grid,
.trust-grid,
.packing-grid,
.why-grid,
.reviews-grid,
.trust-signal-grid{
grid-template-columns:repeat(2,1fr);
}

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

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

.navbar{
display:none;
}

.menu-toggle{
display:block;
}

.navbar.active{
display:block;
position:absolute;
top:80px;
left:0;
width:100%;
background:#fff;
padding:20px;
}

.navbar ul{
flex-direction:column;
align-items:flex-start;
}

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

}


@media(max-width:600px){

.container{
width:92%;
}

section{
padding:50px 0;
}

.services-grid,
.solutions-grid,
.trust-grid,
.packing-grid,
.why-grid,
.reviews-grid,
.trust-signal-grid,
.contact-grid,
.areas-grid{
grid-template-columns:1fr;
}

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

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

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

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

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

.quote-content h2{
font-size:28px;
}

.area-card ul{
grid-template-columns:1fr;
}

.floating-call{
right:80px;
}

}