:root {
    --navy: #101b3d;
    --navy2: #16255a;
    --paper: #f6f8fb;
    --mist: #e3eaf4;
    --coral: #ff5a4e;
    --aqua: #19c2c9;
    --ink: #0c1226;
    --muted: #5b6683;
    --r: 18px;
}

@import url('https://fonts.googleapis.com/css2?family=Baloo+Tamma+2:wght@400..800&family=Oswald:wght@200..700&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

html {
    scroll-behavior: smooth;
}
body {
    font-family: "Figtree", system-ui, sans-serif;
    color: var(--ink);
    background: #fff;
    line-height: 1.65;
    overflow-x: hidden;
}
h1,
h2,
h3,
h4,
.navbar-brand {
    font-family: "Bricolage Grotesque", sans-serif;
    letter-spacing: -0.02em;
    line-height: 1.1;
}
a {
    color: inherit;
}
img,
svg {
    max-width: 100%;
}
:focus-visible {
    outline: 3px solid var(--aqua);
    outline-offset: 2px;
}
.btn {
    border-radius: 999px;
    font-weight: 600;
    padding: 0.65rem 1.4rem;
}
.btn-coral {
    background: var(--coral);
    color: #fff;
    border: 0;
}
.btn-coral:hover {
    background: #e84a3f;
    color: #fff;
}
.btn-outline-navy {
    border: 2px solid var(--navy);
    color: var(--navy);
}
.btn-outline-navy:hover {
    background: var(--navy);
    color: #fff;
}
/* header */
.topbar {
    background: var(--navy);
    color: #c9d3f0;
    font-size: 0.85rem;
    padding: 0.35rem 0;
}
.topbar a {
    text-decoration: none;
}
.site-header {
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(10px);
    box-shadow: 0 1px 0 var(--mist);
    z-index: 1030;
}
.navbar-brand {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 800;
    font-size: 1.45rem;
    color: var(--navy);
}
.navbar-brand b {
    color: var(--coral);
}
.nav-link {
    font-weight: bold;
    color: var(--navy);
    font-size: 0.80rem;
}
.nav-link:hover,
.nav-link.active {
    color: var(--coral);
}
.dropdown-menu {
    border: 0;
    border-radius: 14px;
    box-shadow: 0 20px 50px rgba(16, 27, 61, 0.18);
    padding: 0.6rem;
}
.dropdown-item {
    border-radius: 8px;
/*    padding: 0.45rem 0.8rem;*/
}
.dropdown-item:hover {
    background: var(--paper);
    color: var(--coral);
}
@media (min-width: 1200px) {
    .dropdown:hover > .dropdown-menu {
        display: block;
    }
}
@media (max-width: 1199px) {
    .navbar-collapse {
        padding: 1rem 0;
    }
    .navbar .btn {
        margin-top: 0.5rem;
    }
}
/* hero */
.hero {
    background: radial-gradient(900px 500px at 85% 20%, #e6fafb 0, transparent 60%), var(--paper);
    padding: 1.5rem 0 3rem;
    overflow: hidden;
}
.hero h1 {
    font-size: clamp(2.4rem, 3.5vw, 4.4rem);
    font-weight: 800;
    color: var(--navy);
    margin: 1rem 0;
}
.hero .lead {
    color: var(--muted);
    max-width: 34rem;
}
.pill {
    display: inline-flex;
    gap: 0.4rem;
    align-items: center;
    background: #fff;
    border: 1px solid var(--mist);
    padding: 0.35rem 0.9rem;
    border-radius: 999px;
    font-weight: 600;
    font-size: 0.85rem;
}
.pill i {
    color: var(--coral);
}
.quick {
    display: flex;
    gap: 0.5rem;
    background: #fff;
    padding: 0.5rem;
    border-radius: 999px;
    box-shadow: 0 14px 40px rgba(16, 27, 61, 0.12);
    max-width: 34rem;
/*    margin-top: 1.5rem;*/
    margin-top: 1.2rem;
}
.quick .form-select {
    border: 0;
    box-shadow: none;
    background-color: transparent;
    font-weight: 500;
}
.trust {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1.5rem;
    margin: 1.5rem 0 0;
    color: var(--muted);
    font-weight: 500;
    font-size: 0.92rem;
}
.trust i {
    color: var(--aqua);
    margin-right: 0.3rem;
}
@media (max-width: 575px) {
    .quick {
        flex-direction: column;
        border-radius: 24px;
    }
}
.bore {
    position: relative;
    max-width: 480px;
    margin: auto;
}
.bore .r1 {
    transform-origin: 250px 250px;
    animation: spin 40s linear infinite;
}
.bore .r2 {
    transform-origin: 250px 250px;
    animation: spin 14s linear infinite reverse;
}
.bore .scanline {
    animation: sweep 5s ease-in-out infinite;
    transform-box: fill-box;
}
@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}
@keyframes sweep {
    0%,
    100% {
        transform: translateY(-110px);
        opacity: 0.1;
    }
    50% {
        transform: translateY(110px);
        opacity: 0.9;
    }
}
.float {
    position: absolute;
    display: flex;
    gap: 0.7rem;
    align-items: center;
    background: #fff;
    border-radius: 16px;
    padding: 0.7rem 1rem;
    box-shadow: 0 14px 36px rgba(16, 27, 61, 0.18);
}
.float i {
    font-size: 1.4rem;
    color: var(--coral);
}
.float small {
    display: block;
    color: var(--muted);
    font-size: 0.78rem;
}
.float b {
    display: block;
    line-height: 1.2;
}
.f1 {
    top: 8%;
    left: -4%;
}
.f2 {
    bottom: 8%;
    right: -2%;
}
.f2 i {
    color: #18a058;
}
@media (max-width: 575px) {
    .f1 {
        left: 0;
    }
    .f2 {
        right: 0;
    }
    .float {
        padding: 0.5rem 0.7rem;
        font-size: 0.85rem;
    }
}
/* sections */
.section {
    padding: 5rem 0;
}
.section.alt {
    background: var(--paper);
}
.section.dark {
    background: var(--navy);
    color: #fff;
}
.section h2 {
    font-size: clamp(1.8rem, 3.5vw, 2.6rem);
    font-weight: 800;
    color: var(--navy);
    margin-bottom: 0.8rem;
}
.section.dark h2 {
    color: #fff;
}
.head {
    max-width: 40rem;
    margin-bottom: 2rem;
}
.head p {
    color: var(--muted);
}
.dark p {
    color: #c9d3f0;
}
.mod {
    display: block;
    text-decoration: none;
    color: #fff;
    border-radius: var(--r);
    padding: 1.6rem;
    height: 100%;
    min-height: 240px;
    position: relative;
    overflow: hidden;
    transition: transform 0.25s;
}
.mod:hover {
    transform: translateY(-6px);
}
.mod > i {
    font-size: 2.2rem;
    display: block;
    margin-bottom: 2.5rem;
}
.mod h3 {
    font-size: 1.5rem;
    font-weight: 700;
}
.mod p {
    opacity: 0.85;
    font-size: 0.95rem;
    margin: 0.4rem 0 1rem;
}
.mod .count {
    background: rgba(255, 255, 255, 0.18);
    padding: 0.2rem 0.7rem;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 600;
}
.mod-0 {
    background: linear-gradient(150deg, #16255a, #2d45a8);
}
.mod-1 {
    background: linear-gradient(150deg, #0e8c95, #19c2c9);
}
.mod-2 {
    background: linear-gradient(150deg, #e8453a, #ff8a5b);
}
.mod-3 {
    background: linear-gradient(150deg, #2b2f4a, #5a5f86);
}
.scan-card {
    display: block;
    height: 100%;
    text-decoration: none;
    background: #fff;
    border: 1px solid var(--mist);
    border-radius: var(--r);
    padding: 1.4rem;
    transition:
        border-color 0.2s,
        box-shadow 0.2s;
}
.scan-card:hover {
    border-color: var(--aqua);
    box-shadow: 0 14px 34px rgba(16, 27, 61, 0.1);
}
.scan-card .ico {
    display: inline-grid;
    place-items: center;
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: #e6fafb;
    color: #0e8c95;
    font-size: 1.5rem;
    margin-bottom: 1rem;
}
.scan-card h3 {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--navy);
}
.scan-card p {
    color: var(--muted);
    margin: 0.3rem 0 0.8rem;
    font-size: 0.95rem;
}
.scan-card .meta {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--coral);
}
.steps li {
    display: flex;
    gap: 1.2rem;
    padding: 1.2rem 0;
    border-bottom: 1px dashed #c9d3e6;
}
.steps li:last-child {
    border: 0;
}
.steps span {
    flex: none;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--navy);
    color: #fff;
    display: grid;
    place-items: center;
    font-family: "Bricolage Grotesque";
    font-weight: 700;
}
.steps h3 {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--navy);
    margin-bottom: 0.2rem;
}
.steps p {
    margin: 0;
    color: var(--muted);
}
.pack {
    display: block;
    text-decoration: none;
    color: #fff;
    background: var(--navy2);
    border: 1px solid #2b3c7d;
    border-radius: var(--r);
    padding: 1.4rem;
    height: 100%;
    transition: background 0.2s;
}
.pack:hover {
    background: #1e3278;
}
.pack.hl {
    background: var(--coral);
    border-color: var(--coral);
}
.pack i {
    font-size: 1.8rem;
    color: var(--aqua);
}
.pack.hl i {
    color: #fff;
}
.pack h3 {
    font-size: 1.15rem;
    margin: 0.8rem 0 0.3rem;
}
.pack p {
    margin: 0;
    font-size: 0.9rem;
    opacity: 0.85;
}
.why i {
    font-size: 1.8rem;
    color: var(--coral);
}
.why h3 {
    font-size: 1.2rem;
    font-weight: 700;
    margin: 0.8rem 0 0.3rem;
    color: var(--navy);
}
.why p {
    color: var(--muted);
    margin: 0;
}
.quote {
    background: #fff;
    border-radius: var(--r);
    padding: 1.6rem;
    height: 100%;
    margin: 0;
    border: 1px solid var(--mist);
}
.quote blockquote {
    font-size: 1.05rem;
    margin-bottom: 1rem;
}
.quote figcaption b {
    display: block;
}
.quote figcaption span {
    color: var(--muted);
    font-size: 0.88rem;
}
.accordion-item {
    border: 1px solid var(--mist);
    border-radius: 14px !important;
    margin-bottom: 0.6rem;
    overflow: hidden;
}
.accordion-button {
    font-weight: 600;
}
.accordion-button:not(.collapsed) {
    background: var(--paper);
    color: var(--navy);
    box-shadow: none;
}
/* sub pages */
.sub-hero {
    background: var(--navy);
    color: #fff;
    padding: 3.5rem 0;
    position: relative;
    overflow: hidden;
}
.sub-hero:after {
    content: "";
    position: absolute;
    right: -120px;
    top: -120px;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    border: 2px dashed rgba(25, 194, 201, 0.5);
    box-shadow: inset 0 0 0 60px rgba(255, 255, 255, 0.03);
}
.sub-hero h1 {
    font-size: clamp(2rem, 4.5vw, 3.4rem);
    font-weight: 800;
}
.sub-hero p {
    color: #c9d3f0;
    max-width: 36rem;
    margin: 0.6rem 0 0;
}
.breadcrumb {
    --bs-breadcrumb-divider-color: #8c99c4;
    font-size: 0.9rem;
}
.breadcrumb a {
    color: #c9d3f0;
    text-decoration: none;
}
.breadcrumb-item.active {
    color: #fff;
}
.facts {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.8rem;
    margin-bottom: 2rem;
}
.facts div {
    background: var(--paper);
    border-radius: 14px;
    padding: 1rem;
    text-align: center;
}
.facts i {
    color: var(--coral);
    font-size: 1.4rem;
    display: block;
}
.facts b {
    display: block;
}
.facts span {
    font-size: 0.8rem;
    color: var(--muted);
}
@media (max-width: 575px) {
    .facts {
        grid-template-columns: 1fr;
    }
}
.tick {
    list-style: none;
    padding: 0;
}
.tick li {
    padding-left: 2rem;
    position: relative;
    margin-bottom: 0.6rem;
}
.tick li:before {
    content: "\F26B";
    font-family: bootstrap-icons;
    position: absolute;
    left: 0;
    color: var(--aqua);
    font-size: 1.2rem;
}
.note {
    background: #fff4f3;
    border-left: 4px solid var(--coral);
    padding: 0.9rem 1rem;
    border-radius: 8px;
    font-size: 0.92rem;
    margin-top: 1.5rem;
}
.side {
    background: var(--paper);
    border-radius: var(--r);
    padding: 1.5rem;
}
.side h3 {
    font-size: 1.25rem;
    font-weight: 700;
}
aside .side:first-child {
    position: sticky;
    top: 110px;
}
.rel li a {
    display: flex;
    gap: 0.6rem;
    padding: 0.5rem 0;
    text-decoration: none;
    border-bottom: 1px solid var(--mist);
}
.rel li a:hover {
    color: var(--coral);
}
.inc {
    display: flex;
    gap: 0.6rem;
    align-items: center;
    background: var(--paper);
    padding: 0.8rem 1rem;
    border-radius: 12px;
    font-weight: 500;
}
.inc i {
    color: var(--aqua);
    font-size: 1.2rem;
}
.stat {
    background: var(--paper);
    border-radius: var(--r);
    padding: 1.5rem;
}
.stat b {
    display: block;
    font: 800 2rem "Bricolage Grotesque";
    color: var(--coral);
}
.stat span {
    color: var(--muted);
}
.c-item {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.4rem;
}
.c-item i {
    width: 48px;
    height: 48px;
    flex: none;
    border-radius: 14px;
    background: #e6fafb;
    color: #0e8c95;
    display: grid;
    place-items: center;
    font-size: 1.3rem;
}
.c-item b {
    display: block;
}
.c-item a {
    text-decoration: none;
}
.form-card {
    background: #fff;
    border: 1px solid var(--mist);
    border-radius: var(--r);
    padding: 2rem;
    box-shadow: 0 14px 40px rgba(16, 27, 61, 0.06);
}
.form-control,
.form-select {
    border-radius: 12px;
    padding: 0.3rem 0.5rem;
    border-color: #cbd5e8;
}
.form-control:focus,
.form-select:focus {
    border-color: var(--aqua);
    box-shadow: 0 0 0 0.2rem rgba(25, 194, 201, 0.2);
}
.form-ok {
    margin-top: 1rem;
    padding: 1rem;
    background: #e8f8ef;
    color: #146c3e;
    border-radius: 12px;
    font-weight: 600;
}
/* cta + footer */
.cta-band {
    padding: 0 0 5rem;
}
.cta-inner {
    background: linear-gradient(120deg, var(--navy), #2d45a8);
    color: #fff;
    border-radius: 28px;
    padding: 2.6rem;
    display: flex;
    gap: 1.5rem;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.cta-inner h2 {
    font-size: clamp(1.6rem, 3vw, 2.2rem);
    font-weight: 800;
    color: #fff;
    margin-bottom: 0.3rem;
}
.cta-inner p {
    margin: 0;
    color: #c9d3f0;
}
.site-footer {
    background: var(--ink);
    color: #aeb9d8;
    padding: 2rem 0 0.8rem;
/*    padding: 4rem 0 1.5rem;*/
}
.site-footer h6 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 1rem;
}
.site-footer a {
    text-decoration: none;
}
.site-footer a:hover {
    color: var(--aqua);
}
.site-footer li {
    margin-bottom: 0.5rem;
    font-size: 0.92rem;
}
.site-footer li i {
    color: var(--aqua);
    margin-right: 0.4rem;
}
.social {
    display: flex;
    gap: 0.6rem;
}
.social a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #1a2448;
    display: grid;
    place-items: center;
    color: #fff;
}
.foot-bottom {
    border-top: 1px solid #1e2a55;
    margin-top: 2.5rem;
    padding-top: 1.2rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.5rem;
    font-size: 0.85rem;
}
.wa-float {
    position: fixed;
    left: 18px;
    bottom: 18px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #25d366;
    color: #fff;
    display: grid;
    place-items: center;
    font-size: 1.7rem;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.25);
    z-index: 1040;
    text-decoration: none;
}

.wa-float-call{
  position: fixed;
    left: 18px;
    bottom: 80px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #0d6efd;
    color: #fff;
    display: grid;
    place-items: center;
    font-size: 1.7rem;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.25);
    z-index: 1040;
    text-decoration: none;  
}

@media (max-width: 767px) {
    .section {
        padding: 3.5rem 0;
    }
    .hero {
        padding: 2.5rem 0 3.5rem;
    }
    .form-card {
        padding: 1.3rem;
    }
}
@media (prefers-reduced-motion: reduce) {
    * {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
    }
}

.navbar-expand-xl .navbar-nav .nav-link{
	padding-left: 0.5em;
    padding-right: 0.5em;
}

.navbar-expand-xl {
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}



.lead {
    font-size: 1.15rem;
    font-weight: 300;
}

/* ---- colour themes ---- */
.c-indigo {
    --c: #3f51d9;
    --t: #e8ebff;
}
.c-teal {
    --c: #0e9aa3;
    --t: #ddf8f9;
}
.c-coral {
    --c: #ea4b3e;
    --t: #ffe9e5;
}
.c-purple {
    --c: #7a45e0;
    --t: #f0e8ff;
}
.c-green {
    --c: #17a06a;
    --t: #ddf7ea;
}
.c-pink {
    --c: #d6338a;
    --t: #ffe5f2;
}
.hero {
    background: radial-gradient(520px 380px at 90% 10%, #ffe9e5 0, transparent 70%),
        radial-gradient(520px 380px at 0% 100%, #ddf8f9 0, transparent 70%),
        radial-gradient(500px 300px at 60% 100%, #f0e8ff 0, transparent 70%), var(--paper);
}
.chipbar {
    position: sticky;
    top: 0;
    z-index: 1020;
    background: #fff;
    border-bottom: 1px solid var(--mist);
}
.chipbar .container {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    overflow-x: auto;
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
    scrollbar-width: none;
}
.chipbar span {
    font-weight: 600;
    color: var(--muted);
    font-size: 0.85rem;
    margin-right: 0.3rem;
    white-space: nowrap;
}
.chipbar a {
    white-space: nowrap;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9rem;
    padding: 0.35rem 1rem;
    border-radius: 999px;
    background: var(--t);
    color: var(--c);
}
.chipbar a:hover {
    background: var(--c);
    color: #fff;
}
.site-header + main .chipbar {
    top: 0;
}
.section.cat {
    background: linear-gradient(180deg, var(--t), #fff 85%);
}
.section.cat:nth-of-type(even) {
    background: linear-gradient(0deg, var(--t), #fff 85%);
}
.cat h2 {
    color: var(--c);
}
.cat p {
    color: var(--muted);
    max-width: 30rem;
}
.cat-img {
    width: 100%;
    border-radius:10px;
/*    max-width: 340px;*/
    height: auto;
    margin-bottom: 1rem;
    display: block;
}
.btn-cat {
    background: var(--c);
    color: #fff;
    border: 0;
}
.btn-cat:hover {
    filter: brightness(0.9);
    color: #fff;
}
.btn-outline-cat {
    border: 2px solid var(--c);
    color: var(--c);
}
.btn-outline-cat:hover {
    background: var(--c);
    color: #fff;
}
.svc {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    height: 100%;
    text-decoration: none;
    background: #fff;
    border: 1px solid transparent;
    border-radius: 16px;
    padding: 1rem;
    box-shadow: 0 6px 18px rgba(16, 27, 61, 0.07);
    transition:
        transform 0.2s,
        border-color 0.2s;
}
.svc:hover {
    transform: translateY(-4px);
    border-color: var(--c);
}
.svc > i {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: var(--t);
    color: var(--c);
    display: grid;
    place-items: center;
    font-size: 1.35rem;
}
.svc b {
    color: var(--navy);
    font-weight: 600;
    line-height: 1.25;
}
.svc small {
    color: var(--muted);
    font-size: 0.8rem;
}
.svc small i {
    color: var(--c);
}
.svc.master {
    flex-direction: row;
    align-items: center;
    gap: 1rem;
    background: linear-gradient(120deg, var(--c), #b58cff);
    color: #fff;
}
.svc.master > i {
    background: rgba(255, 255, 255, 0.22);
    color: #fff;
    flex: none;
    width: 56px;
    height: 56px;
    font-size: 1.7rem;
}
.svc.master b {
    color: #fff;
    font-size: 1.15rem;
}
.svc.master small {
    color: #efe6ff;
}
.svc.master .badge {
    margin-left: auto;
    background: #ffc145;
    color: #3b2a00;
    font-weight: 700;
    white-space: nowrap;
}
.svc.tall {
    min-height: 150px;
}
.bp {
    background: #fff;
    border-radius: var(--r);
    padding: 1.3rem;
    height: 100%;
    border-top: 5px solid var(--c);
    box-shadow: 0 6px 18px rgba(16, 27, 61, 0.06);
}
.bp h3 {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--c);
    display: flex;
    gap: 0.6rem;
    align-items: center;
    margin-bottom: 0.9rem;
}
.bp h3 i {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: var(--t);
    display: grid;
    place-items: center;
    font-size: 1.2rem;
}
.bp div {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}
.bp a {
    text-decoration: none;
    font-size: 0.88rem;
    font-weight: 500;
    padding: 0.3rem 0.8rem;
    border-radius: 999px;
    background: var(--t);
    color: var(--navy);
}
.bp a:hover {
    background: var(--c);
    color: #fff;
}
.steps span {
    background: linear-gradient(135deg, var(--coral), #ff9a5b);
}
.why:nth-child(1) i {
    color: var(--coral);
}
.col-lg-3:nth-child(2) .why i {
    color: var(--aqua);
}
.col-lg-3:nth-child(3) .why i {
    color: #7a45e0;
}
.col-lg-3:nth-child(4) .why i {
    color: #17a06a;
}
.why {
    background: #fff;
    border: 1px solid var(--mist);
    border-radius: var(--r);
    padding: 1.4rem;
    height: 100%;
}
.mod {
    display: none;
}
@media (max-width: 575px) {
    .svc {
        padding: 0.8rem;
    }
    .svc.master {
        flex-wrap: wrap;
    }
    .svc.master .badge {
        margin-left: 0;
    }
}


.topbar-left {
    display: flex;
    align-items: center;
    height: 100%;
}

.topbar-left span {
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

.topbar-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 30px;
}

.topbar-right a {
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    font-size: 12px;
}

.topbar-address {
    max-width: 550px;
}

.topbar-address span {
    line-height: 1.5;
}

.topbar-phone {
    white-space: nowrap;
}

/* Icons */
.topbar-right i,
.topbar-left i {
    font-size: 18px;
}

/* Tablet */
@media (max-width: 991px) {
    .topbar-right {
        gap: 15px;
    }

    .topbar-address {
        max-width: 400px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .topbar-left {
        justify-content: center;
        margin-bottom: 10px;
    }

    .topbar-right {
        flex-direction: column;
        justify-content: center;
        gap: 10px;
        text-align: center;
    }

    .topbar-address {
        justify-content: center;
        max-width: 100%;
    }
}
/* MakeMyScan 2026 visual refresh */
:root{--mms-navy:#10264b;--mms-teal:#087e87;--mms-light:#f2f8fb;--mms-coral:#ef765f}
html{scroll-behavior:smooth}body{font-synthesis:none}h1,h2,h3{letter-spacing:-.035em}.site-header{box-shadow:0 8px 30px rgba(12,39,67,.07)}.navbar .nav-link{font-weight:600}.btn,.mms-button{transition:transform .25s,box-shadow .25s}.btn:hover,.mms-button:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(12,39,67,.14)}.hero{position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:440px;height:440px;right:-200px;top:-180px;background:radial-gradient(circle,rgba(28,169,178,.13),transparent 70%);pointer-events:none}.hero h1{font-size:clamp(2.5rem,4vw,4.8rem);line-height:1.08}.mms-specialties{padding:100px 0;background:linear-gradient(165deg,#f0f8fb 0%,#fff 57%,#eef7f8 100%)}.mms-section-heading{max-width:760px;margin:0 auto 44px;text-align:center}.mms-eyebrow{display:inline-block;color:#087e87;font-weight:800;letter-spacing:.17em;font-size:.75rem;margin-bottom:15px}.mms-section-heading h2{font-size:clamp(2rem,4vw,3.45rem);font-weight:800;color:#10264b;line-height:1.12;margin-bottom:17px}.mms-section-heading h2 em{color:#087e87;font-style:normal}.mms-section-heading p{color:#607185;font-size:1.06rem;line-height:1.75}.mms-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.mms-service-card{background:#fff;border:1px solid #e2edf1;border-radius:20px;padding:30px 27px;box-shadow:0 12px 35px rgba(16,38,75,.045);transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;flex-direction:column;min-height:265px}.mms-service-card:hover{transform:translateY(-7px);border-color:#a5d8db;box-shadow:0 22px 48px rgba(16,38,75,.11)}.mms-service-icon{height:57px;width:57px;display:grid;place-items:center;border-radius:16px;background:#e8f6f5;color:#087e87;font-size:1.7rem;margin-bottom:20px}.mms-service-card h3{font-size:1.2rem;font-weight:800;color:#10264b;margin-bottom:12px}.mms-service-card p{color:#627488;line-height:1.65;font-size:.94rem;flex:1}.mms-service-card a{color:#087e87;text-decoration:none;font-weight:750;font-size:.9rem;margin-top:12px}.mms-service-card a i{margin-left:6px}.mms-services-footer{background:#10264b;color:white;padding:28px 32px;border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:35px}.mms-services-footer strong,.mms-services-footer span{display:block}.mms-services-footer strong{font-size:1.25rem;margin-bottom:5px}.mms-services-footer span{color:#c9d9e6}.mms-button{display:inline-flex;gap:14px;align-items:center;justify-content:center;background:#ef765f;border-radius:12px;padding:15px 23px;color:#fff;text-decoration:none;font-weight:800;white-space:nowrap}.mms-page-banner{padding:80px 0;background:linear-gradient(115deg,#10264b,#0d6678);color:#fff;text-align:center}.mms-page-banner h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:800}.mms-page-banner p{max-width:680px;margin:15px auto 0;color:#dceef2;font-size:1.1rem}.mms-filter{max-width:560px;margin:0 auto 30px}.mms-filter input{width:100%;border:1px solid #cfe0e7;padding:17px 22px;border-radius:13px;background:white;outline-offset:3px}.mms-empty{display:none;text-align:center;padding:20px;color:#52677b}@media(max-width:991px){.mms-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mms-specialties{padding:70px 0}}@media(max-width:575px){.mms-service-grid{grid-template-columns:1fr}.mms-services-footer{flex-direction:column;align-items:stretch}.mms-button{white-space:normal}.mms-service-card{min-height:0}.mms-specialties{padding:55px 0}.mms-page-banner{padding:60px 0}}

/* Specialty service detail pages */
.sp-hero{padding:75px 0 85px;background:linear-gradient(125deg,#eefbfc,#f5f8ff)}.sp-crumb{font-size:13px;color:#63738b;margin-bottom:34px}.sp-crumb a{color:#087d8c;text-decoration:none}.sp-kicker{display:inline-block;font-size:12px;letter-spacing:2px;font-weight:800;color:#078d9c;margin-bottom:16px}.sp-hero h1{font-size:clamp(36px,4.5vw,64px);line-height:1.12;color:#102342;margin-bottom:24px}.sp-lead{font-size:19px;line-height:1.8;color:#4c627a;max-width:620px}.sp-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:30px}.sp-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#087e91;color:white!important;border-radius:12px;padding:15px 22px;text-decoration:none;font-weight:700}.sp-btn:hover{background:#075d6c}.sp-secondary{color:#133f58;font-weight:700;text-decoration:none}.sp-hero-img{width:100%;height:auto;border-radius:22px;box-shadow:0 25px 55px #1d517029}.sp-details{padding:75px 0 95px;background:#fff}.sp-panel{padding:clamp(25px,4vw,50px);border:1px solid #e3edf3;border-radius:22px;box-shadow:0 14px 45px #112c4610}.sp-panel h2{font-size:clamp(26px,3vw,36px);color:#112743;margin-bottom:20px}.sp-panel h3{font-size:21px;color:#12334f;margin-top:30px;margin-bottom:12px}.sp-panel p{line-height:1.85;color:#50637b}.sp-note{background:#eff8fa;padding:17px;border-radius:10px;font-size:14px}.sp-aside{background:#0c2746;color:#fff;border-radius:20px;padding:34px;position:sticky;top:125px}.sp-aside>i{font-size:42px;color:#70d9dc}.sp-aside h3{color:#fff;font-size:25px;margin:20px 0}.sp-aside p{color:#d3e3ec;line-height:1.7}.sp-aside .sp-btn{width:100%;font-size:14px}.sp-back{display:block;margin-top:22px;color:#bcebef;text-decoration:none}.sp-card-image{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:12px;margin-bottom:18px}.mms-service-card{overflow:hidden}@media(max-width:767px){.sp-hero{padding:45px 0 60px}.sp-details{padding:40px 0 65px}.sp-aside{position:static}}

/* ==============================
   MAKE MY SCAN LEADERSHIP SECTION
================================ */

.mms-leadership-section {
    padding: 90px 0;
    background: #f5f9fc;
    font-family: 'Poppins', sans-serif;
}

.mms-leadership-heading {
    text-align: center;
    max-width: 780px;
    margin: 0 auto 55px;
}

.mms-subtitle {
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #078b9b;
    margin-bottom: 12px;
}

.mms-leadership-heading h2 {
    font-size: 38px;
    font-weight: 700;
    color: #123047;
    margin-bottom: 18px;
}

.mms-leadership-heading p {
    font-size: 16px;
    color: #64748b;
    line-height: 1.9;
}

/* LEADER CARD */

.mms-leader-card {
    background: #ffffff;
    border-radius: 22px;
    padding: 35px;
    margin-bottom: 35px;
    box-shadow: 0 12px 45px rgba(0, 45, 70, 0.06);
    border: 1px solid #e8f0f5;
    transition: all 0.35s ease;
}

.mms-leader-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 55px rgba(0, 45, 70, 0.12);
}

/* IMAGE */

.mms-leader-image {
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    background: #e8f3f7;
}

.mms-leader-image img {
    width: 100%;
    height: 390px;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}

.mms-leader-card:hover .mms-leader-image img {
    transform: scale(1.04);
}

/* EXPERIENCE BADGE */

.mms-experience-badge {
    position: absolute;
    bottom: 20px;
    left: 20px;
    background: #078b9b;
    color: #ffffff;
    padding: 14px 20px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.mms-experience-badge strong {
    font-size: 28px;
    line-height: 1.2;
}

.mms-experience-badge span {
    font-size: 12px;
}

/* CONTENT */

.mms-leader-content {
    padding: 10px 20px;
}

.mms-role {
    display: inline-block;
    color: #078b9b;
    background: #e6f7f9;
    padding: 8px 15px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 18px;
}

.mms-leader-content h3 {
    font-size: 34px;
    font-weight: 700;
    color: #123047;
    margin-bottom: 8px;
}

.mms-leader-content h5 {
    font-size: 17px;
    color: #078b9b;
    font-weight: 600;
    margin-bottom: 22px;
}

.mms-leader-content p {
    font-size: 15px;
    line-height: 1.9;
    color: #64748b;
    margin-bottom: 15px;
}

/* HIGHLIGHT */

.mms-leader-highlight {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 25px;
    padding: 16px 20px;
    background: #eef9fb;
    border-left: 4px solid #078b9b;
    border-radius: 10px;
    color: #123047;
    font-size: 14px;
    font-weight: 600;
}

.mms-leader-highlight i {
    font-size: 22px;
    color: #078b9b;
}

/* RESPONSIVE */

@media (max-width: 991px) {

    .mms-leadership-section {
        padding: 65px 0;
    }

    .mms-leadership-heading h2 {
        font-size: 30px;
    }

    .mms-leader-content {
        padding: 15px 0;
    }

    .mms-leader-image img {
        height: 350px;
    }
}

@media (max-width: 767px) {

    .mms-leadership-section {
        padding: 50px 0;
    }

    .mms-leadership-heading {
        margin-bottom: 35px;
    }

    .mms-leadership-heading h2 {
        font-size: 26px;
    }

    .mms-leader-card {
        padding: 20px;
        border-radius: 16px;
    }

    .mms-leader-image img {
        height: 300px;
    }

    .mms-leader-content h3 {
        font-size: 28px;
    }

    .mms-leader-content p {
        font-size: 14px;
    }

    .mms-leader-highlight {
        font-size: 13px;
    }
}


.logoww img{
        width: 65%;
}

.navbar-expand-xl .navbar-nav .nav-link{
    font-family: "Oswald", sans-serif;
}



@media (max-width: 767px) {

    /* Navbar alignment */
    .navbar {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-wrap: wrap !important;
        width: 100%;
    }

    /* Logo */
    .navbar-brand {
        margin: 0 !important;
        padding: 0 !important;
        width: auto !important;
        max-width: calc(100% - 65px);
        flex-shrink: 1;
    }

    .navbar-brand img {
        width: auto !important;
    max-width: 220px !important;
    height: auto !important;
    max-height: 110px;
    object-fit: contain;
    display: block;
    }

    /* Hamburger menu */
    .navbar-toggler {
        margin: 0 0 0 auto !important;
        padding: 8px 12px !important;
        flex-shrink: 0;
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

    /* Dropdown menu below navbar */
    .navbar-collapse {
        flex-basis: 100% !important;
        width: 100%;
        order: 3;
    }
}


.hero-discount-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin: 25px 0;
}

.discount-offer {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px 20px;
    border-radius: 14px;
    background: linear-gradient(135deg, #ffffff, #e9fbfc);
    border: 1px solid rgba(25, 194, 201, 0.3);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    flex: 1 1 220px;
}

.discount-offer:nth-child(2) {
    background: linear-gradient(135deg, #ffffff, #fff0ee);
    border-color: rgba(255, 90, 78, 0.3);
}

.discount-offer:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
}

.discount-icon {
    width: 48px;
    height: 48px;
    min-width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #19C2C9;
    color: #ffffff;
    font-size: 23px;
}

.discount-offer:nth-child(2) .discount-icon {
    background: #FF5A4E;
}

.discount-content {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.discount-label {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.7px;
    color: #16255A;
}

.discount-value {
    font-size: 15px;
    font-weight: 500;
    color: #333;
}

.discount-value strong {
    font-size: 22px;
    font-weight: 800;
    color: #009ca5;
    white-space: nowrap;
}

.discount-offer:nth-child(2) .discount-value strong {
    color: #FF5A4E;
}

/* Responsive */
@media (max-width: 767px) {
    .hero-discount-wrapper {
        flex-direction: column;
        gap: 12px;
        margin: 20px 0;
    }

    .discount-offer {
        flex: 0 0 auto;
        width: 100%;
        padding: 13px 15px;
    }

    .discount-value strong {
        font-size: 20px;
    }
}