:root {
     --brand: #0062E3;
     --brand-dark: #0052BF;
     --brand-light: #EAF2FE;
     --bs-body-font-family: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;
     --bs-body-color: #1f2937;
 }

 body {
     font-family: var(--bs-body-font-family);
     -webkit-font-smoothing: antialiased;
 }

 /* ---------- brand helpers ---------- */
 .text-brand {
     color: var(--brand) !important;
 }

 .bg-brand {
     background-color: var(--brand) !important;
 }

 .bg-brand-light {
     background-color: var(--brand-light) !important;
 }

 .btn-brand {
     background-color: var(--brand);
     border-color: var(--brand);
     color: #fff;
     font-weight: 700;
     border-radius: 999px;
     box-shadow: 0 10px 20px -8px rgba(0, 98, 227, .5);
 }

 .btn-brand:hover,
 .btn-brand:focus {
     background-color: var(--brand-dark);
     border-color: var(--brand-dark);
     color: #fff;
 }

 .btn-brand:focus-visible {
     box-shadow: 0 0 0 .25rem rgba(0, 98, 227, .25);
 }

 /* ---------- header ---------- */
 .site-header {
     border-bottom: 1px solid #f1f3f5;
 }

 .navbar-brand span {
     font-weight: 800;
     font-size: 1.5rem;
     letter-spacing: -.02em;
     color: #111827;
 }

 .site-header .nav-link,
 .site-header .dropdown-toggle {
     font-weight: 700;
     font-size: .95rem;
     color: #1f2937;
 }

 .site-header .nav-link:hover,
 .site-header .nav-link.active {
     color: var(--brand);
 }

 .site-header .dropdown-menu {
     border: 1px solid #f1f3f5;
     border-radius: 1rem;
     padding: .5rem;
     box-shadow: 0 20px 40px -20px rgba(15, 23, 42, .25);
 }

 .site-header .dropdown-item {
     border-radius: .75rem;
     font-weight: 600;
     font-size: .9rem;
     padding: .6rem 1rem;
     color: #374151;
 }

 .site-header .dropdown-item:hover {
     background: var(--brand-light);
     color: var(--brand);
 }

 /*
 .navbar-toggler {
     width: 48px;
     height: 48px;
     border: 0;
     border-radius: 1rem;
     background: var(--brand);
     color: #fff;
     display: flex;
     align-items: center;
     justify-content: center;
     box-shadow: 0 10px 20px -8px rgba(0, 98, 227, .5);
 }*/

 .navbar-toggler {
     width: 48px;
     height: 48px;
     border: 0;
     border-radius: 1rem;
     background: #00000000;
     color: #000000;
     display: flex;
     align-items: center;
     justify-content: center;
     box-shadow: none;
 }


 /* ---------- hero ---------- */
 .hero {
     border-radius: 2.5rem;
     overflow: hidden;
     background-image:
         linear-gradient(180deg, rgba(43, 40, 82, .82) 0%, rgba(58, 47, 92, .72) 45%, rgba(120, 88, 110, .55) 100%),
         url('../images/s6LMd4yQse6R.jpg');
     background-size: cover;
     background-position: center;
 }


 .bulleth {
     font-size: 34px;
     color: #FF690F;
     font-weight: 900;
 }

 .navbar-toggler:hover {
     color: black;
     box-shadow: none;
 }


 .hero-inner {
     padding: 9rem 1.25rem 13rem;
 }

 .hero h1 {
     color: #fff;
     font-weight: 600;
     letter-spacing: -.01em;
     line-height: 1.08;
     font-size: clamp(2.35rem, 6vw, 3.25rem);
 }

 .hero p {
     color: rgba(255, 255, 255, .85);
     font-weight: 400;
     font-size: clamp(1rem, 1.4vw, 1.25rem);
     max-width: 46rem;
     margin-inline: auto;
 }

 /* ---------- search card ---------- */
 .search-wrap {
     position: relative;
     margin-top: -8rem;
     z-index: 5;
 }

 .search-card {
     background: #fff;
     border: 1px solid #f1f3f5;
     border-radius: 2rem;
     box-shadow: 0 30px 60px -25px rgba(15, 23, 42, .35);
     padding: 1.75rem;
 }

 .tab-pill {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     gap: .35rem;
     width: 100%;
     padding: .8rem .9rem;
     border: 0;
     border-radius: 1rem;
     font-weight: 700;
     font-size: .8rem;
     background: var(--brand-light);
     color: var(--brand);
     transition: all .2s ease;
 }

 .tab-pill:hover {
     background: #dbeafe;
 }

 .tab-pill.active {
     background: var(--brand);
     color: #fff;
     box-shadow: 0 10px 20px -8px rgba(0, 98, 227, .5);
 }

 .tab-pill svg {
     width: 20px;
     height: 20px;
 }

 .field {
     display: flex;
     align-items: center;
     gap: .75rem;
     border: 1px solid #e5e7eb;
     border-radius: 1rem;
     padding: .9rem 1.15rem;
     height: 100%;
     transition: border-color .2s ease, box-shadow .2s ease;
 }

 .field:focus-within {
     border-color: var(--brand);
     box-shadow: 0 0 0 .25rem rgba(0, 98, 227, .1);
 }

 .field svg {
     width: 20px;
     height: 20px;
     flex: 0 0 auto;
 }

 .field input {
     border: 0;
     padding: 0;
     width: 100%;
     font-weight: 700;
     font-size: .95rem;
     color: #111827;
     outline: none;
     background: transparent;
 }

 .field small {
     display: block;
     color: #6b7280;
     font-weight: 500;
     font-size: .85rem;
 }

 .btn-search {
     border-radius: 1rem;
     padding: 1rem 2.5rem;
     width: 100%;
     height: 100%;
 }

 /* ---------- floating call ---------- */
 .call-float {
     position: fixed;
     right: 1.25rem;
     bottom: 1.5rem;
     z-index: 1030;
     width: 56px;
     height: 56px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     background: var(--brand);
     color: #fff;
     box-shadow: 0 18px 35px -12px rgba(0, 98, 227, .7);
     transition: background .3s ease;
 }

 .call-float:hover {
     background: var(--brand-dark);
     color: #fff;
 }

 /* ---------- breakpoints ---------- */
 @media (min-width: 992px) {
     .hero {
         border-radius: 2.5rem;
     }

     .hero-inner {
         padding: 6rem 2.5rem 12rem;
     }



     .search-wrap {
         margin-top: -10rem;
         width: 88%;
         margin-inline: auto;
     }

     .tab-pill {
         flex-direction: row;
         width: auto;
         border-radius: 999px;
         padding: .8rem 1.35rem;
         font-size: .875rem;
         gap: .5rem;
     }

     .btn-search {
         width: auto;
         padding: 1rem 3rem;
     }
 }

 @media (max-width: 991.98px) {
     .site-header .navbar-nav {
         padding: .75rem 0;
     }

     .site-header .nav-link,
     .site-header .dropdown-toggle {
         padding: .75rem 1rem;
         border-radius: .75rem;
     }

     .site-header .nav-link.active {
         background: var(--brand-light);
     }

     .site-header .dropdown-menu {
         box-shadow: none;
         border: 0;
         padding-left: 1rem;
     }
 }

 @media (max-width: 767.98px) {
     .hero {
         border-radius: 1.75rem;
     }

     .hero-inner {
         padding: 3rem 1.25rem 9rem;
     }


     .hero h1 {
         font-size: clamp(1.65rem, 6vw, 3.25rem);
     }

     .search-card {
         border-radius: 1.5rem;
         padding: 1.1rem;
     }

     .search-wrap {
         margin-top: -7.5rem;
     }
 }


 @media (min-width: 992px) {
     .justify-content-lg-center {
         justify-content: left !important;
         margin-left: 120px;
     }
 }


 :root {
     --brand: #ff6a3d;
     --brand-dark: #e8541f;
     --ink: #1c2333;
     --muted: #6b7280;
 }

 body {
     background: #f7f8fa;
 }

 .trust-section {
     padding: 55px 0;
 }

 .trust-eyebrow {
     display: inline-block;
     font-size: 13px;
     font-weight: 700;
     letter-spacing: .12em;
     text-transform: uppercase;
     color: var(--brand-dark);
     background: rgba(255, 106, 61, .1);
     padding: 6px 16px;
     border-radius: 50px;
     margin-bottom: 16px;
 }

 .trust-title {
     font-weight: 700;
     color: var(--ink);
     font-size: 27px;
     letter-spacing: -0.02em;
 }

 .trust-subtitle {
     color: var(--muted);
     margin: 0 auto;
     text-align: left;
 }

 .trust-card {
     background: #fff;
     border: 1px solid #edeff2;
     border-radius: 16px;
     padding: 32px 24px;
     height: 100%;
     text-align: center;
     transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
 }

 .trust-card:hover {
     transform: translateY(-6px);
     box-shadow: 0 16px 32px rgba(20, 20, 43, .08);
     border-color: transparent;
 }

 .trust-icon-wrap {
     width: 68px;
     height: 68px;
     margin: 0 auto 20px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 50%;
     background: linear-gradient(135deg, var(--brand), var(--brand-dark));
     color: #fff;
 }

 .trust-icon-wrap svg {
     width: 30px;
     height: 30px;
 }

 .trust-card-title {
     font-weight: 700;
     color: var(--ink);
     font-size: 1.05rem;
     margin-bottom: 8px;
 }

 .trust-card-text {
     color: var(--muted);
     font-size: .92rem;
     line-height: 1.55;
     margin-bottom: 0;
 }

 :root {
     --brand-blue: #0062E3;
     --brand-blue-dark: #0052BF;
     --brand-light: #EAF2FE;
     --line: #e9ecef;
     --bs-body-font-family: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;
     --bs-body-color: #111827;
 }

 body {
     font-family: var(--bs-body-font-family);
     -webkit-font-smoothing: antialiased;
 }

 .text-brand {
     color: var(--brand-blue) !important;
 }

 .section-title {
     font-weight: 700;
     letter-spacing: -.02em;
     font-size: clamp(1.5rem, 2.6vw, 1.8rem);
     color: #111827;
 }

 /* ---------- FAQ accordion ---------- */
 .faq .accordion-item {
     border: 0;
     border-bottom: 1px solid var(--line);
     background: transparent;
 }

 .faq .accordion-button {
     background: transparent;
     font-weight: 700;
     font-size: 1rem;
     color: #111827;
     padding: 1.15rem 2.5rem 1.15rem 0;
     box-shadow: none;
 }

 .faq .accordion-button:not(.collapsed) {
     color: var(--brand-blue);
 }

 .faq .accordion-button:focus {
     box-shadow: none;
     outline: none;
 }

 .faq .accordion-button:focus-visible {
     box-shadow: 0 0 0 .2rem rgba(0, 98, 227, .2);
     border-radius: .5rem;
 }

 .faq .accordion-button::after {
     position: absolute;
     right: 0;
     width: 1rem;
     height: 1rem;
     background-size: 1rem;
 }

 .faq .accordion-body {
     padding: 0 2.5rem 1.35rem 0;
     color: #6b7280;
     font-weight: 500;
     font-size: .95rem;
     line-height: 1.7;
 }

 /* ---------- collapsible block header ---------- */
 .block-toggle {
     display: flex;
     align-items: center;
     justify-content: space-between;
     width: 100%;
     border: 0;
     background: transparent;
     padding: 0 0 1.25rem;
     text-align: left;
 }

 .block-toggle .chev {
     width: 1.1rem;
     height: 1.1rem;
     color: #111827;
     transition: transform .25s ease;
 }

 .block-toggle[aria-expanded="true"] .chev {
     transform: rotate(180deg);
 }

 .block-toggle:focus-visible {
     outline: 2px solid var(--brand-blue);
     outline-offset: 4px;
     border-radius: .5rem;
 }

 /* ---------- international sites ---------- */
 .site-link {
     display: flex;
     align-items: center;
     gap: .75rem;
     padding: .55rem 0;
     color: #374151;
     font-weight: 500;
     font-size: .95rem;
     text-decoration: none;
     transition: color .2s ease;
 }

 .site-link:hover {
     color: var(--brand-blue);
 }

 .site-link img {
     width: 26px;
     height: 26px;
     border-radius: 50%;
     object-fit: cover;
     flex: 0 0 auto;
     box-shadow: 0 0 0 1px rgba(15, 23, 42, .08);
 }

 /* ---------- tabs ---------- */
 .pill-tabs {
     display: flex;
     gap: .6rem;
     overflow-x: auto;
     padding-bottom: .35rem;
     scrollbar-width: none;
 }

 .pill-tabs::-webkit-scrollbar {
     display: none;
 }

 .pill-tabs .nav-link {
     white-space: nowrap;
     border: 1px solid var(--line);
     border-radius: .6rem;
     padding: .5rem 1rem;
     font-weight: 600;
     font-size: .9rem;
     color: #374151;
     background: #fff;
     transition: all .2s ease;
 }

 .pill-tabs .nav-link:hover {
     border-color: var(--brand-blue);
     color: var(--brand-blue);
 }

 .pill-tabs .nav-link.active {
     background: var(--brand-blue);
     border-color: var(--brand-blue);
     color: #fff;
     font-weight: 700;
 }

 /* ---------- plan links + carousel ---------- */
 .plan-link {
     display: block;
     padding: .55rem 0;
     color: #374151;
     font-weight: 500;
     font-size: .95rem;
     text-decoration: none;
     line-height: 1.5;
 }

 .plan-link:hover {
     color: var(--brand-blue);
     text-decoration: underline;
 }

 .carousel-nav {
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin-top: 1.5rem;
 }

 .carousel-arrow {
     width: 40px;
     height: 40px;
     border-radius: 50%;
     border: 1px solid var(--line);
     background: #fff;
     color: #374151;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: all .2s ease;
 }

 .carousel-arrow:hover {
     border-color: var(--brand-blue);
     color: var(--brand-blue);
 }

 .dots {
     display: flex;
     gap: .5rem;
     align-items: center;
 }

 .dots button {
     width: 9px;
     height: 9px;
     border-radius: 50%;
     border: 0;
     padding: 0;
     background: #d1d5db;
     transition: all .2s ease;
 }

 .dots button.active {
     background: var(--brand-blue);
     width: 22px;
     border-radius: 999px;
 }

 .divider {
     border-top: 1px solid var(--line);
 }

 @media (max-width: 575.98px) {
     .faq .accordion-button {
         font-size: .95rem;
         padding-right: 2rem;
     }
 }