/* ============================================================
   Great India Packers And Movers — style.css
   Theme: Orange (#F97316) + Dark Navy (#0B1C3D)
   Font: Urbanist (headings) + Inter (body)
   ============================================================ */

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

/* ─── CSS VARIABLES ─────────────────────────────────────── */
:root {
  --orange:       #F97316;
  --orange-dark:  #D95F00;
  --orange-light: #FFF4ED;
  --navy:         #0B1C3D;
  --navy-mid:     #152B5E;
  --navy-light:   #1E3A6E;
  --white:        #FFFFFF;
  --off-white:    #F7F9FC;
  --gray-50:      #F4F6FB;
  --gray-100:     #E8ECF5;
  --gray-400:     #9CA3C0;
  --gray-600:     #5A6484;
  --text:         #1A1F36;
  --radius-sm:    6px;
  --radius:       12px;
  --radius-lg:    20px;
  --shadow-xs:    0 2px 8px rgba(11,28,61,.07);
  --shadow-sm:    0 4px 16px rgba(11,28,61,.10);
  --shadow-md:    0 8px 32px rgba(11,28,61,.14);
  --shadow-lg:    0 16px 56px rgba(11,28,61,.18);
  --shadow-orange:0 8px 28px rgba(249,115,22,.35);
  --transition:   .28s cubic-bezier(.4,0,.2,1);
  --font-head:    'Urbanist', sans-serif;
  --font-body:    'Inter', sans-serif;
  --container:    1240px;
  --section-py:   96px;
}

/* ─── RESET ──────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%}
body{font-family:var(--font-body);color:var(--text);background:var(--white);line-height:1.7;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit;transition:color var(--transition)}
ul{list-style:none}
h1,h2,h3,h4,h5{font-family:var(--font-head);line-height:1.2;font-weight:700}
button{cursor:pointer;font-family:inherit;border:none;background:none}

/* ─── CONTAINER ──────────────────────────────────────────── */
.container{max-width:var(--container);margin:0 auto;padding:0 24px}

/* ─── UTILITIES ──────────────────────────────────────────── */
.text-orange{color:var(--orange)}
.text-navy{color:var(--navy)}
.text-white{color:var(--white)}
.text-center{text-align:center}
.fw-800{font-weight:800}
.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}
.mt-24{margin-top:24px}.mt-32{margin-top:32px}.mt-40{margin-top:40px}
.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}

/* ─── SECTION COMMONS ────────────────────────────────────── */
.section{padding:var(--section-py) 0}
.section--gray{background:var(--gray-50)}
.section--navy{background:var(--navy)}
.section--navy-mid{background:var(--navy-mid)}

.section-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--font-head);font-size:.75rem;font-weight:700;
  letter-spacing:2px;text-transform:uppercase;
  color:var(--orange);margin-bottom:14px;
}
.section-eyebrow::before{
  content:'';display:block;width:28px;height:3px;
  background:var(--orange);border-radius:2px;flex-shrink:0;
}
.section-title{
  font-size:clamp(1.75rem,3vw,2.6rem);font-weight:800;
  color:var(--navy);line-height:1.15;margin-bottom:16px;
}
.section-title--white{color:var(--white)}
.section-title span{color:var(--orange)}
.section-desc{font-size:1rem;color:var(--gray-600);max-width:580px;line-height:1.75}
.section-desc--center{margin:0 auto;text-align:center}

/* ─── BUTTONS ────────────────────────────────────────────── */
.btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:13px 28px;border-radius:var(--radius-sm);
  font-family:var(--font-head);font-weight:700;font-size:.95rem;
  letter-spacing:.2px;transition:all var(--transition);white-space:nowrap;
}
.btn-orange{background:var(--orange);color:var(--white)}
.btn-orange:hover{background:var(--orange-dark);transform:translateY(-2px);box-shadow:var(--shadow-orange)}
.btn-navy{background:var(--navy);color:var(--white)}
.btn-navy:hover{background:var(--navy-mid);transform:translateY(-2px);box-shadow:var(--shadow-md)}
.btn-outline-white{background:transparent;color:var(--white);border:2px solid rgba(255,255,255,.5)}
.btn-outline-white:hover{background:var(--white);color:var(--navy);border-color:var(--white)}
.btn-outline-orange{background:transparent;color:var(--orange);border:2px solid var(--orange)}
.btn-outline-orange:hover{background:var(--orange);color:var(--white)}
.btn-lg{padding:15px 36px;font-size:1rem}
.btn-sm{padding:9px 20px;font-size:.85rem}
.btn-icon{width:44px;height:44px;padding:0;justify-content:center;border-radius:50%}

/* ─── TOP BAR ────────────────────────────────────────────── */
.top-bar{
  background:var(--navy);color:rgba(255,255,255,.75);
  font-size:.8rem;padding:8px 0;
}
.top-bar__inner{
  display:flex;justify-content:space-between;align-items:center;
  flex-wrap:wrap;gap:8px;
}
.top-bar__left,.top-bar__right{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.top-bar a{color:rgba(255,255,255,.75)}
.top-bar a:hover{color:var(--orange)}
.top-bar__item{display:flex;align-items:center;gap:6px}
.top-bar__icon{color:var(--orange);font-size:.9rem}
.top-bar__social{display:flex;gap:10px}
.top-bar__social a{
  width:24px;height:24px;border-radius:4px;
  background:rgba(255,255,255,.08);display:flex;
  align-items:center;justify-content:center;font-size:.75rem;
  transition:background var(--transition);
}
.top-bar__social a:hover{background:var(--orange)}

/* ─── HEADER ─────────────────────────────────────────────── */
.site-header{
  position:sticky;top:0;z-index:1000;
  background:var(--white);
  box-shadow:0 2px 12px rgba(11,28,61,.08);
  transition:box-shadow var(--transition);
}
.site-header.scrolled{box-shadow:0 4px 24px rgba(11,28,61,.15)}
.header__inner{
  display:flex;align-items:center;
  justify-content:space-between;padding:0;height:72px;gap:20px;
}

/* Logo */
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0}
.logo__icon{
  width:44px;height:44px;border-radius:10px;
  background:var(--orange);display:flex;align-items:center;
  justify-content:center;color:var(--white);
  font-family:var(--font-head);font-weight:900;font-size:1.1rem;
  flex-shrink:0;
}
.logo__text{line-height:1.1}
.logo__name{font-family:var(--font-head);font-weight:800;font-size:.98rem;color:var(--navy);display:block}
.logo__sub{font-size:.65rem;font-weight:600;color:var(--orange);letter-spacing:1.8px;text-transform:uppercase;display:block}

/* Nav */
.main-nav{display:flex;align-items:center;gap:2px}
.main-nav>li{position:relative}
.main-nav>li>a{
  display:block;padding:24px 13px;
  font-family:var(--font-head);font-size:.875rem;font-weight:600;
  color:var(--text);transition:color var(--transition);white-space:nowrap;
  position:relative;
}
.main-nav>li>a::after{
  content:'';position:absolute;bottom:0;left:13px;right:13px;
  height:3px;background:var(--orange);border-radius:3px 3px 0 0;
  transform:scaleX(0);transition:transform var(--transition);
}
.main-nav>li>a:hover,.main-nav>li>a.active{color:var(--orange)}
.main-nav>li>a:hover::after,.main-nav>li>a.active::after{transform:scaleX(1)}

/* Dropdown */
.has-drop{position:relative}
.drop-arrow{font-size:.6rem;margin-left:3px;transition:transform var(--transition)}
.has-drop:hover .drop-arrow{transform:rotate(180deg)}
.dropdown{
  position:absolute;top:calc(100% + 2px);left:0;
  background:var(--white);min-width:230px;
  box-shadow:var(--shadow-md);border-radius:var(--radius);
  border-top:3px solid var(--orange);
  opacity:0;visibility:hidden;transform:translateY(8px);
  transition:all var(--transition);z-index:200;
}
.has-drop:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.dropdown li a{
  display:flex;align-items:center;gap:8px;
  padding:11px 18px;font-size:.86rem;
  color:var(--gray-600);font-weight:500;
  border-bottom:1px solid var(--gray-100);
  transition:all var(--transition);
}
.dropdown li:last-child a{border-bottom:none}
.dropdown li a:hover{color:var(--orange);background:var(--orange-light);padding-left:24px}
.dropdown li a .d-icon{font-size:.9rem;color:var(--orange);flex-shrink:0}

.header__cta{display:flex;align-items:center;gap:10px;flex-shrink:0}
.header__phone{
  display:flex;align-items:center;gap:8px;
  font-family:var(--font-head);font-weight:700;
  font-size:.88rem;color:var(--navy);
}
.header__phone .ph-icon{
  width:34px;height:34px;background:var(--orange-light);
  border-radius:8px;display:flex;align-items:center;
  justify-content:center;font-size:1rem;flex-shrink:0;
}

/* Hamburger */
.hamburger{
  display:none;flex-direction:column;gap:5px;
  padding:4px;background:none;border:none;
}
.hamburger span{
  display:block;width:24px;height:2.5px;
  background:var(--navy);border-radius:2px;
  transition:all var(--transition);
}
.hamburger.open span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}

/* Mobile Nav */
.mobile-nav{
  display:none;position:fixed;inset:0;
  background:var(--navy);z-index:9999;
  flex-direction:column;padding:24px;
  overflow-y:auto;
}
.mobile-nav.open{display:flex}
.mobile-nav__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}
.mobile-nav__close{color:var(--white);font-size:1.6rem;background:none;border:none;cursor:pointer}
.mobile-nav ul{display:flex;flex-direction:column;gap:2px}
.mobile-nav ul li a{
  display:block;padding:12px 16px;color:rgba(255,255,255,.8);
  font-family:var(--font-head);font-weight:600;font-size:1rem;
  border-radius:8px;transition:all var(--transition);
}
.mobile-nav ul li a:hover{background:rgba(255,255,255,.08);color:var(--white)}
.mobile-nav__actions{margin-top:28px;display:flex;flex-direction:column;gap:10px}

/* ─── HERO ───────────────────────────────────────────────── */
.hero{
  position:relative;overflow:hidden;
  background:var(--navy);
  min-height:calc(100vh - 106px);
  display:flex;align-items:center;
}
.hero__bg{
  position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse 60% 80% at 70% 50%, rgba(249,115,22,.18) 0%, transparent 70%),
    radial-gradient(ellipse 40% 60% at 10% 80%, rgba(21,43,94,.8) 0%, transparent 60%);
}
/* Diagonal orange accent bar */
.hero__accent-bar{
  position:absolute;right:0;top:0;bottom:0;
  width:42%;
  background:linear-gradient(135deg, transparent 0%, rgba(249,115,22,.08) 100%);
  clip-path:polygon(12% 0,100% 0,100% 100%,0% 100%);
  pointer-events:none;
}
/* Grid dots pattern */
.hero__dots{
  position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle, rgba(255,255,255,.06) 1px, transparent 1px);
  background-size:32px 32px;
}
.hero__inner{
  position:relative;z-index:2;width:100%;
  display:grid;grid-template-columns:1fr 420px;
  gap:48px;align-items:center;
  padding:80px 0;
}
/* Badge pill */
.hero__badge{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(249,115,22,.15);border:1px solid rgba(249,115,22,.35);
  color:var(--orange);font-size:.75rem;font-weight:700;
  letter-spacing:1.8px;text-transform:uppercase;
  padding:6px 14px;border-radius:50px;margin-bottom:20px;
}
.hero__badge::before{content:'★';font-size:.8rem}
.hero__heading{
  font-size:clamp(2rem,4.5vw,3.4rem);font-weight:900;
  color:var(--white);line-height:1.1;margin-bottom:20px;
}
.hero__heading span{
  color:var(--orange);
  display:inline-block;
  position:relative;
}
.hero__heading span::after{
  content:'';position:absolute;bottom:-4px;left:0;right:0;
  height:3px;background:var(--orange);border-radius:2px;
}
.hero__sub{
  font-size:1.05rem;color:rgba(255,255,255,.75);
  margin-bottom:32px;max-width:520px;line-height:1.75;
}
.hero__actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:48px}

/* Trust badges in hero */
.hero__trust{display:flex;gap:24px;flex-wrap:wrap}
.hero__trust-item{
  display:flex;align-items:center;gap:10px;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);
  border-radius:10px;padding:10px 16px;
}
.hero__trust-item .t-icon{font-size:1.3rem}
.hero__trust-item p{font-size:.78rem;color:rgba(255,255,255,.65);line-height:1.3}
.hero__trust-item strong{display:block;font-family:var(--font-head);font-size:.85rem;font-weight:700;color:var(--white)}

/* ── Hero Form Card ────────────────────────────────────────── */
.hero__form-card{
  background:var(--white);border-radius:var(--radius-lg);
  padding:32px 28px;box-shadow:0 24px 80px rgba(0,0,0,.3);
  position:relative;
}
.hero__form-card::before{
  content:'';position:absolute;top:0;left:28px;right:28px;height:4px;
  background:linear-gradient(90deg,var(--orange),#ff9a4d);
  border-radius:0 0 4px 4px;
}
.hero__form-title{
  font-family:var(--font-head);font-size:1.15rem;font-weight:800;
  color:var(--navy);text-align:center;margin-bottom:4px;
}
.hero__form-sub{font-size:.8rem;color:var(--gray-400);text-align:center;margin-bottom:22px}

/* Form elements */
.form-group{margin-bottom:13px}
.form-label{display:block;font-size:.78rem;font-weight:600;color:var(--gray-600);margin-bottom:5px}
.form-control{
  width:100%;padding:11px 14px;
  border:1.5px solid var(--gray-100);border-radius:8px;
  font-family:var(--font-body);font-size:.875rem;color:var(--text);
  background:var(--gray-50);outline:none;
  transition:border-color var(--transition),background var(--transition);
}
.form-control:focus{border-color:var(--orange);background:var(--white)}
.form-control::placeholder{color:var(--gray-400)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form-submit{
  width:100%;justify-content:center;padding:14px;
  font-size:1rem;border-radius:8px;margin-top:4px;
  position:relative;overflow:hidden;
}
.form-submit::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%);
  transform:translateX(-100%);transition:transform .6s ease;
}
.form-submit:hover::after{transform:translateX(100%)}
.form-note{font-size:.72rem;color:var(--gray-400);text-align:center;margin-top:10px}
.form-note a{color:var(--orange)}

/* ─── TRUST STRIP ────────────────────────────────────────── */
.trust-strip{
  background:var(--white);
  border-bottom:1px solid var(--gray-100);
  padding:22px 0;
}
.trust-strip__inner{
  display:flex;justify-content:space-around;
  align-items:center;flex-wrap:wrap;gap:20px;
}
.trust-item{
  display:flex;align-items:center;gap:10px;
  font-family:var(--font-head);font-size:.85rem;
  font-weight:700;color:var(--navy);
}
.trust-item__icon{
  width:38px;height:38px;background:var(--orange-light);
  border-radius:8px;display:flex;align-items:center;
  justify-content:center;font-size:1.1rem;flex-shrink:0;
}

/* ─── ABOUT / EXPERIENCE SECTION ─────────────────────────── */
.about__grid{
  display:grid;grid-template-columns:1fr 1fr;
  gap:64px;align-items:center;
}
.about__img-wrap{position:relative}
.about__img-main{
  width:100%;border-radius:var(--radius-lg);
  overflow:hidden;position:relative;
}
.about__img-placeholder{
  width:100%;height:460px;
  background:linear-gradient(135deg,var(--navy) 0%,var(--navy-mid) 100%);
  display:flex;align-items:center;justify-content:center;
  font-size:6rem;border-radius:var(--radius-lg);
  position:relative;overflow:hidden;
}
.about__img-placeholder::after{
  content:'';position:absolute;inset:0;
  background:url("data:image/svg+xml,%3Csvg width='50' height='50' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h50L0 50z' fill='%23F97316' fill-opacity='.04'/%3E%3C/svg%3E");
}
/* Experience badge */
.about__exp-badge{
  position:absolute;bottom:-24px;right:-24px;
  background:var(--orange);color:var(--white);
  border-radius:var(--radius);padding:20px 24px;
  text-align:center;box-shadow:var(--shadow-orange);
  min-width:130px;
}
.about__exp-num{
  font-family:var(--font-head);font-size:2.4rem;
  font-weight:900;line-height:1;display:block;
}
.about__exp-label{font-size:.78rem;font-weight:600;opacity:.9;margin-top:4px;display:block}
/* Small stats cards */
.about__stats-row{
  display:grid;grid-template-columns:1fr 1fr;
  gap:16px;margin-top:32px;
}
.about__stat-card{
  background:var(--white);border:1.5px solid var(--gray-100);
  border-radius:var(--radius);padding:18px;
  display:flex;align-items:center;gap:14px;
  box-shadow:var(--shadow-xs);transition:all var(--transition);
}
.about__stat-card:hover{border-color:var(--orange);box-shadow:var(--shadow-sm)}
.about__stat-icon{
  width:46px;height:46px;border-radius:10px;
  background:var(--orange-light);display:flex;align-items:center;
  justify-content:center;font-size:1.3rem;flex-shrink:0;
}
.about__stat-num{font-family:var(--font-head);font-size:1.5rem;font-weight:800;color:var(--navy);line-height:1}
.about__stat-label{font-size:.78rem;color:var(--gray-600);margin-top:3px}
/* Checklist */
.about__checklist{display:flex;flex-direction:column;gap:12px;margin:24px 0}
.about__check{
  display:flex;align-items:flex-start;gap:12px;
  font-size:.9rem;color:var(--gray-600);line-height:1.5;
}
.about__check-icon{
  width:22px;height:22px;min-width:22px;border-radius:50%;
  background:var(--orange);color:var(--white);display:flex;
  align-items:center;justify-content:center;font-size:.65rem;
  margin-top:1px;font-weight:700;
}

/* ─── SERVICES SECTION ───────────────────────────────────── */
.services__grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}
.service-card{
  background:var(--white);border-radius:var(--radius-lg);
  border:1.5px solid var(--gray-100);
  padding:32px 26px;
  position:relative;overflow:hidden;
  transition:all var(--transition);
  cursor:default;
}
.service-card::after{
  content:'';position:absolute;
  bottom:0;left:0;right:0;height:4px;
  background:var(--orange);transform:scaleX(0);
  transition:transform var(--transition);transform-origin:left;
}
.service-card:hover{
  transform:translateY(-8px);
  box-shadow:var(--shadow-md);
  border-color:transparent;
}
.service-card:hover::after{transform:scaleX(1)}
.service-card__icon-wrap{
  width:68px;height:68px;border-radius:var(--radius);
  background:var(--orange-light);display:flex;
  align-items:center;justify-content:center;
  font-size:2rem;margin-bottom:20px;
  transition:all var(--transition);
}
.service-card:hover .service-card__icon-wrap{background:var(--orange)}
.service-card__title{
  font-family:var(--font-head);font-size:1.05rem;font-weight:700;
  color:var(--navy);margin-bottom:10px;
}
.service-card__desc{font-size:.875rem;color:var(--gray-600);line-height:1.7;margin-bottom:20px}
.service-card__link{
  display:inline-flex;align-items:center;gap:6px;
  font-family:var(--font-head);font-size:.85rem;font-weight:700;
  color:var(--orange);transition:gap var(--transition);
}
.service-card:hover .service-card__link{gap:10px}
/* Number watermark on card */
.service-card__num{
  position:absolute;top:16px;right:20px;
  font-family:var(--font-head);font-size:3rem;font-weight:900;
  color:var(--orange);opacity:.06;line-height:1;
  pointer-events:none;
}

/* ─── WHY CHOOSE US ──────────────────────────────────────── */
.why__grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.why__features{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.why__feat{
  background:var(--white);border:1.5px solid var(--gray-100);
  border-radius:var(--radius);padding:20px;
  display:flex;gap:14px;align-items:flex-start;
  transition:all var(--transition);
}
.why__feat:hover{border-color:var(--orange);box-shadow:var(--shadow-sm)}
.why__feat-icon{
  width:48px;height:48px;min-width:48px;border-radius:10px;
  background:var(--orange-light);display:flex;align-items:center;
  justify-content:center;font-size:1.4rem;
}
.why__feat-title{font-family:var(--font-head);font-size:.9rem;font-weight:700;color:var(--navy);margin-bottom:4px}
.why__feat-desc{font-size:.8rem;color:var(--gray-600);line-height:1.55}
.why__img-wrap{position:relative}
.why__img-placeholder{
  width:100%;height:520px;
  background:linear-gradient(135deg,var(--navy-mid),var(--navy));
  border-radius:var(--radius-lg);display:flex;
  align-items:center;justify-content:center;
  font-size:6rem;overflow:hidden;position:relative;
}
.why__img-placeholder::before{
  content:'';position:absolute;top:-40px;right:-40px;
  width:200px;height:200px;border-radius:50%;
  background:rgba(249,115,22,.12);
}
.why__img-placeholder::after{
  content:'';position:absolute;bottom:-60px;left:-60px;
  width:260px;height:260px;border-radius:50%;
  background:rgba(249,115,22,.08);
}
.why__badge{
  position:absolute;top:24px;left:-24px;
  background:var(--orange);color:var(--white);
  border-radius:var(--radius);padding:16px 20px;
  box-shadow:var(--shadow-orange);
  font-family:var(--font-head);text-align:center;
}
.why__badge-num{font-size:1.8rem;font-weight:900;line-height:1;display:block}
.why__badge-label{font-size:.72rem;font-weight:600;opacity:.9;margin-top:2px;display:block}
.why__badge-2{
  position:absolute;bottom:24px;right:-24px;
  background:var(--white);color:var(--navy);
  border-radius:var(--radius);padding:16px 20px;
  box-shadow:var(--shadow-md);font-family:var(--font-head);text-align:center;
}
.why__badge-2-num{font-size:1.8rem;font-weight:900;color:var(--orange);line-height:1;display:block}
.why__badge-2-label{font-size:.72rem;font-weight:600;color:var(--gray-600);margin-top:2px;display:block}

/* ─── GALLERY / WORK SECTION ─────────────────────────────── */
.gallery__grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  grid-template-rows:240px 240px;
  gap:16px;
}
.gallery__item{
  border-radius:var(--radius);overflow:hidden;
  position:relative;cursor:pointer;
}
.gallery__item:first-child{grid-row:span 2}
.gallery__placeholder{
  width:100%;height:100%;min-height:240px;
  display:flex;align-items:center;justify-content:center;
  font-size:3rem;transition:transform .5s ease;
  position:relative;
}
.gallery__item:hover .gallery__placeholder{transform:scale(1.05)}
.gallery__overlay{
  position:absolute;inset:0;
  background:linear-gradient(to top, rgba(11,28,61,.88) 0%, transparent 55%);
  display:flex;align-items:flex-end;padding:18px;
  opacity:0;transition:opacity var(--transition);
}
.gallery__item:hover .gallery__overlay{opacity:1}
.gallery__label{
  color:var(--white);font-family:var(--font-head);
  font-size:.88rem;font-weight:700;
}
.gallery__label span{
  display:block;font-size:.75rem;font-weight:500;
  color:var(--orange);margin-bottom:2px;
}
.gallery__more-btn{
  position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);
  background:var(--orange);color:var(--white);
  border-radius:var(--radius-sm);padding:10px 20px;
  font-family:var(--font-head);font-weight:700;font-size:.85rem;
  opacity:0;transition:opacity var(--transition);
}
.gallery__item:hover .gallery__more-btn{opacity:1}

/* ─── CTA + QUOTE FORM SECTION ───────────────────────────── */
.cta-quote{
  background:var(--navy);
  position:relative;overflow:hidden;
}
.cta-quote::before{
  content:'';position:absolute;right:0;top:0;bottom:0;
  width:50%;background:linear-gradient(90deg,transparent,rgba(249,115,22,.1));
  clip-path:polygon(20% 0,100% 0,100% 100%,0% 100%);
}
.cta-quote::after{
  content:'';position:absolute;
  left:-100px;bottom:-100px;
  width:400px;height:400px;border-radius:50%;
  background:rgba(249,115,22,.05);pointer-events:none;
}
.cta-quote__grid{
  display:grid;grid-template-columns:1fr 460px;
  gap:64px;align-items:center;
  position:relative;z-index:2;
}
.cta-quote__title{
  font-family:var(--font-head);
  font-size:clamp(1.6rem,3vw,2.4rem);
  font-weight:900;color:var(--white);margin-bottom:16px;line-height:1.15;
}
.cta-quote__title span{color:var(--orange)}
.cta-quote__desc{color:rgba(255,255,255,.7);font-size:1rem;margin-bottom:32px;line-height:1.7}
.cta-quote__contact{display:flex;flex-direction:column;gap:16px}
.cta-quote__contact-item{
  display:flex;align-items:center;gap:14px;
  color:rgba(255,255,255,.8);font-size:.9rem;
}
.cta-quote__contact-icon{
  width:44px;height:44px;border-radius:10px;
  background:rgba(249,115,22,.2);border:1px solid rgba(249,115,22,.3);
  display:flex;align-items:center;justify-content:center;
  font-size:1.1rem;flex-shrink:0;
}
.cta-quote__contact-item strong{display:block;font-weight:700;color:var(--white);font-family:var(--font-head)}
.cta-quote__contact-item a{color:rgba(255,255,255,.8);transition:color var(--transition)}
.cta-quote__contact-item a:hover{color:var(--orange)}

/* Quote Form */
.quote-form-card{
  background:var(--white);border-radius:var(--radius-lg);
  padding:36px 30px;box-shadow:var(--shadow-lg);
}
.quote-form-card__header{
  display:flex;align-items:center;gap:12px;
  padding-bottom:20px;margin-bottom:22px;
  border-bottom:1px solid var(--gray-100);
}
.quote-form-card__icon{
  width:46px;height:46px;background:var(--orange);
  border-radius:10px;display:flex;align-items:center;
  justify-content:center;color:var(--white);font-size:1.3rem;
}
.quote-form-card__title{font-family:var(--font-head);font-size:1.1rem;font-weight:800;color:var(--navy)}
.quote-form-card__sub{font-size:.78rem;color:var(--gray-400);margin-top:1px}

/* ─── PROCESS SECTION ────────────────────────────────────── */
.process__steps{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:0;position:relative;
}
.process__steps::before{
  content:'';position:absolute;
  top:48px;left:calc(12.5% + 36px);right:calc(12.5% + 36px);
  height:2px;
  background:repeating-linear-gradient(90deg,var(--orange) 0px,var(--orange) 10px,transparent 10px,transparent 20px);
  z-index:0;
}
.process__step{
  text-align:center;padding:0 16px;
  position:relative;z-index:1;
}
.process__num-wrap{
  width:96px;height:96px;border-radius:50%;
  background:var(--white);border:3px solid var(--orange);
  display:flex;align-items:center;justify-content:center;
  margin:0 auto 24px;position:relative;
  box-shadow:0 0 0 8px rgba(249,115,22,.1);
  transition:all var(--transition);
}
.process__step:hover .process__num-wrap{
  background:var(--orange);
}
.process__num-icon{font-size:2rem;line-height:1}
.process__num-badge{
  position:absolute;top:-8px;right:-8px;
  width:26px;height:26px;border-radius:50%;
  background:var(--orange);color:var(--white);
  font-family:var(--font-head);font-size:.72rem;font-weight:800;
  display:flex;align-items:center;justify-content:center;
  box-shadow:var(--shadow-orange);
}
.process__step-title{
  font-family:var(--font-head);font-size:.98rem;
  font-weight:700;color:var(--navy);margin-bottom:10px;
}
.process__step-desc{font-size:.83rem;color:var(--gray-600);line-height:1.65}

/* ─── TESTIMONIALS ───────────────────────────────────────── */
.reviews__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.review-card{
  background:var(--white);border:1.5px solid var(--gray-100);
  border-radius:var(--radius-lg);padding:28px;
  position:relative;overflow:hidden;
  transition:all var(--transition);
}
.review-card::before{
  content:'"';position:absolute;
  top:10px;right:18px;
  font-family:Georgia,serif;font-size:6rem;line-height:1;
  color:var(--orange);opacity:.08;pointer-events:none;
}
.review-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:rgba(249,115,22,.2)}
.review-card__stars{
  color:var(--orange);font-size:1rem;
  letter-spacing:3px;margin-bottom:16px;
}
.review-card__text{
  font-size:.9rem;color:var(--gray-600);
  line-height:1.75;margin-bottom:22px;
}
.review-card__author{display:flex;align-items:center;gap:12px}
.review-card__avatar{
  width:48px;height:48px;border-radius:50%;
  background:linear-gradient(135deg,var(--orange),#ff9a4d);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--font-head);font-weight:800;
  color:var(--white);font-size:1.1rem;flex-shrink:0;
}
.review-card__name{font-family:var(--font-head);font-size:.9rem;font-weight:700;color:var(--navy)}
.review-card__route{font-size:.78rem;color:var(--gray-400);margin-top:2px}
.review-card__verified{
  margin-left:auto;display:flex;align-items:center;gap:4px;
  font-size:.72rem;color:var(--orange);font-weight:600;
}

/* ─── STATS / ACHIEVEMENTS ───────────────────────────────── */
.stats__grid{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:0;
}
.stat-box{
  text-align:center;padding:40px 24px;
  position:relative;
}
.stat-box::after{
  content:'';position:absolute;right:0;top:20%;bottom:20%;
  width:1px;background:rgba(255,255,255,.1);
}
.stat-box:last-child::after{display:none}
.stat-box__num{
  font-family:var(--font-head);
  font-size:clamp(2.4rem,4vw,3.4rem);
  font-weight:900;color:var(--white);line-height:1;
  margin-bottom:8px;
}
.stat-box__num span{color:var(--orange)}
.stat-box__label{font-size:.875rem;color:rgba(255,255,255,.65);font-weight:500}
.stat-box__icon{font-size:1.8rem;margin-bottom:16px;display:block}

/* ─── VIDEO SECTION ──────────────────────────────────────── */
.video-section{
  position:relative;overflow:hidden;
  background:var(--navy);padding:100px 0;text-align:center;
}
.video-section__bg{
  position:absolute;inset:0;
  background:linear-gradient(135deg,var(--navy-mid) 0%,var(--navy) 100%);
}
.video-section::before{
  content:'';position:absolute;inset:0;
  background-image:radial-gradient(circle,rgba(249,115,22,.06) 1px,transparent 1px);
  background-size:40px 40px;pointer-events:none;
}
.video-play-btn{
  width:86px;height:86px;border-radius:50%;
  background:var(--orange);display:flex;align-items:center;
  justify-content:center;margin:0 auto 28px;
  font-size:2rem;color:var(--white);
  position:relative;z-index:2;
  box-shadow:var(--shadow-orange);
  animation:pulse-ring 2.5s ease infinite;
  transition:transform var(--transition);cursor:pointer;
}
.video-play-btn:hover{transform:scale(1.1)}
@keyframes pulse-ring{
  0%{box-shadow:0 0 0 0 rgba(249,115,22,.5)}
  70%{box-shadow:0 0 0 24px rgba(249,115,22,0)}
  100%{box-shadow:0 0 0 0 rgba(249,115,22,0)}
}

/* ─── TEAM SECTION ───────────────────────────────────────── */
.team__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.team-card{
  background:var(--white);border:1.5px solid var(--gray-100);
  border-radius:var(--radius-lg);overflow:hidden;
  transition:all var(--transition);text-align:center;
}
.team-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:transparent}
.team-card__photo{
  height:180px;
  display:flex;align-items:center;justify-content:center;
  font-size:4rem;position:relative;overflow:hidden;
}
.team-card__photo::after{
  content:'';position:absolute;bottom:0;left:0;right:0;
  height:50%;background:linear-gradient(to top,rgba(11,28,61,.4),transparent);
}
.team-card__body{padding:20px 16px}
.team-card__name{font-family:var(--font-head);font-size:.95rem;font-weight:700;color:var(--navy);margin-bottom:4px}
.team-card__role{font-size:.78rem;color:var(--orange);font-weight:600;margin-bottom:12px}
.team-card__social{display:flex;justify-content:center;gap:8px}
.team-card__social a{
  width:30px;height:30px;border-radius:6px;
  background:var(--gray-50);display:flex;align-items:center;
  justify-content:center;font-size:.78rem;color:var(--gray-600);
  transition:all var(--transition);
}
.team-card__social a:hover{background:var(--orange);color:var(--white)}

/* ─── FAQ ────────────────────────────────────────────────── */
.faq__grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.faq__list{display:flex;flex-direction:column;gap:12px}
.faq-item{
  background:var(--white);border:1.5px solid var(--gray-100);
  border-radius:var(--radius);overflow:hidden;
  transition:border-color var(--transition);
}
.faq-item.open{border-color:var(--orange)}
.faq-item__q{
  display:flex;justify-content:space-between;align-items:center;
  padding:18px 22px;cursor:pointer;gap:16px;
  font-family:var(--font-head);font-weight:700;
  font-size:.93rem;color:var(--navy);
}
.faq-item__icon{
  width:28px;height:28px;min-width:28px;border-radius:6px;
  background:var(--orange-light);color:var(--orange);
  display:flex;align-items:center;justify-content:center;
  font-size:1.1rem;font-weight:700;
  transition:all var(--transition);flex-shrink:0;
}
.faq-item.open .faq-item__icon{background:var(--orange);color:var(--white);transform:rotate(45deg)}
.faq-item__a{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .3s ease}
.faq-item.open .faq-item__a{max-height:400px}
.faq-item__a p{padding:0 22px 18px;font-size:.88rem;color:var(--gray-600);line-height:1.75}
/* FAQ Image side */
.faq__img-side{position:relative}
.faq__img-placeholder{
  width:100%;height:480px;border-radius:var(--radius-lg);
  background:linear-gradient(135deg,var(--navy),var(--navy-mid));
  display:flex;align-items:center;justify-content:center;font-size:6rem;
  overflow:hidden;
}
.faq__cta-card{
  position:absolute;bottom:-20px;left:20px;right:20px;
  background:var(--orange);border-radius:var(--radius);
  padding:20px 24px;display:flex;align-items:center;gap:16px;
  box-shadow:var(--shadow-orange);
}
.faq__cta-icon{font-size:2rem;flex-shrink:0}
.faq__cta-label{font-family:var(--font-head);font-size:.78rem;font-weight:600;color:rgba(255,255,255,.8)}
.faq__cta-num{font-family:var(--font-head);font-size:1.2rem;font-weight:800;color:var(--white)}

/* ─── APP CTA SECTION ────────────────────────────────────── */
.app-cta{
  background:linear-gradient(135deg,var(--navy) 0%,var(--navy-mid) 60%,#1a3a6e 100%);
  padding:80px 0;position:relative;overflow:hidden;
}
.app-cta::before{
  content:'';position:absolute;right:-80px;top:-80px;
  width:400px;height:400px;border-radius:50%;
  background:rgba(249,115,22,.08);pointer-events:none;
}
.app-cta__grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.app-cta__title{font-family:var(--font-head);font-size:clamp(1.6rem,2.8vw,2.2rem);font-weight:900;color:var(--white);margin-bottom:12px}
.app-cta__title span{color:var(--orange)}
.app-cta__desc{color:rgba(255,255,255,.7);font-size:.95rem;line-height:1.7;margin-bottom:28px}
.app-cta__badges{display:flex;gap:14px;flex-wrap:wrap}
.app-badge{
  display:flex;align-items:center;gap:10px;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);
  border-radius:10px;padding:10px 18px;color:var(--white);
  font-family:var(--font-head);transition:all var(--transition);
}
.app-badge:hover{background:var(--orange);border-color:var(--orange)}
.app-badge .ab-icon{font-size:1.6rem}
.app-badge .ab-text span{display:block;font-size:.68rem;opacity:.7}
.app-badge .ab-text strong{font-size:.92rem}
.app-cta__contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.app-cta__contact-card{
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);
  border-radius:var(--radius);padding:20px;
  display:flex;gap:12px;align-items:flex-start;
  transition:all var(--transition);
}
.app-cta__contact-card:hover{background:rgba(249,115,22,.12);border-color:rgba(249,115,22,.3)}
.app-cta__contact-icon{font-size:1.5rem;flex-shrink:0}
.app-cta__contact-card strong{display:block;font-family:var(--font-head);font-size:.82rem;font-weight:700;color:var(--white);margin-bottom:3px}
.app-cta__contact-card a,.app-cta__contact-card p{font-size:.88rem;color:rgba(255,255,255,.7)}
.app-cta__contact-card a:hover{color:var(--orange)}

/* ─── BLOG ───────────────────────────────────────────────── */
.blog__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.blog-card{
  background:var(--white);border:1.5px solid var(--gray-100);
  border-radius:var(--radius-lg);overflow:hidden;
  transition:all var(--transition);
}
.blog-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:transparent}
.blog-card__img{
  height:190px;display:flex;align-items:center;
  justify-content:center;font-size:3.5rem;
  position:relative;overflow:hidden;
}
.blog-card__img-overlay{
  position:absolute;inset:0;
  background:linear-gradient(to top,rgba(11,28,61,.5) 0%,transparent 60%);
}
.blog-card__tag{
  position:absolute;top:12px;left:12px;
  background:var(--orange);color:var(--white);
  font-size:.7rem;font-weight:700;
  letter-spacing:1px;text-transform:uppercase;
  padding:4px 10px;border-radius:50px;
}
.blog-card__body{padding:22px}
.blog-card__meta{
  display:flex;align-items:center;gap:10px;
  font-size:.75rem;color:var(--gray-400);margin-bottom:10px;
}
.blog-card__meta span{display:flex;align-items:center;gap:4px}
.blog-card__title{
  font-family:var(--font-head);font-size:1rem;font-weight:700;
  color:var(--navy);margin-bottom:10px;line-height:1.35;
}
.blog-card__title a:hover{color:var(--orange)}
.blog-card__excerpt{font-size:.84rem;color:var(--gray-600);line-height:1.65;margin-bottom:16px}
.blog-card__read{
  display:inline-flex;align-items:center;gap:6px;
  font-family:var(--font-head);font-size:.84rem;font-weight:700;
  color:var(--orange);transition:gap var(--transition);
}
.blog-card:hover .blog-card__read{gap:10px}

/* ─── NEWSLETTER STRIP ───────────────────────────────────── */
.newsletter{
  background:linear-gradient(90deg,var(--orange) 0%,var(--orange-dark) 100%);
  padding:50px 0;
}
.newsletter__inner{
  display:flex;justify-content:space-between;
  align-items:center;gap:32px;flex-wrap:wrap;
}
.newsletter__text h3{
  font-family:var(--font-head);font-size:1.4rem;font-weight:800;
  color:var(--white);margin-bottom:4px;
}
.newsletter__text p{font-size:.9rem;color:rgba(255,255,255,.8)}
.newsletter__form{display:flex;gap:0;max-width:420px;width:100%;flex:1}
.newsletter__input{
  flex:1;padding:13px 18px;border:none;outline:none;
  border-radius:8px 0 0 8px;font-family:var(--font-body);
  font-size:.9rem;color:var(--text);
}
.newsletter__btn{
  padding:13px 22px;background:var(--navy);color:var(--white);
  border:none;cursor:pointer;border-radius:0 8px 8px 0;
  font-family:var(--font-head);font-weight:700;font-size:.88rem;
  transition:background var(--transition);
}
.newsletter__btn:hover{background:#0a1528}

/* ─── FOOTER ─────────────────────────────────────────────── */
.site-footer{background:#080F20}
.footer__top{padding:72px 0 48px}
.footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:48px}
.footer__brand p{font-size:.875rem;color:rgba(255,255,255,.55);line-height:1.75;margin:16px 0 22px}
.footer__social{display:flex;gap:8px}
.footer__social-btn{
  width:36px;height:36px;border-radius:8px;
  background:rgba(255,255,255,.07);display:flex;
  align-items:center;justify-content:center;
  font-size:.85rem;color:rgba(255,255,255,.6);
  transition:all var(--transition);
}
.footer__social-btn:hover{background:var(--orange);color:var(--white)}
.footer__col-title{
  font-family:var(--font-head);font-size:.9rem;font-weight:700;
  color:var(--white);margin-bottom:20px;
  padding-bottom:12px;position:relative;
}
.footer__col-title::after{
  content:'';position:absolute;bottom:0;left:0;
  width:32px;height:2px;background:var(--orange);border-radius:1px;
}
.footer__links{display:flex;flex-direction:column;gap:10px}
.footer__links li a{
  font-size:.85rem;color:rgba(255,255,255,.55);
  display:flex;align-items:center;gap:8px;
  transition:all var(--transition);
}
.footer__links li a::before{
  content:'›';color:var(--orange);font-size:1rem;line-height:1;
}
.footer__links li a:hover{color:var(--white);padding-left:4px}
.footer__contact-list{display:flex;flex-direction:column;gap:14px}
.footer__contact-item{display:flex;gap:12px;align-items:flex-start}
.footer__contact-icon{
  width:34px;height:34px;min-width:34px;border-radius:8px;
  background:rgba(249,115,22,.15);display:flex;
  align-items:center;justify-content:center;
  font-size:.9rem;margin-top:1px;
}
.footer__contact-item p,.footer__contact-item a{
  font-size:.84rem;color:rgba(255,255,255,.6);line-height:1.5;
}
.footer__contact-item a:hover{color:var(--orange)}
.footer__divider{border:none;border-top:1px solid rgba(255,255,255,.06)}
.footer__bottom{
  padding:18px 0;display:flex;justify-content:space-between;
  align-items:center;flex-wrap:wrap;gap:12px;
}
.footer__copyright{font-size:.8rem;color:rgba(255,255,255,.4)}
.footer__bottom-links{display:flex;gap:20px}
.footer__bottom-links a{font-size:.8rem;color:rgba(255,255,255,.4);transition:color var(--transition)}
.footer__bottom-links a:hover{color:var(--white)}

/* ─── FLOATING BUTTONS ───────────────────────────────────── */
.float-btn{
  position:fixed;z-index:999;
  width:54px;height:54px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:1.5rem;text-decoration:none;
  transition:transform var(--transition),box-shadow var(--transition);
}
.float-btn:hover{transform:scale(1.12)}
.float-call{
  right:24px;bottom:88px;
  background:var(--orange);color:var(--white);
  box-shadow:0 4px 20px rgba(249,115,22,.5);
  animation:float-pulse 2.5s ease infinite;
}
.float-wa{
  right:24px;bottom:24px;
  background:#25D366;color:var(--white);
  box-shadow:0 4px 20px rgba(37,211,102,.4);
}
@keyframes float-pulse{
  0%{box-shadow:0 0 0 0 rgba(249,115,22,.6)}
  70%{box-shadow:0 0 0 16px rgba(249,115,22,0)}
  100%{box-shadow:0 0 0 0 rgba(249,115,22,0)}
}

/* ─── SCROLL TO TOP ──────────────────────────────────────── */
.scroll-top{
  position:fixed;right:90px;bottom:24px;z-index:998;
  width:40px;height:40px;border-radius:10px;
  background:var(--navy);color:var(--white);
  display:none;align-items:center;justify-content:center;
  font-size:1rem;cursor:pointer;border:none;
  box-shadow:var(--shadow-sm);transition:all var(--transition);
}
.scroll-top.show{display:flex}
.scroll-top:hover{background:var(--orange)}

/* ─── PAGE HERO (inner pages) ────────────────────────────── */
.page-hero{
  background:linear-gradient(135deg,var(--navy) 0%,var(--navy-mid) 100%);
  padding:64px 0;position:relative;overflow:hidden;
}
.page-hero::after{
  content:'';position:absolute;right:0;top:0;bottom:0;width:35%;
  background:radial-gradient(ellipse at right,rgba(249,115,22,.15) 0%,transparent 70%);
}
.page-hero .container{position:relative;z-index:2}
.breadcrumb{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  font-size:.8rem;color:rgba(255,255,255,.55);margin-bottom:16px;
}
.breadcrumb a{color:rgba(255,255,255,.55)}
.breadcrumb a:hover{color:var(--orange)}
.breadcrumb .sep{color:rgba(255,255,255,.25)}
.breadcrumb .current{color:var(--orange)}
.page-hero h1{
  font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:900;
  color:var(--white);margin-bottom:12px;
}
.page-hero p{color:rgba(255,255,255,.7);font-size:1rem;max-width:580px}

/* ─── RESPONSIVE ─────────────────────────────────────────── */
@media(max-width:1100px){
  .footer__grid{grid-template-columns:1fr 1fr}
  .services__grid{grid-template-columns:repeat(2,1fr)}
  .team__grid{grid-template-columns:repeat(2,1fr)}
  .stats__grid{grid-template-columns:repeat(2,1fr)}
  .stat-box:nth-child(2)::after,.stat-box:nth-child(4)::after{display:none}
  .about__grid,.why__grid,.faq__grid{grid-template-columns:1fr}
  .why__img-wrap{display:none}
  .cta-quote__grid{grid-template-columns:1fr}
  .app-cta__grid{grid-template-columns:1fr}
  .process__steps{grid-template-columns:repeat(2,1fr);gap:32px}
  .process__steps::before{display:none}
}
@media(max-width:900px){
  :root{--section-py:64px}
  .hero__inner{grid-template-columns:1fr;gap:40px}
  .hero__form-card{max-width:500px;margin:0 auto}
  .gallery__grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .gallery__item:first-child{grid-row:span 1}
  .reviews__grid{grid-template-columns:1fr 1fr}
  .blog__grid{grid-template-columns:1fr 1fr}
  .newsletter__inner{flex-direction:column;align-items:flex-start}
  .newsletter__form{max-width:100%}
}
@media(max-width:768px){
  .main-nav,.header__cta,.header__phone{display:none}
  .hamburger{display:flex}
  .top-bar__left{display:none}
  .services__grid,.reviews__grid,.blog__grid,.team__grid{grid-template-columns:1fr}
  .process__steps{grid-template-columns:1fr}
  .gallery__grid{grid-template-columns:1fr}
  .about__stats-row,.app-cta__contact-grid{grid-template-columns:1fr}
  .why__features{grid-template-columns:1fr}
  .footer__grid{grid-template-columns:1fr}
  .footer__bottom{flex-direction:column;text-align:center}
  .stats__grid{grid-template-columns:1fr 1fr}
  .form-row{grid-template-columns:1fr}
  .cta-btns-row{flex-direction:column;align-items:stretch}
  .cta-btns-row .btn{justify-content:center}
}
@media(max-width:500px){
  :root{--section-py:48px}
  .hero__badge{font-size:.65rem}
  .hero__trust{flex-direction:column}
  .stats__grid{grid-template-columns:1fr}
  .stat-box::after{display:none}
}