/* ══════════════════════════════════════
   RESET & BASE
══════════════════════════════════════ */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

body {
  font-family: 'Poppins', sans-serif;
  background: #fff7f7;
}

      /* ══════════════════════════════════════
           HEADER SHELL
        ══════════════════════════════════════ */
        header {
            position: sticky;
            top: 0;
            z-index: 1000;
            background: #fff;
            box-shadow: 0 2px 16px rgba(0, 0, 0, 0.08);
        }

        /* ══════════════════════════════════════
           TOP BAR (social + schedule + contact)
        ══════════════════════════════════════ */
        .header-top {
            background: #181818;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 9px 48px;
            flex-wrap: wrap;
            gap: 12px;
        }

        .social-icons {
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .social-icons a {
            width: 28px;
            height: 28px;
            border: 1px solid #e30613;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #e30613;
            text-decoration: none;
            transition: background 0.25s, color 0.25s;
        }

        .social-icons a:hover {
            background: #e30613;
            color: #fff;
        }

        .social-icons a svg {
            width: 12px;
            height: 12px;
            fill: currentColor;
            display: block;
        }

        .top-right {
            display: flex;
            align-items: center;
            gap: 22px;
        }

        /* New Schedule button (larger) */
        .schedule-visit-btn {
            background: #e30613;
            border: none;
            padding: 8px 20px;
            font-family: 'Poppins', sans-serif;
            font-size: 12px;
            font-weight: 600;
            letter-spacing: 1.5px;
            text-transform: uppercase;
            color: #181818;
            cursor: pointer;
            transition: background 0.25s;
            white-space: nowrap;
        }

        .schedule-visit-btn:hover {
            background: #ff3b45;
        }

        .top-info {
            display: flex;
            align-items: center;
            gap: 6px;
            font-size: 11px;
            color: #ccc;
            letter-spacing: 0.8px;
            white-space: nowrap;
        }

        .top-info svg {
            width: 12px;
            height: 12px;
            fill: #e30613;
            flex-shrink: 0;
        }

        /* ══════════════════════════════════════
           MAIN NAV BAR
        ══════════════════════════════════════ */
        nav {
            background: #fff8f8;
            border-top: 3px solid #e30613;
        }

        .nav-wrapper {
            max-width: 1400px;
            margin: 0 auto;
            padding: 0 40px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .nav-logo {
            flex-shrink: 0;
            padding: 10px 28px 10px 0;
            border-right: 1px solid #ffd6d9;
        }

        .nav-logo img {
            height: 50px;
            width: auto;
            display: block;
        }

        .nav-links {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            list-style: none;
            gap: 0;
        }

        .nav-links > li {
            position: relative;
        }

        .nav-links > li > a {
            display: flex;
            align-items: center;
            gap: 4px;
            padding: 20px 16px;
            font-family: 'Poppins', sans-serif;
            font-size: 11px;
            font-weight: 600;
            letter-spacing: 2px;
            text-transform: uppercase;
            color: #181818;
            text-decoration: none;
            white-space: nowrap;
            position: relative;
            transition: color 0.25s;
        }

        .nav-links > li > a::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 0;
            height: 2px;
            background: #e30613;
            transition: width 0.28s ease;
        }

        .nav-links > li:hover > a,
        .nav-links > li > a.active {
            color: #e30613;
        }

        .nav-links > li:hover > a::after,
        .nav-links > li > a.active::after {
            width: 55%;
        }

        .chevron {
            width: 8px;
            height: 8px;
            fill: none;
            stroke: currentColor;
            stroke-width: 2;
            transition: transform 0.25s;
        }

        .has-dropdown:hover > a .chevron {
            transform: rotate(180deg);
        }

        .divider {
            color: #ffe2e4;
            font-size: 14px;
            line-height: 1;
            user-select: none;
            pointer-events: none;
        }

        .dropdown {
            position: absolute;
            top: 100%;
            left: 50%;
            transform: translateX(-50%) translateY(6px);
            min-width: 210px;
            background: #fff;
            border-top: 2px solid #e30613;
            box-shadow: 0 6px 24px rgba(0, 0, 0, 0.1);
            list-style: none;
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.22s ease, transform 0.22s ease;
            z-index: 500;
        }

        .has-dropdown:hover .dropdown {
            opacity: 1;
            pointer-events: all;
            transform: translateX(-50%) translateY(0);
        }

        .dropdown li a {
            display: block;
            padding: 11px 20px;
            font-family: 'Poppins', sans-serif;
            font-size: 11px;
            font-weight: 500;
            letter-spacing: 1.4px;
            text-transform: uppercase;
            color: #1f1f1f;
            text-decoration: none;
            border-bottom: 1px solid #ffd6d9;
            transition: background 0.18s, color 0.18s, padding-left 0.18s;
        }

        .dropdown li:last-child a {
            border-bottom: none;
        }

        .dropdown li a:hover {
            background: #fff5f5;
            color: #e30613;
            padding-left: 26px;
        }

        .nav-right {
            flex-shrink: 0;
            display: flex;
            align-items: center;
            gap: 14px;
            padding-left: 28px;
            border-left: 1px solid #ffd6d9;
        }

        .btn-contact {
            background: #181818;
            color: #fff;
            border: none;
            padding: 10px 22px;
            font-family: 'Poppins', sans-serif;
            font-size: 11px;
            font-weight: 600;
            letter-spacing: 2px;
            text-transform: uppercase;
            cursor: pointer;
            white-space: nowrap;
            transition: background 0.25s;
        }

        .btn-contact:hover {
            background: #e30613;
        }

        .hamburger {
            display: none;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: 5px;
            width: 36px;
            height: 36px;
            background: none;
            border: none;
            cursor: pointer;
            padding: 6px;
        }

        .hamburger span {
            display: block;
            width: 22px;
            height: 2px;
            background: #181818;
            border-radius: 2px;
            transition: transform 0.3s ease, opacity 0.3s ease;
        }

        .hamburger.open span:nth-child(1) {
            transform: translateY(7px) rotate(45deg);
        }

        .hamburger.open span:nth-child(2) {
            opacity: 0;
            transform: scaleX(0);
        }

        .hamburger.open span:nth-child(3) {
            transform: translateY(-7px) rotate(-45deg);
        }

        /* ══════════════════════════════════════
           MOBILE MENU OVERLAY
        ══════════════════════════════════════ */
        .mobile-menu {
            display: none;
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            background: #fff;
            border-top: 2px solid #e30613;
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
            z-index: 900;
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.38s ease;
        }

        .mobile-menu.open {
            display: block;
            max-height: 80vh;
            overflow-y: auto;
        }

        .mobile-menu ul {
            list-style: none;
        }

        .mobile-menu > ul > li {
            border-bottom: 1px solid #ffd6d9;
        }

        .mobile-menu > ul > li:last-child {
            border-bottom: none;
        }

        .mobile-menu > ul > li > a,
        .mobile-menu > ul > li > span.m-link {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 14px 20px;
            font-family: 'Poppins', sans-serif;
            font-size: 12px;
            font-weight: 600;
            letter-spacing: 2px;
            text-transform: uppercase;
            color: #181818;
            text-decoration: none;
            cursor: pointer;
            transition: color 0.2s, background 0.2s;
        }

        .mobile-menu > ul > li > a:hover,
        .mobile-menu > ul > li > span.m-link:hover {
            color: #e30613;
            background: #fff5f5;
        }

        .mobile-menu > ul > li > a.active {
            color: #e30613;
        }

        .m-chevron {
            width: 14px;
            height: 14px;
            fill: none;
            stroke: currentColor;
            stroke-width: 2;
            transition: transform 0.25s;
        }

        .m-item.open > span.m-link .m-chevron {
            transform: rotate(180deg);
        }

        .mobile-sub {
            list-style: none;
            background: #fff5f5;
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease;
        }

        .m-item.open .mobile-sub {
            max-height: 300px;
        }

        .mobile-sub li a {
            display: block;
            padding: 11px 20px 11px 34px;
            font-family: 'Poppins', sans-serif;
            font-size: 11px;
            font-weight: 500;
            letter-spacing: 1.5px;
            text-transform: uppercase;
            color: #666;
            text-decoration: none;
            border-bottom: 1px solid #ffd6d9;
            transition: color 0.18s, padding-left 0.18s;
        }

        .mobile-sub li:last-child a {
            border-bottom: none;
        }

        .mobile-sub li a:hover {
            color: #e30613;
            padding-left: 40px;
        }

        .mobile-contact-btn {
            display: block;
            width: calc(100% - 40px);
            margin: 16px 20px;
            padding: 13px;
            background: #181818;
            color: #fff;
            font-family: 'Poppins', sans-serif;
            font-size: 11px;
            font-weight: 600;
            letter-spacing: 2px;
            text-transform: uppercase;
            border: none;
            cursor: pointer;
            transition: background 0.25s;
        }

        .mobile-contact-btn:hover {
            background: #e30613;
        }

        /* ══════════════════════════════════════
           RESPONSIVE
        ══════════════════════════════════════ */
        @media (max-width: 1100px) {
            .header-top {
                padding: 9px 28px;
            }
            .nav-wrapper {
                padding: 0 24px;
            }
            .nav-logo {
                padding-right: 20px;
            }
            .nav-right {
                padding-left: 20px;
            }
            .nav-links > li > a {
                padding: 20px 10px;
                font-size: 10px;
                letter-spacing: 1.5px;
            }
        }

        @media (max-width: 900px) {
            .top-info {
                display: none;
            }
            .header-top {
                justify-content: space-between;
            }
            .nav-links > li > a {
                padding: 18px 8px;
                font-size: 10px;
                letter-spacing: 1px;
            }
            .btn-contact {
                padding: 9px 16px;
                font-size: 10px;
            }
        }

        @media (max-width: 768px) {
            .header-top {
                padding: 8px 20px;
            }
            .top-right {
                gap: 12px;
            }
            .schedule-visit-btn {
                padding: 6px 14px;
                font-size: 10px;
            }
            .nav-wrapper {
                padding: 0 20px;
            }
            .nav-links {
                display: none;
            }
            .btn-contact {
                display: none;
            }
            .hamburger {
                display: flex;
            }
            .nav-logo {
                border-right: none;
                padding-right: 0;
            }
            .nav-right {
                border-left: none;
                padding-left: 0;
            }
            .nav-logo img {
                height: 42px;
            }
        }

        @media (max-width: 480px) {
            .social-icons {
                gap: 7px;
            }
            .social-icons a {
                width: 26px;
                height: 26px;
            }
            .social-icons a svg {
                width: 11px;
                height: 11px;
            }
            .schedule-visit-btn {
                font-size: 9px;
                padding: 4px 10px;
            }
        }



























/* ══════════════════════════════════════
   HERO SECTION
══════════════════════════════════════ */
.heropage {
  position: relative;
  width: 100%;
  height: 620px;
  background-image: url(../img/A1.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  overflow: hidden;
}
 
/* dark gradient overlay — left side stronger */
.heropage::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    105deg,
    rgba(20, 17, 12, 0.78) 0%,
    rgba(20, 17, 12, 0.50) 55%,
    rgba(20, 17, 12, 0.18) 100%
  );
  z-index: 1;
}
 
/* gold decorative vertical line */
.heropage::after {
  content: '';
  position: absolute;
  left: 80px;
  top: 15%;
  bottom: 15%;
  width: 2px;
  background: linear-gradient(to bottom, transparent, #e30613, transparent);
  z-index: 2;
}
 
.hero-content {
  position: relative;
  z-index: 3;
  padding: 0 120px;
  max-width: 760px;
  animation: heroFadeUp 0.9s ease both;
}
 
@keyframes heroFadeUp {
  from { opacity: 0; transform: translateY(28px); }
  to   { opacity: 1; transform: translateY(0); }
}
 
/* eyebrow label */
.hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: 'Poppins', sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: #e30613;
  margin-bottom: 20px;
  animation: heroFadeUp 0.9s ease 0.1s both;
}
.hero-eyebrow::before {
  content: '';
  display: block;
  width: 32px;
  height: 1px;
  background: #e30613;
}
 
/* main heading */
.hero-title {
  font-family: 'Poppins', sans-serif;
  font-size: clamp(38px, 5vw, 64px);
  font-weight: 400;
  line-height: 1.12;
  color: #fff;
  margin-bottom: 20px;
  animation: heroFadeUp 0.9s ease 0.2s both;
}
.hero-title span {
  color: #e30613;
  font-style: italic;
}
 
/* sub text */
.hero-subtitle {
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1.5px;
  color: rgba(255,255,255,0.70);
  margin-bottom: 40px;
  line-height: 1.7;
  animation: heroFadeUp 0.9s ease 0.3s both;
}
 
/* buttons row */
.hero-btns {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  animation: heroFadeUp 0.9s ease 0.4s both;
}
 
.hero-btn-primary {
  background: #e30613;
  color: #ffffff;
  border: none;
  padding: 14px 34px;
  font-family: 'Poppins', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  transition: background 0.28s, color 0.28s, transform 0.2s;
}
.hero-btn-primary:hover {
  background: #ff3b45;
  transform: translateY(-2px);
}
 
.hero-btn-outline {
  background: transparent;
  color: #fff;
  border: 1px solid rgba(255,255,255,0.55);
  padding: 13px 34px;
  font-family: 'Poppins', sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  transition: border-color 0.28s, color 0.28s, background 0.28s, transform 0.2s;
}
.hero-btn-outline:hover {
  border-color: #e30613;
  color: #e30613;
  background: rgba(184,168,130,0.08);
  transform: translateY(-2px);
}
 
/* scroll indicator */
.hero-scroll {
  position: absolute;
  bottom: 32px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  animation: heroFadeUp 0.9s ease 0.6s both;
}
.hero-scroll span {
  font-family: 'Poppins', sans-serif;
  font-size: 10px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.45);
}
.scroll-line {
  width: 1px;
  height: 40px;
  background: linear-gradient(to bottom, rgba(184,168,130,0.8), transparent);
  animation: scrollPulse 1.8s ease-in-out infinite;
}
@keyframes scrollPulse {
  0%, 100% { opacity: 0.3; transform: scaleY(1); }
  50%       { opacity: 1;   transform: scaleY(1.15); }
}
 
/* ── Hero Responsive ── */
@media (max-width: 900px) {
  .heropage { height: 540px; }
  .heropage::after { left: 40px; }
  .hero-content { padding: 0 70px; max-width: 600px; }
}
 
@media (max-width: 600px) {
  .heropage { height: auto; min-height: 520px; padding: 80px 0 80px; }
  .heropage::after { display: none; }
  .hero-content { padding: 0 28px; max-width: 100%; }
  .hero-title { font-size: clamp(32px, 8vw, 46px); }
  .hero-btns { gap: 12px; }
  .hero-btn-primary,
  .hero-btn-outline { padding: 12px 24px; font-size: 10px; }
  .hero-scroll { display: none; }
}























/* ══════════════════════════════════════
   ABOUT SECTION
══════════════════════════════════════ */
    .about-section {
      background: #fff7f7;
      padding: 80px 48px;
      font-family: 'Poppins', sans-serif;
    }
 
    .about-inner {
      max-width: 1200px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 64px;
      align-items: center;
    }
 
    /* ── Eyebrow ── */
    .about-eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 4px;
      text-transform: uppercase;
      color: #e30613;
      margin-bottom: 18px;
    }
    .about-eyebrow::before {
      content: '';
      display: block;
      width: 32px;
      height: 1px;
      background: #e30613;
    }
 
    /* ── Heading ── */
    .about-heading {
      font-family: 'Poppins', sans-serif;
      font-size: 42px;
      font-weight: 400;
      line-height: 1.15;
      color: #181818;
      margin-bottom: 24px;
    }
    .about-heading span {
      color: #e30613;
      font-style: italic;
    }
 
    /* ── Gold divider ── */
    .about-divider {
      width: 48px;
      height: 2px;
      background: #e30613;
      margin-bottom: 24px;
    }
 
    /* ── Description ── */
    .about-desc {
      font-size: 14px;
      font-weight: 400;
      line-height: 1.85;
      color: #555;
      letter-spacing: 0.3px;
      margin-bottom: 16px;
    }
 
    /* ── Quote / tagline ── */
    .about-tagline {
      font-size: 13px;
      font-style: italic;
      color: #888;
      margin-bottom: 32px;
      letter-spacing: 0.5px;
      border-left: 2px solid #e30613;
      padding-left: 14px;
      line-height: 1.7;
    }
 
    /* ── Feature card ── */
    .about-card {
      background: #fff;
      border-top: 3px solid #e30613;
      padding: 20px 24px;
      margin-bottom: 36px;
      display: flex;
      align-items: flex-start;
      gap: 16px;
      box-shadow: 0 2px 12px rgba(0,0,0,0.04);
    }
 
    .about-card-icon {
      width: 38px;
      height: 38px;
      flex-shrink: 0;
      background: #f5f0e8;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .about-card-icon svg {
      width: 16px;
      height: 16px;
      fill: none;
      stroke: #e30613;
      stroke-width: 1.8;
    }
 
    .about-card-title {
      font-size: 12px;
      font-weight: 600;
      letter-spacing: 1.5px;
      text-transform: uppercase;
      color: #181818;
      margin-bottom: 4px;
    }
 
    .about-card-desc {
      font-size: 13px;
      color: #777;
      line-height: 1.6;
    }
 
    /* ── Read More Button ── */
    .btn-readmore {
      display: inline-flex;
      align-items: center;
      gap: 0;
      text-decoration: none;
      cursor: pointer;
      border: none;
      background: none;
      padding: 0;
      font-family: 'Poppins', sans-serif;
    }
 
    .btn-text {
      background: #181818;
      color: #fff;
      padding: 14px 28px;
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 2.5px;
      text-transform: uppercase;
      transition: background 0.28s;
    }
 
    .btn-arrow {
      background: #e30613;
      color: #ffffff;
      width: 48px;
      height: 48px;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: background 0.28s;
      flex-shrink: 0;
    }
 
    .btn-arrow svg {
      width: 16px;
      height: 16px;
      fill: none;
      stroke: currentColor;
      stroke-width: 2;
      transition: transform 0.22s;
    }
 
    .btn-readmore:hover .btn-text      { background: #1f1f1f; }
    .btn-readmore:hover .btn-arrow     { background: #ff3b45; }
    .btn-readmore:hover .btn-arrow svg { transform: translateX(4px); }
 
    /* ══════════════════════════════════════
       RIGHT – IMAGE FRAME (Option A)
    ══════════════════════════════════════ */
    .img-frame {
      position: relative;
      height: 480px;
      overflow: visible; /* important — brackets bahar dikhen */
      border-radius: 4px;
    }
 
    /* Offset golden background block (bottom-right) */
    .img-frame::after {
      content: "";
      position: absolute;
      bottom: -14px;
      right: -14px;
      width: 100%;
      height: 100%;
      background: rgba(184, 168, 130, 0.18);
      border-radius: 4px;
      z-index: 0;
    }
 
    /* Remove old pseudo borders */
    .img-frame::before {
      content: none;
    }
 
    /* Main image */
    .about-img {
      position: relative;
      z-index: 1;
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      border-radius: 4px;
    }
 
    /* Corner brackets */
    .bracket-tl,
    .bracket-br {
      position: absolute;
      width: 48px;
      height: 48px;
      z-index: 3;
    }
 
    .bracket-tl {
      top: -16px;
      left: -16px;
      border-top: 3px solid #e30613;
      border-left: 3px solid #e30613;
    }
 
    .bracket-br {
      bottom: -16px;
      right: -16px;
      border-bottom: 3px solid #e30613;
      border-right: 3px solid #e30613;
    }
 
    /* ══════════════════════════════════════
       RESPONSIVE
    ══════════════════════════════════════ */
    @media (max-width: 900px) {
      .about-section {
        padding: 50px 24px;
      }
      .about-inner {
        grid-template-columns: 1fr;
        gap: 60px;
      }
      .about-right {
        order: -1;
      }
      .img-frame {
        height: 320px;
      }
    }
 
    @media (max-width: 600px) {
      .about-section {
        padding: 40px 18px;
      }
      .about-heading {
        font-size: 32px;
      }
    }
































/* ══════════════════════════════════════
   STATS SECTION
══════════════════════════════════════ */
.stats-section {
  background: #181818;
  padding: 20px 48px;
  font-family: 'Poppins', sans-serif;
  position: relative;
  overflow: hidden;
}

/* Gold top & bottom border */
.stats-section::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: #e30613;
}
.stats-section::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 3px;
  background: #e30613;
}

/* Grid */
.stats-grid {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  position: relative;
  z-index: 1;
}

/* Single stat item */
.stat-item {
  text-align: center;
  padding: 20px 32px;
  position: relative;
}

/* Vertical divider between items */
.stat-item:not(:last-child)::after {
  content: '';
  position: absolute;
  right: 0;
  top: 15%;
  bottom: 15%;
  width: 1px;
  background: rgba(184,168,130,0.2);
}

/* Gold line above number */
.stat-line {
  width: 48px;
  height: 2px;
  background: #e30613;
  margin: 0 auto 20px;
}

/* Big number */
.stat-number {
  font-family: 'Poppins', sans-serif;
  font-size: 58px;
  font-weight: 400;
  color: #fff;
  line-height: 1;
  margin-bottom: 12px;
  letter-spacing: 2px;
  transition: color 0.3s;
}
.stat-item:hover .stat-number { color: #e30613; }

/* + symbol */
.stat-plus {
  color: #e30613;
  font-size: 36px;
}

/* Label */
.stat-label {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.45);
}

/* ══════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════ */
@media (max-width: 900px) {
  .stats-section { padding: 50px 28px; }
  .stats-grid    { grid-template-columns: repeat(2, 1fr); }

  .stat-item:nth-child(2)::after { display: none; }

  .stat-item:nth-child(1),
  .stat-item:nth-child(2) {
    border-bottom: 1px solid rgba(184,168,130,0.15);
    padding-bottom: 36px;
  }
}

@media (max-width: 500px) {
  .stats-section { padding: 40px 18px; }
  .stat-number   { font-size: 42px; }
  .stat-plus     { font-size: 26px; }
}






































/* ══════════════════════════════════════
   APARTMENTS SECTION
══════════════════════════════════════ */
.apts-section {
  background: #fff7f7;
  padding: 80px 48px;
  font-family: 'Poppins', sans-serif;
}

/* ── Section Header ── */
.apts-header {
  text-align: center;
  margin-bottom: 56px;
}

.apts-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: #e30613;
  margin-bottom: 16px;
}
.apts-eyebrow::before,
.apts-eyebrow::after {
  content: '';
  display: block;
  width: 32px;
  height: 1px;
  background: #e30613;
}

.apts-title {
  font-family: 'Poppins', sans-serif;
  font-size: 42px;
  font-weight: 400;
  color: #181818;
  margin-bottom: 14px;
  line-height: 1.15;
}
.apts-title span {
  color: #e30613;
  font-style: italic;
}

.apts-subtitle {
  font-size: 13px;
  color: #888;
  letter-spacing: 1px;
  max-width: 480px;
  margin: 0 auto;
  line-height: 1.7;
}

/* ── Cards Grid ── */
.apts-grid {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

/* ── Single Card ── */
.apt-card {
  background: #fff;
  overflow: hidden;
  transition: transform 0.28s ease, box-shadow 0.28s ease;
  position: relative;
}
.apt-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 40px rgba(0,0,0,0.10);
}

/* ── Image Area ── */
.apt-img-wrap {
  position: relative;
  height: 230px;
  overflow: hidden;
}

.apt-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform 0.4s ease;
}
.apt-card:hover .apt-img {
  transform: scale(1.05);
}

/* Image placeholder – remove when using real images */
.apt-img-placeholder {
  width: 100%;
  height: 100%;
  background: #181818;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
}
.apt-img-placeholder svg {
  width: 36px;
  height: 36px;
  fill: none;
  stroke: #e30613;
  stroke-width: 1;
}
.apt-img-placeholder span {
  font-size: 9px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #e30613;
  opacity: 0.5;
}

/* ── Status Badge ── */
.apt-badge {
  position: absolute;
  top: 16px;
  left: 0;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 6px 14px;
}
.apt-badge.available { background: #e30613;  color: #ffffff; }
.apt-badge.new       { background: #1f1f1f;  color: #e30613; }
.apt-badge.sold-out  { background: #181818;  color: #fff;    }

/* ── Card Body ── */
.apt-body {
  padding: 22px 24px 24px;
  border-top: 3px solid #e30613;
}

.apt-name {
  font-family: 'Poppins', sans-serif;
  font-size: 22px;
  font-weight: 500;
  color: #181818;
  margin-bottom: 6px;
  line-height: 1.2;
}

.apt-location {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  color: #999;
  letter-spacing: 1px;
  margin-bottom: 16px;
}
.apt-location svg {
  width: 12px;
  height: 12px;
  fill: none;
  stroke: #e30613;
  stroke-width: 2;
  flex-shrink: 0;
}

/* ── Features Row ── */
.apt-features {
  display: flex;
  gap: 16px;
  margin-bottom: 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid #ffd6d9;
}

.apt-feat {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  color: #777;
  letter-spacing: 0.8px;
}
.apt-feat svg {
  width: 13px;
  height: 13px;
  fill: none;
  stroke: #e30613;
  stroke-width: 1.8;
  flex-shrink: 0;
}

/* ── Price + Button Row ── */
.apt-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.apt-price-label {
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #aaa;
  margin-bottom: 2px;
}

.apt-price {
  font-family: 'Poppins', sans-serif;
  font-size: 26px;
  font-weight: 500;
  color: #181818;
  line-height: 1;
}
.apt-price span {
  font-size: 13px;
  color: #999;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
}

/* ── Card Button ── */
.apt-btn {
  display: inline-flex;
  align-items: center;
  gap: 0;
  text-decoration: none;
  cursor: pointer;
  border: none;
  background: none;
  padding: 0;
  font-family: 'Poppins', sans-serif;
}

.apt-btn-text {
  background: #181818;
  color: #fff;
  padding: 10px 18px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  transition: background 0.25s;
}

.apt-btn-arrow {
  background: #e30613;
  color: #ffffff;
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.25s;
  flex-shrink: 0;
}
.apt-btn-arrow svg {
  width: 13px;
  height: 13px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  transition: transform 0.2s;
}

.apt-btn:hover .apt-btn-text       { background: #1f1f1f; }
.apt-btn:hover .apt-btn-arrow      { background: #ff3b45; }
.apt-btn:hover .apt-btn-arrow svg  { transform: translateX(3px); }

/* ── View All Button ── */
.apts-cta {
  text-align: center;
  margin-top: 48px;
}

.btn-viewall {
  display: inline-flex;
  align-items: center;
  gap: 0;
  text-decoration: none;
  cursor: pointer;
  border: none;
  background: none;
  padding: 0;
  font-family: 'Poppins', sans-serif;
}

.btn-viewall-text {
  background: transparent;
  color: #181818;
  border: 1px solid #181818;
  padding: 13px 32px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  transition: background 0.25s, color 0.25s;
}

.btn-viewall-arrow {
  background: #e30613;
  color: #ffffff;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.25s;
}
.btn-viewall-arrow svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  transition: transform 0.2s;
}

.btn-viewall:hover .btn-viewall-text      { background: #181818; color: #fff; }
.btn-viewall:hover .btn-viewall-arrow     { background: #ff3b45; }
.btn-viewall:hover .btn-viewall-arrow svg { transform: translateX(3px); }

/* ══════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════ */
@media (max-width: 1000px) {
  .apts-grid    { grid-template-columns: repeat(2, 1fr); }
  .apts-section { padding: 60px 28px; }
}

@media (max-width: 600px) {
  .apts-grid    { grid-template-columns: 1fr; }
  .apts-section { padding: 44px 18px; }
  .apts-title   { font-size: 32px; }
}
























 .amenities-section {
            background: #fff7f7;
            padding: 80px 48px;
            font-family: 'Poppins', sans-serif;
        }

        /* Header area – unchanged */
        .amenities-header {
            text-align: center;
            margin-bottom: 56px;
        }

        .amenities-eyebrow {
            display: inline-flex;
            align-items: center;
            gap: 12px;
            font-size: 11px;
            font-weight: 600;
            letter-spacing: 4px;
            text-transform: uppercase;
            color: #e30613;
            margin-bottom: 16px;
        }
        .amenities-eyebrow::before,
        .amenities-eyebrow::after {
            content: '';
            display: block;
            width: 32px;
            height: 1px;
            background: #e30613;
        }

        .amenities-title {
            font-family: 'Poppins', sans-serif;
            font-size: 42px;
            font-weight: 400;
            color: #181818;
            margin-bottom: 14px;
            line-height: 1.15;
        }
        .amenities-title span {
            color: #e30613;
            font-style: italic;
        }

        .amenities-subtitle {
            font-size: 13px;
            color: #888;
            letter-spacing: 1px;
            max-width: 460px;
            margin: 0 auto;
            line-height: 1.7;
        }

        /* NEW: category grid – replaces the old .amenities-grid */
        .category-grid {
            max-width: 1200px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 32px;
        }

        /* Category box – card style matching original aesthetic */
        .category-box {
            background: #fff;
            overflow: hidden;
            transition: transform 0.28s ease, box-shadow 0.28s ease;
            display: flex;
            flex-direction: column;
        }
        .category-box:hover {
            transform: translateY(-6px);
            box-shadow: 0 16px 40px rgba(0,0,0,0.10);
        }

        /* Image area – consistent with original card image height */
        .category-box img {
            width: 100%;
            height: 200px;
            object-fit: cover;
            display: block;
            transition: transform 0.4s ease;
        }
        .category-box:hover img {
            transform: scale(1.02);
        }

        /* Content area – border-top accent like original .amenity-body */
        .category-box .content {
            padding: 22px 24px 28px;
            border-top: 3px solid #e30613;
        }

        /* Category heading (with emoji) */
        .category-box h3 {
            font-family: 'Poppins', sans-serif;
            font-size: 18px;
            font-weight: 600;
            letter-spacing: 1px;
            color: #181818;
            margin-bottom: 18px;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        /* Styled list – clean, elegant, with subtle markers */
        .category-box ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .category-box li {
            font-size: 13px;
            color: #555;
            line-height: 1.65;
            margin-bottom: 10px;
            padding-left: 20px;
            position: relative;
            font-weight: 400;
        }
        .category-box li::before {
            content: "—";
            position: absolute;
            left: 0;
            color: #e30613;
            font-weight: 500;
            letter-spacing: 0;
        }

        /* Responsive adjustments */
        @media (max-width: 1000px) {
            .amenities-section {
                padding: 60px 28px;
            }
            .category-grid {
                gap: 28px;
            }
        }
        @media (max-width: 800px) {
            .category-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        @media (max-width: 600px) {
            .amenities-section {
                padding: 44px 18px;
            }
            .amenities-title {
                font-size: 32px;
            }
            .category-grid {
                grid-template-columns: 1fr;
                gap: 24px;
            }
            .category-box .content {
                padding: 18px 20px 22px;
            }
            .category-box h3 {
                font-size: 16px;
            }
        }

        /* Optional: fallback for missing images (graceful) */
        .category-box img {
            background: #e6e2d8;
        }







































        .services-section {
  position: relative;
  padding: 90px 0 100px;
  overflow: hidden;
}

/* full-page bg image with overlay */
.services-bg {
  position: absolute;
  inset: 0;
  background-image: url('../img/servicebg.png');
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-color: #e8e4dc;
  z-index: 0;
}
.services-bg::after {
  content: '';
  position: absolute; inset: 0;
  /* background: rgba(235, 231, 223, 0.82); */
}

.services-wrapper {
  position: relative;
  z-index: 2;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 60px;
}

/* Section header */
.services-header {
  margin-bottom: 50px;
}
.services-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: #e30613;
  margin-bottom: 12px;
}
.services-eyebrow::before {
  content: '';
  width: 28px; height: 1px;
  background: #e30613;
  display: block;
}
.services-title {
  font-family: 'Poppins', sans-serif;
  font-size: 48px;
  font-weight: 400;
  color: #1e1c18;
  line-height: 1.1;
}
.services-title em {
  font-style: italic;
  color: #e30613;
}

/* 3x2 card grid */
.services-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

/* Base card */
.svc-card {
  background: #fff;
  padding: 36px 32px 38px;
  border: 1px solid #ffd6d9;
  transition: background 0.32s ease, border-color 0.32s ease, transform 0.3s, box-shadow 0.3s;
  position: relative;
  overflow: hidden;
}
.svc-card::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 3px;
  background: #e30613;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.32s ease;
}
/* All cards go dark on hover */
.svc-card:hover {
  background: #2c2b27;
  border-color: #2c2b27;
  transform: translateY(-5px);
  box-shadow: 0 14px 36px rgba(0,0,0,0.18);
}
.svc-card:hover::after { transform: scaleX(1); }
.svc-card:hover .svc-card-title { color: #fff; }
.svc-card:hover .svc-card-desc  { color: rgba(255,255,255,0.52); }
.svc-card:hover .svc-card-icon  { border-color: rgba(184,168,130,0.25); }

/* Card icon */
.svc-card-icon {
  width: 42px; height: 42px;
  border: 1px solid #e0dbd2;
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 24px;
  color: #e30613;
  flex-shrink: 0;
  transition: border-color 0.32s ease;
}
.svc-card-icon svg { width: 20px; height: 20px; }

.svc-card-title {
  font-family: 'Poppins', sans-serif;
  font-size: 22px;
  font-weight: 500;
  color: #1e1c18;
  line-height: 1.3;
  margin-bottom: 16px;
  letter-spacing: 0.2px;
  transition: color 0.32s ease;
}
.svc-card-desc {
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  color: #8a8278;
  line-height: 1.85;
  letter-spacing: 0.2px;
  transition: color 0.32s ease;
}


















































             /* Projects section styling */
        .projects-section {
            max-width: 1200px;
            margin: 0 auto;
            padding: 80px 48px;
            background: #fff7f7;
        }

        /* Header (optional but adds context) */
        .section-header {
            text-align: center;
            margin-bottom: 56px;
        }

        .section-eyebrow {
            display: inline-flex;
            align-items: center;
            gap: 12px;
            font-size: 11px;
            font-weight: 600;
            letter-spacing: 4px;
            text-transform: uppercase;
            color: #e30613;
            margin-bottom: 16px;
        }
        .section-eyebrow::before,
        .section-eyebrow::after {
            content: '';
            display: block;
            width: 32px;
            height: 1px;
            background: #e30613;
        }

        .section-title {
            font-family: 'Poppins', sans-serif;
            font-size: 42px;
            font-weight: 400;
            color: #181818;
            margin-bottom: 14px;
            line-height: 1.15;
        }
        .section-title span {
            color: #e30613;
            font-style: italic;
        }

        .section-subtitle {
            font-size: 13px;
            color: #888;
            letter-spacing: 1px;
            max-width: 560px;
            margin: 0 auto;
            line-height: 1.7;
        }

        /* Projects grid */
        .projects-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 32px;
        }

        /* Project card */
        .project-box {
            background: #fff;
            border-radius: 0;
            overflow: hidden;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            cursor: pointer;
        }
        .project-box:hover {
            transform: translateY(-6px);
            box-shadow: 0 20px 35px rgba(0,0,0,0.1);
        }

        .project-box img {
            width: 100%;
            height: 260px;
            object-fit: cover;
            display: block;
            transition: transform 0.4s ease;
        }
        .project-box:hover img {
            transform: scale(1.03);
        }

        .project-info {
            padding: 24px 24px 28px;
            border-top: 3px solid #e30613;
        }

        .project-info h3 {
            font-family: 'Poppins', sans-serif;
            font-size: 20px;
            font-weight: 600;
            color: #181818;
            margin-bottom: 12px;
            letter-spacing: 1px;
        }

        .status {
            display: inline-block;
            font-size: 11px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            padding: 4px 12px;
            border-radius: 20px;
            background: #f0eee8;
            color: #6b5a3e;
        }

        .status.ongoing {
            background: #e9e1d4;
            color: #a37e4c;
            border-left: 3px solid #e30613;
            border-radius: 20px 20px 20px 20px;
        }

        .status.completed {
            background: #e0e6e0;
            color: #2e6b47;
            border-left: 3px solid #2e6b47;
        }

        /* Responsive */
        @media (max-width: 900px) {
            .projects-section {
                padding: 60px 28px;
            }
            .projects-grid {
                gap: 24px;
            }
        }
        @media (max-width: 750px) {
            .projects-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            .section-title {
                font-size: 32px;
            }
        }
        @media (max-width: 550px) {
            .projects-grid {
                grid-template-columns: 1fr;
            }
            .projects-section {
                padding: 44px 20px;
            }
            .project-info h3 {
                font-size: 18px;
            }
        }







































         .why-choose-us {
            max-width: 1200px;
            margin: 0 auto;
            padding: 80px 48px;
            background: #fff7f7;
        }

        /* Header styling – matches previous sections */
        .section-header {
            text-align: center;
            margin-bottom: 56px;
        }

        .section-eyebrow {
            display: inline-flex;
            align-items: center;
            gap: 12px;
            font-size: 11px;
            font-weight: 600;
            letter-spacing: 4px;
            text-transform: uppercase;
            color: #e30613;
            margin-bottom: 16px;
        }
        .section-eyebrow::before,
        .section-eyebrow::after {
            content: '';
            display: block;
            width: 32px;
            height: 1px;
            background: #e30613;
        }

        .section-title {
            font-family: 'Poppins', sans-serif;
            font-size: 42px;
            font-weight: 400;
            color: #181818;
            margin-bottom: 14px;
            line-height: 1.15;
        }
        .section-title span {
            color: #e30613;
            font-style: italic;
        }

        .section-subtitle {
            font-size: 13px;
            color: #888;
            letter-spacing: 1px;
            max-width: 560px;
            margin: 0 auto;
            line-height: 1.7;
        }

        /* Grid layout */
        .features-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 30px;
        }

        /* Feature card */
        .feature-card {
            background: #fff;
            padding: 32px 24px 36px;
            text-align: center;
            transition: transform 0.28s ease, box-shadow 0.28s ease;
            border-bottom: 3px solid transparent;
        }
        .feature-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 16px 35px rgba(0,0,0,0.08);
            border-bottom-color: #e30613;
        }

        /* Icon container */
        .feature-icon {
            width: 80px;
            height: 80px;
            margin: 0 auto 20px;
            background: #f5f0e8;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background 0.25s;
        }
        .feature-card:hover .feature-icon {
            background: #ede5d5;
        }
        .feature-icon svg {
            width: 38px;
            height: 38px;
            stroke: #e30613;
            stroke-width: 1.5;
            fill: none;
            stroke-linecap: round;
            stroke-linejoin: round;
        }

        /* Title and description */
        .feature-card h3 {
            font-family: 'Poppins', sans-serif;
            font-size: 20px;
            font-weight: 600;
            color: #181818;
            margin-bottom: 12px;
            letter-spacing: 1px;
        }
        .feature-card p {
            font-size: 13px;
            color: #777;
            line-height: 1.6;
            margin-top: 8px;
        }

        /* Responsive */
        @media (max-width: 1000px) {
            .features-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 24px;
            }
            .why-choose-us {
                padding: 60px 28px;
            }
        }
        @media (max-width: 700px) {
            .features-grid {
                grid-template-columns: 1fr;
                gap: 20px;
            }
            .section-title {
                font-size: 32px;
            }
            .why-choose-us {
                padding: 44px 20px;
            }
        }








































        /* ══════════════════════════════════════
   LOGO MARQUEE SECTION
══════════════════════════════════════ */
.marquee-section {
  background: #fff;
  padding: 32px 0;
  border-top: 1px solid #ffd6d9;
  border-bottom: 1px solid #ffd6d9;
  overflow: hidden;
}

.marquee-track {
  overflow: hidden;
  width: 100%;
}

.marquee-inner {
  display: flex;
  align-items: center;
  gap: 60px;
  width: max-content;
  animation: marqueeScroll 20s linear infinite;
}

/* Hover pe pause */
.marquee-inner:hover {
  animation-play-state: paused;
}

.marquee-logo {
  height: 80px;        /* 50px → 80px (bada kiya) */
  width: auto;
  object-fit: contain;
  opacity: 1;          /* 0.55 → 1 (poori visible) */
  filter: none;        /* grayscale hata diya */
  transition: opacity 0.3s, filter 0.3s;
  flex-shrink: 0;
}

.marquee-logo:hover {
  opacity: 1;
  filter: none;        /* grayscale hover bhi hata diya */
}

@keyframes marqueeScroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}









































          .gallery-section {
            max-width: 1400px;
            margin: 0 auto;
            padding: 80px 48px;
            background: #fff7f7;
        }

        /* Header styling – matches previous sections */
        .section-header {
            text-align: center;
            margin-bottom: 56px;
        }

        .section-eyebrow {
            display: inline-flex;
            align-items: center;
            gap: 12px;
            font-size: 11px;
            font-weight: 600;
            letter-spacing: 4px;
            text-transform: uppercase;
            color: #e30613;
            margin-bottom: 16px;
        }
        .section-eyebrow::before,
        .section-eyebrow::after {
            content: '';
            display: block;
            width: 32px;
            height: 1px;
            background: #e30613;
        }

        .section-title {
            font-family: 'Poppins', sans-serif;
            font-size: 42px;
            font-weight: 400;
            color: #181818;
            margin-bottom: 14px;
            line-height: 1.15;
        }
        .section-title span {
            color: #e30613;
            font-style: italic;
        }

        .section-subtitle {
            font-size: 13px;
            color: #888;
            letter-spacing: 1px;
            max-width: 560px;
            margin: 0 auto;
            line-height: 1.7;
        }

        /* Gallery Grid */
        .gallery-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
            gap: 28px;
        }

        /* Gallery Item */
        .gallery-item {
            position: relative;
            overflow: hidden;
            cursor: pointer;
            background: #fff;
            box-shadow: 0 5px 15px rgba(0,0,0,0.02);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .gallery-item:hover {
            transform: translateY(-6px);
            box-shadow: 0 20px 30px rgba(0,0,0,0.1);
             
        }

        .gallery-item img {
            width: 100%;
            height: 280px;
            object-fit: cover;
            display: block;
            transition: transform 0.5s ease;
        }
        .gallery-item:hover img {
            transform: scale(1.05);
        }

        /* Overlay with category and subtle accent */
        .gallery-overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
            padding: 20px 16px 12px;
            opacity: 0;
            transition: opacity 0.3s ease;
        }
        .gallery-item:hover .gallery-overlay {
            opacity: 1;
        }
        .gallery-category {
            font-size: 10px;
            letter-spacing: 2px;
            text-transform: uppercase;
            color: #e30613;
            font-weight: 500;
            background: rgba(255,255,255,0.9);
            display: inline-block;
            padding: 3px 8px;
            border-radius: 2px;
        }
        .gallery-caption {
            font-size: 12px;
            color: white;
            margin-top: 6px;
            font-weight: 400;
        }

        /* View All Gallery Button */
      /* ── View All Gallery Button ── */
.gallery-btn-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 48px;
}

.view-all-btn {
  display: inline-flex;
  align-items: center;
  gap: 0;
  text-decoration: none;
  cursor: pointer;
  border: none;
  background: none;
  padding: 0;
  font-family: 'Poppins', sans-serif;
}

.view-all-btn .btn-text {
  background: transparent;
  color: #181818;
  border: 1px solid #181818;
  padding: 13px 32px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  transition: background 0.25s, color 0.25s;
  display: inline-block;
}

.view-all-btn .btn-arrow {
  background: #e30613;
  color: #ffffff;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.25s;
  flex-shrink: 0;
}

.view-all-btn .btn-arrow svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  transition: transform 0.22s;
}

.view-all-btn:hover .btn-text  { background: #181818; color: #fff; }
.view-all-btn:hover .btn-arrow { background: #ff3b45; }
.view-all-btn:hover .btn-arrow svg { transform: translateX(3px); }

        /* LIGHTBOX MODAL */
        .modal {
            display: none;
            position: fixed;
            z-index: 1000;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.9);
            justify-content: center;
            align-items: center;
            cursor: pointer;
        }
        .modal-content {
            max-width: 90%;
            max-height: 90%;
            object-fit: contain;
            border: 2px solid #e30613;
            box-shadow: 0 0 25px rgba(0,0,0,0.5);
        }
        .close-modal {
            position: absolute;
            top: 20px;
            right: 35px;
            color: #fff;
            font-size: 40px;
            font-weight: bold;
            transition: 0.3s;
            cursor: pointer;
            z-index: 1001;
        }
        .close-modal:hover {
            color: #e30613;
        }
        @media (max-width: 700px) {
            .modal-content {
                max-width: 95%;
                max-height: 85%;
            }
            .close-modal {
                top: 15px;
                right: 25px;
                font-size: 32px;
            }
        }

        /* Responsive */
        @media (max-width: 900px) {
            .gallery-section {
                padding: 60px 28px;
            }
            .gallery-grid {
                gap: 20px;
            }
        }
        @media (max-width: 700px) {
            .gallery-grid {
                grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
            }
            .section-title {
                font-size: 32px;
            }
            .gallery-section {
                padding: 44px 20px;
            }
        }
        @media (max-width: 550px) {
            .gallery-item img {
                height: 240px;
            }
        }































    .testimonials-section {
      max-width: 1300px;
      margin: 0 auto;
      padding: 80px 48px;
      background: #fff7f7;
      position: relative;
    }
 
    .testimonials-section::before {
      content: "";
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background-image: radial-gradient(rgba(184,168,130,0.03) 1px, transparent 1px);
      background-size: 24px 24px;
      pointer-events: none;
    }
 
    /* ── Section Header ── */
    .section-header {
      text-align: center;
      margin-bottom: 56px;
      position: relative;
      z-index: 1;
    }
 
    .section-eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 12px;
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 4px;
      text-transform: uppercase;
      color: #e30613;
      margin-bottom: 16px;
    }
    .section-eyebrow::before,
    .section-eyebrow::after {
      content: '';
      display: block;
      width: 32px;
      height: 1px;
      background: #e30613;
    }
 
    .section-title {
      font-family: 'Poppins', sans-serif;
      font-size: 42px;
      font-weight: 400;
      color: #181818;
      margin-bottom: 14px;
      line-height: 1.15;
    }
    .section-title span {
      color: #e30613;
      font-style: italic;
    }
 
    .section-subtitle {
      font-size: 13px;
      color: #888;
      letter-spacing: 1px;
      max-width: 560px;
      margin: 0 auto;
      line-height: 1.7;
    }
 
    /* ── Slider ── */
    .slider-container {
      position: relative;
      overflow: hidden;
      margin: 0 auto;
      z-index: 2;
    }
 
    .slider-track {
      display: flex;
      transition: transform 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1);
      will-change: transform;
      gap: 24px;
    }
 
    /* ── Card ── */
    .testimonial-card {
      flex: 0 0 calc(33.333% - 16px);
      background: #fff;
      overflow: hidden;
      transition: transform 0.28s ease, box-shadow 0.28s ease;
    }
    .testimonial-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 16px 40px rgba(0,0,0,0.10);
    }
 
    /* ── Card Body ── */
    .card-body {
      padding: 22px 22px 26px;
      border-top: 3px solid #e30613;
      display: flex;
      flex-direction: column;
      gap: 12px;
    }
 
    .card-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 4px;
    }
 
    .quote-icon {
      width: 42px;
      height: 42px;
      flex-shrink: 0;
      background: #f5f0e8;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: background 0.25s;
    }
    .testimonial-card:hover .quote-icon { background: #ede5d5; }
    .quote-icon svg {
      width: 18px; height: 18px;
      fill: none;
      stroke: #e30613;
      stroke-width: 1.8;
      stroke-linecap: round;
      stroke-linejoin: round;
    }
 
    .stars {
      font-size: 13px;
      letter-spacing: 2px;
      color: #e30613;
    }
 
    .review-text {
      font-size: 13px;
      line-height: 1.7;
      color: #555;
      margin: 6px 0 4px;
    }
 
    /* ── Client Info ── */
    .client-info {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-top: 8px;
      padding-top: 12px;
      border-top: 1px solid #f0ede8;
    }
 
    /* Initial circle — replaces avatar image */
    .client-initial {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background: #e30613;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      font-family: 'Poppins', sans-serif;
      font-size: 18px;
      font-weight: 600;
      color: #fff;
      letter-spacing: 0;
    }
 
    .client-details h4 {
      font-family: 'Poppins', sans-serif;
      font-size: 12px;
      font-weight: 600;
      letter-spacing: 1px;
      text-transform: uppercase;
      color: #181818;
      margin-bottom: 3px;
    }
    .client-title {
      font-size: 10px;
      color: #e30613;
      letter-spacing: 0.5px;
      text-transform: uppercase;
    }
 
    /* ── Nav Buttons ── */
    .slider-btn {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background: #fff;
      border: 1px solid #e0d8cc;
      width: 40px; height: 40px;
      border-radius: 50%;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.25s;
      z-index: 5;
      box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    }
    .slider-btn:hover { background: #e30613; border-color: #e30613; }
    .slider-btn:hover svg { stroke: #fff; }
    .slider-btn svg {
      width: 18px; height: 18px;
      stroke: #e30613;
      stroke-width: 2;
      fill: none;
      transition: stroke 0.2s;
    }
    .btn-prev { left: 0; }
    .btn-next { right: 0; }
 
    /* ── Dots ── */
    .slider-dots {
      display: flex;
      justify-content: center;
      gap: 12px;
      margin-top: 40px;
    }
    .dot {
      width: 8px; height: 8px;
      border-radius: 50%;
      background: #d6cec0;
      cursor: pointer;
      transition: all 0.2s;
    }
    .dot.active { background: #e30613; transform: scale(1.2); }
 
    /* ── Responsive ── */
    @media (max-width: 1000px) {
      .testimonial-card { flex: 0 0 calc(50% - 12px); }
    }
    @media (max-width: 700px) {
      .testimonials-section { padding: 60px 20px; }
      .section-title { font-size: 32px; }
      .testimonial-card { flex: 0 0 100%; }
      .slider-track { gap: 0; }
      .slider-btn { width: 34px; height: 34px; }
      .btn-prev { left: 5px; }
      .btn-next { right: 5px; }
    }















































          .contact-section {
            max-width: 1200px;
            margin: 0 auto;
            padding: 80px 48px;
            background: #fff7f7;
            position: relative;
        }

        /* subtle texture */
        .contact-section::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: radial-gradient(rgba(184,168,130,0.03) 1px, transparent 1px);
            background-size: 24px 24px;
            pointer-events: none;
        }

        /* header */
        .section-header {
            text-align: center;
            margin-bottom: 56px;
            position: relative;
            z-index: 1;
        }

        .section-eyebrow {
            display: inline-flex;
            align-items: center;
            gap: 12px;
            font-size: 11px;
            font-weight: 600;
            letter-spacing: 4px;
            text-transform: uppercase;
            color: #e30613;
            margin-bottom: 16px;
        }
        .section-eyebrow::before,
        .section-eyebrow::after {
            content: '';
            display: block;
            width: 32px;
            height: 1px;
            background: #e30613;
        }

        .section-title {
            font-family: 'Poppins', sans-serif;
            font-size: 42px;
            font-weight: 400;
            color: #181818;
            margin-bottom: 14px;
            line-height: 1.15;
        }
        .section-title span {
            color: #e30613;
            font-style: italic;
        }

        .section-subtitle {
            font-size: 13px;
            color: #888;
            letter-spacing: 1px;
            max-width: 560px;
            margin: 0 auto;
            line-height: 1.7;
        }

        /* two column layout */
        .contact-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 48px;
            position: relative;
            z-index: 1;
        }

        /* form card */
        .form-card {
            background: #fff;
            padding: 36px 32px;
            border-bottom: 3px solid #e30613;
            transition: transform 0.28s ease, box-shadow 0.28s ease;
        }
        .form-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 16px 40px rgba(0,0,0,0.08);
        }

        .form-card h3 {
            font-family: 'Poppins', sans-serif;
            font-size: 20px;
            font-weight: 600;
            color: #181818;
            margin-bottom: 8px;
            letter-spacing: 1px;
        }
        .form-card p {
            font-size: 13px;
            color: #888;
            margin-bottom: 28px;
            line-height: 1.5;
        }

        .input-group {
            margin-bottom: 20px;
        }
        .input-group input,
        .input-group textarea {
            width: 100%;
            padding: 12px 0;
            background: transparent;
            border: none;
            border-bottom: 1px solid #e0dbd0;
            font-family: 'Poppins', sans-serif;
            font-size: 14px;
            color: #181818;
            transition: border-color 0.25s;
            outline: none;
        }
        .input-group input:focus,
        .input-group textarea:focus {
            border-bottom-color: #e30613;
        }
        .input-group textarea {
            resize: vertical;
            min-height: 80px;
        }
        .input-group input::placeholder,
        .input-group textarea::placeholder {
            color: #bbb;
            font-weight: 300;
        }

        .submit-btn {
            background: transparent;
            border: 1.5px solid #e30613;
            padding: 12px 28px;
            font-family: 'Poppins', sans-serif;
            font-size: 11px;
            font-weight: 600;
            letter-spacing: 2px;
            text-transform: uppercase;
            color: #e30613;
            cursor: pointer;
            transition: all 0.25s;
            margin-top: 8px;
        }
        .submit-btn:hover {
            background: #e30613;
            color: #fff;
        }

        /* right side: contact info */
        .info-card {
            background: #fff;
            padding: 36px 32px;
            border-bottom: 3px solid #e30613;
            transition: transform 0.28s ease, box-shadow 0.28s ease;
            display: flex;
            flex-direction: column;
            gap: 28px;
        }
        .info-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 16px 40px rgba(0,0,0,0.08);
        }

        .info-block {
            display: flex;
            align-items: flex-start;
            gap: 16px;
        }
        .info-icon {
            width: 44px;
            height: 44px;
            background: #f5f0e8;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }
        .info-icon svg {
            width: 20px;
            height: 20px;
            stroke: #e30613;
            stroke-width: 1.5;
            fill: none;
        }
        .info-text h4 {
            font-family: 'Poppins', sans-serif;
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 1px;
            text-transform: uppercase;
            color: #181818;
            margin-bottom: 6px;
        }
        .info-text p {
            font-size: 13px;
            color: #777;
            line-height: 1.5;
        }
        .info-text a {
            color: #ffffff;
            text-decoration: none;
            font-weight: 500;
        }
        a.email {
            color: #e30613;
        }
        

        .call-button {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            background: #e30613;
            color: #ffffff;
            padding: 12px 28px;
            font-size: 13px;
            font-weight: 600;
            letter-spacing: 1px;
            text-decoration: none;
            text-transform: uppercase;
            transition: background 0.25s;
            width: fit-content;
            margin-top: 8px;
        }
        .call-button:hover {
            background: #9b7e58;
        }
        .call-button svg {
            width: 16px;
            height: 16px;
            stroke: #fff;
            stroke-width: 1.8;
            fill: none;
        }

        /* responsive */
        @media (max-width: 850px) {
            .contact-section {
                padding: 60px 28px;
            }
            .contact-grid {
                grid-template-columns: 1fr;
                gap: 32px;
            }
            .section-title {
                font-size: 32px;
            }
        }
        @media (max-width: 550px) {
            .contact-section {
                padding: 44px 20px;
            }
            .form-card, .info-card {
                padding: 28px 20px;
            }
            .info-block {
                flex-direction: column;
                align-items: center;
                text-align: center;
            }
            .call-button {
                align-self: center;
            }
        }


































  .footer {
            background: #1e1e1e;
            color: #ddd;
            position: relative;
            overflow: hidden;
        }

        .footer::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: radial-gradient(rgba(184,168,130,0.05) 1px, transparent 1px);
            background-size: 30px 30px;
            pointer-events: none;
        }

        .footer-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 70px 48px 50px;
            position: relative;
            z-index: 1;
        }

        /* Fixed 4-column grid on desktop */
        .footer-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 50px;
        }

        .footer-box h3 {
            font-family: 'Poppins', sans-serif;
            font-size: 22px;
            font-weight: 600;
            color: #e30613;
            margin-bottom: 24px;
            letter-spacing: 1px;
            position: relative;
            display: inline-block;
        }
        .footer-box h3::after {
            content: '';
            position: absolute;
            bottom: -8px;
            left: 0;
            width: 45px;
            height: 2px;
            background: #e30613;
            transition: width 0.3s ease;
        }
        .footer-box:hover h3::after {
            width: 70px;
        }

        .footer-logo {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 20px;
        }
        .footer-logo .logo-icon {
            width: 45px;
            height: 45px;
            background: rgba(184,168,130,0.15);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s;
        }
        .footer-logo .logo-icon svg {
            width: 26px;
            height: 26px;
            stroke: #e30613;
            stroke-width: 1.6;
            fill: none;
        }
        .footer-logo span {
            font-family: 'Poppins', sans-serif;
            font-size: 26px;
            font-weight: 700;
            color: #e30613;
            letter-spacing: 2px;
        }
        .footer-box p {
            font-size: 14px;
            line-height: 1.7;
            color: #aaa;
            margin-top: 15px;
        }

        .footer-box ul {
            list-style: none;
        }
        .footer-box ul li {
            margin-bottom: 12px;
        }
        .footer-box ul li a {
            color: #bbb;
            text-decoration: none;
            font-size: 14px;
            transition: all 0.25s;
            display: inline-block;
            position: relative;
        }
        .footer-box ul li a::before {
            content: '';
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 0;
            height: 1px;
            background: #e30613;
            transition: width 0.25s;
        }
        .footer-box ul li a:hover {
            color: #e30613;
        }
        .footer-box ul li a:hover::before {
            width: 100%;
        }

        /* Contact items */
        .contact-item {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 16px;
            transition: transform 0.2s;
        }
        .contact-item:hover {
            transform: translateX(5px);
        }
        .contact-icon {
            width: 36px;
            height: 36px;
            background: rgba(184,168,130,0.1);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            transition: background 0.25s;
        }
        .contact-item:hover .contact-icon {
            background: rgba(184,168,130,0.2);
        }
        .contact-icon svg {
            width: 16px;
            height: 16px;
            stroke: #e30613;
            stroke-width: 1.6;
            fill: none;
        }
        .contact-text p, .contact-text a {
            margin: 0;
            font-size: 14px;
            color: #ccc;
            line-height: 1.4;
            text-decoration: none;
        }
        .contact-text a:hover {
            color: #e30613;
        }

        /* Social Icons */
        .social-links {
            display: flex;
            gap: 18px;
            margin-top: 30px;
        }
        .social-links a {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 38px;
            height: 38px;
            border-radius: 50%;
            background: rgba(184,168,130,0.1);
            transition: all 0.3s;
        }
        .social-links a svg {
            width: 18px;
            height: 18px;
            stroke: #e30613;
            stroke-width: 1.5;
            fill: none;
        }
        .social-links a:hover {
            background: #e30613;
            transform: translateY(-3px);
        }
        .social-links a:hover svg {
            stroke: #1e1e1e;
        }

        /* Footer Bottom */
        .footer-bottom {
            text-align: center;
            margin-top: 60px;
            padding-top: 30px;
            border-top: 1px solid rgba(184,168,130,0.2);
            font-size: 12px;
            letter-spacing: 1px;
            color: #888;
        }
        .footer-bottom p {
            font-size: 12px;
        }

        /* Responsive: switch to single column on smaller screens */
        @media (max-width: 850px) {
            .footer-container {
                padding: 60px 30px 40px;
            }
            .footer-grid {
                grid-template-columns: 1fr;
                gap: 40px;
                text-align: center;
            }
            .footer-box h3::after {
                left: 50%;
                transform: translateX(-50%);
            }
            .footer-logo {
                justify-content: center;
            }
            .contact-item {
                justify-content: center;
            }
            .social-links {
                justify-content: center;
            }
        }
/* Viaan Infra update */
.navbar-logo img,.footer-logo img{max-height:70px;width:auto;object-fit:contain;}
.bld-hero-subtitle{max-width:780px;margin:15px auto 0;color:#fff;font-size:18px;line-height:1.6;}
.project-caption{font-weight:700;text-align:center;}


/* Viaan Infra red brand theme update */
:root{
  --viaan-red:#e30613;
  --viaan-red-dark:#b8000a;
  --viaan-red-soft:#fff2f3;
  --viaan-dark:#181818;
  --viaan-text:#222222;
}
html, body{font-family:'Poppins', Arial, sans-serif !important;background:#ffffff;color:var(--viaan-text);}
h1,h2,h3,h4,h5,h6,.bld-hero-title,.hero-title,.section-title,.about-title{font-family:'Poppins', Arial, sans-serif !important;font-weight:800;letter-spacing:-0.03em;}
p,li,a,span,button,input,textarea,select{font-family:'Poppins', Arial, sans-serif !important;}
.nav-logo img,.footer-logo img{max-height:82px;object-fit:contain;}
.navbar,.nav-header,.header,.main-header{background:#ffffff !important;border-color:#ffd6d9 !important;box-shadow:0 8px 28px rgba(227,6,19,.08) !important;}
.nav-menu a,.nav-link,.mobile-menu a{color:var(--viaan-dark) !important;font-weight:600;}
.nav-menu a:hover,.nav-link:hover,.nav-menu .active,.nav-link.active{color:var(--viaan-red) !important;}
.bld-hero,.hero,.main-hero,.page-banner,.banner,.inner-banner{background-color:var(--viaan-dark) !important;}
.bld-hero::before,.hero::before,.main-hero::before,.page-banner::before,.banner::before{background:linear-gradient(90deg,rgba(24,24,24,.88),rgba(227,6,19,.55),rgba(24,24,24,.25)) !important;}
.bld-hero-overlay,.hero-overlay,.banner-overlay{background:linear-gradient(90deg,rgba(24,24,24,.86),rgba(227,6,19,.52)) !important;}
.bld-hero-title,.hero-title,.banner-title{color:#ffffff !important;text-shadow:0 4px 18px rgba(0,0,0,.35);}
.bld-hero-subtitle,.hero-subtitle,.banner-subtitle{color:#ffe2e4 !important;}
.btn,.button,.theme-btn,.primary-btn,.read-more,.cta-btn,button[type='submit'],input[type='submit']{background:var(--viaan-red) !important;color:#ffffff !important;border-color:var(--viaan-red) !important;border-radius:6px !important;font-weight:700 !important;box-shadow:0 10px 24px rgba(227,6,19,.22) !important;}
.btn:hover,.button:hover,.theme-btn:hover,.primary-btn:hover,.read-more:hover,.cta-btn:hover,button[type='submit']:hover,input[type='submit']:hover{background:var(--viaan-red-dark) !important;border-color:var(--viaan-red-dark) !important;color:#ffffff !important;}
a{color:var(--viaan-red);} a:hover{color:var(--viaan-red-dark);}
.section-label,.eyebrow,.about-hero-eyebrow,.subtitle,.tagline,.logo-tagline{color:var(--viaan-red) !important;font-weight:700 !important;}
.title-underline,.section-title:after,.heading-line,.divider,.bld-hero-divider{background:var(--viaan-red) !important;border-color:var(--viaan-red) !important;}
.card,.project-card,.service-card,.feature-card,.faq-item,.amenity-card,.blog-card,.contact-card,.team-card{border-color:#ffd6d9 !important;box-shadow:0 12px 32px rgba(227,6,19,.08) !important;}
.card:hover,.project-card:hover,.service-card:hover,.feature-card:hover,.blog-card:hover{box-shadow:0 18px 44px rgba(227,6,19,.16) !important;transform:translateY(-3px);}
.icon,.service-icon,.feature-icon,.contact-icon,i{color:var(--viaan-red) !important;}
footer,.footer{background:#181818 !important;color:#ffffff !important;}
footer a,.footer a{color:#ffe2e4 !important;} footer a:hover,.footer a:hover{color:#ffffff !important;}
footer h1,footer h2,footer h3,footer h4,.footer h1,.footer h2,.footer h3,.footer h4{color:#ffffff !important;}
.footer-bottom,.copyright{border-color:rgba(227,6,19,.35) !important;}
.social-icon, .social a{background:rgba(227,6,19,.12) !important;color:#ffffff !important;border-color:rgba(227,6,19,.35) !important;}
.social-icon:hover,.social a:hover{background:var(--viaan-red) !important;}
input:focus,textarea:focus,select:focus{border-color:var(--viaan-red) !important;box-shadow:0 0 0 3px rgba(227,6,19,.12) !important;outline:none;}
.badge,.counter,.count,.project-status,.highlight{background:var(--viaan-red-soft) !important;color:var(--viaan-red) !important;border-color:#ffd6d9 !important;}
::selection{background:var(--viaan-red);color:#ffffff;}