html {
    scroll-padding-top: 110px;
}

/*** Spinner Start ***/
#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

#spinner.show {
    transition: opacity .5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}
/*** Spinner End ***/

.back-to-top {
    position: fixed;
    right: 30px;
    bottom: 30px;
    transition: 0.5s;
    z-index: 99;
}

/*** Traffic Insurance Page Start ***/
.traffic-page-hero {
    position: relative;
    padding: 44px 0 86px;
    overflow: hidden;
    background:
        radial-gradient(circle at 88% 18%, rgba(102, 199, 240, .2), transparent 28%),
        linear-gradient(145deg, #f8fbff 0%, #eef4fa 100%);
}

.traffic-page-hero::after {
    content: "";
    position: absolute;
    width: 360px;
    height: 360px;
    right: -160px;
    bottom: -190px;
    border: 60px solid rgba(1, 95, 201, .04);
    border-radius: 50%;
}

.traffic-breadcrumb {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 46px;
    color: #6b7280;
    font-size: .82rem;
}

.traffic-breadcrumb a {
    color: var(--bs-primary);
    font-weight: 700;
}

.traffic-breadcrumb i {
    font-size: .62rem;
}

.traffic-eyebrow,
.traffic-section-label {
    display: inline-block;
    margin-bottom: 12px;
    color: var(--bs-primary);
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.traffic-page-hero h1 {
    max-width: 760px;
    margin-bottom: 22px;
    color: #17243d;
    font-size: clamp(2.45rem, 5vw, 4.5rem);
    font-weight: 900;
    line-height: 1.06;
    letter-spacing: -.045em;
}

.traffic-page-hero__lead {
    max-width: 690px;
    margin-bottom: 26px;
    color: #5f6b7a;
    font-size: 1.08rem;
    line-height: 1.75;
}

.traffic-hero-benefits {
    margin: 0 0 32px;
    padding: 0;
    display: grid;
    gap: 12px;
    list-style: none;
}

.traffic-hero-benefits li {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #26364f;
    font-weight: 700;
}

.traffic-hero-benefits i {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: var(--bs-primary);
    font-size: .68rem;
}

.traffic-hero-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.traffic-primary-button {
    padding: 15px 25px;
    border-radius: 999px;
    font-weight: 800;
}

.traffic-primary-button i {
    margin-right: 8px;
}

.traffic-phone-link {
    color: #17243d;
    font-weight: 800;
}

.traffic-phone-link i {
    margin-right: 8px;
    color: var(--bs-primary);
}

.traffic-offer-card {
    position: relative;
    z-index: 1;
    max-width: 440px;
    margin-left: auto;
    border: 1px solid rgba(1, 95, 201, .1);
    border-radius: 26px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 28px 70px rgba(23, 36, 61, .14);
}

.traffic-offer-card__visual {
    position: relative;
    min-height: 220px;
    padding: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(145deg, #edf6ff, #f8fbff);
}

.traffic-offer-card__visual img {
    width: 250px;
    height: 176px;
    object-fit: contain;
}

.traffic-offer-card__badge {
    position: absolute;
    top: 20px;
    left: 20px;
    padding: 7px 12px;
    border-radius: 999px;
    color: #fff;
    background: var(--bs-primary);
    font-size: .72rem;
    font-weight: 800;
}

.traffic-offer-card__body {
    padding: 28px;
}

.traffic-offer-card__body h2 {
    margin-bottom: 10px;
    color: #17243d;
    font-size: 1.4rem;
    font-weight: 850;
}

.traffic-offer-card__body p {
    margin-bottom: 22px;
    color: #667180;
    line-height: 1.6;
}

.traffic-offer-card__body small {
    display: block;
    margin-top: 14px;
    color: #7b8491;
    text-align: center;
}

.traffic-offer-card__body small i {
    margin-right: 5px;
    color: var(--bs-primary);
}

.traffic-section-nav {
    position: sticky;
    top: 0;
    z-index: 20;
    border-bottom: 1px solid #e8edf3;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 8px 25px rgba(23, 36, 61, .05);
    backdrop-filter: blur(12px);
}

.traffic-section-nav .container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 38px;
    overflow-x: auto;
}

.traffic-section-nav a {
    padding: 18px 0;
    color: #4d5969;
    font-size: .86rem;
    font-weight: 800;
    white-space: nowrap;
}

.traffic-section-nav a:hover {
    color: var(--bs-primary);
}

.traffic-content-section,
.traffic-coverage-section,
.traffic-process-section,
.traffic-comparison-section,
.traffic-faq-section {
    padding: 94px 0;
}

.traffic-content-section h2,
.traffic-section-heading h2,
.traffic-comparison-card h2,
.traffic-faq-section h2 {
    margin-bottom: 20px;
    color: #17243d;
    font-size: clamp(2rem, 3.5vw, 3.1rem);
    font-weight: 900;
    line-height: 1.12;
    letter-spacing: -.035em;
}

.traffic-content-section p,
.traffic-faq-section .col-lg-5 > p {
    color: #667180;
    font-size: 1rem;
    line-height: 1.8;
}

.traffic-info-panel {
    padding: 30px;
    border: 1px solid rgba(1, 95, 201, .1);
    border-radius: 22px;
    display: grid;
    gap: 16px;
    background: #f6f9fd;
}

.traffic-info-panel__item {
    padding: 18px;
    border-radius: 16px;
    display: flex;
    align-items: flex-start;
    gap: 15px;
    background: #fff;
}

.traffic-info-panel__item > i {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    color: var(--bs-primary);
    background: #edf5ff;
}

.traffic-info-panel__item strong,
.traffic-info-panel__item span {
    display: block;
}

.traffic-info-panel__item strong {
    margin-bottom: 3px;
    color: #17243d;
}

.traffic-info-panel__item span {
    color: #6b7280;
    font-size: .86rem;
    line-height: 1.5;
}

.traffic-coverage-section,
.traffic-faq-section {
    background: #f6f8fb;
}

.traffic-section-heading {
    max-width: 760px;
    margin: 0 auto 44px;
}

.traffic-section-heading > p {
    color: #6b7280;
}

.traffic-coverage-card {
    height: 100%;
    min-height: 250px;
    padding: 28px;
    border: 1px solid rgba(23, 36, 61, .07);
    border-radius: 20px;
    background: #fff;
    transition: transform .25s ease, box-shadow .25s ease;
}

.traffic-coverage-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 40px rgba(23, 36, 61, .09);
}

.traffic-coverage-card > i {
    width: 54px;
    height: 54px;
    margin-bottom: 22px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: var(--bs-primary);
    font-size: 1.25rem;
}

.traffic-coverage-card h3,
.traffic-process-card h3 {
    color: #17243d;
    font-size: 1.12rem;
    font-weight: 850;
}

.traffic-coverage-card p,
.traffic-process-card p {
    margin: 0;
    color: #6b7280;
    font-size: .9rem;
    line-height: 1.65;
}

.traffic-coverage-note {
    max-width: 900px;
    margin: 34px auto 0;
    padding: 18px 22px;
    border: 1px solid rgba(1, 95, 201, .12);
    border-radius: 15px;
    display: flex;
    align-items: flex-start;
    gap: 13px;
    color: #536071;
    background: #edf5ff;
}

.traffic-coverage-note i {
    margin-top: 3px;
    color: var(--bs-primary);
}

.traffic-coverage-note p {
    margin: 0;
    font-size: .86rem;
    line-height: 1.6;
}

.traffic-process-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.traffic-process-card {
    position: relative;
    padding: 34px;
    border: 1px solid #e7ecf2;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 12px 34px rgba(23, 36, 61, .05);
}

.traffic-process-card > span {
    position: absolute;
    top: 22px;
    right: 24px;
    color: rgba(1, 95, 201, .12);
    font-size: 2.2rem;
    font-weight: 900;
}

.traffic-process-card > i {
    margin-bottom: 26px;
    color: var(--bs-primary);
    font-size: 2rem;
}

.traffic-comparison-section {
    padding-top: 20px;
}

.traffic-comparison-card {
    padding: 46px;
    border-radius: 26px;
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 48px;
    color: #fff;
    background: #17243d;
}

.traffic-comparison-card h2,
.traffic-comparison-card p {
    color: #fff;
}

.traffic-comparison-card p {
    margin: 0;
    line-height: 1.75;
    opacity: .75;
}

.traffic-comparison-columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.traffic-comparison-columns > div {
    padding: 24px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 18px;
    background: rgba(255, 255, 255, .06);
}

.traffic-comparison-columns i,
.traffic-comparison-columns strong,
.traffic-comparison-columns span {
    display: block;
}

.traffic-comparison-columns i {
    margin-bottom: 18px;
    color: #66c7f0;
    font-size: 1.6rem;
}

.traffic-comparison-columns strong {
    margin-bottom: 8px;
}

.traffic-comparison-columns span {
    font-size: .84rem;
    line-height: 1.55;
    opacity: .7;
}

.traffic-faq .accordion-item {
    margin-bottom: 13px;
    border: 1px solid #e5eaf0;
    border-radius: 15px !important;
    overflow: hidden;
    background: #fff;
}

.traffic-faq .accordion-button {
    padding: 21px 22px;
    color: #17243d;
    background: #fff;
    font-weight: 800;
    box-shadow: none;
}

.traffic-faq .accordion-button:not(.collapsed) {
    color: var(--bs-primary);
    background: #edf5ff;
}

.traffic-faq .accordion-body {
    padding: 5px 22px 22px;
    color: #667180;
    line-height: 1.7;
}

.traffic-partners-section {
    padding-top: 90px;
}

.traffic-final-cta {
    padding: 58px 0;
    background: var(--bs-primary);
}

.traffic-final-cta__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 36px;
}

.traffic-final-cta span,
.traffic-final-cta h2,
.traffic-final-cta p {
    color: #fff;
}

.traffic-final-cta span {
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
    opacity: .78;
}

.traffic-final-cta h2 {
    margin: 6px 0 8px;
    font-size: clamp(1.8rem, 3vw, 2.7rem);
    font-weight: 900;
}

.traffic-final-cta p {
    margin: 0;
    opacity: .8;
}

@media (max-width: 991px) {
    .traffic-offer-card {
        margin: 0 auto;
    }

    .traffic-section-nav .container {
        justify-content: flex-start;
    }

    .traffic-process-grid,
    .traffic-comparison-card {
        grid-template-columns: 1fr;
    }

    .traffic-final-cta__inner {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 767px) {
    .traffic-page-hero {
        padding: 28px 0 64px;
    }

    .traffic-breadcrumb {
        margin-bottom: 30px;
    }

    .traffic-page-hero h1 {
        font-size: 2.45rem;
    }

    .traffic-content-section,
    .traffic-coverage-section,
    .traffic-process-section,
    .traffic-comparison-section,
    .traffic-faq-section {
        padding: 68px 0;
    }

    .traffic-comparison-section {
        padding-top: 8px;
    }

    .traffic-comparison-card {
        padding: 28px;
        gap: 28px;
    }

    .traffic-comparison-columns {
        grid-template-columns: 1fr;
    }

    .traffic-final-cta {
        padding: 46px 0;
    }
}

@media (max-width: 480px) {
    .traffic-hero-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .traffic-primary-button,
    .traffic-phone-link {
        width: 100%;
        text-align: center;
    }

    .traffic-offer-card__body,
    .traffic-info-panel,
    .traffic-process-card {
        padding: 22px;
    }
}
/*** Traffic Insurance Page End ***/

.whatsapp-assistant {
    position: fixed;
    left: 30px;
    bottom: 30px;
    z-index: 100;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 58px;
    padding: 7px 17px 7px 7px;
    border: 1px solid rgba(255, 255, 255, .75);
    border-radius: 999px;
    color: #fff;
    background: #20b958;
    box-shadow: 0 14px 34px rgba(15, 77, 40, .25);
    text-decoration: none;
    transition: transform .25s ease, background-color .25s ease, box-shadow .25s ease;
}

.whatsapp-assistant:hover,
.whatsapp-assistant:focus-visible {
    color: #fff;
    background: #159447;
    box-shadow: 0 18px 40px rgba(15, 77, 40, .32);
    transform: translateY(-3px);
}

.whatsapp-assistant:focus-visible {
    outline: 3px solid rgba(37, 211, 102, .28);
    outline-offset: 4px;
}

.whatsapp-assistant__icon {
    position: relative;
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    flex: 0 0 44px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .16);
    font-size: 1.7rem;
}

.whatsapp-assistant__icon::before {
    position: absolute;
    inset: -5px;
    border: 2px solid rgba(37, 211, 102, .35);
    border-radius: 50%;
    content: "";
    animation: whatsapp-assistant-pulse 2.2s ease-out infinite;
}

.whatsapp-assistant__status {
    position: absolute;
    top: 1px;
    right: 1px;
    width: 10px;
    height: 10px;
    border: 2px solid #20b958;
    border-radius: 50%;
    background: #fff;
}

.whatsapp-assistant__content {
    display: flex;
    flex-direction: column;
    line-height: 1.18;
}

.whatsapp-assistant__content small {
    margin-bottom: 3px;
    color: rgba(255, 255, 255, .82);
    font-size: .7rem;
}

.whatsapp-assistant__content strong {
    color: #fff;
    font-size: .83rem;
    font-weight: 800;
    white-space: nowrap;
}

@keyframes whatsapp-assistant-pulse {
    0% {
        opacity: .75;
        transform: scale(.82);
    }

    75%,
    100% {
        opacity: 0;
        transform: scale(1.25);
    }
}

@media (max-width: 575px) {
    .back-to-top {
        right: 16px;
        bottom: 16px;
    }

    .whatsapp-assistant {
        left: 16px;
        bottom: 16px;
        width: 56px;
        min-height: 56px;
        padding: 0;
        justify-content: center;
    }

    .whatsapp-assistant__icon {
        width: 48px;
        height: 48px;
        flex-basis: 48px;
        background: transparent;
        font-size: 1.85rem;
    }

    .whatsapp-assistant__content {
        display: none;
    }
}

/* Additional service pages and expanded services menu */
@media (min-width: 1200px) {
    .nav-bar .services-dropdown-menu {
        width: 570px;
        min-width: 570px;
        max-height: calc(100vh - 150px);
        overflow-x: hidden;
        overflow-y: auto;
    }
}

.common-area-product-hero,
.common-area-product-final-cta { background-color: #f0fdfa; }
.common-area-product-hero { background: radial-gradient(circle at 84% 20%,rgba(45,212,191,.18),transparent 25%),linear-gradient(135deg,#fbfefe,#eefbf9); }
.common-area-product-hero .traffic-eyebrow { color: #0f766e; background: #ccfbf1; }
.common-area-product-coverage { background: linear-gradient(180deg,#f0fdfa,#fff); }
.common-area-product-coverage .traffic-coverage-card::before { background: linear-gradient(90deg,#0f766e,#2dd4bf); }
.common-area-product-final-cta .traffic-final-cta__inner { background: radial-gradient(circle at 86% 15%,rgba(94,234,212,.22),transparent 28%),linear-gradient(130deg,#134e4a,#0f766e 62%,#0d9488); box-shadow: 0 20px 50px rgba(15,118,110,.16); }
.common-area-product-final-cta .btn { color: #0f766e; }

.workplace-product-hero,
.workplace-product-final-cta { background-color: #fffbeb; }
.workplace-product-hero { background: radial-gradient(circle at 84% 20%,rgba(251,191,36,.2),transparent 25%),linear-gradient(135deg,#fffdf7,#fff8df); }
.workplace-product-hero .traffic-eyebrow { color: #92400e; background: #fef3c7; }
.workplace-product-coverage { background: linear-gradient(180deg,#fffbeb,#fff); }
.workplace-product-coverage .traffic-coverage-card::before { background: linear-gradient(90deg,#d97706,#fbbf24); }
.workplace-product-final-cta .traffic-final-cta__inner { background: radial-gradient(circle at 86% 15%,rgba(251,191,36,.27),transparent 28%),linear-gradient(130deg,#17233b,#334155 62%,#475569); box-shadow: 0 20px 50px rgba(23,35,59,.16); }
.workplace-product-final-cta .btn { color: #334155; }

.all-risk-product-hero,
.all-risk-product-final-cta { background-color: #f8fafc; }
.all-risk-product-hero { background: radial-gradient(circle at 84% 20%,rgba(251,191,36,.18),transparent 25%),linear-gradient(135deg,#fbfcfe,#f1f5f9); }
.all-risk-product-hero .traffic-eyebrow { color: #854d0e; background: #fef3c7; }
.all-risk-product-coverage { background: linear-gradient(180deg,#f8fafc,#fff); }
.all-risk-product-coverage .traffic-coverage-card::before { background: linear-gradient(90deg,#17233b,#eab308); }
.all-risk-product-final-cta .traffic-final-cta__inner { background: radial-gradient(circle at 86% 15%,rgba(250,204,21,.25),transparent 28%),linear-gradient(130deg,#0f172a,#17233b 62%,#334155); box-shadow: 0 20px 50px rgba(15,23,42,.18); }
.all-risk-product-final-cta .btn { color: #17233b; }

.professional-product-hero,
.professional-product-final-cta { background-color: #f5f3ff; }
.professional-product-hero { background: radial-gradient(circle at 84% 20%,rgba(139,92,246,.16),transparent 25%),linear-gradient(135deg,#fdfcff,#f4f1ff); }
.professional-product-hero .traffic-eyebrow { color: #6d28d9; background: #ede9fe; }
.professional-product-coverage { background: linear-gradient(180deg,#f5f3ff,#fff); }
.professional-product-coverage .traffic-coverage-card::before { background: linear-gradient(90deg,#6d28d9,#60a5fa); }
.professional-product-final-cta .traffic-final-cta__inner { background: radial-gradient(circle at 86% 15%,rgba(167,139,250,.25),transparent 28%),linear-gradient(130deg,#312e81,#5b21b6 62%,#2563eb); box-shadow: 0 20px 50px rgba(76,29,149,.16); }
.professional-product-final-cta .btn { color: #5b21b6; }

.cyber-product-hero,
.cyber-product-final-cta { background-color: #ecfeff; }
.cyber-product-hero { background: radial-gradient(circle at 84% 20%,rgba(34,211,238,.17),transparent 25%),linear-gradient(135deg,#fbfeff,#eafcfd); }
.cyber-product-hero .traffic-eyebrow { color: #0e7490; background: #cffafe; }
.cyber-product-coverage { background: linear-gradient(180deg,#ecfeff,#fff); }
.cyber-product-coverage .traffic-coverage-card::before { background: linear-gradient(90deg,#0e7490,#22d3ee); }
.cyber-product-final-cta .traffic-final-cta__inner { background: radial-gradient(circle at 86% 15%,rgba(34,211,238,.23),transparent 28%),linear-gradient(130deg,#083344,#155e75 62%,#0891b2); box-shadow: 0 20px 50px rgba(14,116,144,.17); }
.cyber-product-final-cta .btn { color: #0e7490; }

.mobile-product-hero,
.mobile-product-final-cta { background-color: #eff6ff; }
.mobile-product-hero { background: radial-gradient(circle at 84% 20%,rgba(96,165,250,.18),transparent 25%),linear-gradient(135deg,#fbfdff,#edf5ff); }
.mobile-product-hero .traffic-eyebrow { color: #1d4ed8; background: #dbeafe; }
.mobile-product-coverage { background: linear-gradient(180deg,#eff6ff,#fff); }
.mobile-product-coverage .traffic-coverage-card::before { background: linear-gradient(90deg,#2563eb,#fbbf24); }
.mobile-product-final-cta .traffic-final-cta__inner { background: radial-gradient(circle at 86% 15%,rgba(251,191,36,.22),transparent 28%),linear-gradient(130deg,#172554,#1d4ed8 62%,#0284c7); box-shadow: 0 20px 50px rgba(29,78,216,.16); }
.mobile-product-final-cta .btn { color: #1d4ed8; }

@media (max-width: 1199px) {
    .nav-bar .services-dropdown-menu,
    .nav-bar .services-dropdown-menu.show {
        max-height: 60vh;
        overflow-y: auto;
    }
}

/* Contact page */
.contact-page-hero {
    position: relative;
    padding: 38px 0 92px;
    overflow: hidden;
    background: radial-gradient(circle at 84% 20%, rgba(102,199,240,.2), transparent 25%), linear-gradient(135deg, #fbfdff, #f1f7fb 62%, #edf8fc);
}

.contact-page-hero::after {
    position: absolute;
    width: 420px;
    height: 420px;
    top: -260px;
    right: 7%;
    content: "";
    border: 1px solid rgba(1,95,201,.08);
    border-radius: 50%;
}

.contact-page-hero .container { position: relative; z-index: 1; }
.contact-page-eyebrow, .contact-section-label, .contact-section-heading > span { color: #015fc9; font-size: .77rem; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.contact-page-eyebrow { display: inline-block; margin-bottom: 20px; padding: 9px 14px; border: 1px solid rgba(1,95,201,.12); border-radius: 999px; background: rgba(255,255,255,.78); }
.contact-page-hero h1 { max-width: 800px; margin-bottom: 24px; color: #17233b; font-size: clamp(2.65rem,5vw,4.6rem); font-weight: 900; letter-spacing: -.052em; line-height: 1.04; }
.contact-page-hero .col-lg-7 > p { max-width: 700px; color: #627083; font-size: 1.07rem; line-height: 1.8; }

.contact-page-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 18px; margin-top: 30px; }
.contact-page-actions .btn { padding: 15px 25px; border-radius: 999px; font-weight: 800; box-shadow: 0 13px 30px rgba(1,95,201,.18); }
.contact-page-actions .btn i, .contact-page-phone i { margin-right: 8px; }
.contact-page-phone { color: #17233b; font-weight: 900; text-decoration: none; }
.contact-page-phone i { color: #015fc9; }

.contact-page-trust { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; max-width: 760px; margin-top: 34px; padding-top: 25px; border-top: 1px solid rgba(30,64,100,.1); }
.contact-page-trust > div { display: flex; align-items: center; gap: 11px; }
.contact-page-trust i { width: 40px; height: 40px; flex: 0 0 40px; border-radius: 13px; color: #015fc9; background: #e8f7fd; display: grid; place-items: center; }
.contact-page-trust span, .contact-page-trust strong, .contact-page-trust small { display: block; }
.contact-page-trust strong { color: #17233b; font-size: .8rem; }
.contact-page-trust small { margin-top: 2px; color: #788697; font-size: .68rem; }

.contact-page-hero-card { min-height: 390px; padding: 42px; border: 1px solid rgba(1,95,201,.12); border-radius: 27px; color: #fff; background: radial-gradient(circle at 85% 12%, rgba(102,199,240,.28), transparent 28%), linear-gradient(140deg, #17233b, #0759ad 70%, #087ccc); box-shadow: 0 30px 75px rgba(22,57,87,.16); display: flex; align-items: flex-start; justify-content: center; flex-direction: column; }
.contact-page-hero-card__icon { width: 62px; height: 62px; margin-bottom: 25px; border-radius: 18px; color: #0759ad; background: #fff; display: grid; place-items: center; font-size: 1.55rem; }
.contact-page-hero-card > span { color: #66c7f0; font-size: .72rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.contact-page-hero-card h2 { margin: 10px 0 15px; color: #fff; font-size: 2rem; font-weight: 900; }
.contact-page-hero-card p { color: rgba(255,255,255,.72); line-height: 1.75; }
.contact-page-hero-card__status { margin-top: 12px; padding: 11px 14px; border: 1px solid rgba(255,255,255,.12); border-radius: 12px; background: rgba(255,255,255,.07); font-size: .76rem; font-weight: 700; }
.contact-page-hero-card__status i { margin-right: 7px; color: #4ade80; font-size: .55rem; }

.contact-channels-section, .contact-form-section { padding: 95px 0; }
.contact-section-heading { max-width: 750px; margin: 0 auto 45px; }
.contact-section-heading h2 { margin: 9px 0 14px; color: #17233b; font-size: clamp(2.1rem,4vw,3.15rem); font-weight: 900; letter-spacing: -.04em; }
.contact-section-heading p { color: #718096; }
.contact-channel-card { height: 100%; min-height: 220px; padding: 28px; border: 1px solid #e6ebf0; border-radius: 20px; color: #17233b; background: #fff; display: flex; align-items: flex-start; flex-direction: column; text-decoration: none; box-shadow: 0 15px 38px rgba(25,54,81,.06); transition: transform .25s ease, box-shadow .25s ease; }
.contact-channel-card:hover { color: #17233b; transform: translateY(-5px); box-shadow: 0 23px 50px rgba(25,54,81,.11); }
.contact-channel-card > i { width: 52px; height: 52px; margin-bottom: 22px; border-radius: 15px; color: #015fc9; background: #e9f7fd; display: grid; place-items: center; font-size: 1.25rem; }
.contact-channel-card--whatsapp > i { color: #128c4b; background: #e8faef; }
.contact-channel-card small, .contact-channel-card strong, .contact-channel-card span { display: block; }
.contact-channel-card small { margin-bottom: 4px; color: #7b8796; font-size: .72rem; font-weight: 800; text-transform: uppercase; }
.contact-channel-card strong { max-width: 100%; overflow-wrap: anywhere; font-size: .95rem; }
.contact-channel-card span { margin-top: auto; padding-top: 15px; color: #015fc9; font-size: .72rem; font-weight: 800; }

.contact-form-section { background: linear-gradient(180deg,#f5f9fc,#fff); }
.contact-form-card, .contact-office-card { height: 100%; border: 1px solid #e5eaf0; border-radius: 25px; background: #fff; box-shadow: 0 18px 48px rgba(25,54,81,.07); }
.contact-form-card { padding: 40px; }
.contact-form-card h2 { margin: 9px 0 10px; color: #17233b; font-size: clamp(2rem,4vw,3rem); font-weight: 900; letter-spacing: -.04em; }
.contact-form-card > p { margin-bottom: 30px; color: #718096; }
.contact-form-card label { margin-bottom: 8px; color: #334155; font-size: .79rem; font-weight: 800; }
.contact-form-card .form-control, .contact-form-card .form-select { min-height: 52px; padding: 13px 15px; border-color: #dfe5eb; border-radius: 12px; color: #17233b; background-color: #fbfcfd; box-shadow: none; }
.contact-form-card textarea.form-control { min-height: 130px; resize: vertical; }
.contact-form-card .form-control:focus, .contact-form-card .form-select:focus { border-color: #66c7f0; background: #fff; box-shadow: 0 0 0 4px rgba(102,199,240,.13); }
.contact-form-check { padding: 14px 14px 14px 39px; border: 1px solid #e5eaf0; border-radius: 12px; background: #f8fafc; }
.contact-form-check .form-check-input { margin-top: .24em; }
.contact-form-check label { margin: 0; color: #667386; line-height: 1.55; }
.contact-form-submit { padding: 15px 25px; border-radius: 999px; font-weight: 900; }
.contact-form-submit i { margin-right: 7px; }
.contact-form-status { min-height: 22px; margin: 10px 0 0; color: #015fc9; font-size: .78rem; font-weight: 700; }

.contact-office-card { overflow: hidden; }
.contact-office-card__visual { min-height: 190px; color: #fff; background: radial-gradient(circle at 80% 15%,rgba(102,199,240,.25),transparent 28%),linear-gradient(135deg,#17233b,#0759ad); display: flex; align-items: center; justify-content: center; flex-direction: column; }
.contact-office-card__visual i { margin-bottom: 13px; color: #66c7f0; font-size: 2.7rem; }
.contact-office-card__visual span { font-weight: 900; }
.contact-office-card__body { padding: 32px; }
.contact-office-card__body h2 { margin-bottom: 25px; color: #17233b; font-size: 1.45rem; font-weight: 900; }
.contact-office-card__body > div { display: grid; grid-template-columns: 42px 1fr; gap: 12px; padding: 15px 0; border-top: 1px solid #edf0f3; }
.contact-office-card__body > div > i { width: 38px; height: 38px; border-radius: 11px; color: #015fc9; background: #e9f7fd; display: grid; place-items: center; }
.contact-office-card__body span, .contact-office-card__body small, .contact-office-card__body strong { display: block; }
.contact-office-card__body small { margin-bottom: 3px; color: #8590a0; font-size: .68rem; font-weight: 800; text-transform: uppercase; }
.contact-office-card__body strong, .contact-office-card__body a { color: #334155; font-size: .83rem; font-weight: 700; text-decoration: none; line-height: 1.55; }

.contact-page-cta { padding: 54px 0; background: #eff6ff; }
.contact-page-cta__inner { padding: 39px 42px; border-radius: 24px; color: #fff; background: radial-gradient(circle at 86% 15%,rgba(125,211,252,.23),transparent 28%),linear-gradient(130deg,#17233b,#0759ad 65%,#087ccc); display: flex; align-items: center; justify-content: space-between; gap: 34px; box-shadow: 0 20px 50px rgba(1,95,201,.15); }
.contact-page-cta__inner span { font-size: .73rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; opacity: .76; }
.contact-page-cta__inner h2 { margin: 7px 0 8px; color: #fff; font-size: clamp(1.75rem,3vw,2.65rem); font-weight: 900; }
.contact-page-cta__inner p { margin: 0; color: #fff; opacity: .78; }
.contact-page-cta__inner .btn { min-width: 245px; padding: 15px 24px; border-radius: 999px; color: #015fc9; display: inline-flex; align-items: center; justify-content: center; gap: 9px; white-space: nowrap; font-weight: 800; }

@media (max-width: 991px) {
    .contact-page-trust { grid-template-columns: 1fr; }
    .contact-page-cta__inner { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 767px) {
    .contact-page-hero { padding: 28px 0 70px; }
    .contact-page-hero h1 { font-size: 2.5rem; }
    .contact-channels-section, .contact-form-section { padding: 72px 0; }
    .contact-form-card { padding: 28px 23px; }
    .contact-page-cta { padding: 38px 0; }
    .contact-page-cta__inner { padding: 30px 24px; border-radius: 20px; }
    .contact-page-cta__inner .btn { width: 100%; min-width: 0; }
}

@media (max-width: 480px) {
    .contact-page-actions { align-items: stretch; flex-direction: column; }
    .contact-page-actions .btn, .contact-page-phone { width: 100%; text-align: center; }
    .contact-page-hero-card { min-height: 340px; padding: 30px 24px; }
}

/* Blog page */
.blog-page-hero {
    position: relative;
    padding: 38px 0 92px;
    overflow: hidden;
    background: radial-gradient(circle at 84% 20%, rgba(102,199,240,.2), transparent 25%), linear-gradient(135deg, #fbfdff, #f1f7fb 62%, #edf8fc);
}

.blog-page-hero::after {
    position: absolute;
    width: 420px;
    height: 420px;
    top: -260px;
    right: 7%;
    content: "";
    border: 1px solid rgba(1,95,201,.08);
    border-radius: 50%;
}

.blog-page-hero .container {
    position: relative;
    z-index: 1;
}

.blog-page-eyebrow,
.blog-section-label {
    color: #015fc9;
    font-size: .77rem;
    font-weight: 900;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.blog-page-eyebrow {
    display: inline-block;
    margin-bottom: 20px;
    padding: 9px 14px;
    border: 1px solid rgba(1,95,201,.12);
    border-radius: 999px;
    background: rgba(255,255,255,.78);
}

.blog-page-hero h1 {
    max-width: 820px;
    margin-bottom: 24px;
    color: #17233b;
    font-size: clamp(2.65rem, 5vw, 4.6rem);
    font-weight: 900;
    letter-spacing: -.052em;
    line-height: 1.04;
}

.blog-page-hero .col-lg-7 > p {
    max-width: 720px;
    color: #627083;
    font-size: 1.06rem;
    line-height: 1.8;
}

.blog-page-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 28px;
}

.blog-page-categories a {
    padding: 9px 15px;
    border: 1px solid #dfe8f0;
    border-radius: 999px;
    color: #334155;
    background: #fff;
    font-size: .79rem;
    font-weight: 800;
    text-decoration: none;
    transition: .2s ease;
}

.blog-page-categories a:hover {
    color: #015fc9;
    border-color: #66c7f0;
    transform: translateY(-2px);
}

.blog-featured-card {
    border: 1px solid rgba(1,95,201,.12);
    border-radius: 25px;
    overflow: hidden;
    background: #fff;
    display: block;
    text-decoration: none;
    box-shadow: 0 28px 70px rgba(22,57,87,.13);
    transition: transform .25s ease, box-shadow .25s ease;
}

.blog-featured-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 34px 80px rgba(22,57,87,.17);
}

.blog-featured-card__visual {
    position: relative;
    min-height: 250px;
    background: radial-gradient(circle at center, #fff 0 31%, transparent 32%), linear-gradient(145deg, #e8f7fd, #edf5ff);
    display: grid;
    place-items: center;
}

.blog-featured-card__visual > span {
    position: absolute;
    top: 16px;
    left: 16px;
    padding: 7px 11px;
    border-radius: 999px;
    color: #fff;
    background: #015fc9;
    font-size: .67rem;
    font-weight: 900;
    text-transform: uppercase;
}

.blog-featured-card__visual img {
    object-fit: contain;
    filter: drop-shadow(0 14px 18px rgba(22,65,95,.12));
}

.blog-featured-card__body {
    padding: 25px;
}

.blog-featured-card__body small,
.blog-featured-card__body > span {
    color: #015fc9;
    font-size: .74rem;
    font-weight: 800;
}

.blog-featured-card__body h2 {
    margin: 10px 0 17px;
    color: #17233b;
    font-size: 1.35rem;
    font-weight: 900;
    line-height: 1.3;
}

.blog-featured-card__body > span i {
    margin-left: 6px;
}

.blog-page-intro {
    padding: 55px 0;
    background: #fff;
}

.blog-page-intro__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 54px;
    padding: 35px 40px;
    border: 1px solid #e8edf2;
    border-radius: 22px;
    background: #f8fafc;
}

.blog-page-intro__inner span {
    color: #015fc9;
    font-size: .72rem;
    font-weight: 900;
    text-transform: uppercase;
}

.blog-page-intro__inner h2 {
    margin: 8px 0 0;
    color: #17233b;
    font-size: clamp(1.65rem, 3vw, 2.35rem);
    font-weight: 900;
    letter-spacing: -.035em;
}

.blog-page-intro__inner p {
    margin: 0;
    color: #6b7788;
    line-height: 1.8;
}

.blog-articles-section,
.blog-seo-guide {
    padding: 95px 0;
}

.blog-articles-section {
    background: linear-gradient(180deg, #f5f9fc, #fff);
}

.blog-section-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 42px;
}

.blog-section-heading h2 {
    margin: 8px 0 0;
    color: #17233b;
    font-size: clamp(2.1rem, 4vw, 3.2rem);
    font-weight: 900;
    letter-spacing: -.04em;
}

.blog-section-heading > p {
    max-width: 520px;
    margin: 0;
    color: #718096;
}

.blog-article-card {
    height: 100%;
    border: 1px solid #e6ebf0;
    border-radius: 21px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 15px 38px rgba(25,54,81,.06);
    transition: transform .25s ease, box-shadow .25s ease;
}

.blog-article-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 23px 50px rgba(25,54,81,.11);
}

.blog-article-card__visual {
    position: relative;
    min-height: 205px;
    background: linear-gradient(145deg, #edf7fc, #f6f9fc);
    display: grid;
    place-items: center;
}

.blog-article-card__visual > span {
    position: absolute;
    top: 15px;
    left: 15px;
    padding: 6px 10px;
    border-radius: 999px;
    color: #075985;
    background: rgba(255,255,255,.94);
    font-size: .65rem;
    font-weight: 900;
}

.blog-article-card__visual img {
    width: 160px;
    height: 130px;
    object-fit: contain;
}

.blog-article-card__body {
    padding: 25px;
}

.blog-article-card__body small {
    color: #7a8797;
    font-size: .72rem;
}

.blog-article-card__body h3 {
    margin: 11px 0 12px;
    font-size: 1.15rem;
    font-weight: 900;
    line-height: 1.4;
}

.blog-article-card__body h3 a {
    color: #17233b;
    text-decoration: none;
}

.blog-article-card__body p {
    color: #748091;
    font-size: .85rem;
    line-height: 1.7;
}

.blog-article-card__link {
    color: #015fc9;
    font-size: .79rem;
    font-weight: 900;
    text-decoration: none;
}

.blog-article-card__link i {
    margin-left: 5px;
}

.blog-seo-guide__visual {
    min-height: 350px;
    padding: 45px;
    border-radius: 25px;
    color: #fff;
    background: radial-gradient(circle at 80% 15%, rgba(102,199,240,.24), transparent 28%), linear-gradient(135deg, #17233b, #0759ad);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    box-shadow: 0 22px 55px rgba(23,35,59,.16);
}

.blog-seo-guide__visual i {
    margin-bottom: 27px;
    color: #66c7f0;
    font-size: 3rem;
}

.blog-seo-guide__visual strong {
    margin-bottom: 10px;
    font-size: 1.7rem;
}

.blog-seo-guide__visual span {
    color: rgba(255,255,255,.72);
    line-height: 1.7;
}

.blog-seo-guide h2 {
    margin: 10px 0 25px;
    color: #17233b;
    font-size: clamp(2.1rem, 4vw, 3.15rem);
    font-weight: 900;
    letter-spacing: -.04em;
}

.blog-seo-guide__list {
    display: grid;
    gap: 12px;
}

.blog-seo-guide__list > div {
    padding: 15px 17px;
    border: 1px solid #e6ebf0;
    border-radius: 14px;
    color: #697688;
    background: #fff;
    display: flex;
    gap: 11px;
    font-size: .86rem;
}

.blog-seo-guide__list i {
    margin-top: 3px;
    color: #015fc9;
}

.blog-seo-guide__list strong {
    color: #17233b;
}

.blog-page-cta {
    padding: 54px 0;
    background: #eff6ff;
}

.blog-page-cta__inner {
    padding: 39px 42px;
    border-radius: 24px;
    background: radial-gradient(circle at 86% 15%, rgba(125,211,252,.23), transparent 28%), linear-gradient(130deg, #17233b, #0759ad 65%, #087ccc);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 34px;
    box-shadow: 0 20px 50px rgba(1,95,201,.15);
}

.blog-page-cta__inner span,
.blog-page-cta__inner h2,
.blog-page-cta__inner p { color: #fff; }
.blog-page-cta__inner span { font-size: .73rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; opacity: .76; }
.blog-page-cta__inner h2 { margin: 7px 0 8px; font-size: clamp(1.75rem, 3vw, 2.65rem); font-weight: 900; }
.blog-page-cta__inner p { margin: 0; opacity: .78; }
.blog-page-cta__inner .btn { min-width: 245px; padding: 15px 24px; border-radius: 999px; color: #015fc9; display: inline-flex; align-items: center; justify-content: center; gap: 9px; white-space: nowrap; font-weight: 800; }

@media (max-width: 991px) {
    .blog-page-intro__inner { grid-template-columns: 1fr; gap: 20px; }
    .blog-section-heading { align-items: flex-start; flex-direction: column; }
    .blog-page-cta__inner { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 767px) {
    .blog-page-hero { padding: 28px 0 70px; }
    .blog-page-hero h1 { font-size: 2.5rem; }
    .blog-articles-section, .blog-seo-guide { padding: 72px 0; }
    .blog-page-intro__inner { padding: 28px 24px; }
    .blog-page-cta { padding: 38px 0; }
    .blog-page-cta__inner { padding: 30px 24px; border-radius: 20px; }
    .blog-page-cta__inner .btn { width: 100%; min-width: 0; }
}

/* About page */
.about-page-hero {
    position: relative;
    padding: 38px 0 96px;
    overflow: hidden;
    background:
        radial-gradient(circle at 84% 20%, rgba(102, 199, 240, .2), transparent 25%),
        radial-gradient(circle at 6% 90%, rgba(1, 95, 201, .08), transparent 27%),
        linear-gradient(135deg, #fbfdff 0%, #f1f7fb 60%, #edf8fc 100%);
}

.about-page-hero::before,
.about-page-hero::after {
    position: absolute;
    content: "";
    border: 1px solid rgba(1, 95, 201, .08);
    border-radius: 50%;
}

.about-page-hero::before {
    width: 430px;
    height: 430px;
    top: -255px;
    right: 8%;
}

.about-page-hero::after {
    width: 250px;
    height: 250px;
    right: -110px;
    bottom: -120px;
}

.about-page-hero .container {
    position: relative;
    z-index: 1;
}

.about-page-eyebrow,
.about-section-label {
    display: inline-flex;
    align-items: center;
    color: #015fc9;
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.about-page-eyebrow {
    margin-bottom: 20px;
    padding: 9px 14px;
    border: 1px solid rgba(1, 95, 201, .12);
    border-radius: 999px;
    background: rgba(255, 255, 255, .76);
}

.about-page-hero h1 {
    max-width: 820px;
    margin-bottom: 24px;
    color: #17233b;
    font-size: clamp(2.65rem, 5vw, 4.65rem);
    font-weight: 900;
    letter-spacing: -.052em;
    line-height: 1.04;
}

.about-page-hero__lead {
    max-width: 720px;
    margin-bottom: 32px;
    color: #627083;
    font-size: 1.08rem;
    line-height: 1.8;
}

.about-page-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.about-page-actions .btn {
    padding: 15px 25px;
    border-radius: 999px;
    font-weight: 800;
    box-shadow: 0 13px 30px rgba(1, 95, 201, .18);
}

.about-page-actions .btn i {
    margin-right: 8px;
}

.about-page-products-link {
    color: #17233b;
    font-weight: 800;
    text-decoration: none;
}

.about-page-products-link i {
    margin-left: 7px;
    color: #015fc9;
    transition: transform .2s ease;
}

.about-page-products-link:hover i {
    transform: translateX(4px);
}

.about-page-trust {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    max-width: 760px;
    margin-top: 34px;
    padding-top: 25px;
    border-top: 1px solid rgba(30, 64, 100, .1);
}

.about-page-trust > div {
    display: flex;
    align-items: center;
    gap: 11px;
}

.about-page-trust i {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    border-radius: 13px;
    color: #015fc9;
    background: #e8f7fd;
    display: grid;
    place-items: center;
}

.about-page-trust span,
.about-page-trust strong,
.about-page-trust small {
    display: block;
}

.about-page-trust strong {
    color: #17233b;
    font-size: .8rem;
}

.about-page-trust small {
    margin-top: 2px;
    color: #788697;
    font-size: .68rem;
}

.about-page-visual {
    padding: 26px;
    border: 1px solid rgba(1, 95, 201, .12);
    border-radius: 28px;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 30px 75px rgba(22, 57, 87, .13);
}

.about-page-visual__brand {
    min-height: 145px;
    padding: 22px;
    border-radius: 20px;
    background: linear-gradient(135deg, #17233b, #0759ad);
    display: flex;
    align-items: center;
    gap: 18px;
}

.about-page-visual__logo-wrap {
    width: 92px;
    height: 82px;
    flex: 0 0 92px;
    border-radius: 19px;
    background: #fff;
    display: grid;
    place-items: center;
}

.about-page-visual__logo-wrap img {
    object-fit: contain;
}

.about-page-visual__brand small,
.about-page-visual__brand strong,
.about-page-visual__brand span {
    display: block;
}

.about-page-visual__brand small {
    margin-bottom: 5px;
    color: #66c7f0;
    font-size: .67rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.about-page-visual__brand strong {
    color: #fff;
    font-size: 1.25rem;
}

.about-page-visual__brand span {
    margin-top: 5px;
    color: rgba(255, 255, 255, .68);
    font-size: .78rem;
}

.about-page-visual__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px;
    margin-top: 14px;
}

.about-page-visual__product {
    min-height: 116px;
    padding: 14px;
    border: 1px solid #edf0f4;
    border-radius: 17px;
    background: #f8fafc;
    display: flex;
    align-items: center;
    gap: 10px;
}

.about-page-visual__product img {
    width: 72px;
    height: 62px;
    object-fit: contain;
}

.about-page-visual__product span {
    color: #17233b;
    font-size: .77rem;
    font-weight: 800;
}

.about-page-intro,
.about-page-values,
.about-page-process {
    padding: 100px 0;
}

.about-page-intro__mark {
    position: relative;
    min-height: 390px;
    border: 1px solid rgba(1, 95, 201, .1);
    border-radius: 28px;
    background: radial-gradient(circle, #fff 0 30%, transparent 31%), linear-gradient(145deg, #eef8fd, #f7fbff);
    display: grid;
    place-items: center;
    overflow: hidden;
}

.about-page-intro__mark::before {
    position: absolute;
    width: 275px;
    height: 275px;
    content: "";
    border: 1px dashed rgba(1, 95, 201, .18);
    border-radius: 50%;
}

.about-page-intro__mark img {
    position: relative;
    z-index: 1;
    object-fit: contain;
    filter: drop-shadow(0 15px 20px rgba(26, 61, 92, .12));
}

.about-page-intro__mark span {
    position: absolute;
    right: 20px;
    bottom: 20px;
    left: 20px;
    z-index: 2;
    padding: 14px 17px;
    border-radius: 14px;
    color: #17233b;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 12px 28px rgba(21, 56, 84, .1);
    font-size: .82rem;
    font-weight: 800;
    text-align: center;
}

.about-page-intro__mark span i {
    margin-right: 7px;
    color: #015fc9;
}

.about-page-intro h2,
.about-page-process h2 {
    margin: 12px 0 22px;
    color: #17233b;
    font-size: clamp(2.15rem, 4vw, 3.25rem);
    font-weight: 900;
    letter-spacing: -.04em;
    line-height: 1.12;
}

.about-page-intro p,
.about-page-process > .container p {
    color: #687587;
    line-height: 1.8;
}

.about-page-intro__checks {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 27px;
}

.about-page-intro__checks span {
    padding: 14px;
    border: 1px solid #e8edf2;
    border-radius: 13px;
    color: #334155;
    background: #fff;
    font-size: .83rem;
    font-weight: 700;
}

.about-page-intro__checks i {
    margin-right: 8px;
    color: #015fc9;
}

.about-page-values {
    background: linear-gradient(180deg, #f4f9fc, #fff);
}

.about-page-heading {
    max-width: 760px;
    margin: 0 auto 46px;
}

.about-page-heading h2 {
    margin: 10px 0 14px;
    color: #17233b;
    font-size: clamp(2.1rem, 4vw, 3.2rem);
    font-weight: 900;
    letter-spacing: -.04em;
}

.about-page-heading p {
    color: #718096;
}

.about-value-card {
    height: 100%;
    min-height: 245px;
    padding: 29px;
    border: 1px solid #e8edf2;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 15px 38px rgba(25, 54, 81, .06);
    transition: transform .25s ease, box-shadow .25s ease;
}

.about-value-card:hover {
    box-shadow: 0 22px 48px rgba(25, 54, 81, .1);
    transform: translateY(-5px);
}

.about-value-card i {
    width: 55px;
    height: 55px;
    margin-bottom: 24px;
    border-radius: 16px;
    color: #015fc9;
    background: #e9f7fd;
    display: grid;
    place-items: center;
    font-size: 1.3rem;
}

.about-value-card h3 {
    margin-bottom: 12px;
    color: #17233b;
    font-size: 1.05rem;
    font-weight: 900;
}

.about-value-card p {
    margin: 0;
    color: #748091;
    font-size: .88rem;
    line-height: 1.7;
}

.about-page-process__button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 13px;
    color: #015fc9;
    font-weight: 800;
    text-decoration: none;
}

.about-process-list {
    padding: 15px;
    border: 1px solid #e8edf2;
    border-radius: 25px;
    background: #f8fafc;
}

.about-process-item {
    display: grid;
    grid-template-columns: 58px 1fr;
    gap: 16px;
    padding: 21px;
    border-radius: 17px;
}

.about-process-item + .about-process-item {
    border-top: 1px solid #e7ebf0;
}

.about-process-item > span {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    color: #015fc9;
    background: #e7f5fd;
    display: grid;
    place-items: center;
    font-weight: 900;
}

.about-process-item h3 {
    margin-bottom: 6px;
    color: #17233b;
    font-size: 1rem;
    font-weight: 900;
}

.about-process-item p {
    margin: 0;
    font-size: .84rem;
}

.about-page-cta {
    padding: 54px 0;
    background: #eff6ff;
}

.about-page-cta__inner {
    padding: 39px 42px;
    border: 1px solid rgba(96, 165, 250, .18);
    border-radius: 25px;
    background: radial-gradient(circle at 86% 15%, rgba(125,211,252,.23), transparent 28%), linear-gradient(130deg, #17233b, #0759ad 65%, #087ccc);
    box-shadow: 0 20px 50px rgba(1, 95, 201, .15);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 34px;
}

.about-page-cta__inner span,
.about-page-cta__inner h2,
.about-page-cta__inner p {
    color: #fff;
}

.about-page-cta__inner span {
    font-size: .75rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
    opacity: .76;
}

.about-page-cta__inner h2 {
    margin: 7px 0 8px;
    font-size: clamp(1.8rem, 3vw, 2.7rem);
    font-weight: 900;
}

.about-page-cta__inner p {
    margin: 0;
    opacity: .78;
}

.about-page-cta__inner .btn {
    min-width: 245px;
    padding: 15px 24px;
    border-radius: 999px;
    color: #015fc9;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 9px;
    white-space: nowrap;
    font-weight: 800;
}

@media (max-width: 991px) {
    .about-page-trust {
        grid-template-columns: 1fr;
    }

    .about-page-cta__inner {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 767px) {
    .about-page-hero {
        padding: 28px 0 70px;
    }

    .about-page-hero h1 {
        font-size: 2.55rem;
    }

    .about-page-intro,
    .about-page-values,
    .about-page-process {
        padding: 72px 0;
    }

    .about-page-intro__checks {
        grid-template-columns: 1fr;
    }

    .about-page-cta {
        padding: 38px 0;
    }

    .about-page-cta__inner {
        padding: 30px 24px;
        border-radius: 20px;
    }

    .about-page-cta__inner .btn {
        width: 100%;
        min-width: 0;
    }
}

@media (max-width: 480px) {
    .about-page-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .about-page-actions .btn,
    .about-page-products-link {
        width: 100%;
        text-align: center;
    }

    .about-page-visual {
        padding: 17px;
    }

    .about-page-visual__brand {
        align-items: flex-start;
        flex-direction: column;
    }

    .about-page-visual__grid {
        grid-template-columns: 1fr;
    }
}

/* Reusable product detail pages */
.product-detail-hero {
    position: relative;
    overflow: hidden;
}

.product-detail-hero::after {
    position: absolute;
    width: 360px;
    height: 360px;
    top: -210px;
    right: 8%;
    content: "";
    border: 1px solid rgba(30, 64, 100, .08);
    border-radius: 50%;
    pointer-events: none;
}

.product-detail-hero .container {
    position: relative;
    z-index: 1;
}

.product-detail-hero .traffic-offer-card__visual {
    min-height: 250px;
    background: radial-gradient(circle at center, #fff 0 31%, transparent 32%), linear-gradient(145deg, #eef7ff, #f8fbff);
}

.product-detail-hero .traffic-offer-card__visual img {
    width: 205px;
    height: 170px;
    filter: drop-shadow(0 14px 18px rgba(22, 65, 95, .13));
}

.product-detail-trust {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-width: 700px;
    gap: 14px;
    margin-top: 30px;
    padding-top: 23px;
    border-top: 1px solid rgba(30, 64, 100, .1);
}

.product-detail-trust > div {
    display: flex;
    align-items: center;
    gap: 10px;
}

.product-detail-trust i {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border-radius: 12px;
    color: #015fc9;
    background: #eaf5ff;
    display: grid;
    place-items: center;
}

.product-detail-trust span,
.product-detail-trust strong,
.product-detail-trust small {
    display: block;
}

.product-detail-trust strong {
    color: #17233b;
    font-size: .81rem;
}

.product-detail-trust small {
    margin-top: 2px;
    color: #718096;
    font-size: .69rem;
}

.product-detail-content .traffic-info-panel,
.product-detail-coverage .traffic-coverage-card {
    box-shadow: 0 16px 42px rgba(23, 49, 75, .07);
}

.product-detail-final-cta {
    padding: 54px 0;
}

.product-detail-final-cta .traffic-final-cta__inner {
    padding: 38px 42px;
    border-radius: 24px;
}

.product-detail-final-cta .btn {
    min-width: 270px;
    padding: 15px 26px !important;
    border: 1px solid rgba(255, 255, 255, .72);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    white-space: nowrap;
    font-size: .95rem;
    font-weight: 800;
    box-shadow: 0 12px 28px rgba(4, 32, 64, .16);
}

.product-detail-final-cta .btn i {
    margin-right: 0 !important;
}

.dask-product-hero,
.dask-product-final-cta { background-color: #fffbeb; }
.dask-product-hero { background: radial-gradient(circle at 84% 20%, rgba(251, 191, 36, .22), transparent 25%), linear-gradient(135deg, #fffdf5, #fff8dc); }
.dask-product-hero .traffic-eyebrow { color: #854d0e; background: #fef3c7; }
.dask-product-hero .traffic-offer-card__badge { color: #854d0e; background: #fef3c7; }
.dask-product-coverage { background: linear-gradient(180deg, #fffbeb, #fff); }
.dask-product-coverage .traffic-coverage-card::before { background: linear-gradient(90deg, #eab308, #fbbf24); }
.dask-product-final-cta .traffic-final-cta__inner { background: radial-gradient(circle at 86% 15%, rgba(251,191,36,.28), transparent 28%), linear-gradient(130deg, #17233b, #173e68 62%, #1d5f91); box-shadow: 0 20px 50px rgba(23,35,59,.16); }
.dask-product-final-cta .btn { color: #173e68; }

.imm-product-hero,
.imm-product-final-cta { background-color: #eff6ff; }
.imm-product-hero { background: radial-gradient(circle at 84% 20%, rgba(59,130,246,.18), transparent 25%), linear-gradient(135deg, #f8fbff, #edf5ff); }
.imm-product-coverage { background: linear-gradient(180deg, #eff6ff, #fff); }
.imm-product-coverage .traffic-coverage-card::before { background: linear-gradient(90deg, #1d4ed8, #38bdf8); }
.imm-product-final-cta .traffic-final-cta__inner { background: radial-gradient(circle at 86% 15%, rgba(56,189,248,.24), transparent 28%), linear-gradient(130deg, #172554, #1d4ed8 62%, #0284c7); box-shadow: 0 20px 50px rgba(29,78,216,.16); }
.imm-product-final-cta .btn { color: #1d4ed8; }

.home-product-hero,
.home-product-final-cta { background-color: #f0f9ff; }
.home-product-hero { background: radial-gradient(circle at 84% 20%, rgba(14,165,233,.18), transparent 25%), linear-gradient(135deg, #fbfdff, #edf8fc); }
.home-product-coverage { background: linear-gradient(180deg, #f0f9ff, #fff); }
.home-product-coverage .traffic-coverage-card::before { background: linear-gradient(90deg, #0369a1, #38bdf8); }
.home-product-final-cta .traffic-final-cta__inner { background: radial-gradient(circle at 86% 15%, rgba(125,211,252,.23), transparent 28%), linear-gradient(130deg, #164e63, #0369a1 62%, #0284c7); box-shadow: 0 20px 50px rgba(3,105,161,.16); }
.home-product-final-cta .btn { color: #0369a1; }

.travel-product-hero,
.travel-product-final-cta { background-color: #f0fdfa; }
.travel-product-hero { background: radial-gradient(circle at 84% 20%, rgba(45,212,191,.18), transparent 25%), linear-gradient(135deg, #fbfefe, #effbf8); }
.travel-product-hero .traffic-eyebrow { color: #0f766e; background: #ccfbf1; }
.travel-product-coverage { background: linear-gradient(180deg, #f0fdfa, #fff); }
.travel-product-coverage .traffic-coverage-card::before { background: linear-gradient(90deg, #0f766e, #2dd4bf); }
.travel-product-final-cta .traffic-final-cta__inner { background: radial-gradient(circle at 86% 15%, rgba(94,234,212,.22), transparent 28%), linear-gradient(130deg, #134e4a, #0f766e 62%, #0d9488); box-shadow: 0 20px 50px rgba(15,118,110,.16); }
.travel-product-final-cta .btn { color: #0f766e; }

@media (max-width: 767px) {
    .product-detail-trust {
        grid-template-columns: 1fr;
    }

    .product-detail-final-cta {
        padding: 38px 0;
    }

    .product-detail-final-cta .traffic-final-cta__inner {
        padding: 30px 24px;
        border-radius: 20px;
    }

    .product-detail-final-cta .btn {
        width: 100%;
        min-width: 0;
        padding: 14px 18px !important;
        font-size: .88rem;
    }
}

/* Product pages - consistent final offer cards */
.traffic-product-final-cta,
.kasko-final-cta,
.tss-final-cta:not(.private-health-final-cta) {
    padding: 54px 0;
}

.traffic-product-final-cta {
    background: #eff6ff;
}

.kasko-final-cta {
    background: #fffbeb;
}

.tss-final-cta:not(.private-health-final-cta) {
    background: #f0f9ff;
}

.traffic-product-final-cta .traffic-final-cta__inner,
.kasko-final-cta .traffic-final-cta__inner,
.tss-final-cta:not(.private-health-final-cta) .traffic-final-cta__inner {
    padding: 38px 42px;
    border-radius: 24px;
}

.traffic-product-final-cta .traffic-final-cta__inner {
    border: 1px solid rgba(96, 165, 250, .2);
    background:
        radial-gradient(circle at 86% 15%, rgba(125, 211, 252, .23), transparent 28%),
        linear-gradient(130deg, #0f3d78, #0759ad 62%, #087ccc);
    box-shadow: 0 20px 50px rgba(1, 95, 201, .16);
}

.kasko-final-cta .traffic-final-cta__inner {
    border: 1px solid rgba(251, 191, 36, .22);
    background:
        radial-gradient(circle at 86% 15%, rgba(251, 191, 36, .3), transparent 29%),
        linear-gradient(130deg, #17233b, #173e68 62%, #1d5f91);
    box-shadow: 0 20px 50px rgba(23, 35, 59, .16);
}

.tss-final-cta:not(.private-health-final-cta) .traffic-final-cta__inner {
    border: 1px solid rgba(56, 189, 248, .2);
    background:
        radial-gradient(circle at 86% 15%, rgba(125, 211, 252, .24), transparent 28%),
        linear-gradient(130deg, #075985, #0369a1 62%, #0284c7);
    box-shadow: 0 20px 50px rgba(3, 105, 161, .16);
}

.traffic-product-final-cta .btn,
.kasko-final-cta .btn,
.tss-final-cta:not(.private-health-final-cta) .btn {
    min-width: 270px;
    padding: 15px 26px !important;
    border: 1px solid rgba(255, 255, 255, .72);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    white-space: nowrap;
    font-size: .95rem;
    font-weight: 800;
    box-shadow: 0 12px 28px rgba(4, 32, 64, .16);
    transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
}

.traffic-product-final-cta .btn,
.tss-final-cta:not(.private-health-final-cta) .btn {
    color: #015fc9;
}

.kasko-final-cta .btn {
    color: #173e68;
}

.traffic-product-final-cta .btn i,
.kasko-final-cta .btn i,
.tss-final-cta:not(.private-health-final-cta) .btn i {
    margin-right: 0 !important;
    font-size: 1.05rem;
}

.traffic-product-final-cta .btn:hover,
.kasko-final-cta .btn:hover,
.tss-final-cta:not(.private-health-final-cta) .btn:hover {
    box-shadow: 0 16px 34px rgba(4, 32, 64, .22);
    transform: translateY(-2px);
}

.traffic-product-final-cta .btn:hover,
.tss-final-cta:not(.private-health-final-cta) .btn:hover {
    color: #015fc9;
    background: #eff8ff;
}

.kasko-final-cta .btn:hover {
    color: #17233b;
    background: #fffbeb;
}

@media (max-width: 767px) {
    .traffic-product-final-cta,
    .kasko-final-cta,
    .tss-final-cta:not(.private-health-final-cta) {
        padding: 38px 0;
    }

    .traffic-product-final-cta .traffic-final-cta__inner,
    .kasko-final-cta .traffic-final-cta__inner,
    .tss-final-cta:not(.private-health-final-cta) .traffic-final-cta__inner {
        padding: 30px 24px;
        border-radius: 20px;
    }

    .traffic-product-final-cta .btn,
    .kasko-final-cta .btn,
    .tss-final-cta:not(.private-health-final-cta) .btn {
        width: 100%;
        min-width: 0;
        padding: 14px 18px !important;
        font-size: .88rem;
    }
}

/* Tamamlayici saglik - premium corporate presentation */
.tss-page-hero {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 82% 23%, rgba(92, 205, 238, .22), transparent 24%),
        radial-gradient(circle at 8% 85%, rgba(1, 95, 201, .08), transparent 28%),
        linear-gradient(135deg, #f9fcff 0%, #f2f9fd 58%, #eef8fb 100%);
}

.tss-page-hero::before,
.tss-page-hero::after {
    position: absolute;
    content: "";
    border: 1px solid rgba(1, 95, 201, .08);
    border-radius: 50%;
    pointer-events: none;
}

.tss-page-hero::before {
    width: 420px;
    height: 420px;
    top: -235px;
    right: 9%;
}

.tss-page-hero::after {
    width: 260px;
    height: 260px;
    right: -110px;
    bottom: -140px;
}

.tss-page-hero .container {
    position: relative;
    z-index: 1;
}

.tss-page-hero h1 {
    max-width: 760px;
    letter-spacing: -.045em;
}

.tss-page-hero .traffic-eyebrow {
    color: #075985;
    border: 1px solid rgba(14, 165, 233, .2);
    background: rgba(224, 247, 255, .88);
}

.tss-page-hero .traffic-offer-card {
    border: 1px solid rgba(14, 165, 233, .18);
    box-shadow: 0 28px 70px rgba(19, 74, 112, .14);
}

.tss-page-hero .traffic-offer-card__visual {
    position: relative;
    min-height: 260px;
    overflow: hidden;
    background:
        radial-gradient(circle at center, rgba(255, 255, 255, .95) 0 31%, transparent 32%),
        linear-gradient(145deg, #e9f9ff, #eef5ff);
}

.tss-page-hero .traffic-offer-card__visual::after {
    position: absolute;
    width: 205px;
    height: 205px;
    content: "";
    border: 1px dashed rgba(1, 95, 201, .2);
    border-radius: 50%;
}

.tss-page-hero .traffic-offer-card__visual img {
    position: relative;
    z-index: 2;
    width: 200px;
    height: 168px;
    filter: drop-shadow(0 15px 18px rgba(22, 82, 121, .12));
}

.tss-page-hero .traffic-offer-card__badge {
    color: #075985;
    background: #dff6ff;
}

.tss-visual-chip {
    position: absolute;
    z-index: 3;
    padding: 8px 11px;
    border: 1px solid rgba(14, 165, 233, .15);
    border-radius: 12px;
    color: #334155;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 10px 25px rgba(24, 84, 120, .1);
    font-size: .72rem;
    font-weight: 800;
}

.tss-visual-chip i {
    margin-right: 5px;
    color: #0284c7;
}

.tss-visual-chip--left {
    left: 18px;
    bottom: 24px;
}

.tss-visual-chip--right {
    top: 70px;
    right: 16px;
}

.tss-trust-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-width: 700px;
    margin-top: 32px;
    padding-top: 24px;
    border-top: 1px solid rgba(15, 81, 121, .1);
}

.tss-trust-row > div {
    display: flex;
    align-items: center;
    gap: 11px;
}

.tss-trust-row i {
    width: 38px;
    height: 38px;
    border-radius: 12px;
    color: #0284c7;
    background: #e3f7fd;
    display: grid;
    place-items: center;
}

.tss-trust-row span,
.tss-trust-row strong,
.tss-trust-row small {
    display: block;
}

.tss-trust-row strong {
    color: #17233b;
    font-size: .82rem;
}

.tss-trust-row small {
    margin-top: 2px;
    color: #718096;
    font-size: .7rem;
}

.tss-content-section .traffic-info-panel {
    border: 1px solid rgba(14, 165, 233, .12);
    background: linear-gradient(145deg, #f7fcff, #edf8fc);
    box-shadow: 0 20px 50px rgba(27, 87, 122, .08);
}

.tss-content-section .traffic-info-panel__item i {
    color: #0284c7;
    background: #fff;
    box-shadow: 0 8px 18px rgba(28, 100, 140, .08);
}

.tss-coverage-section {
    background: linear-gradient(180deg, #f5fbfe 0%, #fff 100%);
}

.tss-coverage-section .traffic-coverage-card {
    border-color: rgba(14, 165, 233, .12);
    box-shadow: 0 15px 40px rgba(30, 92, 128, .07);
}

.tss-coverage-section .traffic-coverage-card::before {
    background: linear-gradient(90deg, #0284c7, #67d4ed);
}

.tss-coverage-section .traffic-coverage-card i {
    color: #0284c7;
    background: #e5f8fd;
}

.tss-process-section .traffic-process-card span {
    color: rgba(2, 132, 199, .12);
}

.tss-process-section .traffic-process-card i {
    color: #0284c7;
    background: #e5f8fd;
}

.tss-comparison-section .traffic-comparison-card {
    background:
        radial-gradient(circle at 90% 10%, rgba(103, 212, 237, .14), transparent 30%),
        linear-gradient(135deg, #102a43, #164e63);
}

.tss-faq-section .accordion-button:not(.collapsed) {
    color: #075985;
    background: #eaf9fd;
}

.tss-final-cta .traffic-final-cta__inner {
    background:
        radial-gradient(circle at 85% 15%, rgba(125, 211, 252, .24), transparent 28%),
        linear-gradient(130deg, #075985, #0369a1 60%, #0284c7);
}

@media (max-width: 767px) {
    .tss-trust-row {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .tss-page-hero .traffic-offer-card__visual {
        min-height: 230px;
    }

    .tss-visual-chip--right {
        top: 58px;
    }
}

/* Kasko page accent */
.kasko-page-hero {
    background:
        radial-gradient(circle at 88% 18%, rgba(255, 194, 20, .18), transparent 29%),
        linear-gradient(145deg, #f8fbff 0%, #f3f7fb 100%);
}

.kasko-page-hero .traffic-eyebrow,
.kasko-page-hero .traffic-offer-card__badge {
    color: #17233b;
    background: #ffc214;
}

.kasko-page-hero .traffic-offer-card__visual {
    background: linear-gradient(145deg, rgba(255, 194, 20, .17), rgba(102, 199, 240, .15));
}


/*** Cookie Consent Start ***/
.cookie-consent {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 9999;
    width: min(680px, calc(100% - 48px));
    padding: 20px;
    border: 1px solid rgba(1, 95, 201, .14);
    border-radius: 18px;
    display: flex;
    align-items: center;
    gap: 16px;
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 20px 55px rgba(23, 36, 61, .18);
    opacity: 0;
    visibility: hidden;
    transform: translateY(18px);
    transition: opacity .25s ease, visibility .25s ease, transform .25s ease;
}

.cookie-consent.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.cookie-consent__icon {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    color: var(--bs-primary);
    background: #eef5ff;
    font-size: 1.35rem;
}

.cookie-consent__content {
    min-width: 0;
    flex: 1 1 auto;
}

.cookie-consent__content h2 {
    margin: 0 0 5px;
    color: #17243d;
    font-size: 1rem;
    font-weight: 800;
}

.cookie-consent__content p {
    margin: 0;
    color: #667180;
    font-size: .82rem;
    line-height: 1.5;
}

.cookie-consent__actions {
    display: flex;
    align-items: center;
    gap: 9px;
    flex: 0 0 auto;
}

.cookie-consent__button {
    min-height: 42px;
    padding: 9px 15px;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 800;
    white-space: nowrap;
}

.cookie-consent__button--primary {
    color: #fff;
    background: var(--bs-primary);
    border-color: var(--bs-primary);
}

.cookie-consent__button--primary:hover {
    color: #fff;
    background: #014fa8;
}

.cookie-consent__button--secondary {
    color: #17243d;
    background: #fff;
    border-color: #dce4ee;
}

.cookie-consent__button--secondary:hover {
    color: var(--bs-primary);
    border-color: rgba(1, 95, 201, .35);
}

@media (max-width: 767px) {
    .cookie-consent {
        right: 12px;
        bottom: 12px;
        width: calc(100% - 24px);
        padding: 16px;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .cookie-consent__icon {
        width: 42px;
        height: 42px;
    }

    .cookie-consent__content {
        width: calc(100% - 58px);
        flex: 1 1 calc(100% - 58px);
    }

    .cookie-consent__actions {
        width: 100%;
        justify-content: flex-end;
    }
}

@media (max-width: 420px) {
    .cookie-consent__actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .cookie-consent__button {
        padding-right: 10px;
        padding-left: 10px;
        white-space: normal;
    }
}
/*** Cookie Consent End ***/

@media (prefers-reduced-motion: reduce) {
    .whatsapp-assistant,
    .whatsapp-assistant__icon::before {
        animation: none;
        transition: none;
    }
}


/*** Button Start ***/
.btn {
    font-weight: 600;
    transition: .5s;
}

.btn-square {
    width: 32px;
    height: 32px;
}

.btn-sm-square {
    width: 34px;
    height: 34px;
}

.btn-md-square {
    width: 44px;
    height: 44px;
}

.btn-lg-square {
    width: 56px;
    height: 56px;
}

.btn-xl-square {
    width: 66px;
    height: 66px;
}

.btn-square,
.btn-sm-square,
.btn-md-square,
.btn-lg-square,
.btn-xl-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
}

.btn.btn-primary {
    color: var(--bs-white);
    border: none;
}

.btn.btn-primary:hover {
    background: var(--bs-dark);
    color: var(--bs-white);
}

.btn.btn-light {
    color: var(--bs-primary);
    border: none;
}

.btn.btn-light:hover {
    color: var(--bs-white);
    background: var(--bs-dark);
}

.btn.btn-dark {
    color: var(--bs-white);
    border: none;
}

.btn.btn-dark:hover {
    color: var(--bs-primary);
    background: var(--bs-light);
}


/*** Topbar Start ***/ 
.topbar {
    line-height: 1.25;
}

.topbar .small {
    font-size: .78rem;
}

.topbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    vertical-align: middle;
    margin-left: 8px;
    color: var(--bs-primary);
}

.topbar .dropdown .dropdown-menu a:hover {
    background: var(--bs-primary);
    color: var(--bs-white);
}

.topbar .dropdown .dropdown-menu {
    transform: rotateX(0deg);
    visibility: visible;
    background: var(--bs-light);
    padding-top: 10px;
    border: 0;
    transition: .5s;
    opacity: 1;
}
/*** Topbar End ***/


/*** Navbar Start ***/
.nav-bar {
    background: var(--bs-white);
    transition: 1s;
}

.nav-bar .header-brand {
    gap: 10px;
    font-size: clamp(1.55rem, 2vw, 2rem);
    line-height: 1;
    white-space: nowrap;
}

.nav-bar .header-brand-logo {
    width: 52px;
    height: 42px;
    max-height: none !important;
    object-fit: contain;
    flex: 0 0 auto;
}

.nav-bar .header-brand small {
    font-size: .68rem !important;
    letter-spacing: .025em;
}

.nav-bar .header-whatsapp-offer {
    min-height: 40px;
    padding: 8px 16px;
    border-radius: 10px;
    white-space: nowrap;
}

.nav-bar .header-nav-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.nav-bar .header-phone-link {
    min-height: 40px;
    padding: 8px 13px;
    border: 1px solid rgba(1, 95, 201, .15);
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: var(--bs-primary);
    background: #fff;
    font-size: .82rem;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
    transition: color .25s ease, border-color .25s ease, background-color .25s ease;
}

.nav-bar .header-phone-link:hover,
.nav-bar .header-phone-link:focus-visible {
    color: #fff;
    border-color: var(--bs-primary);
    background: var(--bs-primary);
}

.nav-bar .header-phone-link:focus-visible {
    outline: 3px solid rgba(1, 95, 201, .18);
    outline-offset: 3px;
}

.nav-bar .header-mobile-offer {
    min-height: 40px;
    border-radius: 10px;
}

.nav-bar .header-contact {
    align-items: center;
    font-size: .86rem;
    line-height: 1.25;
}

.nav-bar .header-contact .btn-lg-square {
    width: 44px;
    height: 44px;
}

.nav-bar .header-contact .fa-2x {
    font-size: 1.25em;
}

.navbar-light .navbar-brand img {
    max-height: 60px;
    transition: .5s;
}

.nav-bar .navbar-light .navbar-brand img {
    max-height: 50px;
}

.navbar .navbar-nav .nav-link {
    padding: 0;
    white-space: nowrap;
}

.navbar .navbar-nav .nav-item {
    display: flex;
    align-items: center;
    padding: 10px 12px;
}

.navbar-light .navbar-nav .nav-item:hover,
.navbar-light .navbar-nav .nav-item.active,
.navbar-light .navbar-nav .nav-item:hover .nav-link,
.navbar-light .navbar-nav .nav-item.active .nav-link {
    color: var(--bs-primary);
}

@media (max-width: 1199px) {
    .navbar {
        padding: 10px 0;
    }

    .navbar .navbar-nav .nav-link {
        padding: 0;
    }

    .navbar .navbar-nav .nav-item {
        display: flex;
        padding: 12px 16px;
        flex-direction: column;
        justify-content: start;
        align-items: start;
    }

    .navbar .navbar-nav .nav-btn {
        display: flex;
        justify-content: start;
    }

    .navbar .navbar-nav {
        width: 100%;
        display: flex;
        margin-top: 10px;
        padding-bottom: 10px;
        background: var(--bs-light);
        border-radius: 10px;
    }

    .navbar.navbar-expand-xl .navbar-toggler {
        padding: 6px 11px;
        border: 1px solid var(--bs-primary);
        color: var(--bs-primary);
    }

    .nav-bar .header-nav-actions {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
    }

    .nav-bar .header-phone-link,
    .nav-bar .header-mobile-offer {
        width: 100%;
    }
}

@media (max-width: 575px) {
    .nav-bar .navbar {
        align-items: center;
    }

    .nav-bar .navbar-brand {
        max-width: calc(100% - 52px);
        margin-right: 6px;
        flex: 0 1 auto;
    }

    .nav-bar .header-brand {
        width: 100%;
        min-width: 0;
        gap: 5px;
        font-size: 1.16rem;
    }

    .nav-bar .header-brand-logo {
        width: 38px;
        height: 31px;
    }

    .nav-bar .header-brand small {
        margin-left: .2rem !important;
        font-size: .5rem !important;
        line-height: 1.05;
    }

    .nav-bar .navbar-toggler {
        width: 42px;
        flex: 0 0 42px;
        margin-left: auto;
    }

    .nav-bar .navbar-collapse {
        flex-basis: 100%;
    }
}

.navbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    vertical-align: middle;
    margin-left: 8px;
}

.dropdown .dropdown-menu .dropdown-item:hover {
    background: var(--bs-primary);
    color: var(--bs-white);
}

.nav-bar .services-dropdown-menu {
    min-width: 430px;
    padding: 10px;
    border: 1px solid rgba(1, 95, 201, .1) !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 18px 45px rgba(16, 34, 63, .16);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px;
}

.nav-bar .services-dropdown > .services-dropdown-toggle {
    padding: 0;
    border: 0;
    display: inline-flex;
    align-items: center;
    color: rgba(0, 0, 0, .55);
    background: transparent;
    font: inherit;
    white-space: nowrap;
    text-align: left;
}

.nav-bar .services-dropdown > .services-dropdown-toggle:hover,
.nav-bar .services-dropdown > .services-dropdown-toggle:focus,
.nav-bar .services-dropdown > .services-dropdown-toggle.active,
.nav-bar .services-dropdown > .services-dropdown-toggle[aria-expanded="true"] {
    color: var(--bs-primary);
}

.navbar .nav-item .services-dropdown-menu.show {
    display: grid !important;
}

.nav-bar .services-dropdown-menu .dropdown-item {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    padding: 9px 11px;
    border-radius: 9px;
    color: #17243d;
    font-size: .84rem;
    font-weight: 700;
    white-space: nowrap;
    transition: color .2s ease, background-color .2s ease, transform .2s ease;
}

.nav-bar .services-dropdown-menu .dropdown-item i {
    width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: var(--bs-primary);
    background: rgba(1, 95, 201, .09);
    flex: 0 0 auto;
}

.nav-bar .services-dropdown-menu .dropdown-item:hover,
.nav-bar .services-dropdown-menu .dropdown-item:focus {
    color: var(--bs-primary);
    background: rgba(1, 95, 201, .07);
    transform: translateY(-1px);
}

.nav-bar .services-dropdown-menu .dropdown-item:hover i,
.nav-bar .services-dropdown-menu .dropdown-item:focus i {
    color: #fff;
    background: var(--bs-primary);
}

.insurance-product-card {
    scroll-margin-top: 135px;
}

.insurance-product-card:target {
    border-color: rgba(1, 95, 201, .28);
    box-shadow: 0 14px 34px rgba(1, 95, 201, .18);
}

@media (min-width: 1200px) {
    .navbar {
        padding: 10px 0;
    }

    .navbar .nav-btn {
        display: flex;
        align-items: center;
        justify-content: end;
    }

    .navbar .navbar-nav {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        background: var(--bs-light);
        border-radius: 10px;
    }

    .navbar .navbar-nav .nav-btn {
        width: 100%;
        display: flex;
        margin-left: auto;
    }

    .navbar .nav-item .dropdown-menu {
        display: block;
        visibility: hidden;
        top: 100%;
        transform: rotateX(-75deg);
        transform-origin: 0% 0%;
        border: 0;
        border-radius: 10px;
        transition: .5s;
        opacity: 0;
    }

    .navbar .nav-item:not(.services-dropdown):hover .dropdown-menu {
        transform: rotateX(0deg);
        visibility: visible;
        margin-top: 20px;
        background: var(--bs-light);
        transition: .5s;
        opacity: 1;
    }

    .navbar .nav-item .dropdown-menu.show {
        transform: rotateX(0deg);
        visibility: visible;
        margin-top: 20px;
        opacity: 1;
    }
}

@media (max-width: 1199px) {
    .nav-bar .services-dropdown {
        width: 100%;
        align-items: stretch !important;
    }

    .nav-bar .services-dropdown-menu,
    .nav-bar .services-dropdown-menu.show {
        position: static !important;
        width: 100%;
        min-width: 0;
        margin: 4px 0 0 !important;
        padding: 7px;
        grid-template-columns: 1fr;
        transform: none !important;
        box-shadow: none;
    }

    .nav-bar .services-dropdown-menu .dropdown-item {
        min-height: 42px;
        overflow: hidden;
        white-space: nowrap;
    }

    .nav-bar .services-dropdown-menu .dropdown-item span {
        min-width: 0;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
}
/*** Navbar End ***/


/*** Insurance Product Hero Start ***/
.insurance-products-hero {
    padding: 64px 0 46px;
    overflow: hidden;
    background: #f4f6f8;
}

.insurance-products-hero > .container {
    max-width: 1080px;
}

.insurance-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
}

.insurance-products-heading {
    max-width: 820px;
    margin: 0 auto 30px;
}

.insurance-products-heading h1 {
    margin-bottom: 22px;
    color: #1d1e1e;
    font-size: clamp(2.65rem, 5vw, 4rem);
    font-weight: 800;
    letter-spacing: -.045em;
    line-height: 1.04;
}

.insurance-products-heading p {
    margin-bottom: 0;
    color: #50565d;
    font-size: clamp(1rem, 1.55vw, 1.16rem);
}

.insurance-products-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}

.insurance-product-card {
    position: relative;
    min-height: 178px;
    padding: 16px 16px 20px;
    border: 1px solid rgba(29, 30, 30, .045);
    border-radius: 16px;
    color: var(--bs-dark);
    background: #fff;
    box-shadow: 0 8px 28px rgba(26, 46, 71, .025);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.insurance-product-card:hover,
.insurance-product-card:focus-visible {
    color: var(--bs-dark);
    border-color: rgba(102, 199, 240, .72);
    box-shadow: 0 16px 36px rgba(26, 46, 71, .1);
    transform: translateY(-4px);
}

.insurance-product-card:focus-visible {
    outline: 3px solid rgba(102, 199, 240, .35);
    outline-offset: 3px;
}

.insurance-product-icon {
    width: 124px;
    height: 96px;
    margin-bottom: 4px;
    object-fit: contain;
    flex: 0 0 auto;
}

.insurance-product-name {
    color: #1d1e1e;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.25;
}

.insurance-product-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 6px 10px;
    border-radius: 999px;
    color: #1d1e1e;
    background: #ffc107;
    font-size: .7rem;
    font-weight: 800;
    line-height: 1;
}

.insurance-products-actions {
    margin-top: 30px;
}

.insurance-products-link {
    display: inline-flex;
    padding: 9px 4px;
    border-bottom: 1px solid transparent;
    color: var(--bs-primary);
    font-weight: 800;
    text-decoration: none;
    transition: color .2s ease, border-color .2s ease;
}

.insurance-products-link:hover,
.insurance-products-link:focus-visible {
    color: var(--bs-dark);
    border-bottom-color: currentColor;
}

.insurance-products-link:focus-visible {
    outline: 2px solid var(--bs-primary);
    outline-offset: 4px;
    border-radius: 4px;
}

@media (max-width: 991px) {
    .insurance-products-hero {
        padding-top: 56px;
    }

    .insurance-products-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }
}

@media (max-width: 575px) {
    .insurance-products-hero {
        padding: 42px 0 36px;
    }

    .insurance-products-heading {
        margin-bottom: 28px;
    }

    .insurance-products-heading h1 {
        margin-bottom: 16px;
        font-size: clamp(2.2rem, 10.5vw, 3rem);
    }

    .insurance-products-heading p {
        font-size: .96rem;
    }

    .insurance-products-grid {
        gap: 12px;
    }

    .insurance-product-card {
        min-height: 152px;
        padding: 14px 8px 16px;
        border-radius: 14px;
    }

    .insurance-product-icon {
        width: 100px;
        height: 78px;
        margin-bottom: 4px;
    }

    .insurance-product-name {
        font-size: .9rem;
    }

    .insurance-product-badge {
        top: 9px;
        right: 9px;
        padding: 4px 7px;
        font-size: .62rem;
    }
}

@media (max-width: 359px) {
    .insurance-products-grid {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .insurance-product-card,
    .insurance-products-link {
        transition: none;
    }
}
/*** Insurance Product Hero End ***/


/*** Original Illustration Blocks Start ***/
.about-original-visual,
.information-card-visual {
    --insurance-accent: #ff6b00;
    --insurance-blue: #2799d4;
}

.about-original-visual {
    position: relative;
    min-height: 330px;
    overflow: hidden;
    border: 1px solid rgba(1, 95, 201, .08);
    border-radius: 16px;
    background:
        radial-gradient(circle at 50% 52%, rgba(1, 95, 201, .11), transparent 34%),
        linear-gradient(145deg, #f8fbff, #eef4fa);
}

.about-visual-orbit {
    position: absolute;
    width: 250px;
    height: 250px;
    top: 50%;
    left: 50%;
    border: 1px dashed rgba(1, 95, 201, .24);
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.about-visual-center,
.about-visual-card {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--bs-dark);
    background: #fff;
    box-shadow: 0 14px 36px rgba(22, 36, 61, .1);
}

.about-visual-center {
    width: 148px;
    height: 148px;
    top: 50%;
    left: 50%;
    z-index: 2;
    border: 6px solid rgba(1, 95, 201, .08);
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.about-visual-center svg {
    width: 78px;
    height: 58px;
}

.about-visual-center span {
    max-width: 110px;
    color: var(--bs-primary);
    font-size: .75rem;
    font-weight: 800;
    line-height: 1.2;
    text-align: center;
}

.about-visual-card {
    width: 104px;
    min-height: 90px;
    z-index: 3;
    padding: 8px;
    border-radius: 14px;
}

.about-visual-card svg {
    width: 62px;
    height: 47px;
}

.about-visual-card span {
    margin-top: 2px;
    font-size: .72rem;
    font-weight: 800;
}

.about-visual-card--car {
    top: 28px;
    left: 26px;
}

.about-visual-card--health {
    top: 44px;
    right: 24px;
}

.about-visual-card--home {
    right: 48px;
    bottom: 24px;
}

.information-card-visual {
    min-height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(145deg, #f7faff, #edf3f8);
}

.information-card-visual img {
    width: clamp(142px, 34%, 176px);
    height: 132px;
    position: relative;
    z-index: 2;
    display: block;
    object-fit: contain;
    transition: transform .35s ease;
}

.information-card-visual--health {
    background: linear-gradient(145deg, #fff9f4, #f5f1ed);
}

.information-card-visual--home {
    background: linear-gradient(145deg, #f3fbff, #edf3f8);
}

.blog-item:hover .information-card-visual img {
    transform: scale(1.08);
}

@media (max-width: 575px) {
    .about-original-visual {
        min-height: 290px;
    }

    .about-visual-orbit {
        width: 215px;
        height: 215px;
    }

    .about-visual-center {
        width: 128px;
        height: 128px;
    }

    .about-visual-card {
        width: 88px;
        min-height: 78px;
    }

    .about-visual-card svg {
        width: 52px;
        height: 40px;
    }

    .about-visual-card--car {
        top: 18px;
        left: 14px;
    }

    .about-visual-card--health {
        top: 30px;
        right: 12px;
    }

    .about-visual-card--home {
        right: 24px;
        bottom: 16px;
    }
}
/*** Original Illustration Blocks End ***/


/*** Carousel Hero Header Start ***/
.header-carousel .header-carousel-item {
    height: 700px;
}

.header-carousel .owl-nav .owl-prev,
.header-carousel .owl-nav .owl-next {
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 60px;
    background: var(--bs-light);
    color: var(--bs-primary);
    font-size: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
}

.header-carousel .owl-nav .owl-prev {
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 30px;
}
.header-carousel .owl-nav .owl-next {
    bottom: 30px;
    right: 50%;
    transform: translateX(-50%);
    margin-right: 30px;
}

.header-carousel .owl-nav .owl-prev:hover,
.header-carousel .owl-nav .owl-next:hover {
    box-shadow: inset 0 0 100px 0 var(--bs-secondary);
    color: var(--bs-white);
}

.header-carousel .header-carousel-item .carousel-caption {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .2);
    display: flex;
    align-items: center;
}

@media (max-width: 991px) {
    .header-carousel .header-carousel-item .carousel-caption {
        padding-top: 45px;
    }

    .header-carousel .header-carousel-item {
        height: 1300px;
    }
}

@media (max-width: 767px) {
    .header-carousel .header-carousel-item {
        height: 950px;
    }

    .header-carousel .owl-nav .owl-prev {
        bottom: -30px;
        left: 50%;
        transform: translateX(-50%);
        margin-left: -45px;
    }

    .header-carousel .owl-nav .owl-next {
        bottom: -30px;
        left: 50%;
        transform: translateX(-50%);
        margin-left: 45px;
    }
}
/*** Carousel Hero Header End ***/


/*** Single Page Hero Header Start ***/
.bg-breadcrumb {
    position: relative;
    overflow: hidden;
    background: linear-gradient(rgba(1, 95, 201, 0.9), rgba(0, 0, 0, 0.2)), url(../img/bg-breadcrumb.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px 0 60px 0;
    transition: 0.5s;
}

.bg-breadcrumb .breadcrumb {
    position: relative;
}

.bg-breadcrumb .breadcrumb .breadcrumb-item a {
    color: var(--bs-white);
}
/*** Single Page Hero Header End ***/


/*** Service Start ***/
.service .service-item {
    border-radius: 10px;
}
.service .service-item .service-img {
    position: relative;
    overflow: hidden;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.service .service-item .service-img img {
    transition: 0.5s;
}

.service .service-item:hover .service-img img {
    transform: scale(1.1);
}

.service .service-item .service-img::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: rgba(1, 95, 201, .2);
    transition: 0.5s;
    z-index: 1;
}

.service .service-item:hover .service-img::after {
    height: 100%;
}

.service .service-item .service-img .service-icon {
    position: absolute;
    width: 70px;
    bottom: 0;
    right: 25px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: var(--bs-light);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
    z-index: 9;
}

.service .service-item .service-img .service-icon i {
    color: var(--bs-primary);
    transition: 0.5s;
}

.service .service-item:hover .service-img .service-icon i {
    transform: rotateX(360deg);
    color: var(--bs-white);
}

.service .service-item:hover .service-img .service-icon {
    bottom: 0;
    color: var(--bs-white);
    background: var(--bs-primary);
}

.service .service-content {
    position: relative;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: var(--bs-light);
}

.service .service-item .service-content .service-content-inner {
    position: relative;
    z-index: 9;
}

.service .service-item .service-content .service-content-inner .h4,
.service .service-item .service-content .service-content-inner p {
    transition: 0.5s;
}

.service .service-item:hover .service-content .service-content-inner .h4,
.service .service-item:hover .service-content .service-content-inner p {
    color: var(--bs-white);
}

.service .service-item:hover .service-content .service-content-inner .btn.btn-primary {
    color: var(--bs-primary);
    background: var(--bs-white);
}

.service .service-item:hover .service-content .service-content-inner .btn.btn-primary:hover {
    color: var(--bs-white);
    background: var(--bs-dark);
}

.service .service-item:hover .service-content .service-content-inner .h4:hover {
    color: var(--bs-dark);
}

.service .service-item .service-content::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: var(--bs-primary);
    transition: 0.5s;
    z-index: 1;
}

.service .service-item:hover .service-content::after {
    height: 100%;
}
/*** Service End ***/


/*** Blog Start ***/
.blog .blog-item {
    border-radius: 10px;
    transition: 0.5s;
}

.blog .blog-item:hover {
    box-shadow: 0 0 45px rgba(0, 0, 0, .1);
}

.blog .blog-item:hover .blog-content {
    background: var(--bs-light);
}

.blog .blog-item .blog-img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    position: relative;
    overflow: hidden;
}

.blog .blog-item .blog-img img {
    transition: 0.5s;
}

.blog .blog-item:hover .blog-img img {
    transform: scale(1.2);
}

.blog .blog-item .blog-img::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: rgba(1, 95, 201, .2);
    transition: 0.5s;
    z-index: 1;
}

.blog .blog-item:hover .blog-img::after {
    height: 100%;
}

.blog .blog-item .blog-img .blog-categiry {
    position: absolute;
    bottom: 0;
    right: 0;
    border-top-left-radius: 10px;
    display: inline-flex;
    color: var(--bs-white);
    background: var(--bs-primary);
    z-index: 9;
}

.blog .blog-item .blog-content {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: var(--bs-white);
}

.blog .blog-item .blog-content a.btn {
    color: var(--bs-dark);
}

.blog .blog-item:hover .blog-content a.btn:hover {
    color: var(--bs-primary);
}
/*** Blog End ***/


/*** Insurance Partners Start ***/
.insurance-partners-section {
    padding: 88px 0 94px;
    background: #fff;
}

.insurance-partners-section > .container {
    max-width: 1200px;
}

.insurance-partners-heading {
    max-width: 760px;
    margin: 0 auto 38px;
}

.insurance-partners-heading h2 {
    margin-bottom: 12px;
    color: #17243d;
    font-size: clamp(2rem, 3.2vw, 3rem);
    font-weight: 800;
}

.insurance-partners-heading > p:last-child {
    margin: 0;
    color: #6b7280;
    font-size: 1.05rem;
}

.insurance-partners-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
}

.insurance-partner-card {
    width: calc((100% - 80px) / 6);
    min-height: 126px;
    padding: 16px 12px 13px;
    border: 1px solid rgba(23, 36, 61, .07);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 9px;
    color: #17243d;
    background: #f5f7fb;
    box-shadow: 0 8px 22px rgba(23, 36, 61, .04);
    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.insurance-partner-card:hover {
    border-color: rgba(1, 95, 201, .28);
    box-shadow: 0 14px 30px rgba(23, 36, 61, .1);
    transform: translateY(-4px);
}

.insurance-partner-logo {
    width: 100%;
    max-width: 138px;
    height: 58px;
    object-fit: contain;
    object-position: center;
}

.insurance-partner-name {
    color: #17243d;
    font-size: .78rem;
    font-weight: 800;
    line-height: 1.2;
    text-align: center;
}

@media (max-width: 1199px) {
    .insurance-partner-card {
        width: calc((100% - 32px) / 3);
    }
}

@media (max-width: 767px) {
    .insurance-partners-section {
        padding: 66px 0 72px;
    }

    .insurance-partners-heading {
        margin-bottom: 28px;
    }

    .insurance-partners-grid {
        gap: 12px;
    }

    .insurance-partner-card {
        width: calc((100% - 12px) / 2);
        min-height: 112px;
        padding: 13px 9px 11px;
        gap: 7px;
    }

    .insurance-partner-logo {
        max-width: 128px;
        height: 52px;
    }

    .insurance-partner-name {
        font-size: .7rem;
    }
}

@media (max-width: 374px) {
    .insurance-partner-card {
        width: 100%;
    }
}
/*** Insurance Partners End ***/


/*** Team Start ***/
.team .team-item .team-img {
    position: relative;
    overflow: hidden;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
} 

.team .team-item .team-img img {
    transition: 0.5s;
}

.team .team-item:hover .team-img img {
    transform: scale(1.1);
}

.team .team-item .team-img::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    transition: 0.5s;
}

.team .team-item:hover .team-img::after {
    height: 100%;
    background: rgba(255, 255, 255, 0.3);
}

.team .team-item .team-img .team-icon {
    position: absolute;
    bottom: 20px;
    right: 20px;
    margin-bottom: -100%;
    transition: 0.5s;
    z-index: 9;
}

.team .team-item:hover .team-img .team-icon {
    margin-bottom: 0;
}

.team .team-item .team-title {
    color: var(--bs-white);
    background: var(--bs-primary);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    transition: 0.5s;
}

.team .team-item .team-title h4 {
    color: var(--bs-white);
}

.team .team-item:hover .team-title {
    background: var(--bs-dark);
}
/*** Team End ***/


/*** Footer Start ***/
.footer {
    background: #ffffff;
    border-top: 4px solid var(--bs-primary);
}

.footer .footer-brand,
.footer .footer-heading,
.footer .footer-contact-label {
    color: #162641;
}

.footer .footer-brand {
    gap: 12px;
}

.footer .footer-brand-logo {
    width: 48px;
    height: 40px;
    object-fit: contain;
    flex: 0 0 auto;
}

.footer .footer-description,
.footer .footer-contact-text {
    color: #5f6b7a;
}

.footer .footer-item {
    display: flex;
    flex-direction: column;
}

.footer .footer-item a {
    line-height: 35px;
    color: #667180;
    transition: 0.5s;
}

.footer .footer-item p {
    line-height: 35px;
}

.footer .footer-item a:hover {
    color: var(--bs-primary);
}

.footer .footer-item .footer-btn a,
.footer .footer-item .footer-btn a i {
    transition: 0.5s;
}

.footer .footer-item .footer-btn a:hover {
    background: var(--bs-white);
}

.footer .footer-item .footer-btn a:hover i {
    color: var(--bs-primary);
}


.footer .footer-item .footer-instagram {
    position: relative;
    overflow: hidden;
}

.footer .footer-item .footer-instagram img {
    transition: 0.5s;
}

.footer .footer-item .footer-instagram:hover img {
    transform: scale(1.2);
}

.footer .footer-item .footer-instagram .footer-search-icon {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
    opacity: 0;
}

.footer .footer-item .footer-instagram:hover .footer-search-icon {
    opacity: 1;
    background: rgba(0, 0, 0, .6);
}

.footer .footer-item .footer-btn a {
    background: #eef5ff;
    color: var(--bs-primary);
    border: 1px solid rgba(1, 95, 201, .14);
}

.footer .footer-item .footer-btn a:hover {
    background: var(--bs-primary);
}

.footer .footer-item .footer-btn a:hover i {
    color: var(--bs-white);
}

.footer-contact-banner {
    border-top: 1px solid #e3e9f1;
}
/*** Footer End ***/


/*** copyright Start ***/
.copyright {
    background: #f6f8fb;
    border-top: 1px solid #e3e9f1;
}

.copyright .text-body {
    color: #667180 !important;
}

.copyright .copyright-link {
    color: #162641;
}

.copyright .copyright-link:hover {
    color: var(--bs-primary);
}
/*** copyright end ***/

.about-products-visual {
    min-height: 330px;
    padding: 24px;
    border: 1px solid rgba(1, 95, 201, .1);
    border-radius: 18px;
    background: linear-gradient(145deg, #f8fbff, #edf4f9);
}

.about-products-visual__heading {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 18px;
}

.about-products-visual__mark {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    color: #015fc9;
    background: #e8f8fe;
    display: grid;
    place-items: center;
    font-size: 1.35rem;
}

.about-products-visual__heading strong,
.about-products-visual__heading small {
    display: block;
}

.about-products-visual__heading strong {
    color: #17233b;
    font-size: 1.05rem;
}

.about-products-visual__heading small {
    margin-top: 2px;
    color: #6b7280;
}

.about-products-visual__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.about-products-visual__card {
    min-height: 108px;
    padding: 12px;
    border: 1px solid rgba(29, 30, 30, .06);
    border-radius: 14px;
    color: #17233b;
    background: #fff;
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 800;
    text-decoration: none;
    transition: .25s ease;
}

.about-products-visual__card img {
    width: 82px;
    height: 64px;
    object-fit: contain;
}

.about-products-visual__card:hover {
    color: #015fc9;
    border-color: #66c7f0;
    box-shadow: 0 12px 28px rgba(22, 36, 61, .09);
    transform: translateY(-3px);
}

/* Ozel saglik - premium plan accent */
.private-health-page-hero {
    background:
        radial-gradient(circle at 84% 20%, rgba(45, 212, 191, .18), transparent 25%),
        radial-gradient(circle at 10% 88%, rgba(15, 118, 110, .08), transparent 28%),
        linear-gradient(135deg, #fbfefe 0%, #f1faf9 55%, #edf7f8 100%);
}

.private-health-page-hero .traffic-eyebrow {
    color: #0f766e;
    border-color: rgba(13, 148, 136, .2);
    background: rgba(204, 251, 241, .75);
}

.private-health-page-hero .traffic-primary-button {
    border-color: #0f766e;
    background: #0f766e;
}

.private-health-page-hero .traffic-primary-button:hover {
    border-color: #115e59;
    background: #115e59;
}

.private-health-page-hero .traffic-offer-card {
    border-color: rgba(13, 148, 136, .17);
    box-shadow: 0 30px 75px rgba(15, 77, 74, .15);
}

.private-health-page-hero .traffic-offer-card__visual {
    background:
        radial-gradient(circle at center, rgba(255, 255, 255, .96) 0 31%, transparent 32%),
        linear-gradient(145deg, #e6fffa, #edf7fa);
}

.private-health-page-hero .traffic-offer-card__visual::after {
    border-color: rgba(13, 148, 136, .22);
}

.private-health-page-hero .traffic-offer-card__badge {
    color: #115e59;
    background: #ccfbf1;
}

.private-health-page-hero .private-health-visual-chip i,
.private-health-trust-row i {
    color: #0f766e;
}

.private-health-trust-row i {
    background: #dff8f3;
}

.private-health-content-section .traffic-info-panel {
    border-color: rgba(13, 148, 136, .12);
    background: linear-gradient(145deg, #f8fefd, #edf9f7);
}

.private-health-content-section .traffic-info-panel__item i,
.private-health-coverage-section .traffic-coverage-card i,
.private-health-process-section .traffic-process-card i {
    color: #0f766e;
    background: #dff8f3;
}

.private-health-coverage-section {
    background: linear-gradient(180deg, #f3fbfa 0%, #fff 100%);
}

.private-health-coverage-section .traffic-coverage-card {
    border-color: rgba(13, 148, 136, .12);
}

.private-health-coverage-section .traffic-coverage-card::before {
    background: linear-gradient(90deg, #0f766e, #2dd4bf);
}

.private-health-process-section .traffic-process-card span {
    color: rgba(15, 118, 110, .12);
}

.private-health-comparison-section .traffic-comparison-card {
    background:
        radial-gradient(circle at 90% 10%, rgba(45, 212, 191, .18), transparent 30%),
        linear-gradient(135deg, #102a43, #134e4a);
}

.private-health-faq-section .accordion-button:not(.collapsed) {
    color: #115e59;
    background: #e7faf6;
}

.private-health-final-cta {
    padding: 54px 0;
    background: #f0fdfa;
}

.private-health-final-cta .traffic-final-cta__inner {
    padding: 38px 42px;
    border: 1px solid rgba(45, 212, 191, .18);
    border-radius: 24px;
    background:
        radial-gradient(circle at 86% 15%, rgba(94, 234, 212, .22), transparent 28%),
        linear-gradient(130deg, #134e4a, #0f766e 62%, #0d9488);
    box-shadow: 0 20px 50px rgba(15, 118, 110, .16);
}

.private-health-final-cta .btn {
    min-width: 270px;
    padding: 15px 26px !important;
    border: 1px solid rgba(255, 255, 255, .7);
    color: #0f766e;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    white-space: nowrap;
    font-size: .95rem;
    font-weight: 800;
    box-shadow: 0 12px 28px rgba(5, 53, 50, .16);
    transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
}

.private-health-final-cta .btn i {
    margin-right: 0 !important;
    color: #0f9f8f;
    font-size: 1.05rem;
}

.private-health-final-cta .btn:hover {
    color: #115e59;
    background: #ecfdf5;
    box-shadow: 0 16px 34px rgba(5, 53, 50, .22);
    transform: translateY(-2px);
}

@media (max-width: 767px) {
    .private-health-final-cta {
        padding: 38px 0;
    }

    .private-health-final-cta .traffic-final-cta__inner {
        padding: 30px 24px;
        border-radius: 20px;
    }

    .private-health-final-cta .btn {
        width: 100%;
        min-width: 0;
        padding: 14px 18px !important;
        font-size: .88rem;
    }
}

@media (max-width: 575px) {
    .about-products-visual {
        padding: 16px;
    }

    .about-products-visual__card {
        flex-direction: column;
        text-align: center;
        font-size: .82rem;
    }

    .about-products-visual__card img {
        width: 72px;
        height: 55px;
    }
}

/*** Knowledge Center Start ***/
.knowledge-hero {
    position: relative;
    overflow: hidden;
    padding: 34px 0 88px;
    background:
        radial-gradient(circle at 86% 12%, rgba(102, 199, 240, .22), transparent 27%),
        radial-gradient(circle at 7% 86%, rgba(1, 95, 201, .08), transparent 27%),
        linear-gradient(135deg, #fbfdff 0%, #f3f8fc 54%, #eef8fb 100%);
}

.knowledge-hero::after {
    position: absolute;
    top: -225px;
    right: -135px;
    width: 520px;
    height: 520px;
    border: 1px solid rgba(1, 95, 201, .08);
    border-radius: 50%;
    content: "";
}

.knowledge-hero .container {
    position: relative;
    z-index: 1;
}

.knowledge-eyebrow {
    display: inline-flex;
    margin-bottom: 20px;
    padding: 9px 14px;
    border: 1px solid rgba(1, 95, 201, .13);
    border-radius: 999px;
    color: #015fc9;
    background: rgba(255, 255, 255, .8);
    font-size: .76rem;
    font-weight: 900;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.knowledge-hero h1 {
    max-width: 760px;
    margin-bottom: 23px;
    color: #17233b;
    font-size: clamp(2.8rem, 5.2vw, 4.85rem);
    font-weight: 900;
    letter-spacing: -.055em;
    line-height: 1.02;
}

.knowledge-hero__lead {
    max-width: 720px;
    margin-bottom: 0;
    color: #617085;
    font-size: 1.08rem;
    line-height: 1.82;
}

.knowledge-hero__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 19px;
    margin-top: 31px;
}

.knowledge-hero__actions .btn {
    padding: 15px 25px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-weight: 800;
    box-shadow: 0 14px 30px rgba(1, 95, 201, .18);
}

.knowledge-whatsapp-link {
    color: #17233b;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-weight: 900;
    text-decoration: none;
}

.knowledge-whatsapp-link i {
    color: #1ebc65;
    font-size: 1.2rem;
}

.knowledge-whatsapp-link:hover {
    color: #015fc9;
}

.knowledge-trust {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    max-width: 780px;
    margin-top: 35px;
    padding-top: 25px;
    border-top: 1px solid rgba(30, 64, 100, .1);
}

.knowledge-trust > div {
    display: flex;
    align-items: center;
    gap: 10px;
}

.knowledge-trust i {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    border-radius: 13px;
    color: #015fc9;
    background: #e5f5fc;
    display: grid;
    place-items: center;
}

.knowledge-trust span,
.knowledge-trust strong,
.knowledge-trust small {
    display: block;
}

.knowledge-trust strong {
    color: #17233b;
    font-size: .8rem;
}

.knowledge-trust small {
    margin-top: 2px;
    color: #788697;
    font-size: .67rem;
    line-height: 1.4;
}

.knowledge-decision-card {
    padding: 38px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 27px;
    color: #fff;
    background:
        radial-gradient(circle at 90% 8%, rgba(102, 199, 240, .3), transparent 27%),
        linear-gradient(140deg, #17233b, #064f9c 68%, #087ec5);
    box-shadow: 0 30px 75px rgba(22, 57, 87, .18);
}

.knowledge-decision-card__label {
    color: #8bdcff;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.knowledge-decision-card h2 {
    margin: 11px 0 25px;
    color: #fff;
    font-size: 1.7rem;
    font-weight: 900;
    line-height: 1.25;
}

.knowledge-decision-card ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

.knowledge-decision-card li {
    display: grid;
    grid-template-columns: 42px 1fr;
    gap: 13px;
    padding: 16px 0;
    border-top: 1px solid rgba(255, 255, 255, .11);
}

.knowledge-decision-card li > span {
    width: 38px;
    height: 38px;
    border-radius: 12px;
    color: #0759ad;
    background: #fff;
    display: grid;
    place-items: center;
    font-size: .72rem;
    font-weight: 900;
}

.knowledge-decision-card p,
.knowledge-decision-card strong,
.knowledge-decision-card small {
    display: block;
}

.knowledge-decision-card p {
    margin: 0;
}

.knowledge-decision-card strong {
    margin-bottom: 4px;
    color: #fff;
    font-size: .88rem;
}

.knowledge-decision-card small {
    color: rgba(255, 255, 255, .67);
    line-height: 1.45;
}

.knowledge-topic-nav {
    position: relative;
    z-index: 1;
    max-width: 100%;
    overflow: hidden;
    border-top: 1px solid #e7edf4;
    border-bottom: 1px solid #e3eaf2;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 9px 25px rgba(24, 43, 72, .05);
    backdrop-filter: blur(10px);
}

.knowledge-topic-nav .container {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    display: flex;
    flex-wrap: nowrap;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
}

.knowledge-topic-nav .container::-webkit-scrollbar {
    display: none;
}

.knowledge-topic-nav a {
    flex: 0 0 auto;
    min-width: max-content;
    padding: 18px 21px;
    color: #536176;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: .82rem;
    font-weight: 800;
    white-space: nowrap;
    text-decoration: none;
    transition: .2s ease;
}

.knowledge-topic-nav a i {
    color: #015fc9;
}

.knowledge-topic-nav a:hover {
    color: #015fc9;
    background: #f4f9fd;
}

.knowledge-featured-section,
.knowledge-guide-section,
.knowledge-glossary-section,
.knowledge-faq-section {
    padding: 90px 0;
}

.knowledge-heading {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);
    gap: 50px;
    align-items: end;
    margin-bottom: 42px;
}

.knowledge-heading span,
.knowledge-section-intro > span {
    color: #015fc9;
    font-size: .74rem;
    font-weight: 900;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.knowledge-heading h2,
.knowledge-section-intro h2 {
    margin: 9px 0 0;
    color: #17233b;
    font-size: clamp(2rem, 3.7vw, 3.35rem);
    font-weight: 900;
    letter-spacing: -.045em;
    line-height: 1.09;
}

.knowledge-heading > p,
.knowledge-section-intro p {
    margin: 0;
    color: #6a7789;
    line-height: 1.8;
}

.knowledge-feature-card {
    position: relative;
    overflow: hidden;
    min-height: 410px;
    padding: 31px;
    border: 1px solid #e1e8f0;
    border-radius: 23px;
    color: #17233b;
    background: #fff;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    box-shadow: 0 18px 45px rgba(24, 43, 72, .07);
    transition: .28s ease;
}

.knowledge-feature-card::after {
    position: absolute;
    right: -40px;
    bottom: -55px;
    width: 170px;
    height: 170px;
    border-radius: 50%;
    background: rgba(102, 199, 240, .12);
    content: "";
}

.knowledge-feature-card:hover {
    color: #17233b;
    border-color: rgba(1, 95, 201, .22);
    box-shadow: 0 26px 55px rgba(24, 43, 72, .12);
    transform: translateY(-6px);
}

.knowledge-feature-card__icon {
    width: 110px;
    height: 92px;
    margin-bottom: 26px;
    border-radius: 18px;
    background: #f1f7fb;
    display: grid;
    place-items: center;
}

.knowledge-feature-card__icon img {
    width: 92px;
    height: 70px;
    object-fit: contain;
}

.knowledge-feature-card small {
    color: #015fc9;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.knowledge-feature-card h3 {
    margin: 10px 0 13px;
    color: #17233b;
    font-size: 1.35rem;
    font-weight: 900;
    line-height: 1.3;
}

.knowledge-feature-card p {
    margin-bottom: 22px;
    color: #6b788a;
    line-height: 1.7;
}

.knowledge-feature-card > strong {
    position: relative;
    z-index: 1;
    margin-top: auto;
    color: #015fc9;
    font-size: .83rem;
}

.knowledge-feature-card > strong i {
    margin-left: 7px;
    transition: transform .2s ease;
}

.knowledge-feature-card:hover > strong i {
    transform: translateX(4px);
}

.knowledge-feature-card--home .knowledge-feature-card__icon {
    background: #fff8df;
}

.knowledge-feature-card--health .knowledge-feature-card__icon {
    background: #eafaf7;
}

.knowledge-guide-section {
    scroll-margin-top: 155px;
}

.knowledge-guide-section--soft {
    background: #f5f8fc;
}

.knowledge-section-intro {
    position: sticky;
    top: 175px;
}

.knowledge-section-intro p {
    margin-top: 20px;
}

.knowledge-comparison-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.knowledge-comparison-grid article {
    padding: 26px 23px;
    border: 1px solid #e1e8f0;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 14px 34px rgba(24, 43, 72, .055);
}

.knowledge-comparison-grid article > i {
    width: 47px;
    height: 47px;
    margin-bottom: 18px;
    border-radius: 14px;
    color: #015fc9;
    background: #e8f5fc;
    display: grid;
    place-items: center;
    font-size: 1.1rem;
}

.knowledge-comparison-grid h3 {
    color: #17233b;
    font-size: 1.05rem;
    font-weight: 900;
}

.knowledge-comparison-grid p {
    color: #687689;
    font-size: .88rem;
    line-height: 1.72;
}

.knowledge-comparison-grid a,
.knowledge-horizontal-cards a,
.knowledge-table a {
    color: #015fc9;
    font-size: .78rem;
    font-weight: 900;
    text-decoration: none;
}

.knowledge-note {
    margin-top: 18px;
    padding: 20px 22px;
    border: 1px solid #d9e8f4;
    border-radius: 17px;
    background: #f2f9fd;
    display: flex;
    gap: 13px;
}

.knowledge-note i {
    margin-top: 4px;
    color: #015fc9;
}

.knowledge-note p {
    margin: 0;
    color: #5f6e82;
    line-height: 1.7;
}

.knowledge-horizontal-cards {
    display: grid;
    gap: 16px;
}

.knowledge-horizontal-cards article {
    padding: 21px;
    border: 1px solid #e1e8f0;
    border-radius: 20px;
    background: #fff;
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 21px;
    align-items: center;
}

.knowledge-horizontal-cards article > span {
    height: 105px;
    border-radius: 16px;
    background: #f3f7fa;
    display: grid;
    place-items: center;
}

.knowledge-horizontal-cards img {
    width: 100px;
    height: 78px;
    object-fit: contain;
}

.knowledge-horizontal-cards h3 {
    margin-bottom: 6px;
    color: #17233b;
    font-size: 1.08rem;
    font-weight: 900;
}

.knowledge-horizontal-cards p {
    margin-bottom: 7px;
    color: #687689;
    font-size: .89rem;
    line-height: 1.7;
}

.knowledge-table-wrap {
    overflow-x: auto;
    border: 1px solid #e1e8f0;
    border-radius: 21px;
    background: #fff;
    box-shadow: 0 16px 40px rgba(24, 43, 72, .06);
}

.knowledge-table {
    width: 100%;
    min-width: 720px;
    border-collapse: collapse;
}

.knowledge-table th,
.knowledge-table td {
    padding: 20px;
    border-bottom: 1px solid #e8edf3;
    color: #687689;
    font-size: .86rem;
    line-height: 1.6;
    text-align: left;
    vertical-align: top;
}

.knowledge-table thead th {
    color: #17233b;
    background: #f4f8fc;
    font-size: .75rem;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.knowledge-table tbody th {
    color: #17233b;
    font-weight: 900;
}

.knowledge-table tr:last-child th,
.knowledge-table tr:last-child td {
    border-bottom: 0;
}

.knowledge-business-section {
    padding: 90px 0;
    scroll-margin-top: 155px;
    background:
        radial-gradient(circle at 92% 6%, rgba(102, 199, 240, .19), transparent 25%),
        linear-gradient(135deg, #17233b, #0b315f);
}

.knowledge-heading--light span,
.knowledge-heading--light h2 {
    color: #fff;
}

.knowledge-heading--light > p {
    color: rgba(255, 255, 255, .68);
}

.knowledge-business-card {
    min-height: 255px;
    padding: 27px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 20px;
    color: #fff;
    background: rgba(255, 255, 255, .075);
    display: flex;
    flex-direction: column;
    text-decoration: none;
    transition: .25s ease;
}

.knowledge-business-card:hover {
    color: #fff;
    border-color: rgba(102, 199, 240, .48);
    background: rgba(255, 255, 255, .12);
    transform: translateY(-5px);
}

.knowledge-business-card > i {
    width: 48px;
    height: 48px;
    margin-bottom: 23px;
    border-radius: 14px;
    color: #0759ad;
    background: #fff;
    display: grid;
    place-items: center;
}

.knowledge-business-card h3 {
    color: #fff;
    font-size: 1.08rem;
    font-weight: 900;
}

.knowledge-business-card p {
    color: rgba(255, 255, 255, .66);
    font-size: .86rem;
    line-height: 1.65;
}

.knowledge-business-card span {
    margin-top: auto;
    color: #8bdcff;
    font-size: .75rem;
    font-weight: 900;
}

.knowledge-glossary-section {
    scroll-margin-top: 155px;
    background: #f5f8fc;
}

.knowledge-glossary-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 17px;
    margin: 0;
}

.knowledge-glossary-grid > div {
    padding: 25px;
    border: 1px solid #e0e7ef;
    border-radius: 18px;
    background: #fff;
}

.knowledge-glossary-grid dt {
    margin-bottom: 8px;
    color: #17233b;
    font-size: 1rem;
    font-weight: 900;
}

.knowledge-glossary-grid dd {
    margin: 0;
    color: #687689;
    font-size: .87rem;
    line-height: 1.7;
}

.knowledge-faq-section {
    scroll-margin-top: 155px;
}

.knowledge-accordion .accordion-item {
    overflow: hidden;
    margin-bottom: 13px;
    border: 1px solid #e0e7ef;
    border-radius: 16px;
}

.knowledge-accordion .accordion-button {
    padding: 21px 23px;
    color: #17233b;
    background: #fff;
    font-weight: 900;
    box-shadow: none;
}

.knowledge-accordion .accordion-button:not(.collapsed) {
    color: #015fc9;
    background: #f2f8fd;
}

.knowledge-accordion .accordion-body {
    padding: 0 23px 23px;
    color: #687689;
    line-height: 1.75;
}

.knowledge-editorial-section {
    padding: 0 0 70px;
}

.knowledge-editorial-note {
    padding: 23px 25px;
    border: 1px solid #dce5ee;
    border-radius: 18px;
    background: #f8fafc;
    display: flex;
    gap: 17px;
}

.knowledge-editorial-note > i {
    width: 47px;
    height: 47px;
    flex: 0 0 47px;
    border-radius: 14px;
    color: #015fc9;
    background: #e6f4fc;
    display: grid;
    place-items: center;
}

.knowledge-editorial-note strong {
    color: #17233b;
}

.knowledge-editorial-note p {
    margin: 5px 0 0;
    color: #6d798b;
    font-size: .86rem;
    line-height: 1.7;
}

.knowledge-cta {
    padding: 58px 0;
    background: #edf6fd;
}

.knowledge-cta__inner {
    padding: 39px 42px;
    border-radius: 25px;
    color: #fff;
    background:
        radial-gradient(circle at 88% 10%, rgba(102, 199, 240, .26), transparent 26%),
        linear-gradient(135deg, #17233b, #0759ad 68%, #087ccc);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
    box-shadow: 0 22px 55px rgba(1, 95, 201, .15);
}

.knowledge-cta__inner > div:first-child {
    max-width: 700px;
}

.knowledge-cta__inner span {
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .09em;
    text-transform: uppercase;
    opacity: .75;
}

.knowledge-cta__inner h2 {
    margin: 8px 0 9px;
    color: #fff;
    font-size: clamp(1.8rem, 3vw, 2.8rem);
    font-weight: 900;
    line-height: 1.1;
}

.knowledge-cta__inner p {
    margin: 0;
    color: rgba(255, 255, 255, .73);
}

.knowledge-cta__actions {
    min-width: 250px;
    display: grid;
    gap: 11px;
}

.knowledge-cta__actions .btn {
    padding: 14px 20px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    white-space: nowrap;
    font-size: .84rem;
    font-weight: 900;
}

@media (max-width: 1199px) {
    .knowledge-section-intro {
        position: static;
    }

    .knowledge-comparison-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 991px) {
    .knowledge-trust {
        grid-template-columns: 1fr;
    }

    .knowledge-heading {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .knowledge-glossary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .knowledge-cta__inner {
        align-items: flex-start;
        flex-direction: column;
    }

    .knowledge-cta__actions {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .knowledge-hero {
        padding: 28px 0 66px;
    }

    .knowledge-hero h1 {
        font-size: 2.55rem;
    }

    .knowledge-featured-section,
    .knowledge-guide-section,
    .knowledge-glossary-section,
    .knowledge-faq-section,
    .knowledge-business-section {
        padding: 68px 0;
    }

    .knowledge-horizontal-cards article {
        grid-template-columns: 1fr;
    }

    .knowledge-horizontal-cards article > span {
        width: 125px;
    }

    .knowledge-glossary-grid {
        grid-template-columns: 1fr;
    }

    .knowledge-editorial-note {
        align-items: flex-start;
        flex-direction: column;
    }

    .knowledge-cta {
        padding: 38px 0;
    }

    .knowledge-cta__inner {
        padding: 30px 24px;
        border-radius: 20px;
    }
}

@media (max-width: 575px) {
    .knowledge-hero__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .knowledge-hero__actions .btn,
    .knowledge-whatsapp-link {
        width: 100%;
        justify-content: center;
    }

    .knowledge-decision-card,
    .knowledge-feature-card {
        padding: 27px 23px;
    }

    .knowledge-topic-nav a {
        padding: 16px 17px;
    }
}
/*** Knowledge Center End ***/