:root{
      --spx-primary:#0B60A5; /* primary */
      --spx-secondary:#292a2a; /* secondary & text */
      --spx-text:#292a2a;
      --spx-light:#f5f8fb;
      --spx-accent:#0a84ff20;
      --contact-primary:#0B60A5; --contact-dark:#292a2a; --contact-light:#f5f8fb;
      --internet-primary:#0B60A5; --internet-dark:#292a2a; --internet-light:#f5f8fb;
      --tv-primary:#0B60A5; --tv-dark:#292a2a; --tv-light:#f5f8fb;
      --phone-primary:#0B60A5; --phone-dark:#292a2a; --phone-light:#f5f8fb;
      --privacy-primary:#0B60A5; --privacy-dark:#292a2a; --privacy-light:#f5f8fb;
      --terms-primary:#0B60A5; --terms-dark:#292a2a; --terms-light:#f5f8fb;
      --refund-primary:#0B60A5; --refund-dark:#292a2a; --refund-light:#f5f8fb;
      --disclaimer-primary:#0B60A5; --disclaimer-dark:#292a2a; --disclaimer-light:#f5f8fb;
      --cancel-primary:#0B60A5; --cancel-dark:#292a2a; --cancel-light:#f5f8fb;
      --cookie-primary:#0B60A5; --cookie-dark:#292a2a; --cookie-light:#f5f8fb;
      --faq-primary:#0B60A5; --faq-dark:#292a2a; --faq-light:#f5f8fb;
      --packages-primary:#0B60A5; --packages-dark:#292a2a; --packages-light:#f5f8fb;
      --spx-floatcall-primary:#0B60A5;   /* brand blue */
  --spx-floatcall-dark:#292a2a;
  --spx-floatcall-text:#ffffff;
  --spx-floatcall-shadow: 0 8px 24px rgba(11,96,165,.35), 0 2px 8px rgba(0,0,0,.18);
  --spx-offer-primary:#0B60A5;
    --spx-offer-dark:#292a2a;
    --spx-offer-light:#f3f7fc;
    --spx-offer-radius:18px;
    }
    body{color:var(--spx-text);} 
    .btn-primary{--bs-btn-bg:var(--spx-primary);--bs-btn-border-color:var(--spx-primary);--bs-btn-hover-bg:#094f87;--bs-btn-hover-border-color:#094f87}
    .btn-outline-primary{--bs-btn-color:var(--spx-primary);--bs-btn-border-color:var(--spx-primary);--bs-btn-hover-bg:var(--spx-primary);--bs-btn-hover-border-color:var(--spx-primary)}
    .text-primary{color:var(--spx-primary)!important}
    .bg-primary-gradient{background:radial-gradient(1000px 600px at 90% -10%, #2f86cf40, transparent 60%), linear-gradient(160deg, #0b60a5 0%, #0a5794 35%, #084c82 100%);}
    .topbar{background:var(--spx-secondary); color:#fff; font-size:.9rem}
    .topbar a{color:#fff;text-decoration:none}
    .navbar-brand b{letter-spacing:.5px}
    .retailer-badge{font-size:.70rem; background:#e9f4ff; color:#0b60a5; border:1px solid #b7dbff; padding:.15rem .45rem; border-radius:999px; display:inline-flex; align-items:center; gap:.35rem}
    .retailer-badge .dot{width:6px;height:6px;background:#0b60a5;border-radius:50%}

    /* Hero */
    .hero{color:#fff; position:relative; overflow:hidden}
    .hero .container{position:relative; z-index:2}
    .hero-wave{position:absolute;inset:auto 0 -1px 0;height:80px;/* background:linear-gradient( to bottom, #0a4f8e 0%, #fff 100% ); */clip-path:polygon(0 0,100% 0,100% 100%,0 60%);}  
    .check-list li{display:flex; gap:.6rem; align-items:flex-start; margin:.35rem 0}
    .check-list i{font-size:1.1rem}

    /* Cards */
    .shadow-soft{box-shadow:0 .25rem 1.25rem rgba(0,0,0,.06)}
    .icon-pill{width:40px;height:40px;border-radius:999px;display:inline-grid;place-items:center;background:#eef6ff;color:var(--spx-primary)}
    .feature-card:hover{transform:translateY(-4px); box-shadow:0 .5rem 2rem rgba(0,0,0,.12)}
    .feature-card{transition:.25s ease}

    /* Packages */
    .price{font-size:2.1rem; font-weight:700; color:var(--spx-primary)}
    .pkg-card{border:1px solid #e7edf4;}
    .pkg-card .card-header{background:#f8fbff}

    /* Sections */
    section{scroll-margin-top:6rem}
    .section-light{background:var(--spx-light)}

    /* Footer */
    .footer{background:var(--spx-secondary); color:#c9d2da}
    .footer a{color:#e7f1ff; text-decoration:none}
    .footer .list-unstyled li{margin-bottom:.4rem}

    /* Utilities */
    .badge-dot{display:inline-flex;align-items:center;gap:.4rem}
    .badge-dot .dot{width:8px;height:8px;border-radius:999px;background:#28a745}
    .w-48{width:48px}
    .rounded-2xl{border-radius:1rem}
      /* === Additions per feedback === */
    .form-title{color:var(--spx-secondary)!important}
    .faq-title{font-size:2.25rem; font-weight:800}
    .section-cta{background:linear-gradient(135deg, #0B60A5 0%, #084c82 100%); color:#fff}
    .card-img-top{height:200px; object-fit:cover}
    .content-img{background:#e7f1ff; display:grid; place-items:center}
    .about-hero{background:linear-gradient(160deg, #0b60a5 0%, #0a5794 35%, #084c82 100%); color:#fff; position:relative; overflow:hidden}
    .about-hero .about-wave{position:absolute; inset:auto 0 -1px 0; height:70px; background:linear-gradient(to bottom, #0a4f8e 0%, #fff 100%); clip-path:polygon(0 0,100% 0,100% 100%,0 55%)}
    .about-breadcrumb a{color:#e3f1ff; text-decoration:none}

    .about-badge{font-size:.75rem; background:#e9f4ff; color:#0b60a5; border:1px solid #b7dbff; padding:.2rem .55rem; border-radius:999px; display:inline-flex; align-items:center; gap:.35rem}
    .about-badge .about-dot{width:6px;height:6px;background:#0b60a5;border-radius:50%}

    .about-section{scroll-margin-top:6rem}
    .about-section-light{background:var(--about-light)}

    .about-card{border:1px solid #e7edf4; border-radius:1rem; background:#fff; box-shadow:0 .25rem 1.25rem rgba(0,0,0,.06)}
    .about-card:hover{transform:translateY(-2px); box-shadow:0 .5rem 1.75rem rgba(0,0,0,.12)}
    .about-icon{width:42px;height:42px;border-radius:999px;display:inline-grid;place-items:center;background:#eef6ff;color:var(--about-primary)}

    .about-title{color:var(--about-dark)}
    .about-subtext{color:#64717f}

    .about-values li{display:flex; gap:.6rem; align-items:flex-start; margin:.35rem 0}
    .about-values i{color:var(--about-primary)}

    .about-timeline{position:relative}
    .about-timeline::before{content:""; position:absolute; left:18px; top:0; bottom:0; width:2px; background:#d9e6f6}
    .about-tl-item{position:relative; padding-left:3.25rem; margin-bottom:1.5rem}
    .about-tl-dot{position:absolute; left:10px; top:.2rem; width:18px;height:18px;border-radius:50%; background:#fff; border:3px solid var(--about-primary)}

    .about-cta{background:linear-gradient(135deg, #0B60A5 0%, #084c82 100%); color:#fff; border-radius:1rem}
    .about-cta .btn-light{--bs-btn-color:#0B60A5}

    .about-faq .accordion-button{font-weight:600}

    .about-faq-title{font-size:2.25rem; font-weight:800}

    .about-img-cover{height:100%; min-height:280px; background:#e7f1ff; border-radius:1rem; display:grid; place-items:center}
    .about-img{max-width:100%; border-radius:1rem}
    .accordion-button { font-size: 1.3rem; font-weight: 600;}
    .contact-hero{background:linear-gradient(160deg, #0b60a5 0%, #0a5794 35%, #084c82 100%); color:#fff}
    .contact-crumb a{color:#e3f1ff; text-decoration:none}
    .contact-badge{font-size:.75rem; background:#e9f4ff; color:#0b60a5; border:1px solid #b7dbff; padding:.2rem .55rem; border-radius:999px; display:inline-flex; align-items:center; gap:.35rem}
    .contact-badge .dot{width:6px;height:6px;background:#0b60a5;border-radius:50%}

    .contact-section{scroll-margin-top:6rem}
    .contact-section-light{background:var(--contact-light)}

    .contact-card{border:1px solid #e7edf4; border-radius:1rem; background:#fff; box-shadow:0 .25rem 1.25rem rgba(0,0,0,.06)}
    .contact-icon{width:42px;height:42px;border-radius:999px;display:inline-grid;place-items:center;background:#eef6ff;color:var(--contact-primary)}

    .contact-title{color:var(--contact-dark)}
    .contact-subtext{color:#64717f}

    .contact-cta{background:linear-gradient(135deg, #0B60A5 0%, #084c82 100%); color:#fff; border-radius:1rem}
    .contact-cta .btn-light{--bs-btn-color:#0B60A5}

    .contact-form .form-label{font-weight:600}
    .contact-form .form-text{color:#6b7785}

    .contact-hours li{display:flex; justify-content:space-between; gap:1rem; border-bottom:1px dashed #e5eef7; padding:.35rem 0}

    .contact-bullets li{display:flex; gap:.6rem; align-items:flex-start; margin:.35rem 0}
    .contact-bullets i{color:var(--contact-primary)}
     .internet-hero{background:linear-gradient(160deg, #0b60a5 0%, #0a5794 35%, #084c82 100%); color:#fff; position:relative; overflow:hidden}
    .internet-badge{font-size:.75rem; background:#e9f4ff; color:#0b60a5; border:1px solid #b7dbff; padding:.2rem .55rem; border-radius:999px; display:inline-flex; align-items:center; gap:.35rem}
    .internet-badge .dot{width:6px;height:6px;background:#0b60a5;border-radius:50%}
    .internet-crumb a{color:#e3f1ff; text-decoration:none}

    .internet-section{scroll-margin-top:6rem}
    .internet-section-light{background:var(--internet-light)}

    .internet-card{border:1px solid #e7edf4; border-radius:1rem; background:#fff; box-shadow:0 .25rem 1.25rem rgba(0,0,0,.06)}
    .internet-card:hover{transform:translateY(-3px); box-shadow:0 .65rem 1.9rem rgba(0,0,0,.12)}
    .internet-icon{width:42px;height:42px;border-radius:999px;display:inline-grid;place-items:center;background:#eef6ff;color:var(--internet-primary)}

    .internet-title{color:var(--internet-dark)}
    .internet-sub{color:#64717f}

    .internet-price{font-size:2.1rem; font-weight:700; color:var(--internet-primary)}
    .internet-plan .card-header{background:#f8fbff}

    .internet-img{border-radius:1rem; width:100%; height:auto; box-shadow:0 .25rem 1.25rem rgba(0,0,0,.06)}
    .internet-img-ph{background:#e7f1ff; border-radius:1rem; height:100%; min-height:280px; display:grid; place-items:center}

    .internet-compare{border-radius:1rem; overflow:hidden}
    .internet-compare th{background:#eff6ff}
    .internet-compare td, .internet-compare th{border-color:#e6eef6}

    .internet-cta{background:linear-gradient(135deg, #0B60A5 0%, #084c82 100%); color:#fff; border-radius:1rem}
    .internet-cta .btn-light{--bs-btn-color:#0B60A5}

    .internet-faq-title{font-size:2.25rem; font-weight:800}
    .internet-form-title{color:var(--internet-dark)}

    .internet-bullets li{display:flex; gap:.6rem; align-items:flex-start; margin:.35rem 0}
    .internet-bullets i{color:var(--internet-primary)}

    .internet-badge-mini{display:inline-flex; align-items:center; gap:.5rem; background:#e9f4ff; border:1px solid #b7dbff; color:#0b60a5; padding:.2rem .5rem; border-radius:999px; font-size:.7rem}
    .form-label {
    color: #252323;
}
.tv-hero{background:linear-gradient(160deg, #0b60a5 0%, #0a5794 35%, #084c82 100%); color:#fff; position:relative; overflow:hidden}
    .tv-crumb a{color:#e3f1ff; text-decoration:none}
    .tv-badge{font-size:.75rem; background:#e9f4ff; color:#0b60a5; border:1px solid #b7dbff; padding:.2rem .55rem; border-radius:999px; display:inline-flex; align-items:center; gap:.35rem}
    .tv-badge .dot{width:6px;height:6px;background:#0b60a5;border-radius:50%}

    .tv-section{scroll-margin-top:6rem}
    .tv-section-light{background:var(--tv-light)}

    .tv-card{border:1px solid #e7edf4; border-radius:1rem; background:#fff; box-shadow:0 .25rem 1.25rem rgba(0,0,0,.06)}
    .tv-card:hover{transform:translateY(-3px); box-shadow:0 .65rem 1.9rem rgba(0,0,0,.12)}
    .tv-icon{width:42px;height:42px;border-radius:999px;display:inline-grid;place-items:center;background:#eef6ff;color:var(--tv-primary)}

    .tv-title{color:var(--tv-dark)}
    .tv-sub{color:#64717f}

    .tv-price{font-size:1.05rem; color:var(--tv-dark)}
    .tv-plan .card-header{background:#f8fbff}
    .tv-badge-mini{display:inline-flex; align-items:center; gap:.5rem; background:#e9f4ff; border:1px solid #b7dbff; color:#0b60a5; padding:.2rem .5rem; border-radius:999px; font-size:.7rem}

    .tv-img{border-radius:1rem; width:100%; height:auto; box-shadow:0 .25rem 1.25rem rgba(0,0,0,.06)}

    .tv-compare{border-radius:1rem; overflow:hidden}
    .tv-compare th{background:#eff6ff}
    .tv-compare td, .tv-compare th{border-color:#e6eef6}

    .tv-cta{background:linear-gradient(135deg, #0B60A5 0%, #084c82 100%); color:#fff; border-radius:1rem}
    .tv-cta .btn-light{--bs-btn-color:#0B60A5}

    .tv-faq-title{font-size:2.25rem; font-weight:800}
    .tv-form-title{color:var(--tv-dark)}

    .tv-bullets li{display:flex; gap:.6rem; align-items:flex-start; margin:.35rem 0}
    .tv-bullets i{color:var(--tv-primary)}

    .tv-imgbox .card-img-top{height:200px; object-fit:cover}

     .phone-hero{background:linear-gradient(160deg, #0b60a5 0%, #0a5794 35%, #084c82 100%); color:#fff; position:relative; overflow:hidden}
    .phone-crumb a{color:#e3f1ff; text-decoration:none}
    .phone-badge{font-size:.75rem; background:#e9f4ff; color:#0b60a5; border:1px solid #b7dbff; padding:.2rem .55rem; border-radius:999px; display:inline-flex; align-items:center; gap:.35rem}
    .phone-badge .dot{width:6px;height:6px;background:#0b60a5;border-radius:50%}

    .phone-section{scroll-margin-top:6rem}
    .phone-section-light{background:var(--phone-light)}

    .phone-card{border:1px solid #e7edf4; border-radius:1rem; background:#fff; box-shadow:0 .25rem 1.25rem rgba(0,0,0,.06)}
    .phone-card:hover{transform:translateY(-3px); box-shadow:0 .65rem 1.9rem rgba(0,0,0,.12)}
    .phone-icon{width:42px;height:42px;border-radius:999px;display:inline-grid;place-items:center;background:#eef6ff;color:var(--phone-primary)}

    .phone-title{color:var(--phone-dark)}
    .phone-sub{color:#64717f}

    .phone-cta{background:linear-gradient(135deg, #0B60A5 0%, #084c82 100%); color:#fff; border-radius:1rem}
    .phone-cta .btn-light{--bs-btn-color:#0B60A5}

    .phone-img{border-radius:1rem; width:100%; height:auto; box-shadow:0 .25rem 1.25rem rgba(0,0,0,.06)}

    .phone-compare{border-radius:1rem; overflow:hidden}
    .phone-compare th{background:#eff6ff}
    .phone-compare td, .phone-compare th{border-color:#e6eef6}

    .phone-faq-title{font-size:2.25rem; font-weight:800}
    .phone-form-title{color:var(--phone-dark)}

    .phone-bullets li{display:flex; gap:.6rem; align-items:flex-start; margin:.35rem 0}
    .phone-bullets i{color:var(--phone-primary)}

    .phone-imgbox .card-img-top{height:200px; object-fit:cover}

      .privacy-hero{background:linear-gradient(160deg, #0b60a5 0%, #0a5794 35%, #084c82 100%); color:#fff}
    .privacy-crumb a{color:#e3f1ff; text-decoration:none}
    .privacy-badge{font-size:.75rem; background:#e9f4ff; color:#0b60a5; border:1px solid #b7dbff; padding:.2rem .55rem; border-radius:999px; display:inline-flex; align-items:center; gap:.35rem}
    .privacy-badge .dot{width:6px;height:6px;background:#0b60a5;border-radius:50%}

    .privacy-section{scroll-margin-top:6rem}
    .privacy-section-light{background:var(--privacy-light)}

    .privacy-card{border:1px solid #e7edf4; border-radius:1rem; background:#fff; box-shadow:0 .25rem 1.25rem rgba(0,0,0,.06)}
    .privacy-title{color:var(--privacy-dark)}
    .privacy-sub{color:#64717f}

    .privacy-toc .list-group-item{border-color:#e7edf4}
    .privacy-toc .list-group-item:hover{background:#f7fbff}

    .privacy-chip{border:1px solid #b7dbff; background:#e9f4ff; color:#0b60a5; padding:.25rem .65rem; border-radius:999px; font-size:.85rem; display:inline-flex; align-items:center; gap:.35rem}

    .privacy-table th{background:#eff6ff}
    .privacy-table td, .privacy-table th{border-color:#e6eef6}

    .privacy-cta{background:linear-gradient(135deg, #0B60A5 0%, #084c82 100%); color:#fff; border-radius:1rem}
    .privacy-cta .btn-light{--bs-btn-color:#0B60A5}

    .privacy-kicker{font-size:.9rem; letter-spacing:.04em; text-transform:uppercase; color:#cfe6ff}
    .privacy-updated{font-size:.95rem; color:#cfe6ff}

    .privacy-note{background:#fff7e6; border:1px solid #ffe4b5}

     .terms-hero{background:linear-gradient(160deg, #0b60a5 0%, #0a5794 35%, #084c82 100%); color:#fff}
    .terms-crumb a{color:#e3f1ff; text-decoration:none}
    .terms-badge{font-size:.75rem; background:#e9f4ff; color:#0b60a5; border:1px solid #b7dbff; padding:.2rem .55rem; border-radius:999px; display:inline-flex; align-items:center; gap:.35rem}
    .terms-badge .dot{width:6px;height:6px;background:#0b60a5;border-radius:50%}

    .terms-section{scroll-margin-top:6rem}
    .terms-section-light{background:var(--terms-light)}

    .terms-card{border:1px solid #e7edf4; border-radius:1rem; background:#fff; box-shadow:0 .25rem 1.25rem rgba(0,0,0,.06)}
    .terms-title{color:var(--terms-dark)}
    .terms-sub{color:#64717f}

    .terms-toc .list-group-item{border-color:#e7edf4}
    .terms-toc .list-group-item:hover{background:#f7fbff}

    .terms-kicker{font-size:.9rem; letter-spacing:.04em; text-transform:uppercase; color:#cfe6ff}
    .terms-updated{font-size:.95rem; color:#cfe6ff}

    .terms-note{background:#fff7e6; border:1px solid #ffe4b5}

    .terms-cta{background:linear-gradient(135deg, #0B60A5 0%, #084c82 100%); color:#fff; border-radius:1rem}
    .terms-cta .btn-light{--bs-btn-color:#0B60A5}

    .terms-num h3{counter-increment:section;}
    .terms-num h3::before{content: counter(section) '. '; color:#0B60A5; font-weight:800}
    .terms-num{counter-reset:section}

    .terms-table th{background:#eff6ff}
    .terms-table td, .terms-table th{border-color:#e6eef6}

    .refund-hero{background:linear-gradient(160deg, #0b60a5 0%, #0a5794 35%, #084c82 100%); color:#fff}
    .refund-crumb a{color:#e3f1ff; text-decoration:none}
    .refund-badge{font-size:.75rem; background:#e9f4ff; color:#0b60a5; border:1px solid #b7dbff; padding:.2rem .55rem; border-radius:999px; display:inline-flex; align-items:center; gap:.35rem}
    .refund-badge .dot{width:6px;height:6px;background:#0b60a5;border-radius:50%}

    .refund-section{scroll-margin-top:6rem}
    .refund-section-light{background:var(--refund-light)}

    .refund-card{border:1px solid #e7edf4; border-radius:1rem; background:#fff; box-shadow:0 .25rem 1.25rem rgba(0,0,0,.06)}
    .refund-title{color:var(--refund-dark)}
    .refund-sub{color:#64717f}

    .refund-toc .list-group-item{border-color:#e7edf4}
    .refund-toc .list-group-item:hover{background:#f7fbff}

    .refund-note{background:#fff7e6; border:1px solid #ffe4b5}

    .refund-table th{background:#eff6ff}
    .refund-table td, .refund-table th{border-color:#e6eef6}

    .refund-cta{background:linear-gradient(135deg, #0B60A5 0%, #084c82 100%); color:#fff; border-radius:1rem}
    .refund-cta .btn-light{--bs-btn-color:#0B60A5}

    .refund-kicker{font-size:.9rem; letter-spacing:.04em; text-transform:uppercase; color:#cfe6ff}
    .refund-updated{font-size:.95rem; color:#cfe6ff}

     .disclaimer-hero{background:linear-gradient(160deg, #0b60a5 0%, #0a5794 35%, #084c82 100%); color:#fff}
    .disclaimer-crumb a{color:#e3f1ff; text-decoration:none}
    .disclaimer-badge{font-size:.75rem; background:#e9f4ff; color:#0b60a5; border:1px solid #b7dbff; padding:.2rem .55rem; border-radius:999px; display:inline-flex; align-items:center; gap:.35rem}
    .disclaimer-badge .dot{width:6px;height:6px;background:#0b60a5;border-radius:50%}

    .disclaimer-section{scroll-margin-top:6rem}
    .disclaimer-section-light{background:var(--disclaimer-light)}

    .disclaimer-card{border:1px solid #e7edf4; border-radius:1rem; background:#fff; box-shadow:0 .25rem 1.25rem rgba(0,0,0,.06)}
    .disclaimer-title{color:var(--disclaimer-dark)}
    .disclaimer-sub{color:#64717f}

    .disclaimer-toc .list-group-item{border-color:#e7edf4}
    .disclaimer-toc .list-group-item:hover{background:#f7fbff}

    .disclaimer-note{background:#fff7e6; border:1px solid #ffe4b5}

    .disclaimer-cta{background:linear-gradient(135deg, #0B60A5 0%, #084c82 100%); color:#fff; border-radius:1rem}
    .disclaimer-cta .btn-light{--bs-btn-color:#0B60A5}

    .disclaimer-kicker{font-size:.9rem; letter-spacing:.04em; text-transform:uppercase; color:#cfe6ff}
    .disclaimer-updated{font-size:.95rem; color:#cfe6ff}

    .disclaimer-table th{background:#eff6ff}
    .disclaimer-table td, .disclaimer-table th{border-color:#e6eef6}

    .cancel-hero{background:linear-gradient(160deg, #0b60a5 0%, #0a5794 35%, #084c82 100%); color:#fff}
    .cancel-crumb a{color:#e3f1ff; text-decoration:none}
    .cancel-badge{font-size:.75rem; background:#e9f4ff; color:#0b60a5; border:1px solid #b7dbff; padding:.2rem .55rem; border-radius:999px; display:inline-flex; align-items:center; gap:.35rem}
    .cancel-badge .dot{width:6px;height:6px;background:#0b60a5;border-radius:50%}

    .cancel-section{scroll-margin-top:6rem}
    .cancel-section-light{background:var(--cancel-light)}

    .cancel-card{border:1px solid #e7edf4; border-radius:1rem; background:#fff; box-shadow:0 .25rem 1.25rem rgba(0,0,0,.06)}
    .cancel-title{color:var(--cancel-dark)}
    .cancel-sub{color:#64717f}

    .cancel-toc .list-group-item{border-color:#e7edf4}
    .cancel-toc .list-group-item:hover{background:#f7fbff}

    .cancel-note{background:#fff7e6; border:1px solid #ffe4b5}

    .cancel-cta{background:linear-gradient(135deg, #0B60A5 0%, #084c82 100%); color:#fff; border-radius:1rem}
    .cancel-cta .btn-light{--bs-btn-color:#0B60A5}

    .cancel-kicker{font-size:.9rem; letter-spacing:.04em; text-transform:uppercase; color:#cfe6ff}
    .cancel-updated{font-size:.95rem; color:#cfe6ff}

    .cancel-table th{background:#eff6ff}
    .cancel-table td, .cancel-table th{border-color:#e6eef6}

    

    .cookie-hero{background:linear-gradient(160deg, #0b60a5 0%, #0a5794 35%, #084c82 100%); color:#fff}
    .cookie-crumb a{color:#e3f1ff; text-decoration:none}
    .cookie-badge{font-size:.75rem; background:#e9f4ff; color:#0b60a5; border:1px solid #b7dbff; padding:.2rem .55rem; border-radius:999px; display:inline-flex; align-items:center; gap:.35rem}
    .cookie-badge .dot{width:6px;height:6px;background:#0b60a5;border-radius:50%}

    .cookie-section{scroll-margin-top:6rem}
    .cookie-section-light{background:var(--cookie-light)}

    .cookie-card{border:1px solid #e7edf4; border-radius:1rem; background:#fff; box-shadow:0 .25rem 1.25rem rgba(0,0,0,.06)}
    .cookie-title{color:var(--cookie-dark)}
    .cookie-sub{color:#64717f}

    .cookie-toc .list-group-item{border-color:#e7edf4}
    .cookie-toc .list-group-item:hover{background:#f7fbff}

    .cookie-note{background:#fff7e6; border:1px solid #ffe4b5}

    .cookie-cta{background:linear-gradient(135deg, #0B60A5 0%, #084c82 100%); color:#fff; border-radius:1rem}
    .cookie-cta .btn-light{--bs-btn-color:#0B60A5}

    .cookie-kicker{font-size:.9rem; letter-spacing:.04em; text-transform:uppercase; color:#cfe6ff}
    .cookie-updated{font-size:.95rem; color:#cfe6ff}

    .cookie-table th{background:#eff6ff}
    .cookie-table td, .cookie-table th{border-color:#e6eef6}

    .cookie-chip{border:1px solid #b7dbff; background:#e9f4ff; color:#0b60a5; padding:.25rem .65rem; border-radius:999px; font-size:.85rem; display:inline-flex; align-items:center; gap:.35rem}
    .cookie-status{font-size:.95rem}

    .faq-hero{background:linear-gradient(155deg,#0B60A5 0%,#0a5794 45%,#084c82 100%); color:#fff}
    .faq-crumb a{color:#e3f1ff; text-decoration:none}
    .faq-badge{font-size:.75rem; background:#e9f4ff; color:#0b60a5; border:1px solid #b7dbff; padding:.2rem .55rem; border-radius:999px; display:inline-flex; align-items:center; gap:.35rem}
    .faq-badge .dot{width:6px;height:6px;background:#0b60a5;border-radius:50%}

    .faq-section{scroll-margin-top:6rem}
    .faq-section-light{background:var(--faq-light)}

    .faq-card{border:1px solid #e7edf4; border-radius:1rem; background:#fff; box-shadow:0 .25rem 1.25rem rgba(0,0,0,.06)}
    .faq-card:hover{transform:translateY(-2px); box-shadow:0 .55rem 1.6rem rgba(0,0,0,.12)}

    .faq-title{color:var(--faq-dark)}
    .faq-sub{color:#667385}
    .faq-big{font-size:2.5rem; font-weight:800}

    .faq-search{border:1px solid #e7edf4; background:#fff; border-radius:1rem; box-shadow:0 .25rem 1.25rem rgba(0,0,0,.06)}
    .faq-chip{border:1px solid #b7dbff; background:#e9f4ff; color:#0b60a5; padding:.25rem .65rem; border-radius:999px; font-size:.85rem; cursor:pointer; user-select:none}
    .faq-chip:hover{background:#dff0ff}

    .faq-pills .nav-link{border:1px solid #e7edf4; color:var(--faq-dark)}
    .faq-pills .nav-link.active{background:#e9f4ff; border-color:#b7dbff; color:#0b60a5}

    .faq-cta{background:linear-gradient(135deg, #0B60A5 0%, #084c82 100%); color:#fff; border-radius:1rem}
    .faq-cta .btn-light{--bs-btn-color:#0B60A5}

    .faq-contact-card .form-label{font-weight:600}
    .faq-contact-card .form-text{color:#6b7785}

    .faq-acc .accordion-button{font-weight:600}
    .faq-acc .accordion-item{border-color:#e7edf4}

    .faq-kpis .kpi{display:flex; gap:.75rem; align-items:center}
    .faq-kpis .kpi i{font-size:1.25rem; color:#0B60A5}
    .faq-kpis .kpi b{color:var(--faq-dark)}

    .packages-hero{background:linear-gradient(155deg,#0B60A5 0%,#0a5794 45%,#084c82 100%); color:#fff}
    .packages-badge{font-size:.75rem; background:#e9f4ff; color:#0b60a5; border:1px solid #b7dbff; padding:.2rem .55rem; border-radius:999px; display:inline-flex; align-items:center; gap:.35rem}
    .packages-badge .dot{width:6px;height:6px;background:#0b60a5;border-radius:50%}
    .packages-crumb a{color:#e3f1ff; text-decoration:none}

    .packages-form{border:1px solid #e7edf4; background:#fff; color:var(--packages-dark); border-radius:1rem; box-shadow:0 .35rem 1.25rem rgba(0,0,0,.12)}
    .packages-form h5{font-weight:800; color:var(--packages-dark)}

    .packages-section{scroll-margin-top:6rem}
    .packages-section-light{background:var(--packages-light)}

    .packages-tabs .nav-link{border:1px solid #e7edf4; color:var(--packages-dark)}
    .packages-tabs .nav-link.active{background:#e9f4ff; border-color:#b7dbff; color:#0b60a5}

    .packages-card{border:1px solid #e7edf4; border-radius:1rem; background:#fff; box-shadow:0 .25rem 1.25rem rgba(0,0,0,.06); transition:transform .2s ease, box-shadow .2s ease}
    .packages-card:hover{transform:translateY(-4px); box-shadow:0 .65rem 1.75rem rgba(0,0,0,.12)}
    .packages-speed{font-size:2.25rem; font-weight:800; letter-spacing:-.02em; color:var(--packages-dark)}
    .packages-pill{display:inline-flex; align-items:center; gap:.4rem; padding:.25rem .6rem; border-radius:999px; border:1px solid #b7dbff; background:#e9f4ff; color:#0b60a5; font-size:.8rem}
    .packages-included li{margin-bottom:.35rem}

    .packages-cta{background:linear-gradient(135deg, #0B60A5 0%, #084c82 100%); color:#fff; border-radius:1rem}
    .packages-cta .btn-light{--bs-btn-color:#0B60A5}

    .packages-table th{background:#eff6ff}
    .packages-table td, .packages-table th{border-color:#e6eef6}

    .packages-note{background:#fff7e6; border:1px solid #ffe4b5}

    .packages-kicker{font-size:.9rem; letter-spacing:.04em; text-transform:uppercase; color:#cfe6ff}
    .packages-updated{font-size:.95rem; color:#cfe6ff}

    .packages-addon{border-left:4px solid #0B60A5}

    /* container */
.spx-floatcall{
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 1040;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  -webkit-tap-highlight-color: transparent;
}

/* button base */
.spx-floatcall__btn{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  white-space: nowrap;
  line-height: 1;
  border-radius: 999px;
  padding: 12px 16px;
  font-weight: 700;
  font-size: 15px;
  color: var(--spx-floatcall-text);
  backdrop-filter: blur(8px);
  box-shadow: var(--spx-floatcall-shadow);
  transition: transform .18s ease, box-shadow .18s ease, padding .18s ease;
  position: relative;
}

/* icon circle */
.spx-floatcall__icon{
  font-size: 18px;
  inline-size: 20px;
  block-size: 20px;
  display: grid;
  place-items: center;
}

/* label: hide on desktop when collapsed to keep it tidy */
.spx-floatcall__label{
  display: inline-block;
}

/* close */
.spx-floatcall__close{
  appearance: none;
  border: 0;
  background: rgba(0,0,0,.25);
  color: #fff;
  width: 28px; height: 28px;
  border-radius: 999px;
  cursor: pointer;
  line-height: 1;
  font-size: 18px;
  display: grid; place-items: center;
  box-shadow: 0 2px 6px rgba(0,0,0,.25);
  transition: transform .18s ease, opacity .18s ease, background .18s ease;
}
.spx-floatcall__close:hover{ background: rgba(0,0,0,.35); transform: translateY(-1px); }

/* ===== THEMES ===== */

/* 1) Glass gradient (default) */
.spx-floatcall--glass .spx-floatcall__btn{
  background: linear-gradient(135deg, rgba(11,96,165,.95) 0%, rgba(8,76,130,.95) 100%);
  border: 1px solid rgba(255,255,255,.25);
}

/* 2) Solid + glow (swap .spx-floatcall--glass for .spx-floatcall--glow) */
.spx-floatcall--glow .spx-floatcall__btn{
  background: var(--spx-floatcall-primary);
  box-shadow: 0 0 0 3px rgba(11,96,165,.18), var(--spx-floatcall-shadow);
}

/* Hover/active */
.spx-floatcall__btn:hover{ transform: translateY(-1px); }
.spx-floatcall__btn:active{ transform: translateY(0); }

/* Pulse ring (optional) */
.spx-floatcall--pulse .spx-floatcall__btn::after{
  content:"";
  position: absolute;
  inset: -6px;
  border-radius: 999px;
  border: 2px solid rgba(11,96,165,.35);
  animation: spxPulse 1.8s ease-out infinite;
}
@keyframes spxPulse{
  0%  { opacity:.65; transform: scale(.9); }
  70% { opacity:0;   transform: scale(1.25); }
  100%{ opacity:0;   transform: scale(1.25); }
}

/* Compact-on-desktop: show icon-only until hover */
@media (min-width: 768px){
  .spx-floatcall.spx-compact .spx-floatcall__btn{ padding: 12px 12px; }
  .spx-floatcall.spx-compact .spx-floatcall__label{ 
    max-width: 0; overflow: hidden; opacity: 0; transition: max-width .18s ease, opacity .18s ease; 
  }
  .spx-floatcall.spx-compact .spx-floatcall__btn:hover{ padding: 12px 16px; }
  .spx-floatcall.spx-compact .spx-floatcall__btn:hover .spx-floatcall__label{ 
    max-width: 220px; opacity: 1; 
  }
}

/* Respect device safe area (iOS notch, etc.) */
@supports (padding: max(0px)) {
  .spx-floatcall{ right: max(18px, env(safe-area-inset-right)); bottom: max(18px, env(safe-area-inset-bottom)); }
}

/* Hidden state */
.spx-floatcall.is-hidden{ display: none !important; }

  .spx-offer-modal .modal-content{
    border:0;
    /* border-radius: var(--spx-offer-radius); */
    box-shadow: 0 24px 60px rgba(0,0,0,.25);
    overflow: hidden;
  }
  .spx-offer-header{
    background: linear-gradient(135deg, #0B60A5 0%, #084c82 100%);
    color:#fff;
  }
  .spx-offer-badge{
    display:inline-flex; align-items:center; gap:.45rem;
    background: rgba(255,255,255,.14);
    border:1px solid rgba(255,255,255,.25);
    padding:.25rem .6rem; border-radius:999px; font-size:.85rem;
  }
  .spx-offer-body{
    background: #fff;
    color: var(--spx-offer-dark);
  }
  .spx-offer-pill{
    border:1.5px solid #0B60A5; color:#0B60A5; font-weight:700;
    border-radius: 12px; padding:.85rem 1rem;
  }
  .spx-offer-pill i{font-size:1.1rem}
  .spx-offer-ghost{
    border:1px solid #e7edf4; background:#fff; color:#1b1f24; font-weight:600;
    border-radius:12px; padding:.85rem 1rem;
  }
  .spx-offer-ghost:hover{ background:#f7fbff; border-color:#cfe3ff }
  .spx-offer-cta{
    background: linear-gradient(135deg,#0B60A5 0%, #084c82 100%);
    border:0; color:#fff; font-weight:800; letter-spacing:.02em;
    border-radius:14px; padding:1rem 1.15rem; box-shadow:0 10px 24px rgba(11,96,165,.35);
  }
  .spx-offer-cta:hover{ filter:brightness(1.03); transform: translateY(-1px); }
  .spx-offer-list{
    list-style:none; padding-left:0; margin-bottom:0;
  }
  .spx-offer-list li{
    display:flex; align-items:flex-start; gap:.6rem; margin-bottom:.5rem;
  }
  .spx-offer-list i{ color:#0B60A5; margin-top:.15rem }
  .spx-offer-img{
    width:88px; height:88px; border-radius:50%; object-fit:cover;
    box-shadow: 0 8px 18px rgba(0,0,0,.15);
  }
  /* Sticky mobile bar inside modal */
  .spx-offer-sticky{
    position: sticky; bottom: -1px; background: #fff; padding: .75rem;
    border-top:1px solid #eef3f8;
  }
  /* Fancy appear animation */
  .modal.spx-offer-modal .modal-dialog{
    transform: translateY(15px); transition: transform .2s ease-out;
  }
  .modal.show.spx-offer-modal .modal-dialog{transform: none;margin: 0;}

  /* Small helper: safe spacing on tiny screens */
  @media (max-width: 380px){
    .spx-offer-pill, .spx-offer-ghost{ padding:.75rem .8rem; }
    .spx-offer-cta{ padding:.9rem 1rem; }
  }
  
#callnowbutton {
  display: none;
}

@media screen and (max-width: 650px) {
  #callnowbutton {
    display: block;
    position: fixed;
    text-decoration: none;
    z-index: 2147483647;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 60px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 120%;
    overflow: hidden;
    background: #0060af;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}  
  
  
/* Modal polish */

.letter-1 {
  letter-spacing: .08em;
}

/* Gradient call bar */
.callbar {
  background: #0060af;
  color: #fff;
}

.callbar .btn {
  font-weight: 600;
}

.callbar-link {
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
}

/* CTA micro animation */
.btn-call {
  position: relative;
}

.btn-call::after {
  content: "";
  position: absolute;
  inset: -6px;
  border-radius: 999px;
  border: 2px solid rgba(13, 110, 253, .25);
  animation: pulse 1.8s ease-out infinite;
}

@keyframes pulse {
  0% {
    transform: scale(.95);
    opacity: .9;
  }

  70% {
    transform: scale(1.15);
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

/* Trust badges */
.trust-badges .badge-item {
  background: #f8f9fa;
  border-radius: 1rem;
  padding: .9rem .75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  font-weight: 600;
}

.trust-badges i {
  font-size: 1.1rem;
  color: #0d6efd;
}

/* Agent image */
.img-agent {
  width: 190px;
  height: 190px;
  object-fit: cover;
}

/* Mobile tweaks */
@media (max-width: 576px) {
  .img-agent {
    width: 150px;
    height: 150px;
  }
}

@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down .modal-body {
    /*overflow-y: hidden;*/
    min-height: 100vh;
  }
}