@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");

 :root {
     --paper: #F6F1E7;
     --paper-dim: #EFE8D8;
     --ink: #172038;
     --ink-soft: #3A4260;
     --gold: #B8863C;
     --gold-deep: #8C6423;
     --red: #8B2E2E;
     --green: #3F5E4A;
     --text: #4A4640;
     --line: #D8CEB3;
     --white: #FFFDF8;
       --itr-navy: #16233F;
    --itr-navy-deep: #0D1729;
    --itr-gold: #B7924A;
    --itr-gold-light: #E4CFA0;
    --itr-cream: #FAF7F0;
    --itr-ink: #23283A;
    --itr-muted: #6B7280;
    --itr-line: rgba(22,35,63,0.10);
    --navy: #0B3C5D;
  --navy-dark: #071f33;
  --navy-mid: #0d4a72;
  --gold: #D4AF37;
  --gold-light: #f0d060;
  --gold-dark: #b8960c;
  --white: #ffffff;
  --off-white: #f8f6f0;
  --light-gray: #f2f4f7;
  --text-dark: #0d1b2a;
  --text-mid: #3a4a5c;
  --text-light: #6b7c93;
  --red-alert: #c0392b;
  --green-ok: #1a7f5a;
  --border: rgba(11,60,93,0.12);
  --shadow-sm: 0 2px 12px rgba(11,60,93,0.08);
  --shadow-md: 0 8px 32px rgba(11,60,93,0.14);
  --shadow-lg: 0 20px 60px rgba(11,60,93,0.18);
  --shadow-gold: 0 8px 30px rgba(212,175,55,0.25);
  --radius: 16px;
  --radius-sm: 10px;
  --transition: 0.3s cubic-bezier(0.4,0,0.2,1);
 }

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

 html {
     scroll-behavior: smooth;
 }

 body {
     background: var(--paper);
     color: var(--text);
     font-family: 'IBM Plex Sans', sans-serif;
     line-height: 1.55;
     -webkit-font-smoothing: antialiased;
 }

 h1,
 h2,
 h3 {
     font-family: 'Source Serif 4', serif;
     color: var(--ink);
     font-weight: 700;
     line-height: 1.15;
         text-transform: capitalize;
 }

 .mono {
     font-family: 'IBM Plex Mono', monospace;
 }

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

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

 .wrap {
     max-width: 1120px;
     margin: 0 auto;
     padding: 0 24px;
 }

 .eyebrow {
     font-family: 'Inter', system-ui, sans-serif;
    font-size: 14.5px;
    text-transform: uppercase;
    color: #8b2e2e;
    font-weight: 700;
 }

 /* ---------- NAV ---------- */
 header {
     position: sticky;
     top: 0;
     z-index: 50;
     background: rgba(246, 241, 231, .92);
     backdrop-filter: blur(6px);
     border-bottom: 1px solid var(--line);
 }

 nav {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 14px 24px;
     max-width: 1120px;
     margin: 0 auto;
 }

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

 .brand-mark {
     width: 34px;
     height: 34px;
     border-radius: 3px;
     background: var(--ink);
     display: flex;
     align-items: center;
     justify-content: center;
     color: var(--paper);
     font-family: 'Source Serif 4', serif;
     font-weight: 700;
     font-size: 16px;
 }

 .brand-name {
     font-family: 'Source Serif 4', serif;
     font-weight: 700;
     font-size: 17px;
     color: var(--ink);
 }

 .brand-name span {
     color: var(--gold-deep);
 }

 .nav-right {
     display: flex;
     align-items: center;
     gap: 18px;
 }

 .nav-phone {
     font-family: 'IBM Plex Mono', monospace;
     font-size: 13.5px;
     color: var(--ink-soft);
     display: none;
 }

 .btn {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     padding: 11px 20px;
     border-radius: 2px;
     font-weight: 600;
     font-size: 14px;
     cursor: pointer;
     border: 1px solid transparent;
     transition: transform .15s ease, box-shadow .15s ease;
         border-radius: 30px;
 }

 .btn-primary {
     background: var(--red);
     color: var(--white);
     border-radius: 30px;
 }

 .btn-primary:hover {
     transform: translateY(-1px);
     box-shadow: 0 4px 14px rgba(139, 46, 46, .28);
 }

 .btn-ghost {
     border-color: var(--ink);
     color: var(--ink);
 }

 @media(min-width:720px) {
     .nav-phone {
         display: block;
     }
 }

 /* ---------- HERO ---------- */
 .hero {
     padding: 56px 24px 40px;
 }

 .hero-grid {
     max-width: 1120px;
     margin: 0 auto;
     display: grid;
     grid-template-columns: 1.1fr .9fr;
     gap: 48px;
     align-items: center;
 }

 @media(max-width:900px) {
     .hero-grid {
         grid-template-columns: 1fr;
     }
 }

 .hero h1 {
     font-size: clamp(30px, 4.2vw, 46px);
     margin: 14px 0 16px;
 }

 .hero h1 em {
     font-style: normal;
    color: #8b2e2e;
    border-bottom: 3px solid #8b2e2e;
 }

 .hero p.lede {
     font-size: 17px;
     color: var(--ink-soft);
     max-width: 480px;
     margin-bottom: 26px;
 }

 .hero-cta-row {
     display: flex;
     gap: 14px;
     flex-wrap: wrap;
     align-items: center;
 }

 .hero-note {
     margin-top: 14px;
     font-size: 13px;
     color: var(--ink-soft);
     display: flex;
     gap: 8px;
     align-items: center;
 }

 /* --- Receipt card (signature element) --- */
    .receipt-top .r-label {
      font-size: 11px;
      letter-spacing: .1em;
    }

    .receipt-top .r-id {
      font-size: 13px;
      margin-top: 4px;
    }

 .stamp {
     width: 74px;
     height: 74px;
     border-radius: 50%;
     border: 2.5px solid var(--red);
     color: var(--red);
     display: flex;
     align-items: center;
     justify-content: center;
     text-align: center;
     font-family: 'IBM Plex Mono', monospace;
     font-size: 10.5px;
     font-weight: 600;
     transform: rotate(-9deg);
     line-height: 1.25;
     letter-spacing: .03em;
     flex-shrink: 0;
 }

 .receipt-row {
     display: flex;
     justify-content: space-between;
     font-size: 13.5px;
     padding: 6px 0;
     border-bottom: 1px dotted var(--line);
 }

 .receipt-row .k {
     color: var(--ink-soft);
 }

 .receipt-row .v {
     font-family: 'IBM Plex Mono', monospace;
     font-weight: 500;
     color: var(--ink);
 }

 .countdown-box {
     margin-top: 18px;
     background: var(--ink);
     color: var(--paper);
     padding: 16px 18px;
     display: flex;
     justify-content: space-between;
     align-items: center;
     gap: 10px;
 }

 .countdown-box .cd-label {
     font-size: 11.5px;
     font-family: 'IBM Plex Mono', monospace;
     letter-spacing: .08em;
     color: #C9C1A6;
 }

 .cd-digits {
     display: flex;
     gap: 14px;
 }

 .cd-unit {
     text-align: center;
 }

 .cd-unit .num {
     font-family: 'IBM Plex Mono', monospace;
     font-size: 22px;
     font-weight: 600;
     color: var(--gold);
 }

 .cd-unit .lbl {
     font-size: 9.5px;
     letter-spacing: .1em;
     text-transform: uppercase;
     color: #A9A28A;
 }

 .barcode {
     height: 22px;
     margin-top: 16px;
     background-image: repeating-linear-gradient(90deg, var(--ink) 0 2px, transparent 2px 4px, var(--ink) 4px 5px, transparent 5px 9px, var(--ink) 9px 12px, transparent 12px 14px);
     opacity: .85;
 }

 /* ---------- TRUST STRIP ---------- */
 .trust-strip {
     background: var(--ink);
     color: var(--paper);
     padding: 26px 24px;
 }

 .trust-inner {
     max-width: 1120px;
     margin: 0 auto;
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 20px;
     text-align: center;
 }

 @media(max-width:720px) {
     .trust-inner {
         grid-template-columns: repeat(2, 1fr);
     }
 }

 .trust-inner .num {
     font-family: 'Source Serif 4', serif;
     font-size: clamp(22px, 3vw, 30px);
     color: var(--gold);
     font-weight: 700;
 }

 .trust-inner .lbl {
     font-size: 12px;
     color: #C9C1A6;
     letter-spacing: .02em;
     margin-top: 4px;
 }

 /* ---------- SECTION GENERIC ---------- */
 section.block {
     padding: 72px 24px;
 }

 .block h2 {
     font-size: clamp(24px, 3vw, 34px);
     margin: 10px 0 12px;
 }

 .block .sub {
   color: var(--ink-soft);
    font-size: 15.5px;
    max-width: 800px;
    margin: 20px auto;
 }

 .section-head {
     max-width: 1120px;
        margin: auto;
    text-align: center;
 }

 /* ---------- SERVICES ---------- */
 .services-grid {
     max-width: 1120px;
     margin: 0 auto;
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 16px;
 }

 @media(max-width:900px) {
     .services-grid {
         grid-template-columns: repeat(2, 1fr);
     }
 }

 @media(max-width:520px) {
     .services-grid {
         grid-template-columns: 1fr;
     }
 }

 .svc-card {
        background: var(--white);
    border: 2px solid #1b5f87;
    padding: 22px 20px;
    transition: border-color .15s ease, transform .15s ease;
    border-radius: 9px;

 }

 .svc-card:hover {
     border-color: var(--gold);
     transform: translateY(-3px);
 }

 .svc-card .tag {
    font-family: 'Inter', system-ui, sans-serif;
    font-size: 13px;
    color: #8b2e2e;
    letter-spacing: .05em;
    font-weight: 700;
 }

 .svc-card h3 {
     font-size: 17px;
     margin: 8px 0 8px;
     font-weight: 600;
 }

 .svc-card p {
     font-size: 13.5px;
     color: var(--ink-soft);
 }

 /* ---------- PROCESS ---------- */
 .process-wrap {
     max-width: 1120px;
     margin: 0 auto;
     position: relative;
 }

 .process-list {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 0;
 }

 @media(max-width:900px) {
     .process-list {
         grid-template-columns: 1fr;
         gap: 20px;
     }
 }

 .proc-step {
     position: relative;
     padding: 0 18px 0 0;
     border-left: 2px solid var(--line);
 }

 .proc-step:first-child {
     border-left: 2px solid var(--gold);
 }

 .proc-step .step-inner {
     padding: 0 0 0 20px;
 }

 .proc-num {
     font-family: 'IBM Plex Mono', monospace;
     font-size: 13px;
     color: var(--gold-deep);
     font-weight: 600;
     margin-bottom: 6px;
 }

 .proc-step h3 {
     font-size: 16px;
     margin-bottom: 6px;
 }

 .proc-step p {
     font-size: 13.5px;
     color: var(--ink-soft);
 }

 /* ---------- WHY TRUST ---------- */
 .why-grid {
     max-width: 1120px;
     margin: 0 auto;
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 16px;
 }

 @media(max-width:720px) {
     .why-grid {
         grid-template-columns: 1fr;
     }
 }

 .why-item {
     display: flex;
     gap: 14px;
     padding: 18px 4px;
     border-bottom: 1px solid var(--line);
 }

 .why-check {
     width: 26px;
     height: 26px;
     border-radius: 50%;
     background: var(--green);
     color: var(--white);
     flex-shrink: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 13px;
     font-weight: 700;
 }

 .why-item h3 {
     font-size: 15.5px;
     font-weight: 600;
     margin-bottom: 3px;
 }

 .why-item p {
     font-size: 13.5px;
     color: var(--ink-soft);
 }

 /* ---------- TESTIMONIALS ---------- */
 .test-grid {
     max-width: 1120px;
     margin: 0 auto;
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 18px;
 }

 @media(max-width:900px) {
     .test-grid {
         grid-template-columns: 1fr;
     }
 }

 .test-card {
     background: var(--white);
     border: 1px solid var(--line);
     padding: 22px 20px;
 }

 .test-card .quote {
     font-size: 14.5px;
     color: var(--ink-soft);
     margin-bottom: 16px;
     font-style: italic;
 }

 .test-who {
     display: flex;
     justify-content: space-between;
     align-items: center;
     border-top: 1px dashed var(--line);
     padding-top: 12px;
 }

 .test-who .name {
     font-weight: 600;
     font-size: 13.5px;
     color: var(--ink);
 }

 .test-who .role {
     font-size: 12px;
     color: var(--gold-deep);
     font-family: 'IBM Plex Mono', monospace;
 }

 /* ---------- FAQ ---------- */
 .faq-wrap {
     max-width: 800px;
     margin: 0 auto;
 }

 .faq-item {
     border-bottom: 1px solid var(--line);
 }

 .faq-q {
     width: 100%;
     text-align: left;
     background: none;
     border: none;
     cursor: pointer;
     padding: 18px 0;
     display: flex;
     justify-content: space-between;
     align-items: center;
     font-family: 'IBM Plex Sans', sans-serif;
     font-size: 15.5px;
     font-weight: 600;
     color: var(--ink);
 }

 .faq-q .plus {
     font-family: 'IBM Plex Mono', monospace;
     color: var(--gold-deep);
     font-size: 18px;
     transition: transform .2s ease;
 }

 .faq-item.open .faq-q .plus {
     transform: rotate(45deg);
 }

 .faq-a {
     max-height: 0;
     overflow: hidden;
     transition: max-height .25s ease;
 }

 .faq-a p {
     padding-bottom: 18px;
     font-size: 14px;
     color: var(--ink-soft);
 }

 /* ---------- FINAL CTA + FORM ---------- */
 .cta-block {
     background: var(--ink);
     padding: 64px 24px;
 }

 .cta-inner {
     max-width: 1120px;
     margin: 0 auto;
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 48px;
     align-items: start;
 }

 @media(max-width:900px) {
     .cta-inner {
         grid-template-columns: 1fr;
     }
 }

 .cta-inner h2 {
     color: var(--paper);
     font-size: clamp(24px, 3vw, 32px);
 }

 .cta-inner .sub {
     color: #C9C1A6;
     margin-bottom: 24px;
     max-width: 440px;
 }

 .cta-list {
     list-style: none;
     margin-top: 20px;
 }

 .cta-list li {
     display: flex;
     gap: 10px;
     color: #D8D2BB;
     font-size: 14px;
     padding: 6px 0;
     align-items: center;
 }

 .cta-list li::before {
     content: "—";
     color: var(--gold);
 }

 .form-card {
     background: var(--white);
     padding: 26px 24px;
     border-top: 4px solid var(--gold);
 }

 .form-card h3 {
     font-size: 18px;
     margin-bottom: 4px;
 }

 .form-card .form-sub {
     font-size: 13px;
     color: var(--ink-soft);
     margin-bottom: 18px;
 }

 .form-row {
     margin-bottom: 14px;
 }

 .form-row label {
     display: block;
     font-size: 12.5px;
     font-weight: 600;
     color: var(--ink);
     margin-bottom: 5px;
 }

 .form-row input,
 .form-row select {
     width: 100%;
     padding: 11px 12px;
     border: 1px solid var(--line);
     background: var(--paper);
     font-family: 'IBM Plex Sans', sans-serif;
     font-size: 14px;
     color: var(--ink);
 }

 .form-row input:focus,
 .form-row select:focus {
     outline: 2px solid var(--gold);
     outline-offset: 1px;
 }

 .form-submit {
     width: 100%;
     justify-content: center;
     padding: 13px;
     font-size: 14.5px;
     margin-top: 6px;
 }

 .form-secure {
     margin-top: 12px;
     font-size: 11.5px;
     color: var(--ink-soft);
     text-align: center;
 }

 /* ---------- FOOTER ---------- */
 footer {
     background: #101729;
     color: #8B8670;
     padding: 36px 24px 90px;
     font-size: 13px;
 }

 .foot-inner {
     max-width: 1120px;
     margin: 0 auto;
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
     gap: 16px;
 }

 footer a {
     color: #B8A98A;
 }

 /* ---------- STICKY WHATSAPP ---------- */
 .sticky-cta {
     position: fixed;
     bottom: 0;
     left: 0;
     right: 0;
     z-index: 60;
     background: var(--white);
     border-top: 1px solid var(--line);
     padding: 12px 16px;
     display: flex;
     gap: 10px;
     box-shadow: 0 -6px 18px rgba(0, 0, 0, .08);
 }

 .sticky-cta .btn {
     flex: 1;
     justify-content: center;
 }

 @media(min-width:720px) {
     .sticky-cta {
         display: none;
     }
 }

 :focus-visible {
     outline: 2px solid var(--gold);
     outline-offset: 2px;
 }

 @media (prefers-reduced-motion: reduce) {
     * {
         transition: none !important;
     }
 }

 .logo-text img {
     width: 70%;
 }

 /*=========form captcha css start==========*/
 .cta-inner-add {
     max-width: 1120px !important;
 }

 .hero-card {
     background: rgba(255, 255, 255, .06);
     backdrop-filter: blur(12px);
     border: 1px solid rgba(255, 255, 255, .1);
     border-radius: var(--radius-lg);
     padding: 32px;
     display: flex;
     flex-direction: column;
     gap: 4px;
 }

 .hero-card {
     background: rgba(255, 255, 255, .06);
     backdrop-filter: blur(12px);
     border: 1px solid rgba(255, 255, 255, .1);
     border-radius: 8px;
     padding: 32px;
     display: flex;
     flex-direction: column;
     gap: 4px
 }

 .hcard-title {
     font-family: var(--font-serif);
     font-size: 19px;
     color: #fff;
     font-weight: 500;
     margin-bottom: 6px
 }

 .hcard-sub {
     font-size: 12.5px;
     color: rgba(255, 255, 255, .45);
     margin-bottom: 20px
 }

 .hcard-form input,
 .hcard-form select {
     width: 100%;
     padding: 11px 14px;
     background: rgba(255, 255, 255, .07);
     border: 1px solid rgba(255, 255, 255, .12);
     border-radius: 8px;
     color: #fff;
     font-family: var(--font-sans);
     font-size: 13px;
     outline: none;
     margin-bottom: 10px;
     transition: border-color var(--transition)
 }

 .hcard-form input::placeholder {
     color: rgba(255, 255, 255, .3)
 }

 .hcard-form select option {
     background: #162840;
     color: #fff
 }

 .hcard-form input:focus,
 .hcard-form select:focus {
     border-color: var(--green)
 }

 .hcard-form .btn-primary {
     width: 100%;
     justify-content: center;
     margin-top: 4px
 }

 .hcard-note {
     font-size: 11px;
     color: rgba(255, 255, 255, .3);
     text-align: center;
     margin-top: 10px
 }

 .btn-primary-add {
     width: 100%;
     justify-content: center;
     margin-top: 4px;
 }

 .btn-primary-add:hover {
     background:#0c9e23;
     transform: translateY(-2px);
 }
 .btn-primary-add{padding: 14px 20px;
    border-radius: 6px;
    border: unset;
}
.captcha-code {
    flex: 1;
    background: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 10px 14px;
    text-align: center;
    font-weight: bold;
    letter-spacing: 3px;
    user-select: none;
    margin-bottom: 10px;
    font-size: 14px;
}
.captcha-box {
    display: flex;
    gap: 10px;
    align-items: center;
}
/*============review css start=============*/
.itr-reviews-section *{
    box-sizing: border-box;
  }

  .itr-reviews-section{
    background: var(--itr-cream);
    background-image:
      radial-gradient(circle at 12% 8%, rgba(183,146,74,0.07), transparent 42%),
      radial-gradient(circle at 92% 88%, rgba(22,35,63,0.06), transparent 40%);
    padding: 88px 24px;
    font-family: 'Inter', sans-serif;
    color: var(--itr-ink);
  }

  .itr-reviews-container{
    max-width: 1180px;
    margin: 0 auto;
  }

  .itr-reviews-header{
    text-align: center;
    max-width: 640px;
    margin: 0 auto 56px auto;
  }

  .itr-reviews-eyebrow{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12.5px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--itr-gold);
    font-weight: 600;
    margin-bottom: 18px;
  }

  .itr-reviews-eyebrow::before,
  .itr-reviews-eyebrow::after{
    content: "";
    width: 22px;
    height: 1px;
    background: var(--itr-gold);
  }

  .itr-reviews-title{
    font-family: 'Lora', serif;
    font-weight: 600;
    font-size: clamp(28px, 4vw, 40px);
    line-height: 1.25;
    color: var(--itr-navy-deep);
    margin: 0 0 14px 0;
  }

  .itr-reviews-subtitle{
    font-size: 15.5px;
    color: var(--itr-muted);
    line-height: 1.6;
    margin: 0;
  }

  .itr-reviews-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
  }

  .itr-review-card{
    position: relative;
    background: #FFFFFF;
    border: 1px solid var(--itr-line);
    border-radius: 14px;
    padding: 32px 28px 26px 28px;
    display: flex;
    flex-direction: column;
    gap: 18px;
    transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
  }

  .itr-review-card:hover{
    transform: translateY(-4px);
    box-shadow: 0 18px 40px -18px rgba(13,23,41,0.28);
    border-color: rgba(183,146,74,0.35);
  }

  .itr-review-seal{
    position: absolute;
    top: 24px;
    right: 24px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1.5px solid var(--itr-gold-light);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--itr-gold);
    font-size: 15px;
  }

  .itr-review-stars{
    display: flex;
    gap: 3px;
    font-size: 16px;
    color: var(--itr-gold);
    letter-spacing: 1px;
  }

  .itr-star-empty{
    color: rgba(183,146,74,0.28);
  }

  .itr-review-quote{
    font-size: 15px;
    line-height: 1.68;
    color: var(--itr-ink);
    margin: 0;
    flex-grow: 1;
  }

  .itr-review-divider{
    height: 1px;
    background: var(--itr-line);
    width: 100%;
  }

  .itr-review-person{
    display: flex;
    flex-direction: column;
    gap: 2px;
  }

  .itr-review-name{
    font-family: 'Lora', serif;
    font-weight: 600;
    font-size: 15.5px;
    color: var(--itr-navy-deep);
  }

  .itr-review-role{
    font-size: 12.5px;
    color: var(--itr-muted);
    line-height: 1.5;
  }

  /* Responsive */
  @media (max-width: 980px){
    .itr-reviews-grid{
      grid-template-columns: repeat(2, 1fr);
    }
  }

  @media (max-width: 660px){
    .itr-reviews-section{
      padding: 64px 18px;
    }
    .itr-reviews-grid{
      grid-template-columns: 1fr;
      gap: 20px;
    }
    .itr-reviews-header{
      margin-bottom: 40px;
    }
  }

  @media (prefers-reduced-motion: reduce){
    .itr-review-card{
      transition: none;
    }
  }
  .lin-color{color: #006feb;}

  /* ---------- FOOTER (3-column) ---------- */
    footer.full {
      background: #101729;
      color: #8B8670;
      padding: 56px 24px 100px;
      font-size: 13.5px;
    }

    .footer-grid {
      max-width: 1120px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1.4fr 1fr 1fr;
      gap: 36px;
      padding-bottom: 34px;
      border-bottom: 1px solid rgba(139, 134, 112, .2);
    }

    @media(max-width:800px) {
      .footer-grid {
        grid-template-columns: 1fr;
        gap: 30px;
      }
    }

    .footer-grid .f-brand {
      font-family: 'Source Serif 4', serif;
      font-size: 18px;
      color: var(--paper);
      font-weight: 700;
      margin-bottom: 10px;
    }

    .footer-grid .f-brand span {
      color: var(--gold);
    }

    .footer-grid p {
      line-height: 1.6;
      margin-bottom: 14px;
      max-width: 300px;
    }

    .footer-grid .f-contact {
      display: flex;
      flex-direction: column;
      gap: 6px;
    }

    .footer-grid .f-contact a {
      color: #B8A98A;
    }

    .footer-col h4 {
      font-family: 'IBM Plex Mono', monospace;
      font-size: 11.5px;
      letter-spacing: .1em;
      text-transform: uppercase;
      color: var(--gold);
      margin-bottom: 14px;
      font-weight: 600;
    }

    .footer-col ul {
      list-style: none;
    }

    .footer-col li {
      margin-bottom: 9px;
    }

    .footer-col a {
      color: #B8A98A;
      transition: color .15s ease;
    }

    .footer-col a:hover {
      color: var(--gold);
    }

    .footer-bottom {
      max-width: 1120px;
      margin: 22px auto 0;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 12px;
      font-size: 12px;
      color: #6E6A57;
    }

    .footer-disclaimer {
      max-width: 1120px;
      margin: 14px auto 0;
      font-size: 11.5px;
      line-height: 1.6;
      color: #5C5847;
    }

    /* ---------- TRUSTED BY (client roster) ---------- */
    .trusted-grid {
      max-width: 1120px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 16px;
    }

    @media(max-width:900px) {
      .trusted-grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    @media(max-width:560px) {
      .trusted-grid {
        grid-template-columns: 1fr;
      }
    }

    .trusted-card {
      background: var(--white);
      border: 1px solid var(--line);
      border-left: 3px solid var(--gold);
      padding: 18px 20px;
      display: flex;
      gap: 14px;
      align-items: flex-start;
    }

    .trusted-initial {
      width: 42px;
      height: 42px;
      border-radius: 50%;
      background: var(--ink);
      color: var(--gold);
      font-family: 'Source Serif 4', serif;
      font-weight: 700;
      font-size: 16px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }

    .trusted-card h3 {
      font-size: 15px;
      margin-bottom: 3px;
      font-weight: 600;
    }

    .trusted-card .desig {
      font-size: 12.5px;
      color: var(--gold-deep);
      font-family: 'IBM Plex Mono', monospace;
      line-height: 1.4;
      margin-bottom: 6px;
    }

    .trusted-card .svc-used {
      font-size: 12.5px;
      color: var(--ink-soft);
    }

    footer a {
      color: #B8A98A;
    }

    /* ---------- STICKY WHATSAPP ---------- */
    .sticky-cta {
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 60;
      background: var(--white);
      border-top: 1px solid var(--line);
      padding: 12px 16px;
      display: flex;
      gap: 10px;
      box-shadow: 0 -6px 18px rgba(0, 0, 0, .08);
    }

    .sticky-cta .btn {
      flex: 1;
      justify-content: center;
    }

    @media(min-width:720px) {
      .sticky-cta {
        display: none;
      }
    }

    :focus-visible {
      outline: 2px solid var(--gold);
      outline-offset: 2px;
    }

    @media (prefers-reduced-motion: reduce) {
      * {
        transition: none !important;
      }
    }
    .footer-log-in img{background-color: #ffffff;
    width: 47%;
    padding: 10px;
    border-radius: 10px;}

    /* ============================================================
   FLOATING BUTTONS
============================================================ */
.floating-buttons{position:fixed;bottom:28px;right:24px;z-index:999;display:flex;flex-direction:column;gap:12px;align-items:flex-end}
.float-btn{display:flex;align-items:center;gap:10px;border-radius:50px;padding:12px 18px;font-size:.85rem;font-weight:700;box-shadow:0 6px 24px rgba(0,0,0,0.2);transition:var(--transition);cursor:pointer}
.float-btn:hover{transform:translateX(-4px) scale(1.03)}
.float-wa{background:linear-gradient(135deg,#25D366,#1ebe5d);color:#fff}
.float-call{background:#0d4a72;color:#fff}
.float-btn i{font-size:1rem}
.float-btn .float-text{display:none}
@media(min-width:768px){.float-btn .float-text{display:block}}
    .nav-phone {
        display: block;
        background: #1b5f87;
        color: #ffffff;
        padding: 12px 20px;
        border-radius: 30px;
    }
.receipt-top img{width: 100%;}
.wilful-add{margin: auto;}
/*==========scroll animation css start===========*/
.reveal {
        opacity: 0;
        transform: translateY(36px);
        transition: opacity .75s cubic-bezier(.16, .84, .44, 1), transform .75s cubic-bezier(.16, .84, .44, 1);
        will-change: opacity, transform;
    }

    .reveal.is-visible {
        opacity: 1;
        transform: translateY(0);
    }

    .reveal .svc-card,
    .reveal .why-item,
    .reveal .proc-step,
    .reveal .faq-item,
    .reveal .itr-review-card,
    .trust-inner.reveal>div {
        opacity: 0;
        transform: translateY(26px);
        transition: opacity .6s ease, transform .6s ease;
    }

    .reveal.is-visible .svc-card,
    .reveal.is-visible .why-item,
    .reveal.is-visible .proc-step,
    .reveal.is-visible .faq-item,
    .reveal.is-visible .itr-review-card,
    .trust-inner.reveal.is-visible>div {
        opacity: 1;
        transform: translateY(0);
    }

    .reveal.is-visible .svc-card:nth-child(1),
    .reveal.is-visible .why-item:nth-child(1),
    .reveal.is-visible .proc-step:nth-child(1),
    .reveal.is-visible .faq-item:nth-child(1),
    .reveal.is-visible .itr-review-card:nth-child(1),
    .trust-inner.reveal.is-visible>div:nth-child(1) {
        transition-delay: .05s;
    }

    .reveal.is-visible .svc-card:nth-child(2),
    .reveal.is-visible .why-item:nth-child(2),
    .reveal.is-visible .proc-step:nth-child(2),
    .reveal.is-visible .faq-item:nth-child(2),
    .reveal.is-visible .itr-review-card:nth-child(2),
    .trust-inner.reveal.is-visible>div:nth-child(2) {
        transition-delay: .1s;
    }

    .reveal.is-visible .svc-card:nth-child(3),
    .reveal.is-visible .why-item:nth-child(3),
    .reveal.is-visible .proc-step:nth-child(3),
    .reveal.is-visible .faq-item:nth-child(3),
    .reveal.is-visible .itr-review-card:nth-child(3),
    .trust-inner.reveal.is-visible>div:nth-child(3) {
        transition-delay: .15s;
    }

    .reveal.is-visible .svc-card:nth-child(4),
    .reveal.is-visible .why-item:nth-child(4),
    .reveal.is-visible .proc-step:nth-child(4),
    .reveal.is-visible .faq-item:nth-child(4),
    .reveal.is-visible .itr-review-card:nth-child(4),
    .trust-inner.reveal.is-visible>div:nth-child(4) {
        transition-delay: .2s;
    }

    .reveal.is-visible .svc-card:nth-child(5),
    .reveal.is-visible .why-item:nth-child(5),
    .reveal.is-visible .itr-review-card:nth-child(5) {
        transition-delay: .25s;
    }

    .reveal.is-visible .svc-card:nth-child(6),
    .reveal.is-visible .why-item:nth-child(6) {
        transition-delay: .3s;
    }

    .reveal.is-visible .svc-card:nth-child(7) {
        transition-delay: .35s;
    }

    .reveal.is-visible .svc-card:nth-child(8) {
        transition-delay: .4s;
    }

    @media (prefers-reduced-motion: reduce) {

        .reveal,
        .reveal .svc-card,
        .reveal .why-item,
        .reveal .proc-step,
        .reveal .faq-item,
        .reveal .itr-review-card,
        .trust-inner.reveal>div {
            transition: none !important;
            opacity: 1 !important;
            transform: none !important;
        }
    }

    .nav-phone i{
    display:inline-block;
    transform-origin:70% 70%;
    animation:ring 2s ease-in-out infinite;
}

@keyframes ring{
    0%,
    100%{
        transform:rotate(0deg);
    }

    2%{
        transform:rotate(25deg);
    }

    4%{
        transform:rotate(-25deg);
    }

    6%{
        transform:rotate(20deg);
    }

    8%{
        transform:rotate(-20deg);
    }

    10%{
        transform:rotate(15deg);
    }

    12%{
        transform:rotate(-15deg);
    }

    14%{
        transform:rotate(10deg);
    }

    16%{
        transform:rotate(0deg);
    }
}
.hero-card-return{background: #1e5e7e;}
.hcard-form-return input, .hcard-form select {background-color: rgb(255 255 255 / 27%);}
/* ============================================================
   FINAL CTA
============================================================ */
.final-cta{background:#172038;padding:100px 0;text-align:center;position:relative;overflow:hidden}
.final-cta::before{content:'';position:relative;inset:0;background-image:radial-gradient(circle,rgba(212,175,55,0.06) 1px,transparent 1px);background-size:28px 28px}
.final-cta-headline{font-family:'Playfair Display',serif;font-size:clamp(2rem,4.5vw,3.2rem);font-weight:900;color:var(--white);line-height:1.15;margin-bottom:18px}
.final-cta-headline .gold{color:var(--gold)}
.final-cta-sub{font-size:1.05rem;color:rgba(255,255,255,.7);margin-bottom:42px;max-width:745px;margin-left:auto;margin-right:auto;line-height:1.7}
.final-cta-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:40px}
.final-trust{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}
.final-trust-item{display:flex;align-items:center;gap:8px;font-size:.82rem;color:rgba(255,255,255,.55)}
.final-trust-item i{color:var(--gold);font-size:.85rem}
.btn-whatsapp {
    background: linear-gradient(135deg, #25D366, #1ebe5d);
    color: #fff;
}
.btn-outline:hover {
    background: var(--gold);
    color: var(--navy-dark);
}
.btn-outline {
    border: 2px solid var(--gold);
    color: var(--gold);
    padding: 12px 26px;
}
.final-trust-item i {
    color: #D4AF37;
    font-size: .85rem;
}