@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Poppins:wght@500;600;700;800&display=swap');

:root{
    --primary:#e31b23;
    --primary-light:#ff2b32;
    --primary-dark:#c91017;
    --blue-light:#003b73;
    --cyan:#003b73;
    --navy:#ffffff;
    --navy-dark:#ffffff;
    --navy-section:#ffc400;
    --navy-card:#ffffff;
    --white:#ffffff;
    --text:#111111;
    --text-muted:#333333;
    --border:rgba(0,59,115,.18);
    --border-blue:rgba(0,59,115,.30);
    --shadow:0 18px 45px rgba(0,0,0,.14);
    --shadow-blue:0 12px 30px rgba(0,59,115,.22);
    --transition:all .3s ease;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Inter,Arial,sans-serif;background:var(--navy-dark);color:var(--text);line-height:1.7;overflow-x:hidden}
body.no-scroll{overflow:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
ul{list-style:none}

.container{width:min(1180px,calc(100% - 40px));margin:auto}
.section{padding:110px 0}

.header{position:fixed;top:0;left:0;width:100%;z-index:9999;background:rgba(6,21,47,.78);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07);transition:var(--transition)}
.header.scrolled{background:rgba(3,11,24,.97);box-shadow:0 10px 45px rgba(0,0,0,.3)}
.header-container{min-height:82px;display:flex;align-items:center;gap:20px}

.logo{display:flex;align-items:center;gap:11px;flex-shrink:0}
.logo-icon{width:45px;height:45px;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,var(--primary-light),var(--primary-dark));border-radius:12px;box-shadow:var(--shadow-blue);transition:var(--transition)}
.logo:hover .logo-icon{transform:translateY(-2px) rotate(-3deg)}
.logo-text{color:#fff;font-family:Poppins,sans-serif;font-size:21px;font-weight:700;line-height:1.2}
.logo-text strong{color:var(--blue-light);font-weight:800}

.navbar{display:flex;align-items:center;gap:3px;margin-left:auto}
.navbar a{position:relative;padding:10px 12px;color:#bdcadb;font-size:12px;font-weight:600;border-radius:8px;transition:var(--transition)}
.navbar a:hover,.navbar a.active{color:#fff;background:rgba(37,99,235,.12)}
.navbar a:after{content:"";position:absolute;left:50%;bottom:3px;width:0;height:2px;background:var(--blue-light);border-radius:50px;transform:translateX(-50%);transition:var(--transition)}
.navbar a:hover:after,.navbar a.active:after{width:20px}

.header-actions{display:flex;align-items:center;gap:9px}
.header-phone{display:flex;align-items:center;gap:9px;padding:7px 12px;background:rgba(37,99,235,.08);border:1px solid var(--border-blue);border-radius:10px;transition:var(--transition)}
.header-phone:hover{background:rgba(37,99,235,.17);transform:translateY(-2px)}
.header-phone-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--primary);border-radius:8px;font-size:12px}
.header-phone-text{display:flex;flex-direction:column;color:#fff;font-size:11px;font-weight:700}
.header-phone-text small{color:#7f94af;font-size:8px;text-transform:uppercase;letter-spacing:.5px}
.header-quote{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 15px;color:#fff;background:linear-gradient(135deg,var(--primary-light),var(--primary-dark));border-radius:9px;font-size:11px;font-weight:700;box-shadow:var(--shadow-blue);transition:var(--transition)}
.header-quote:hover{transform:translateY(-2px);box-shadow:0 15px 35px rgba(37,99,235,.45)}
.menu-toggle{display:none;width:43px;height:43px;align-items:center;justify-content:center;color:#fff;background:rgba(37,99,235,.1);border:1px solid var(--border);border-radius:10px;font-size:18px}

.hero{position:relative;min-height:850px;padding:155px 0 100px;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 10% 25%,rgba(37,99,235,.27),transparent 35%),radial-gradient(circle at 90% 60%,rgba(14,165,233,.15),transparent 32%),linear-gradient(135deg,#020918,#06152f 50%,#081d3b)}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:50px 50px;mask-image:linear-gradient(to bottom,#000,transparent)}
.hero:after{content:"";position:absolute;width:450px;height:450px;right:-150px;top:100px;background:rgba(37,99,235,.1);border-radius:50%;filter:blur(60px);animation:heroGlow 6s ease-in-out infinite}
.hero-container{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px}
.hero-content{animation:heroContent .9s ease forwards}
@keyframes heroContent{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@keyframes heroGlow{0%,100%{transform:scale(1);opacity:.6}50%{transform:scale(1.2);opacity:1}}

.hero-badge{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;margin-bottom:22px;color:#93c5fd;background:rgba(37,99,235,.1);border:1px solid rgba(96,165,250,.2);border-radius:50px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.7px}
.badge-dot{width:7px;height:7px;background:var(--blue-light);border-radius:50%;box-shadow:0 0 15px var(--blue-light);animation:pulseDot 1.8s infinite}
@keyframes pulseDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(1.5)}}

.hero h1{margin-bottom:24px;color:#fff;font-family:Poppins,sans-serif;font-size:clamp(42px,5vw,70px);font-weight:700;line-height:1.08;letter-spacing:-2px}
.hero h1 span{background:linear-gradient(90deg,var(--blue-light),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{max-width:620px;margin-bottom:30px;color:#9eb0c8;font-size:15px;line-height:1.8}
.hero-buttons{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:28px}
.btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 20px;border:0;border-radius:10px;font-size:12px;font-weight:700;transition:var(--transition)}
.btn-primary{color:#fff;background:linear-gradient(135deg,var(--primary-light),var(--primary-dark));box-shadow:var(--shadow-blue)}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(37,99,235,.42)}
.btn-whatsapp{color:#fff;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12)}
.btn-whatsapp:hover{background:rgba(255,255,255,.1);transform:translateY(-3px)}
.hero-trust{display:flex;align-items:center;flex-wrap:wrap;gap:18px}
.trust-item{display:flex;align-items:center;gap:7px;color:#aabbd0;font-size:11px;font-weight:600}
.trust-item i{color:var(--blue-light)}

.quote-card{position:relative;padding:28px;background:linear-gradient(145deg,rgba(15,35,70,.96),rgba(7,22,45,.96));border:1px solid rgba(255,255,255,.1);border-radius:22px;box-shadow:var(--shadow);animation:quoteFloat 5s ease-in-out infinite}
@keyframes quoteFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.quote-card-top{display:flex;align-items:center;gap:13px;padding-bottom:19px;margin-bottom:18px;border-bottom:1px solid var(--border)}
.quote-card-icon{width:45px;height:45px;display:flex;align-items:center;justify-content:center;color:var(--blue-light);background:rgba(37,99,235,.14);border-radius:12px}
.quote-card h3{color:#fff;font-family:Poppins,sans-serif;font-size:18px}
.quote-card p{margin:0;color:#7f93ae;font-size:10px}

.form-group{margin-bottom:14px}
.form-group label{display:block;margin-bottom:6px;color:#b7c6d8;font-size:10px;font-weight:600}
.input-box{min-height:44px;display:flex;align-items:center;gap:10px;padding:0 12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);border-radius:9px;transition:var(--transition)}
.input-box:focus-within{border-color:rgba(96,165,250,.6);background:rgba(37,99,235,.07);box-shadow:0 0 0 3px rgba(37,99,235,.08)}
.input-box i{color:#6782a4;font-size:12px}
.input-box input,.input-box select{width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:11px}
.input-box input::placeholder{color:#60748f}
.input-box select option{color:#fff;background:#0a1f42}
.btn-submit{width:100%;margin-top:7px}
.form-security{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;color:#637894;font-size:9px}

.stats-section{position:relative;z-index:5;padding:35px 0;background:#081a35;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.stat{display:flex;align-items:center;gap:13px;padding:12px 15px;border-right:1px solid var(--border)}
.stat:last-child{border-right:0}
.stat-icon{width:43px;height:43px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--blue-light);background:rgba(37,99,235,.1);border-radius:11px}
.stat strong{display:block;color:#fff;font-size:21px;line-height:1.2}
.stat span{color:#7f93ad;font-size:9px}

.section-heading{max-width:650px;margin:0 auto 55px;text-align:center}
.section-tag{display:inline-block;margin-bottom:10px;color:var(--blue-light);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px}
.section-heading h2,.about-content h2,.why-content h2,.contact-content h2{color:#fff;font-family:Poppins,sans-serif;font-size:clamp(30px,4vw,44px);line-height:1.2;margin-bottom:15px}
.section-heading h2:after{content:"";display:block;width:45px;height:3px;margin:15px auto 0;background:linear-gradient(90deg,var(--primary-light),var(--cyan));border-radius:50px}
.section-heading p{color:var(--text-muted);font-size:13px}

.about{background:var(--navy-section)}
.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;align-items:center}
.about-image{position:relative}
.image-placeholder{min-height:480px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#0d2852,#06152f);border:1px solid var(--border);border-radius:25px;box-shadow:var(--shadow)}
.moving-truck{width:120px;height:120px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:var(--blue-light);background:rgba(37,99,235,.14);border:1px solid rgba(96,165,250,.2);border-radius:30px;font-size:55px;animation:truckFloat 3s ease-in-out infinite}
@keyframes truckFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.image-placeholder strong{color:#fff;font-family:Poppins,sans-serif;font-size:24px}
.image-placeholder span{color:#7890ad;font-size:11px}
.experience-card{position:absolute;right:-25px;bottom:30px;display:flex;align-items:center;gap:10px;padding:17px 20px;background:#0b2449;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}
.experience-card strong{color:var(--blue-light);font-size:27px}
.experience-card span{color:#b5c3d5;font-size:10px;line-height:1.4}
.about-content>p{color:#91a3bb;font-size:13px;margin-bottom:15px}
.about-content h2 span,.why-content h2 span,.contact-content h2 span{color:var(--blue-light)}
.about-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:25px 0}
.about-list div{display:flex;align-items:center;gap:8px;color:#c4d0df;font-size:11px}
.about-list i{color:var(--primary-light)}

.services{background:var(--navy)}
.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.service-card{position:relative;padding:25px;overflow:hidden;background:linear-gradient(145deg,#0c203e,#091a34);border:1px solid var(--border);border-radius:17px;transition:var(--transition)}
.service-card:before{content:"";position:absolute;width:100px;height:100px;right:-50px;top:-50px;background:rgba(37,99,235,.12);border-radius:50%;transition:.4s ease}
.service-card:hover{transform:translateY(-7px);border-color:rgba(96,165,250,.3);box-shadow:0 20px 50px rgba(0,0,0,.25)}
.service-card:hover:before{transform:scale(2)}
.service-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;color:var(--blue-light);background:rgba(37,99,235,.12);border-radius:12px;font-size:18px}
.service-card h3{color:#fff;font-size:15px;margin-bottom:9px}
.service-card p{color:#8195af;font-size:11px;line-height:1.7;margin-bottom:18px}
.service-card a{display:inline-flex;align-items:center;gap:7px;color:var(--blue-light);font-size:10px;font-weight:700}
.service-card a i{transition:var(--transition)}
.service-card a:hover i{transform:translateX(4px)}

.process{background:var(--navy-section)}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}
.process-item{position:relative;padding:28px;text-align:center;background:rgba(255,255,255,.025);border:1px solid var(--border);border-radius:17px;transition:var(--transition)}
.process-item:hover{transform:translateY(-5px);border-color:var(--border-blue)}
.process-number{position:absolute;top:15px;right:18px;color:rgba(96,165,250,.25);font-size:11px;font-weight:800}
.process-icon{width:55px;height:55px;display:flex;align-items:center;justify-content:center;margin:15px auto 18px;color:var(--blue-light);background:rgba(37,99,235,.12);border-radius:15px}
.process-item h3{color:#fff;font-size:14px;margin-bottom:7px}
.process-item p{color:#7f92ac;font-size:10px}

.why-us{background:linear-gradient(135deg,#06152f,#0a1e3d)}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.why-content>p{color:#8fa1ba;font-size:13px;margin-bottom:30px}
.why-list{display:grid;gap:18px}
.why-item{display:flex;gap:14px;padding:15px;background:rgba(255,255,255,.025);border:1px solid var(--border);border-radius:13px;transition:var(--transition)}
.why-item:hover{transform:translateX(5px);border-color:var(--border-blue)}
.why-icon{width:42px;height:42px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--blue-light);background:rgba(37,99,235,.12);border-radius:10px}
.why-item h3{color:#fff;font-size:13px;margin-bottom:3px}
.why-item p{color:#788ca6;font-size:10px}
.why-visual{position:relative;min-height:450px;display:flex;align-items:center;justify-content:center}
.visual-card{width:75%;padding:50px 35px;text-align:center;background:linear-gradient(145deg,#0d2c59,#071a35);border:1px solid rgba(96,165,250,.15);border-radius:25px;box-shadow:var(--shadow)}
.visual-truck{color:var(--blue-light);font-size:70px;margin-bottom:25px;animation:truckFloat 3s infinite}
.visual-card h3{color:#fff;font-family:Poppins,sans-serif;font-size:23px;line-height:1.3;margin-bottom:10px}
.visual-card p{color:#8096b1;font-size:11px}
.card-one,.card-two{position:absolute;display:flex;align-items:center;gap:8px;padding:12px 15px;color:#c7d5e6;background:#0b2449;border:1px solid var(--border);border-radius:10px;font-size:9px;box-shadow:var(--shadow);animation:cardFloat 4s ease-in-out infinite}
.card-one{left:0;top:80px}.card-two{right:0;bottom:80px;animation-delay:1s}
.card-one i,.card-two i{color:var(--blue-light)}
@keyframes cardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

.reviews{background:var(--navy-section)}
.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.review-card{padding:27px;background:linear-gradient(145deg,#0c203e,#091a34);border:1px solid var(--border);border-radius:17px;transition:var(--transition)}
.review-card:hover{transform:translateY(-6px);border-color:var(--border-blue)}
.stars{color:var(--blue-light);letter-spacing:3px;font-size:13px;margin-bottom:15px}
.review-card>p{color:#91a3bb;font-size:12px;line-height:1.8;margin-bottom:22px}
.review-author{display:flex;align-items:center;gap:10px;padding-top:15px;border-top:1px solid var(--border)}
.author-avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,var(--primary),#0ea5e9);border-radius:50%;font-size:11px;font-weight:800}
.review-author strong{display:block;color:#fff;font-size:11px}
.review-author span{color:#7286a0;font-size:9px}

.faq{background:var(--navy)}
.faq-container{max-width:850px}
.faq-list{display:grid;gap:10px}
.faq-item{overflow:hidden;background:rgba(255,255,255,.025);border:1px solid var(--border);border-radius:12px}
.faq-question{width:100%;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 19px;color:#fff;background:transparent;border:0;text-align:left;font-size:12px;font-weight:600}
.faq-question i{flex-shrink:0;color:var(--blue-light);transition:var(--transition)}
.faq-item.active .faq-question i{transform:rotate(45deg)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .35s ease}
.faq-answer p{padding:0 19px 18px;color:#8194ad;font-size:11px}

.cta{position:relative;overflow:hidden;padding:70px 0;background:linear-gradient(135deg,#1d4ed8,#0c4a9f,#06152f);border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}
.cta:before{content:"";position:absolute;width:400px;height:400px;right:-150px;top:-180px;background:rgba(255,255,255,.08);border-radius:50%}
.cta-container{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:30px}
.cta-content .section-tag{color:#bfdbfe}
.cta h2{color:#fff;font-family:Poppins,sans-serif;font-size:clamp(28px,4vw,43px);line-height:1.2;margin-bottom:8px}
.cta p{color:#c6dbf7;font-size:12px}
.cta-buttons{display:flex;align-items:center;gap:10px;flex-shrink:0}
.btn-light{color:#07111f;background:#fff}
.btn-light:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(255,255,255,.15)}

.contact{background:var(--navy-section)}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}
.contact-content>p{color:#8ea1b9;font-size:13px;margin-bottom:30px}
.contact-info{display:grid;gap:15px}
.contact-item{display:flex;align-items:center;gap:13px;padding:14px;background:rgba(255,255,255,.025);border:1px solid var(--border);border-radius:12px;transition:var(--transition)}
.contact-item:hover{transform:translateX(5px);border-color:var(--border-blue)}
.contact-icon{width:43px;height:43px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--blue-light);background:rgba(37,99,235,.12);border-radius:10px}
.contact-item span{display:block;color:#7287a2;font-size:8px;text-transform:uppercase;letter-spacing:.5px}
.contact-item a,.contact-item strong{color:#fff;font-size:12px;font-weight:700}
.contact-form-wrapper{padding:28px;background:linear-gradient(145deg,#0c203e,#091a34);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow)}
.contact-form h3{color:#fff;font-family:Poppins,sans-serif;font-size:20px;margin-bottom:20px}
.contact-form label{display:block;margin-bottom:6px;color:#aebed2;font-size:10px;font-weight:600}
.contact-form input,.contact-form textarea,.contact-form select{width:100%;padding:12px 13px;outline:none;color:#fff;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);border-radius:9px;font-size:11px;transition:var(--transition)}
.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:rgba(96,165,250,.6);box-shadow:0 0 0 3px rgba(37,99,235,.08)}
.contact-form textarea{min-height:110px;resize:vertical}
.contact-form select option{color:#fff;background:#0a1f42}
.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}

.footer{background:var(--navy-dark);padding-top:70px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:50px;padding-bottom:50px}
.footer-about p{max-width:320px;margin:18px 0 20px;color:#6f839e;font-size:11px}
.footer-social{display:flex;gap:8px}
.footer-social a{width:35px;height:35px;display:flex;align-items:center;justify-content:center;color:#9db0c8;background:rgba(255,255,255,.05);border:1px solid var(--border);border-radius:9px;font-size:11px;transition:var(--transition)}
.footer-social a:hover{color:#fff;background:var(--primary);transform:translateY(-3px)}
.footer h4{color:#fff;font-size:12px;margin-bottom:17px}
.footer-links{display:flex;flex-direction:column;gap:9px}
.footer-links a{color:#7387a1;font-size:10px;transition:var(--transition)}
.footer-links a:hover{color:var(--blue-light);transform:translateX(3px)}
.footer-contact{display:flex;flex-direction:column;gap:11px}
.footer-contact a,.footer-contact p{display:flex;align-items:center;gap:9px;color:#8195ae;font-size:10px}
.footer-contact i{width:15px;color:var(--blue-light)}
.footer-bottom{padding:20px 0;border-top:1px solid rgba(255,255,255,.06)}
.footer-bottom-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}
.footer-bottom p{color:#5f738e;font-size:9px}
.footer-bottom-inner>div{display:flex;gap:15px}
.footer-bottom a{color:#687d97;font-size:9px}
.footer-bottom a:hover{color:var(--blue-light)}

.back-to-top{position:fixed;right:25px;bottom:25px;width:43px;height:43px;z-index:1000;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--primary);border:0;border-radius:11px;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(15px);transition:var(--transition);box-shadow:var(--shadow-blue)}
.back-to-top.show{opacity:1;visibility:visible;transform:translateY(0)}
.back-to-top:hover{transform:translateY(-4px)}

.reveal{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .7s ease,transform .7s ease}
.reveal.active{opacity:1;visibility:visible;transform:translateY(0)}
.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}

.mobile-action-bar{display:none}

@media(max-width:1100px){
    .navbar{display:none}
    .menu-toggle{display:flex;margin-left:0}
    .header-actions{margin-left:auto}
    .hero-container{grid-template-columns:1fr;gap:45px}
    .hero{padding-bottom:90px}
    .hero-content{text-align:center}
    .hero p{margin-left:auto;margin-right:auto}
    .hero-buttons,.hero-trust{justify-content:center}
    .quote-card{width:100%;max-width:550px;margin:auto}
    .services-grid{grid-template-columns:repeat(2,1fr)}
    .process-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:800px){
    .section{padding:80px 0}
    .header-container{min-height:72px}
    .header-phone{display:none}
    .about-grid,.why-grid,.contact-grid{grid-template-columns:1fr;gap:45px}
    .stats-grid{grid-template-columns:repeat(2,1fr)}
    .stat{border-right:0;border-bottom:1px solid var(--border)}
    .stat:nth-last-child(-n+2){border-bottom:0}
    .reviews-grid{grid-template-columns:1fr}
    .cta-container{flex-direction:column;text-align:center}
    .footer-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:600px){
    .container{width:calc(100% - 28px)}
    .hero{min-height:auto;padding:120px 0 70px}
    .hero h1{font-size:39px;letter-spacing:-1.5px}
    .hero p{font-size:13px}
    .hero-buttons{flex-direction:column}
    .hero-buttons .btn{width:100%}
    .hero-trust{gap:10px}
    .trust-item{font-size:10px}
    .quote-card{padding:20px}
    .stats-grid{grid-template-columns:1fr}
    .stat{border-bottom:1px solid var(--border)!important}
    .stat:last-child{border-bottom:0!important}
    .about-list{grid-template-columns:1fr}
    .experience-card{right:10px}
    .services-grid,.process-grid{grid-template-columns:1fr}
    .why-visual{min-height:380px}
    .visual-card{width:85%;padding:40px 20px}
    .card-one{left:0;top:40px}
    .card-two{right:0;bottom:40px}
    .form-row{grid-template-columns:1fr}
    .cta-buttons{width:100%;flex-direction:column}
    .cta-buttons .btn{width:100%}
    .footer-grid{grid-template-columns:1fr;gap:35px}
    .footer-bottom-inner{flex-direction:column;text-align:center}
    .mobile-action-bar{position:fixed;left:10px;right:10px;bottom:10px;z-index:9998;display:grid;grid-template-columns:repeat(3,1fr);padding:7px;background:rgba(6,21,47,.96);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);border-radius:15px;box-shadow:0 15px 50px rgba(0,0,0,.35)}
    .mobile-action-bar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:7px;color:#91a5bf;font-size:8px;font-weight:700}
    .mobile-action-bar i{color:var(--blue-light);font-size:16px}
    .back-to-top{right:18px;bottom:82px}
}

@media(max-width:400px){
    .logo-text{font-size:17px}
    .logo-icon{width:39px;height:39px}
    .header-quote{display:none}
    .hero h1{font-size:34px}
    .hero-badge{font-size:8px}
}

:focus-visible{outline:2px solid var(--blue-light);outline-offset:3px}

@media(prefers-reduced-motion:reduce){
    html{scroll-behavior:auto}
    *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}


/* Screenshot color theme — color changes only */
body{background:#fff;color:#111}
.header{background:#fff;border-bottom:1px solid #ddd;box-shadow:0 3px 14px rgba(0,0,0,.12)}
.header.scrolled{background:#fff;box-shadow:0 6px 22px rgba(0,0,0,.14)}
.logo-icon{color:#fff;background:#003b73;box-shadow:none}
.logo-text{color:#111}.logo-text strong{color:#e31b23}
.navbar a{color:#fff;background:#e31b23;border-radius:0}
.navbar a:hover,.navbar a.active{color:#fff;background:#003b73}
.navbar a:after{background:#fff}
.header-phone{background:#fff;border:1px solid #e31b23}
.header-phone:hover{background:#fff}
.header-phone-icon{color:#fff;background:#e31b23}
.header-phone-text{color:#111}.header-phone-text small{color:#555}
.header-quote{color:#fff;background:#003b73;box-shadow:none}
.menu-toggle{color:#fff;background:#003b73;border-color:#003b73}
.hero{background:#ffc400!important}
.hero:before{background-image:linear-gradient(rgba(0,59,115,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,59,115,.06) 1px,transparent 1px)}
.hero:after{background:rgba(227,27,35,.12)}
.hero h1{color:#003b73}.hero h1 span{background:none;color:#e31b23;-webkit-text-fill-color:#e31b23}
.hero p{color:#111}
.hero-badge{color:#fff;background:#003b73;border-color:#003b73}
.badge-dot{background:#fff;box-shadow:0 0 12px rgba(255,255,255,.7)}
.btn-primary{color:#fff;background:#e31b23;box-shadow:0 10px 24px rgba(227,27,35,.25)}
.btn-primary:hover{box-shadow:0 14px 30px rgba(227,27,35,.3)}
.btn-whatsapp{color:#003b73;background:#fff;border-color:#003b73}
.hero-trust .trust-item{color:#111}.trust-item i{color:#003b73}
.quote-card{background:#e31b23;border-color:#fff;box-shadow:0 15px 35px rgba(0,0,0,.18)}
.quote-card-top{border-bottom-color:rgba(255,255,255,.35)}
.quote-card-icon{color:#fff;background:#003b73}
.quote-card h3,.quote-card p{color:#fff}
.form-group label{color:#fff}
.input-box{background:#fff;border-color:#003b73}
.input-box:focus-within{border-color:#003b73;background:#fff;box-shadow:0 0 0 3px rgba(0,59,115,.12)}
.input-box i{color:#003b73}.input-box input,.input-box select{color:#111}.input-box input::placeholder{color:#666}.input-box select option{color:#111;background:#fff}
.btn-submit{background:#003b73;color:#fff}
.form-security{color:#fff}
.stats-section{background:#003b73;border-color:#003b73}.stat{border-color:rgba(255,255,255,.25)}.stat-icon{color:#ffc400;background:rgba(255,255,255,.12)}.stat strong,.stat span{color:#fff}
.section{background:#fff}.about,.process,.reviews,.contact{background:#fff}.why-us{background:#ffc400}.faq{background:#fff}
.section-heading h2,.about-content h2,.why-content h2,.contact-content h2{color:#003b73}.section-heading p{color:#444}.section-tag{color:#e31b23}.section-heading h2:after{background:#e31b23}
.service-card,.process-item,.review-card,.contact-form-wrapper,.why-item{background:#fff;border-color:#e5e5e5}.service-card:hover,.process-item:hover,.review-card:hover,.why-item:hover,.contact-item:hover{border-color:#e31b23}
.service-icon,.process-icon,.why-icon,.contact-icon{color:#fff;background:#003b73}.service-card h3,.process-item h3,.review-card>p,.why-item h3,.contact-form h3{color:#111}.service-card p,.process-item p,.why-item p,.contact-content>p{color:#444}.service-card a{color:#e31b23}
.why-content>p{color:#333}.visual-card{background:#003b73;border-color:#003b73}.visual-card h3{color:#fff}.visual-card p{color:#ddd}.card-one,.card-two{color:#111;background:#fff;border-color:#ddd}.card-one i,.card-two i{color:#e31b23}
.stars{color:#e31b23}.review-author{border-color:#ddd}.review-author strong{color:#111}.review-author span{color:#666}.author-avatar{background:#e31b23}
.faq-item{background:#fff;border-color:#ddd}.faq-question{color:#111}.faq-question i{color:#e31b23}.faq-answer p{color:#444}
.cta{background:#e31b23;border-color:#e31b23}.cta-content .section-tag{color:#fff}.cta h2{color:#fff}.cta p{color:#fff}.btn-light{color:#003b73;background:#fff}
.contact-item{background:#fff;border-color:#e5e5e5}.contact-item span{color:#666}.contact-item a,.contact-item strong{color:#111}
.contact-form input,.contact-form textarea,.contact-form select{color:#111;background:#fff;border-color:#ddd}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:#003b73;box-shadow:0 0 0 3px rgba(0,59,115,.08)}.contact-form select option{color:#111;background:#fff}.contact-form label{color:#333}
.footer{background:#003b73}.footer-about p,.footer-links a,.footer-contact a,.footer-contact p,.footer-bottom p,.footer-bottom a{color:#d7e2ef}.footer h4{color:#fff}.footer-social a{color:#fff;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}.footer-social a:hover{background:#e31b23}.footer-contact i{color:#ffc400}.footer-links a:hover,.footer-bottom a:hover{color:#ffc400}.footer-bottom{border-color:rgba(255,255,255,.2)}
.back-to-top{background:#e31b23;box-shadow:0 10px 25px rgba(227,27,35,.25)}
.mobile-action-bar{background:#003b73}

/* LIGHT SIDE/SITE COLOR UPDATE
   Replaces the large blue background areas with light colors.
   Red/yellow/green brand accents and the existing layout remain unchanged.
*/
body{background:#f7f9fc;color:#18212b}
.header{background:rgba(255,255,255,.96);border-bottom:1px solid #e5e9ee}
.header.scrolled{background:rgba(255,255,255,.98);box-shadow:0 10px 35px rgba(0,0,0,.10)}
.logo-text{color:#18212b}
.navbar a{color:#4f5b68}
.navbar a:hover,.navbar a.active{color:#003b73;background:rgba(0,59,115,.06)}
.header-phone{background:#f3f6f9;border-color:#dfe5eb}
.header-phone-text{color:#18212b}
.header-phone-text small{color:#68727d}
.hero{background:linear-gradient(135deg,#fffdf4,#fff8dc 55%,#f7f9fc)}
.hero p{color:#52606d}
.hero-badge{color:#003b73;background:#eef4f8;border-color:#d8e3eb}
.stats-section{background:#f4f7fa;border-top-color:#e1e7ed;border-bottom-color:#e1e7ed}
.stat strong{color:#18212b}
.stat span{color:#68727d}
.section-heading h2,.about-content h2,.why-content h2,.contact-content h2{color:#18212b}
.about{background:#fff9df}
.services{background:#f7f9fc}
.process{background:#fff9df}
.why-us{background:#f4f7fa}
.reviews{background:#fff9df}
.faq{background:#f7f9fc}
.contact{background:#fff9df}
.image-placeholder{background:linear-gradient(145deg,#f2f6f9,#ffffff);border-color:#dfe6ec}
.image-placeholder strong{color:#18212b}
.image-placeholder span{color:#68727d}
.experience-card{background:#fff;border-color:#dfe6ec}
.service-card{background:#fff;border-color:#e1e6eb}
.service-card h3{color:#18212b}
.service-card p{color:#68727d}
.process-item{background:rgba(255,255,255,.9);border-color:#dfe6ec}
.process-item h3{color:#18212b}
.process-item p{color:#68727d}
.why-item{background:#fff;border-color:#dfe6ec}
.why-item h3{color:#18212b}
.why-item p{color:#68727d}
.visual-card{background:linear-gradient(145deg,#ffffff,#f1f5f8);border-color:#dfe6ec}
.visual-card h3{color:#18212b}
.visual-card p{color:#68727d}
.card-one,.card-two{background:#fff;border-color:#dfe6ec;color:#52606d}
.review-card{background:#fff;border-color:#e1e6eb}
.review-card>p{color:#52606d}
.review-author strong{color:#18212b}
.review-author span{color:#68727d}
.faq-item{background:#fff;border-color:#dfe6ec}
.faq-question{color:#18212b}
.faq-answer p{color:#68727d}
.cta{background:linear-gradient(135deg,#e31822,#c91017)}
.contact-content>p{color:#52606d}

/* DARK CONTENT UPDATE */
body{color:#111827}
p,li,span,label{color:#1f2937}
.section-heading h2,.about-content h2,.why-content h2,.contact-content h2,
.service-card h3,.process-item h3,.why-item h3,.visual-card h3,
.review-author strong,.faq-question,.stat strong,.image-placeholder strong,
.card-one,.card-two{color:#111827}
.section-heading p,.about-content p,.why-content p,.contact-content>p,
.service-card p,.process-item p,.why-item p,.visual-card p,
.review-card>p,.review-author span,.faq-answer p,.image-placeholder span,
.hero p,.header-phone-text small{color:#374151}
.navbar a{color:#1f2937}
.navbar a:hover,.navbar a.active{color:#003b73}
input,select,textarea{color:#111827}
input::placeholder,select,textarea::placeholder{color:#6b7280}
.footer,.footer p,.footer li,.footer span{color:#111827}

/* Supplied Jai Krishna Movers and Packers logo */
.site-logo{
  display:block;
  width:auto;
  max-width:260px;
  height:64px;
  object-fit:contain;
}
@media(max-width:700px){
  .site-logo{max-width:210px;height:54px}
}

/* HEADER / NAVIGATION UPDATE */
.header{
  background:#ffffff !important;
  border-bottom:1px solid #e5e9ee !important;
}
.navbar{
  background:transparent !important;
}
.navbar a{
  background:#f4f7fa !important;
  color:#1f2937 !important;
  border-radius:12px !important;
  margin:0 4px !important;
  padding:10px 15px !important;
  transition:all .25s ease;
}
.navbar a:hover,
.navbar a.active{
  background:#003b73 !important;
  color:#ffffff !important;
  border-radius:12px !important;
}
.header-phone{
  border-radius:14px !important;
}
/* Make the supplied Jai Krishna logo noticeably larger */
.site-logo{
  max-width:330px !important;
  height:78px !important;
}
@media(max-width:700px){
  .site-logo{
    max-width:240px !important;
    height:60px !important;
  }
  .navbar a{
    border-radius:10px !important;
    margin:2px !important;
  }
}

/* TOP HEADER: FIT LOGO + NAVIGATION ON ONE CLEAN ROW */
.header{
  background:#ffffff !important;
  padding:8px 0 !important;
}
.header .container{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  min-height:78px !important;
}
.site-logo{
  display:block !important;
  width:260px !important;
  max-width:260px !important;
  height:62px !important;
  object-fit:contain !important;
  object-position:left center !important;
  flex:0 0 auto !important;
}
.navbar{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  flex-wrap:nowrap !important;
  gap:4px !important;
  margin-left:auto !important;
}
.navbar a{
  white-space:nowrap !important;
  padding:9px 13px !important;
  margin:0 2px !important;
  border-radius:11px !important;
  font-size:14px !important;
}
.header-phone{
  flex:0 0 auto !important;
}
@media(max-width:1050px){
  .header .container{
    gap:10px !important;
  }
  .site-logo{
    width:220px !important;
    max-width:220px !important;
    height:56px !important;
  }
  .navbar a{
    padding:8px 9px !important;
    font-size:13px !important;
  }
}
@media(max-width:800px){
  .header .container{
    flex-wrap:wrap !important;
    justify-content:center !important;
    padding:8px 14px !important;
  }
  .site-logo{
    width:240px !important;
    max-width:240px !important;
    height:58px !important;
    object-position:center !important;
  }
  .navbar{
    width:100% !important;
    justify-content:center !important;
    flex-wrap:wrap !important;
    margin-left:0 !important;
  }
  .header-phone{
    display:none !important;
  }
}

/* GALLERY */
.gallery-section{
  background:#f7f9fc;
  padding:80px 0;
}
.gallery-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
  margin-top:36px;
}
.gallery-item{
  min-height:210px;
  border-radius:18px;
  overflow:hidden;
  border:1px solid #e1e6eb;
  background:#fff;
  box-shadow:0 10px 30px rgba(0,59,115,.08);
  transition:transform .3s ease,box-shadow .3s ease;
}
.gallery-item:hover{
  transform:translateY(-6px);
  box-shadow:0 16px 36px rgba(0,59,115,.14);
}
.gallery-placeholder{
  min-height:210px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  background:linear-gradient(145deg,#ffffff,#f0f4f7);
  text-align:center;
}
.gallery-placeholder span{
  font-size:48px;
  line-height:1;
}
.gallery-placeholder strong{
  color:#111827;
  font-size:18px;
}
@media(max-width:900px){
  .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .gallery-section{padding:60px 0}
  .gallery-grid{grid-template-columns:1fr;gap:16px}
}

/* GALLERY DIRECTORY + SUBPAGES */
.gallery-page-hero{
  background:linear-gradient(135deg,#fffdf4,#fff1b8 55%,#f7f9fc);
  padding:72px 0 58px;
  border-bottom:1px solid #e5e9ee;
}
.gallery-page-hero h1{
  margin:14px 0 10px;
  color:#111827;
  font-size:clamp(34px,5vw,58px);
}
.gallery-page-hero p{
  max-width:760px;
  color:#374151;
  font-size:18px;
  line-height:1.7;
}
.gallery-back-link{
  display:inline-block;
  margin-bottom:22px;
  color:#003b73;
  font-weight:700;
  text-decoration:none;
}
.gallery-directory,.gallery-directory-intro,.gallery-photo-section{
  background:#f7f9fc;
  padding:70px 0;
}
.gallery-directory-intro{
  padding-bottom:20px;
}
.gallery-category-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}
.gallery-category-card{
  position:relative;
  display:block;
  min-height:260px;
  overflow:hidden;
  border-radius:18px;
  background:#fff;
  border:1px solid #e1e6eb;
  box-shadow:0 12px 30px rgba(0,59,115,.09);
  text-decoration:none;
}
.gallery-category-card img{
  width:100%;
  height:260px;
  display:block;
  object-fit:cover;
  transition:transform .45s ease;
}
.gallery-category-overlay{
  position:absolute;
  inset:auto 0 0;
  padding:45px 22px 22px;
  background:linear-gradient(transparent,rgba(0,0,0,.78));
  color:#fff;
}
.gallery-category-overlay span{
  font-size:11px;
  font-weight:800;
  letter-spacing:1.5px;
  color:#ffc400;
}
.gallery-category-overlay h3{
  margin:7px 0 0;
  color:#fff;
  font-size:21px;
}
.gallery-category-card:hover img{
  transform:scale(1.06);
}
.gallery-photo-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}
.gallery-photo-card{
  margin:0;
  overflow:hidden;
  background:#fff;
  border:1px solid #e1e6eb;
  border-radius:18px;
  box-shadow:0 12px 30px rgba(0,59,115,.08);
}
.gallery-photo-card img{
  display:block;
  width:100%;
  height:360px;
  object-fit:cover;
}
.gallery-photo-card figcaption{
  padding:16px 18px 18px;
  color:#374151;
  line-height:1.5;
}
.gallery-photo-card figcaption a{
  color:#003b73;
  font-weight:700;
}
@media(max-width:900px){
  .gallery-category-grid,.gallery-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .gallery-category-grid,.gallery-photo-grid{grid-template-columns:1fr}
  .gallery-photo-card img{height:280px}
  .gallery-page-hero{padding:55px 0 45px}
}

/* USER-SUPPLIED JK MOVERS GALLERY PHOTOS */
.gallery-photo-card figcaption span{
  color:#6b7280;
  font-size:13px;
}

/* SUPPLEMENTARY RELEVANT GALLERY PHOTOS */
.supplementary-gallery-photo{
  border:1px solid #dce3ea;
}
.gallery-supplementary{
  padding-top:20px;
}
.supplementary-directory-card{
  margin:0;
}

/* GALLERY PAGE HEADER / NAVIGATION */
.gallery-site-header{
  position:sticky;
  top:0;
  z-index:9999;
  width:100%;
  background:#ffffff;
  border-bottom:1px solid #e5e7eb;
  box-shadow:0 5px 20px rgba(0,0,0,.08);
}
.gallery-header-inner{
  width:min(1180px,92%);
  min-height:78px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.gallery-brand{
  display:flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
  color:#003b73;
  flex-shrink:0;
}
.gallery-brand-mark{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:linear-gradient(135deg,#0b65b3,#ffc400);
  color:#fff;
  font-size:22px;
  font-weight:900;
  box-shadow:0 5px 15px rgba(0,59,115,.2);
}
.gallery-brand-text{
  display:flex;
  flex-direction:column;
  line-height:1;
}
.gallery-brand-text strong{
  font-family:Georgia,serif;
  font-size:25px;
  color:#003b73;
}
.gallery-brand-text small{
  margin-top:7px;
  font-size:10px;
  letter-spacing:1.5px;
  font-weight:800;
  color:#d49d00;
}
.gallery-nav{
  display:flex;
  align-items:center;
  gap:4px;
}
.gallery-nav a{
  color:#1f2937;
  text-decoration:none;
  font-size:14px;
  font-weight:700;
  padding:11px 14px;
  border-radius:9px;
  transition:all .25s ease;
}
.gallery-nav a:hover,
.gallery-nav a.active{
  background:#003b73;
  color:#fff;
}
.gallery-nav .gallery-call-btn{
  margin-left:8px;
  background:#f5b900;
  color:#111827;
  border-radius:999px;
  padding:12px 17px;
}
.gallery-nav .gallery-call-btn:hover{
  background:#003b73;
  color:#fff;
}
.gallery-menu-toggle{
  display:none;
  border:0;
  background:#003b73;
  color:#fff;
  border-radius:9px;
  padding:10px 13px;
  font-size:20px;
  cursor:pointer;
}
@media(max-width:900px){
  .gallery-header-inner{min-height:70px}
  .gallery-menu-toggle{display:block}
  .gallery-nav{
    display:none;
    position:absolute;
    top:70px;
    left:0;
    right:0;
    padding:12px 4%;
    background:#fff;
    border-bottom:1px solid #e5e7eb;
    box-shadow:0 10px 20px rgba(0,0,0,.08);
    flex-direction:column;
    align-items:stretch;
  }
  .gallery-nav.gallery-nav-open{display:flex}
  .gallery-nav a{width:100%;text-align:center}
  .gallery-nav .gallery-call-btn{margin:4px 0 0}
}
@media(max-width:520px){
  .gallery-brand-text strong{font-size:20px}
  .gallery-brand-text small{font-size:8px}
  .gallery-brand-mark{width:44px;height:44px;font-size:18px}
}

/* SECOND SECTION - LIGHTER CONTENT */
.stats-section{
  background:#f7f9fc;
  border-top:1px solid #e5eaf0;
  border-bottom:1px solid #e5eaf0;
}
.stats-section .stat{
  border-right:1px solid #dfe5ec;
}
.stats-section .stat:last-child{
  border-right:0;
}
.stats-section .stat-icon{
  color:#003b73;
  background:#e8f1fb;
  border:1px solid #cddff1;
}
.stats-section .stat strong{
  color:#003b73;
}
.stats-section .stat span{
  color:#526174;
}
@media(max-width:700px){
  .stats-section .stat{
    border-right:0;
    border-bottom:1px solid #dfe5ec;
  }
  .stats-section .stat:last-child{
    border-bottom:0;
  }
}

/* ABOUT JK MOVERS - HIGH CONTRAST + LEFT PHOTO */
.about-jk-section{
  position:relative;
  overflow:hidden;
  background:#ffffff !important;
  color:#172033 !important;
  padding:85px 0 !important;
}
.about-jk-section .container,
.about-jk-content{
  position:relative;
  z-index:2;
}
.about-jk-section h2,
.about-jk-section h3{
  color:#071a33 !important;
  font-weight:800 !important;
}
.about-jk-section p,
.about-jk-section li{
  color:#253247 !important;
  font-weight:500 !important;
}
.about-jk-section .eyebrow{
  color:#003b73 !important;
  font-weight:900 !important;
  letter-spacing:1.5px;
}
.about-jk-section strong,
.about-jk-section b{
  color:#071a33 !important;
  font-weight:800 !important;
}
.about-jk-photo{
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:min(38%,520px);
  z-index:1;
  overflow:hidden;
}
.about-jk-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  opacity:.18;
  filter:saturate(.85) contrast(1.05);
}
.about-jk-photo:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(255,255,255,.12),#ffffff 96%);
}
.about-jk-section .about-keywords{
  position:relative;
  z-index:3;
}
.about-jk-section .about-keywords strong{
  display:inline-block;
  margin:7px 8px 7px 0;
  padding:10px 15px;
  border-radius:10px;
  background:#eef4fa;
  border:1px solid #c9d8e8;
  color:#061a32 !important;
}
@media(max-width:800px){
  .about-jk-section{padding:65px 0 !important}
  .about-jk-photo{
    width:100%;
    opacity:.75;
  }
  .about-jk-photo:after{
    background:rgba(255,255,255,.82);
  }
}


/* Footer quick action buttons */
.footer-actions {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.footer-action-buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footer-action {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 46px;
    padding: 11px 18px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 700;
    transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease;
}

.footer-action:hover,
.footer-action:focus-visible {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0,0,0,.14);
}

.footer-action:focus-visible {
    outline: 3px solid currentColor;
    outline-offset: 3px;
}

.footer-action i {
    font-size: 1.05rem;
}

.whatsapp-action {
    background: #25D366;
    color: #fff;
}

.call-action {
    background: #1f2937;
    color: #fff;
}

.quote-action {
    background: #f59e0b;
    color: #111827;
}

@media (max-width: 900px) {
    .footer-action-buttons {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .footer-action {
        flex: 1 1 140px;
    }
}

@media (max-width: 600px) {
    .footer-action-buttons {
        flex-direction: column;
    }

    .footer-action {
        width: 100%;
    }
}


/* Right-side floating quick action buttons — icons only */
.floating-actions {
    position: fixed;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9998;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.floating-action {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff !important;
    text-decoration: none;
    box-shadow: 0 8px 22px rgba(0,0,0,.22);
    border: 2px solid rgba(255,255,255,.9);
    transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease;
}

.floating-action i {
    font-size: 21px;
    line-height: 1;
}

.floating-action:hover,
.floating-action:focus-visible {
    transform: scale(1.08);
    box-shadow: 0 10px 28px rgba(0,0,0,.28);
    opacity: 1;
}

.floating-action:focus-visible {
    outline: 3px solid #fff;
    outline-offset: 3px;
}

.floating-whatsapp { background: #25D366; }
.floating-call { background: #1f2937; }
.floating-quote { background: #f59e0b; }

@media (max-width: 600px) {
    .floating-actions {
        right: 10px;
        gap: 8px;
    }
    .floating-action {
        width: 46px;
        height: 46px;
    }
    .floating-action i {
        font-size: 18px;
    }
}

/* ABOUT SECTION KEYWORDS - HIGHER CONTRAST */
.about-jk-section .about-list div{
  color:#1f2f44 !important;
  font-weight:600 !important;
}
.about-jk-section .about-list div i{
  color:#e31822 !important;
}


/* Pan-India service network */
.all-india-network{background:#fffdf4;padding-top:80px;padding-bottom:85px}
.network-layout{display:grid;grid-template-columns:minmax(280px,.95fr) minmax(0,1.7fr);gap:44px;align-items:center;margin-top:35px}
.network-map-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:430px;padding:26px;border-radius:24px;background:#fff;border:1px solid #e8e8e8;box-shadow:0 12px 35px rgba(15,34,60,.08)}
.network-map-card img{display:block;width:min(100%,360px);height:auto;max-height:430px;object-fit:contain;mix-blend-mode:multiply;border-radius:12px}
.network-map-caption{margin-top:14px;color:#003b73;font-size:13px;font-weight:700;display:flex;align-items:center;gap:7px}
.network-map-caption i{color:#e31b23}
.network-cities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 14px}
.network-cities a{display:flex;align-items:center;justify-content:center;min-height:34px;padding:8px 12px;background:#e31b23;color:#fff;border-radius:5px;text-decoration:none;font-size:12px;font-weight:700;line-height:1.25;text-align:center;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.network-cities a:hover{background:#c9151d;transform:translateY(-2px);box-shadow:0 7px 15px rgba(227,27,35,.18)}
@media (max-width:900px){.network-layout{grid-template-columns:1fr}.network-map-card{min-height:auto}.network-cities{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.network-cities{grid-template-columns:1fr}.all-india-network{padding-top:60px;padding-bottom:60px}}