/* ============================================
   SukoonCare — سکون کیئر
   Peace that comes home.
   Brand: Navy + Gold + Rose | 2026
   ============================================ */

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
  font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
  color:#1A1A2E; background:#FCFCFA;
  line-height:1.6; -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img { max-width:100%; display:block; }
a { text-decoration:none; color:inherit; }
ul { list-style:none; }

:root {
  --navy: #1E2D5A;
  --navy-dark: #141F40;
  --navy-light: #E8ECF3;
  --navy-glow: rgba(30,45,90,0.15);
  --gold: #C9A84C;
  --gold-light: #F5EDDB;
  --gold-glow: rgba(201,168,76,0.2);
  --rose: #D4A0A0;
  --rose-light: #F3E8E8;
  --cream: #F6F2EC;
  --white: #FCFCFA;
  --charcoal: #1A1A2E;
  --charcoal-light: #5C5C7A;
  --charcoal-muted: #8A8AA0;
  --border: #E6E0D8;
  --shadow-card: 0 8px 32px rgba(30,45,90,0.07);
  --shadow-card-hover: 0 24px 64px rgba(30,45,90,0.12);
  --shadow-float: 0 16px 48px rgba(30,45,90,0.10);
  --radius: 20px;
  --radius-sm: 12px;
  --max-w: 1120px;
  --header-h: 80px;
}

.container { width:100%; max-width:var(--max-w); margin:0 auto; padding:0 28px; }

/* ----- HEADER ----- */
.header {
  position:fixed; top:0; left:0; right:0; z-index:1000;
  height:var(--header-h);
  background:rgba(252,252,250,0.92);
  backdrop-filter:blur(24px);
  border-bottom:1px solid transparent;
  transition:0.3s;
}
.header.scrolled {
  border-bottom-color:var(--border);
  box-shadow:0 1px 24px rgba(30,45,90,0.05);
}
.header__inner { display:flex; align-items:center; justify-content:space-between; height:100%; }

.logo { display:flex; align-items:center; gap:10px; font-weight:700; font-size:1.3rem; color:var(--charcoal); }
.logo__mark {
  width:40px; height:40px; display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,var(--navy),#2B3A67); color:#fff;
  border-radius:12px; font-size:1.1rem; font-weight:800;
  box-shadow:0 4px 12px var(--navy-glow);
}
.logo__accent { color:var(--navy); }
.logo__urdu {
  font-size:0.8rem; font-weight:500; color:var(--charcoal-muted);
  display:block; line-height:1;
}

.nav__list { display:flex; gap:32px; align-items:center; }
.nav__link {
  font-size:0.85rem; font-weight:500; color:var(--charcoal-light);
  transition:color 0.2s; position:relative; letter-spacing:0.2px;
}
.nav__link:hover { color:var(--navy); }
.nav__link--active { color:var(--navy); font-weight:600; }
.nav__link--active::after {
  content:''; position:absolute; bottom:-4px; left:0;
  width:100%; height:2px; background:var(--gold); border-radius:2px;
}

.header__actions { display:flex; align-items:center; gap:12px; }
.header__phone {
  display:flex; align-items:center; gap:6px;
  font-weight:600; color:var(--navy); font-size:0.9rem;
}
.header__phone:hover { color:var(--navy-dark); }
.header__whatsapp {
  width:38px; height:38px; display:flex; align-items:center; justify-content:center;
  background:#25d366; color:#fff; border-radius:10px; font-size:1.1rem;
  transition:transform 0.2s;
}
.header__whatsapp:hover { transform:scale(1.06); }

.nav-toggle {
  display:none; flex-direction:column; gap:5px;
  background:none; border:none; cursor:pointer; padding:4px;
}
.nav-toggle span {
  display:block; width:24px; height:2px; background:var(--charcoal); border-radius:2px; transition:0.3s;
}
.nav-toggle.active span:nth-child(1) { transform:rotate(45deg) translate(5px,5px); }
.nav-toggle.active span:nth-child(2) { opacity:0; }
.nav-toggle.active span:nth-child(3) { transform:rotate(-45deg) translate(5px,-5px); }

/* ----- BUTTONS ----- */
.btn {
  display:inline-flex; align-items:center; gap:8px;
  padding:14px 30px; border-radius:50px;
  font-weight:600; font-size:0.9rem;
  border:none; cursor:pointer; transition:all 0.3s;
  font-family:inherit; line-height:1;
}
.btn--primary {
  background:linear-gradient(135deg,var(--navy),#2B3A67); color:#fff;
  box-shadow:0 4px 16px var(--navy-glow);
}
.btn--primary:hover {
  transform:translateY(-2px);
  box-shadow:0 8px 32px var(--navy-glow);
}
.btn--outline {
  background:transparent; color:var(--charcoal);
  border:1.5px solid var(--border);
}
.btn--outline:hover { border-color:var(--navy); color:var(--navy); background:var(--navy-light); }
.btn--ghost { background:transparent; color:var(--charcoal-light); padding:0; font-weight:500; font-size:0.92rem; }
.btn--ghost i { transition:transform 0.2s; font-size:0.8rem; }
.btn--ghost:hover { color:var(--navy); }
.btn--ghost:hover i { transform:translateX(4px); }
.btn--gold {
  background:linear-gradient(135deg,var(--gold),#D4B85A); color:var(--charcoal);
  box-shadow:0 4px 16px var(--gold-glow);
}
.btn--gold:hover { transform:translateY(-2px); box-shadow:0 8px 32px var(--gold-glow); }
.btn--whatsapp { background:#25d366; color:#fff; }
.btn--whatsapp:hover { transform:translateY(-2px); box-shadow:0 8px 24px rgba(37,211,102,0.25); }
.btn--lg { padding:18px 40px; font-size:1rem; }

/* ----- 3D DECORATIVE SHAPES ----- */
.shape {
  position:absolute; border-radius:50%; pointer-events:none;
  opacity:0.5; z-index:0;
}
.shape--1 { width:400px; height:400px; background:var(--navy-light); top:-10%; right:-5%; opacity:0.4; }
.shape--2 { width:250px; height:250px; background:var(--gold-light); bottom:10%; left:-5%; opacity:0.5; }
.shape--3 { width:180px; height:180px; background:var(--rose-light); top:40%; right:10%; opacity:0.3; }

/* ----- PAGE HEADER ----- */
.page-header {
  padding:calc(var(--header-h) + 48px) 0 32px;
  background:var(--cream);
  position:relative; overflow:hidden;
}
.page-header__inner { display:flex; flex-direction:column; gap:10px; position:relative; z-index:1; }
.page-header__tag {
  font-size:0.75rem; font-weight:600; color:var(--gold); text-transform:uppercase; letter-spacing:1px;
}
.page-header__title {
  font-size:clamp(2rem,4vw,2.8rem); font-weight:700; line-height:1.12;
}
.page-header__sub { color:var(--charcoal-light); font-size:1rem; max-width:520px; }

/* ============================================
   HOMEPAGE
   ============================================ */

/* ----- HERO ----- */
.hero {
  padding:calc(var(--header-h) + 24px) 0 0;
  min-height:100vh; display:flex; align-items:center;
  background:var(--cream);
  position:relative; overflow:hidden;
}
.hero__inner {
  display:grid; grid-template-columns:1fr 1fr; gap:64px;
  align-items:center; position:relative; z-index:1;
}
.hero__tag {
  display:inline-block; padding:6px 16px;
  background:var(--gold-light); color:var(--navy);
  border-radius:50px; font-size:0.75rem; font-weight:600;
  margin-bottom:20px; text-transform:uppercase; letter-spacing:0.5px;
}
.hero__title {
  font-size:clamp(2.2rem,5vw,3.8rem);
  font-weight:700; line-height:1.05; margin-bottom:8px;
  letter-spacing:-0.02em;
}
.hero__title-urdu {
  display:block; font-size:3rem; font-weight:400;
  color:var(--gold); margin-bottom:12px;
}
.hero__title-em { color:var(--navy); }
.hero__desc {
  font-size:1.05rem; color:var(--charcoal-light);
  max-width:480px; margin-bottom:32px; line-height:1.7;
}
.hero__ctas { display:flex; flex-wrap:wrap; gap:12px; margin-bottom:40px; }

.hero__trust {
  display:flex; gap:28px; flex-wrap:wrap;
}
.hero__trust-item {
  display:flex; align-items:center; gap:8px;
  font-size:0.82rem; color:var(--charcoal-light);
}
.hero__trust-dot {
  width:6px; height:6px; border-radius:50%; background:var(--gold); flex-shrink:0;
}

/* 3D Hero Visual */
.hero__visual { position:relative; display:flex; align-items:center; justify-content:center; perspective:1200px; }
.hero__card-3d {
  width:90%; aspect-ratio:4/5;
  position:relative; transform-style:preserve-3d;
  transition:transform 0.6s cubic-bezier(0.23,1,0.32,1);
  cursor:default;
}
.hero__card-face {
  position:absolute; inset:0;
  border-radius:24px; display:flex; flex-direction:column;
  align-items:center; justify-content:center; gap:16px;
  backface-visibility:hidden; overflow:hidden;
}
.hero__card-front {
  background:linear-gradient(145deg,var(--navy),#2B3A67);
  color:#fff; z-index:2;
  box-shadow:0 32px 80px rgba(30,45,90,0.25);
  transform:translateZ(20px);
}
.hero__card-front i { font-size:4rem; opacity:0.9; }
.hero__card-front span { font-size:1.1rem; font-weight:500; opacity:0.8; }

.hero__card-glow {
  position:absolute; inset:-4px; border-radius:28px;
  background:linear-gradient(135deg,var(--gold),transparent,var(--rose));
  z-index:-1; opacity:0.3; filter:blur(12px);
  transform:translateZ(-10px);
}

.hero__card-label {
  position:absolute; bottom:16px; left:50%; transform:translateX(-50%);
  background:rgba(0,0,0,0.6); backdrop-filter:blur(8px);
  padding:7px 18px; border-radius:50px;
  font-size:0.82rem; color:#fff; white-space:nowrap;
}

.hero__visual {
  position:relative; display:flex; align-items:center; justify-content:center; perspective:1200px;
}

/* ----- HOME INTRO (3D Cards) ----- */
.home-intro {
  padding:80px 0 60px;
  perspective:1200px;
}
.home-intro__grid {
  display:grid; grid-template-columns:repeat(3,1fr); gap:28px;
}
.home-intro__card {
  padding:40px 32px;
  background:var(--white);
  border:1px solid var(--border);
  border-radius:var(--radius);
  transition:transform 0.4s cubic-bezier(0.23,1,0.32,1), box-shadow 0.4s;
  transform-style:preserve-3d;
  position:relative;
  cursor:default;
}
.home-intro__card:hover {
  transform:translateY(-8px) rotateX(2deg);
  box-shadow:var(--shadow-card-hover);
  border-color:var(--navy-light);
}
.home-intro__card::after {
  content:''; position:absolute; inset:0; border-radius:var(--radius);
  background:linear-gradient(135deg,transparent 60%,var(--navy-light));
  opacity:0; transition:opacity 0.4s; pointer-events:none;
}
.home-intro__card:hover::after { opacity:1; }
.home-intro__icon {
  width:56px; height:56px; margin-bottom:20px;
  display:flex; align-items:center; justify-content:center;
  background:var(--navy-light); color:var(--navy);
  border-radius:16px; font-size:1.3rem;
  transition:transform 0.3s;
}
.home-intro__card:hover .home-intro__icon { transform:scale(1.05); }
.home-intro__card h3 { font-size:1.1rem; margin-bottom:10px; position:relative; z-index:1; }
.home-intro__card p { font-size:0.9rem; color:var(--charcoal-light); line-height:1.65; margin-bottom:16px; position:relative; z-index:1; }
.home-intro__card .btn--ghost { position:relative; z-index:1; }

/* ----- HOME STATS ----- */
.home-stats {
  padding:64px 0;
  background:var(--navy); color:#fff;
  position:relative; overflow:hidden;
}
.home-stats::before {
  content:''; position:absolute; top:-50%; right:-20%;
  width:60%; height:200%;
  background:radial-gradient(ellipse, rgba(201,168,76,0.05) 0%, transparent 70%);
}
.home-stats__grid {
  display:grid; grid-template-columns:repeat(4,1fr); gap:24px; text-align:center;
  position:relative; z-index:1;
}
.home-stats__num { font-size:2.6rem; font-weight:700; line-height:1; margin-bottom:6px; }
.home-stats__label { font-size:0.85rem; opacity:0.7; }

/* ----- TESTIMONIALS ----- */
.testimonials {
  padding:80px 0;
}
.testimonials__grid {
  display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:24px;
  perspective:1200px;
}
.testimonial__card {
  padding:32px 28px;
  background:var(--white);
  border:1px solid var(--border);
  border-radius:var(--radius);
  transition:transform 0.4s, box-shadow 0.4s;
  transform-style:preserve-3d;
}
.testimonial__card:hover {
  transform:translateY(-6px) rotateX(1deg);
  box-shadow:var(--shadow-card-hover);
}
.testimonial__stars { color:var(--gold); font-size:0.9rem; margin-bottom:12px; letter-spacing:1px; }
.testimonial__text {
  font-style:italic; font-size:0.9rem; line-height:1.7;
  color:var(--charcoal); margin-bottom:16px;
}
.testimonial__author { display:flex; align-items:center; gap:12px; }
.testimonial__avatar {
  width:40px; height:40px; border-radius:50%;
  background:var(--navy); color:#fff;
  display:flex; align-items:center; justify-content:center;
  font-size:0.75rem; font-weight:700; flex-shrink:0;
}
.testimonial__author strong { display:block; font-size:0.88rem; }
.testimonial__author span { font-size:0.78rem; color:var(--charcoal-muted); }

/* ----- HOME CTA ----- */
.home-cta {
  padding:96px 0; text-align:center;
  position:relative; overflow:hidden;
}
.home-cta::before {
  content:''; position:absolute; inset:0;
  background:linear-gradient(135deg,var(--cream) 0%, var(--navy-light) 50%, var(--cream) 100%);
}
.home-cta .container { position:relative; z-index:1; }
.home-cta h2 { font-size:clamp(1.6rem,3vw,2.2rem); font-weight:700; margin-bottom:10px; }
.home-cta p { color:var(--charcoal-light); font-size:1rem; margin-bottom:28px; max-width:440px; margin-left:auto; margin-right:auto; }
.home-cta__actions { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }

/* ============================================
   SERVICES PAGE
   ============================================ */

.services-page { padding:80px 0; }
.services-page__grid { max-width:800px; margin:0 auto; display:flex; flex-direction:column; gap:8px; }

.service-group {
  border:1px solid var(--border); border-radius:var(--radius-sm);
  overflow:hidden; transition:border-color 0.2s, box-shadow 0.2s;
  background:var(--white);
}
.service-group:hover { border-color:var(--navy-light); }
.service-group.active { border-color:var(--navy); box-shadow:0 0 0 2px var(--navy-glow); }

.service-group__btn {
  width:100%; display:flex; align-items:center; justify-content:space-between;
  padding:18px 22px; background:var(--white);
  border:none; cursor:pointer; font-family:inherit; text-align:left; transition:background 0.2s;
}
.service-group__btn:hover { background:var(--navy-light); }
.service-group__btn-left { display:flex; align-items:center; gap:14px; }
.service-group__btn-left i { width:28px; text-align:center; color:var(--navy); font-size:1rem; }
.service-group__btn-left span { font-weight:600; font-size:0.95rem; color:var(--charcoal); }
.service-group__btn-meta { display:flex; align-items:center; gap:6px; font-size:0.78rem; color:var(--charcoal-muted); font-weight:500; }
.service-group__arrow { transition:transform 0.3s; font-size:0.8rem; }
.service-group.active .service-group__arrow { transform:rotate(180deg); }

.service-group__panel { max-height:0; overflow:hidden; transition:max-height 0.4s ease; }
.service-group.active .service-group__panel { max-height:600px; }

.service-group__desc { padding:4px 22px 0; font-size:0.85rem; color:var(--charcoal-muted); line-height:1.6; }
.service-group__list { padding:8px 22px 20px; display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:4px 20px; }
.service-group__list li {
  padding:5px 0 5px 22px; position:relative; font-size:0.9rem; color:var(--charcoal);
}
.service-group__list li::before {
  content:'\f00c'; font-family:'Font Awesome 6 Free'; font-weight:900;
  position:absolute; left:0; color:var(--gold); font-size:0.7rem; top:7px;
}

.services-page__cta { text-align:center; margin-top:48px; padding:36px; background:var(--cream); border-radius:var(--radius); }
.services-page__cta p { margin-bottom:14px; font-size:0.95rem; }

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

.about-page { padding:80px 0; }
.about-page__intro { max-width:700px; margin-bottom:56px; }
.about-page__intro h2 { font-size:1.8rem; font-weight:700; margin-bottom:16px; }
.about-page__intro p { color:var(--charcoal-light); font-size:1rem; line-height:1.75; }

.about-page__story { display:grid; grid-template-columns:1fr 1fr; gap:48px; margin-bottom:64px; }
.about-page__story-text h2 { font-size:1.5rem; font-weight:700; margin-bottom:20px; }
.about-page__story-text p { color:var(--charcoal-light); font-size:0.95rem; line-height:1.75; margin-bottom:14px; }
.about-page__sign { margin-top:24px; border-left:3px solid var(--gold); padding-left:18px; }
.about-page__sign strong { display:block; font-size:0.95rem; }
.about-page__sign span { font-size:0.82rem; color:var(--charcoal-muted); }

.about-page__img {
  width:100%; aspect-ratio:1/1;
  background:linear-gradient(145deg,var(--navy-light),var(--gold-light));
  border-radius:24px; display:flex; flex-direction:column;
  align-items:center; justify-content:center; gap:12px;
  color:var(--navy); font-size:3.5rem;
  box-shadow:var(--shadow-card);
}

.about-page__values { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:24px; }
.about-page__value-card { padding:28px 24px; background:var(--cream); border-radius:var(--radius-sm); }
.about-page__value-card h3 { font-size:1rem; margin-bottom:8px; }
.about-page__value-card p { font-size:0.88rem; color:var(--charcoal-light); line-height:1.6; }

/* ============================================
   CONTACT PAGE
   ============================================ */

.contact-page { padding:80px 0; }
.contact-page__grid { display:grid; grid-template-columns:1fr 1fr; gap:56px; }

.contact-page__info { display:flex; flex-direction:column; gap:24px; }
.contact-page__item { display:flex; gap:16px; align-items:flex-start; }
.contact-page__item-icon {
  width:48px; height:48px; flex-shrink:0;
  display:flex; align-items:center; justify-content:center;
  background:var(--navy-light); color:var(--navy);
  border-radius:14px; font-size:1rem;
}
.contact-page__item-content strong { display:block; font-size:0.8rem; text-transform:uppercase; letter-spacing:0.5px; color:var(--charcoal-muted); margin-bottom:2px; }
.contact-page__item-content p, .contact-page__item-content a { font-size:0.95rem; color:var(--charcoal); }
.contact-page__item-content a:hover { color:var(--navy); }

.contact-page__form {
  display:flex; flex-direction:column; gap:14px;
  background:var(--cream); padding:32px; border-radius:var(--radius);
}
.contact-page__form h3 { font-size:1.1rem; margin-bottom:4px; }

.form-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.contact-page__form input, .contact-page__form select, .contact-page__form textarea {
  padding:14px 16px; border:1.5px solid var(--border);
  border-radius:12px; font-family:inherit; font-size:0.92rem;
  background:#fff; transition:border-color 0.2s; outline:none;
}
.contact-page__form select {
  appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%235C5C7A'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 12px center; background-size:20px;
}
.contact-page__form input:focus, .contact-page__form select:focus, .contact-page__form textarea:focus { border-color:var(--navy); }

.contact-page__map { margin-top:48px; border-radius:var(--radius); overflow:hidden; background:var(--cream); padding:48px; text-align:center; }
.contact-page__map-placeholder { font-size:0.9rem; color:var(--charcoal-light); }
.contact-page__map-placeholder i { font-size:2rem; color:var(--navy); margin-bottom:12px; display:block; }

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

.footer {
  background:var(--navy-dark); color:#A0A8B8;
  padding:56px 0 28px;
}
.footer__inner { display:grid; grid-template-columns:1.6fr 1fr 1fr 1.2fr; gap:40px; padding-bottom:32px; border-bottom:1px solid rgba(255,255,255,0.06); }
.footer .logo { color:#fff; }
.footer__brand p { margin-top:14px; font-size:0.85rem; line-height:1.7; color:#8888A0; }
.footer__contact-row { display:flex; gap:16px; margin-top:16px; }
.footer__contact-row a { font-size:0.85rem; color:#A0A8B8; display:flex; align-items:center; gap:6px; }
.footer__contact-row a:hover { color:var(--gold); }
.footer__links h4 { color:#fff; font-size:0.9rem; margin-bottom:16px; }
.footer__links ul li { margin-bottom:8px; }
.footer__links a { color:#8888A0; font-size:0.85rem; transition:color 0.2s; }
.footer__links a:hover { color:var(--gold); }
.footer__socials { display:flex; gap:10px; margin-top:4px; }
.footer__socials a { width:38px; height:38px; display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,0.06); color:#A0A8B8; border-radius:10px; transition:0.2s; }
.footer__socials a:hover { background:var(--gold); color:var(--navy-dark); }
.footer__bottom { text-align:center; padding-top:20px; font-size:0.78rem; color:#666; }

/* ----- WHATSAPP FLOAT ----- */
.whatsapp-float {
  position:fixed; bottom:24px; right:24px;
  width:56px; height:56px; background:#25d366; color:#fff;
  border-radius:50%; display:flex; align-items:center; justify-content:center;
  font-size:1.6rem;
  box-shadow:0 4px 24px rgba(37,211,102,0.4);
  z-index:999; transition:transform 0.2s;
}
.whatsapp-float:hover { transform:scale(1.1); }

/* ============================================
   RESPONSIVE
   ============================================ */

@media (max-width: 900px) {
  .hero__inner { grid-template-columns:1fr; gap:32px; }
  .hero__visual { display:flex; }
  .home-intro__grid { grid-template-columns:1fr; }
  .home-stats__grid { grid-template-columns:repeat(2,1fr); gap:16px; }
  .about-page__story { grid-template-columns:1fr; gap:32px; }
  .contact-page__grid { grid-template-columns:1fr; gap:32px; }
  .footer__inner { grid-template-columns:1fr 1fr; gap:32px; }
  .form-row { grid-template-columns:1fr; }
}

@media (max-width: 768px) {
  .nav {
    position:fixed; top:var(--header-h); left:0; right:0;
    background:var(--white); padding:28px;
    border-bottom:1px solid var(--border);
    transform:translateY(-110%); opacity:0; transition:0.35s;
    box-shadow:0 24px 64px rgba(30,45,90,0.1);
    z-index:999; pointer-events:none;
  }
  .nav.open { transform:translateY(0); opacity:1; pointer-events:auto; }
  .nav__list { flex-direction:column; gap:18px; }
  .nav__link { font-size:1rem; }
  .nav-toggle { display:flex; position:relative; z-index:1001; cursor:pointer; touch-action:manipulation; }
  .header__phone { display:none; }
  .header__whatsapp { display:flex; }
  .hero { min-height:auto; padding:calc(var(--header-h) + 24px) 0 0; }
  .hero__title { font-size:2rem; }
  .hero__title-urdu { font-size:2rem; }
  .home-cta { padding:64px 0; }
  .footer__inner { grid-template-columns:1fr; gap:24px; }
  .testimonials__grid { grid-template-columns:1fr; }
}

@media (min-width: 769px) {
  .hero { min-height:100vh; }
}

@media (max-width: 480px) {
  .container { padding:0 20px; }
  .service-group__list { grid-template-columns:1fr; }
  .home-stats__grid { grid-template-columns:1fr 1fr; }
  .home-stats__num { font-size:2rem; }
}