/* =========================================================
   LimoConnect247 Main Stylesheet
   Shared CSS for index.html and faq.html
   ========================================================= */


/* ===== Home / shared layout styles from index page ===== */

:root {
      --lc-black: #050505;
      --lc-dark: #0b1117;
      --lc-dark-2: #121923;
      /*--lc-blue: #3298db;*/
      /*--lc-blue-2: #147abb;*/
      --lc-blue: #4bb8ff;
      --lc-blue-2: #28abff;
      --lc-blue-soft: #eaf6ff;
      --lc-white: #ffffff;
      --lc-light: #f6f9fc;
      --lc-text: #17202a;
      --lc-muted: #687789;
      --lc-border: rgba(15, 23, 42, .11);
      --lc-shadow: 0 24px 70px rgba(0, 0, 0, .13);
      --lc-radius: 22px;
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      color: var(--lc-text);
      font-family: Arial, Helvetica, sans-serif;
      line-height: 1.62;
      background: var(--lc-white);
    }
    a { text-decoration: none; }
    img { max-width: 100%; height: auto; }

    .section-pad { padding: 86px 0; }
    .section-mar { margin-bottom:86px;}
    .section-pad-sm { padding: 58px 0; }
    .container-narrow { max-width: 1020px; }
    .eyebrow {
      display: inline-block;
      color: var(--lc-blue);
      font-size: 12px;
      font-weight: 800;
      letter-spacing: .16em;
      text-transform: uppercase;
      margin-bottom: 10px;
    }
    .section-title {
      max-width: 760px;
      margin: 25px auto 42px;
      text-align: center;
    }
    .section-title h2 {
      margin: 0;
      color: var(--lc-black);
      font-size: clamp(26px, 4vw, 42px);
      line-height: 1.14;
      font-weight: 900;
      letter-spacing: -.03em;
    }
    .section-title p {
      margin: 14px auto 0;
      color: var(--lc-muted);
      max-width: 690px;
    }

    .btn-lc {
      --bs-btn-border-radius: 999px;
      --bs-btn-padding-x: 22px;
      --bs-btn-padding-y: 12px;
      --bs-btn-font-weight: 800;
      border: 1px solid transparent;
      transition: .25s ease;
    }
    .btn-lc-primary {
      background: linear-gradient(135deg, var(--lc-blue), var(--lc-blue-2));
      color: var(--lc-white);
      box-shadow: 0 14px 32px rgba(50, 152, 219, .28);
    }
    .btn-lc-primary:hover { color: var(--lc-white); transform: translateY(-2px); box-shadow: 0 18px 38px rgba(50, 152, 219, .35); }
    .btn-lc-light {
      background: rgba(255, 255, 255, .08);
      color: var(--lc-white);
      border-color: rgba(255, 255, 255, .32);
    }
    .btn-lc-light:hover { color: var(--lc-white); border-color: var(--lc-blue); background: rgba(50, 152, 219, .18); }
    .btn-lc-outline {
      color: var(--lc-blue-2);
      border-color: rgba(50, 152, 219, .34);
      background: var(--lc-white);
    }
    .btn-lc-outline:hover { color: var(--lc-white); background: var(--lc-blue); border-color: var(--lc-blue); }

    /* Header */
    .site-header {
      position: sticky;
      top: 0;
      z-index: 1030;
      background: rgba(5, 5, 5, .95);
      border-bottom: 1px solid rgba(255,255,255,.08);
      backdrop-filter: blur(18px);
    }
    .navbar { padding: 12px 0; }

    .navbar-brand img { width: 200px; display: block; }
    .navbar-nav .nav-link {
      color: rgba(255,255,255,.78);
      font-size: 14px;
      font-weight: 800;
      padding: 9px 13px !important;
    }
    .navbar-nav .nav-link:hover,
    .navbar-nav .nav-link:focus,
    .navbar-nav .nav-link.active { color: var(--lc-white); }
    .dropdown-menu {
      padding: 10px;
      border: 0;
      border-radius: 18px;
      box-shadow: var(--lc-shadow);
    }
    .dropdown-item {
      border-radius: 12px;
      padding: 9px 12px;
      font-weight: 700;
      font-size: 14px;
    }
    .dropdown-item:hover { color: var(--lc-blue-2); background: var(--lc-blue-soft); }
    .navbar-toggler { border-color: rgba(255,255,255,.28); }
    .navbar-toggler:focus { box-shadow: none; }
    .navbar-toggler-icon { filter: invert(1); }

    /* Mobile side menu */
    .lc-mobile-menu {
      --bs-offcanvas-width: min(398px, calc(100vw - 34px));
      background: var(--lc-white);
      color: var(--lc-text);
      border-left: 1px solid rgba(15, 23, 42, .14);
      box-shadow: -18px 0 45px rgba(0, 0, 0, .28);
    }
    .lc-mobile-menu .offcanvas-header {
      min-height: 72px;
      padding: 0;
      justify-content: flex-end;
      border-bottom: 1px solid rgba(15, 23, 42, .10);
    }
    .lc-mobile-menu .btn-close {
      width: 70px;
      height: 70px;
      margin: 0;
      padding: 0;
      border-left: 1px solid rgba(15, 23, 42, .18);
      border-radius: 0;
      opacity: 1;
      box-shadow: none;
    }
    .lc-mobile-menu .offcanvas-body {
      padding: 0;
    }
    .mobile-menu-list {
      width: 100%;
    }
    .mobile-menu-link {
      width: 100%;
      min-height: 62px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      padding: 19px 24px;
      border: 0;
      border-bottom: 1px solid rgba(15, 23, 42, .10);
      background: var(--lc-white);
      color: #1f2933;
      font-size: 15px;
      font-weight: 900;
      text-align: left;
    }
    .mobile-menu-link:hover,
    .mobile-menu-link:focus {
      color: var(--lc-blue-2);
      background: #f7fbff;
    }
    .mobile-menu-link .chevron {
      width: 11px;
      height: 11px;
      border-right: 2px solid currentColor;
      border-bottom: 2px solid currentColor;
      transform: rotate(45deg);
      transition: transform .2s ease;
      margin-top: -5px;
      flex: 0 0 auto;
    }
    .mobile-menu-link[aria-expanded="true"] .chevron {
      transform: rotate(-135deg);
      margin-top: 5px;
    }
    .mobile-submenu {
      background: #f8fbfd;
      border-bottom: 1px solid rgba(15, 23, 42, .10);
    }
    .mobile-submenu a {
      display: block;
      padding: 11px 24px 11px 38px;
      color: #334155;
      font-size: 14px;
      font-weight: 800;
      border-bottom: 1px solid rgba(15, 23, 42, .06);
    }
    .mobile-submenu a:hover {
      color: var(--lc-blue-2);
      background: var(--lc-blue-soft);
    }
    .mobile-menu-demo {
      padding: 16px 20px;
    }
    .mobile-menu-demo .btn-lc {
      border-radius: 4px;
      padding: 11px 18px;
      font-size: 14px;
    }
    .offcanvas-backdrop.show {
      opacity: .72;
    }

    /* Hero - competitor-style dark banner */
    .hero {
      min-height: 650px;
      position: relative;
      overflow: hidden;
      display: flex;
      align-items: center;
      color: var(--lc-white);
      background:
        radial-gradient(circle at 80% 18%, rgba(50, 152, 219, .42), transparent 28%),
        radial-gradient(circle at 12% 5%, rgba(50, 152, 219, .2), transparent 25%),
        linear-gradient(100deg, rgba(5, 5, 5, .7), rgba(5, 5, 5, .77)),
        url('../images/c5cf01aa3a3c4131b5c0.webp') center/cover no-repeat,
        var(--lc-black);
      /*background:*/
      /*  radial-gradient(circle at 80% 18%, rgba(50, 152, 219, .42), transparent 28%),*/
      /*  radial-gradient(circle at 12% 5%, rgba(50, 152, 219, .2), transparent 25%),*/
      /*  linear-gradient(100deg, rgba(5, 5, 5, .94), rgba(5, 5, 5, .77)),*/
      /*  url('../images/introHero.webp') center/cover no-repeat,*/
      /*  var(--lc-black);*/
    }
    .hero:before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(115deg, transparent 0 18%, rgba(50, 152, 219, .22) 19%, transparent 30%),
        repeating-linear-gradient(112deg, rgba(255,255,255,.08) 0 1px, transparent 1px 58px);
      opacity: .42;
      transform: scale(1.2) skewY(-5deg);
    }
    .hero:after {
      content: "";
      position: absolute;
      inset: auto -15% -95px -15%;
      height: 240px;
      background: linear-gradient(90deg, transparent, rgba(50, 152, 219, .65), transparent);
      filter: blur(60px);
      opacity: .5;
    }
    .hero .container { position: relative; z-index: 2; }
    .hero-kicker {

      display: inline-flex;
      gap: 9px;
      align-items: center;
      color: #dff3ff;
      border: 1px solid rgba(50, 152, 219, .42);
      background: rgba(50, 152, 219, .13);
      border-radius: 999px;
      padding: 8px 14px;
      font-weight: 800;
      font-size: 13px;
      margin-bottom: 24px;
        margin-left: auto;
        margin-right: auto;
        display: block;
        width: fit-content;
        max-width: 300px;
        text-align: center;
    }
    .hero-kicker span {
      width: 8px;
      height: 8px;
      border-radius: 999px;
      background: var(--lc-blue);
      box-shadow: 0 0 0 7px rgba(50,152,219,.18);
    }
    .hero h1 {
      max-width: 900px;
      margin: 0 auto 18px;
      font-size: clamp(38px, 6vw, 78px);
      line-height: .98;
      letter-spacing: -.05em;
      font-weight: 900;
    }
    .hero h1 strong { color: var(--lc-blue); }
    .hero p {
      max-width: 760px;
      margin: 0 auto;
      color: rgba(255,255,255,.78);
      font-size: 18px;
    }
    .hero-actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 14px; margin-top: 30px; }

    .trust-strip {
      background: #1b2028;
      padding: 23px 0;
    }
    .logo-row {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      gap: 18px;
      align-items: center;
    }
    .logo-card {
      min-height: 158px;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid rgba(255,255,255,.08);
      background: var(--lc-blue-2);
      border-radius: 16px;
      padding: 12px 16px;
      color: rgba(255,255,255,.75);
      font-size: 13px;
      font-weight: 800;
      text-align: center;
    }
    .logo-card img { max-height: 100%; width: auto; opacity: .78; filter: grayscale(1) brightness(1.8); }


    /* Trusted operators logo slider */
    .trusted-operators-section {
      background: var(--lc-white);
      padding: 78px 0 70px;
      overflow: hidden;
    }
    .trusted-operators-section .section-title {
      margin: 0 auto 54px;
    }
    .trusted-operators-section .section-title h2 {
      color: #2a2f38;
      font-size: clamp(30px, 4vw, 48px);
      line-height: 1.12;
      letter-spacing: -.04em;
    }
    .trusted-logo-slider {
      position: relative;
      overflow: hidden;
      cursor: grab;
      user-select: none;
      touch-action: pan-y;
      padding: 8px 0;
    }
    .trusted-logo-slider.is-dragging {
      cursor: grabbing;
    }
    .trusted-logo-track {
      display: flex;
      align-items: center;
      will-change: transform;
    }
    .trusted-logo-slide {
      flex: 0 0 20%;
      min-width: 20%;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0 28px;
    }
    .trusted-logo-box {
      width: 100%;
      min-height: 178px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .trusted-logo-box img {
      max-width: 100%;
      max-height: 178px;
      width: auto;
      object-fit: contain;
      pointer-events: none;
    }

    @media (max-width: 1199.98px) {
      .trusted-logo-slide { flex-basis: 25%; min-width: 25%; }
    }
    @media (max-width: 991.98px) {
      .trusted-operators-section { padding: 64px 0 58px; }
      .trusted-logo-slide { flex-basis: 33.333%; min-width: 33.333%; padding: 0 20px; }
    }
    @media (max-width: 575.98px) {
      .trusted-operators-section { padding: 54px 0 48px; }
      .trusted-operators-section .section-title { margin-bottom: 34px; }
      .trusted-logo-slide { flex-basis: 50%; min-width: 50%; padding: 0 15px; }
      .trusted-logo-box { min-height: 108px; }
      .trusted-logo-box img { max-height: 108px; }
    }

    /* Product cards */
    .product-card {
      height: 100%;
      padding: 34px 26px;
      border: 1px solid var(--lc-border);
      border-radius: 0;
      background: var(--lc-white);
      text-align: center;
      transition: .25s ease;
    }
    .product-card:hover { transform: translateY(-6px); box-shadow: var(--lc-shadow); border-color: rgba(50,152,219,.35); }
    .icon-circle {
      width: 58px;
      height: 58px;
      margin: 0 auto 18px;
      border-radius: 18px;
      display: grid;
      place-items: center;
      color: var(--lc-blue);
      background: linear-gradient(180deg, #f5fbff, #fff);
      border: 1px solid rgba(50,152,219,.22);
      font-weight: 900;
    }
    .product-card h3 { font-size: 19px; color: var(--lc-black); font-weight: 900; margin: 0 0 9px; }
    .product-card p { color: var(--lc-muted); font-size: 14px; margin: 0; }

    /* Dark solution tiles */
    .solution-card {
      position: relative;
      min-height: 400px;
      overflow: hidden;
      color: var(--lc-white);
      padding: 40px;
      background:
        radial-gradient(circle at 100% 0, rgba(50,152,219,.38), transparent 30%),
        linear-gradient(135deg, #10151d, #07090d);
      border: 1px solid rgba(255,255,255,.08);
    }
    .solution-card:after {
      content: "";
      position: absolute;
      inset: 0;
      background-image: radial-gradient(rgba(50,152,219,.45) 1px, transparent 1px);
      background-size: 12px 12px;
      opacity: .17;
      mask-image: linear-gradient(90deg, transparent, #000 65%);
      pointer-events: none;
    }
    .solution-card > * { position: relative; z-index: 2; }
    .solution-icon {
      width: 94px;
      height: 94px;
      display: grid;
      place-items: center;
      margin-bottom: 26px;
      border: 1px solid rgba(255,255,255,.18);
      background: rgba(255,255,255,.05);
      border-radius: 26px;
      color: var(--lc-blue);
      font-size: 32px;
      font-weight: 900;
    }
    .solution-icon img {
        padding: 15px;
    }
    .solution-card h3 { font-size: 26px; font-weight: 900; margin-bottom: 12px; }
    .solution-card p { color: rgba(255,255,255,.72); margin-bottom: 22px; }
    .text-link { color: var(--lc-blue); font-weight: 900; }
    .text-link:hover { color: #8fd0ff; }

    /* Plan / fleet */
    .plan-item { text-align: center; padding: 10px 16px; }
    .plan-item .dot {
      width: 38px;
      height: 38px;
      display: grid;
      place-items: center;
      margin: 0 auto 13px;
      color: var(--lc-blue);
      background: var(--lc-blue-soft);
      border-radius: 50%;
      font-weight: 900;
    }
    .plan-item h3 { font-size: 15px; font-weight: 900; text-transform: uppercase; margin: 0 0 7px; }
    .plan-item p { color: var(--lc-muted); font-size: 14px; margin: 0; }
    .fleet-image {
      position: relative;
      min-height: 250px;
      margin-top: 32px;
      display: grid;
      place-items: end center;
      overflow: hidden;
    }
    .fleet-image:before {
      content: "";
      position: absolute;
      inset: 20px 0 50px;
      background:
        linear-gradient(180deg, transparent 70%, rgba(50,152,219,.08)),
        repeating-linear-gradient(90deg, transparent 0 22px, rgba(15,23,42,.07) 22px 23px, transparent 23px 44px);
      opacity: .5;
    }
    .fleet-hero-img {
      position: relative;
      z-index: 2;
      max-width: 700px;
      width: 100%;
      filter: drop-shadow(0 18px 25px rgba(0,0,0,.18));
    }

    .media-section-img {
      border-radius: 28px;
      background: linear-gradient(135deg, #f5fbff, #fff);
      border: 1px solid var(--lc-border);
      box-shadow: var(--lc-shadow);
      padding: 18px;
    }
    .media-section h2 { font-weight: 900; color: var(--lc-black); letter-spacing: -.03em; }
    .media-section p { color: var(--lc-muted); }
    .check-list { padding: 0; margin: 22px 0 0; list-style: none; }
    .check-list li { display: flex; gap: 12px; margin: 12px 0; color: #334155; }
    .check-list li:before { content: "✓"; color: var(--lc-blue); font-weight: 900; }

    /* Growth area */
    .growth {
      position: relative;
      overflow: hidden;
      color: var(--lc-white);
      background:
        linear-gradient(105deg, rgba(5, 5, 5, .92), rgba(7, 13, 20, .82)),
        url('../images/testimoial/bg.jpg') center/cover no-repeat,
        var(--lc-black);
background: linear-gradient(105deg, rgb(9 26 37), rgb(3 8 11)), url('../images/testimoial/bg.jpg') center / cover no-repeat, #03080b;

    }
    .growth .section-title h2 { color: var(--lc-white); }
    .growth .section-title p { color: rgba(255,255,255,.72); }
    .growth-item {
        text-align: center;
        padding: 18px;
        justify-items: center;
    }
    .growth-line { width: 45px; height: 3px; background: var(--lc-blue); margin: 0 auto 16px; }
    .growth-item h3 { font-size: 18px; font-weight: 900; margin-bottom: 8px; color: var(--lc-white); }
    .growth-item p { color: rgba(255,255,255,.7); margin: 0; font-size: 14px; }

    .cta-band {
      background: #20242b;
      color: var(--lc-white);
      padding: 38px 0;
    }
    .cta-band h2 { font-size: clamp(24px, 3vw, 34px); font-weight: 900; margin: 0 0 4px; }
    .cta-band p { color: rgba(255,255,255,.72); margin: 0; }
    .cta-band.blue { background: #000 }

    .phone-wrap {
      position: relative;
      min-height: 250px;
      display: grid;
      place-items: center;
    }
    .phone-img {
      max-height: 500px;
      width: auto;
      filter: drop-shadow(0 28px 45px rgba(0,0,0,.22));
    }
    .highlight-img-card {
      /*height: 200px;*/
      /*overflow: hidden;*/
      border-radius: 20px;
      position: relative;
      /*box-shadow: var(--lc-shadow);*/
      /*background: #eaf2f9;*/
    }
    .highlight-img-card img {
        /*width: 100%; height: 100%; object-fit: cover;*/
        }
    .highlight-img-card .caption {
      position: absolute;
      left: 16px;
      right: 16px;
      bottom: -59px;
      background: rgba(5,5,5,.72);
      color: var(--lc-white);
      border-radius: 14px;
      padding: 14px;
      backdrop-filter: blur(10px);
    }
    .highlight-img-card h3 { margin: 0 0 4px; font-size: 16px; font-weight: 900; }
    .highlight-img-card p { margin: 0; font-size: 13px; color: rgba(255,255,255,.75); }

    .testimonial-section { background: var(--lc-light); }
    .quote-card {
      height: 100%;
      background: var(--lc-white);
      border: 1px solid var(--lc-border);
      border-radius: 20px;
      padding: 30px;
      box-shadow: 0 18px 42px rgba(15,23,42,.07);
    }
    .quote-card p { color: #334155; font-style: italic; }
    .quote-card h4 { font-size: 17px; font-weight: 900; margin: 18px 0 0; }
    .quote-card small { color: var(--lc-blue-2); font-weight: 700; }

    .integration-logo {
      min-height: 110px;
      border: 1px solid var(--lc-border);
      background: var(--lc-white);
      border-radius: 20px;
      display: grid;
      place-items: center;
      padding: 20px;
      box-shadow: 0 14px 34px rgba(15,23,42,.06);
      font-size: 18px;
      font-weight: 900;
      color: var(--lc-black);
      text-align: center;
    }
    .integration-logo img { max-height: 175px; width: auto; }
    .integration-logo span { color: var(--lc-blue); }

    .accordion-item {
      border: 1px solid var(--lc-border) !important;
      border-radius: 18px !important;
      margin-bottom: 12px;
      overflow: hidden;
      box-shadow: 0 12px 30px rgba(15,23,42,.05);
    }
    .accordion-button { font-weight: 900; }
    .accordion-button:not(.collapsed) { background: var(--lc-blue-soft); color: var(--lc-blue-2); box-shadow: none; }
    .accordion-button:focus { box-shadow: none; border-color: rgba(50,152,219,.32); }

    .footer {
      background: #050505;
      color: rgba(255,255,255,.72);
      padding: 68px 0 26px;
    }
    .footer-logo img {
        width: 225px;
        margin-bottom: 5px;
    }

    .footer h4 { color: var(--lc-white); font-weight: 900; font-size: 17px; margin-bottom: 18px; }
    .footer a { color: rgba(255,255,255,.72); display: inline-block; margin-bottom: 9px; }
    .footer a:hover { color: var(--lc-blue); }
    .footer-bottom { margin-top: 44px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.1); font-size: 14px; }

    .back-top {
      position: fixed;
      right: 20px;
      bottom: 20px;
      width: 44px;
      height: 44px;
      border: 0;
      border-radius: 50%;
      color: var(--lc-white);
      background: var(--lc-blue);
      box-shadow: 0 10px 25px rgba(50, 152, 219, .4);
      z-index: 50;
    }

    @media (max-width: 991.98px) {
        .solution-icon{
            margin-left:auto;
            margin-right:auto;
        }
        .solution-card p,
        .solution-card h3{ text-align:center; }
        .solution-card .text-link {
            text-align: center;
            margin: auto;
            display: block;
        }
        .highlight-img-card{ margin-bottom:4rem;}
        .testimonial-client-logo{ width: 158px!important; height: 158px!important; }

      button.navbar-toggler{ background-color: #fff; }
      .section-pad { padding: 68px 0; }
      .section-mar { margin-bottom:68px;}
      .hero { min-height: 590px; text-align: center; }
      .logo-row { grid-template-columns: repeat(3, 1fr); }
      .solution-card { padding: 34px; min-height: auto; }
      .phone-wrap { min-height: auto; }
    }
    @media (max-width: 575.98px) {
      .navbar-brand img { width: 150px; }
      .hero h1 { font-size: 40px; }
      .logo-row { grid-template-columns: repeat(2, 1fr); }
      .logo-card { min-height: 52px; }
      .section-title { margin-bottom: 30px; }
      .product-card { padding: 28px 20px; }
      .solution-card { padding: 28px; }
      .fleet-image { min-height: 170px; }
    }

.product-card .icon-circle {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: rgba(50, 152, 219, 0.08);
    border: 1px solid rgba(50, 152, 219, 0.25);
    color: #3298db;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
  }

  .product-card .icon-circle svg {
    width: 30px;
    height: 30px;
    stroke: currentColor;
  }

.growth-icon {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: rgba(50, 152, 219, 0.12);
    border: 1px solid rgba(50, 152, 219, 0.35);
    color: #3298db;
    display: flex;
    align-items: center;
    margin-bottom: 18px;
    margin-bottom: 18px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .growth-icon svg {
    width: 28px;
    height: 28px;
    stroke: currentColor;
  }

.testimonial-section {
    background: linear-gradient(to bottom, #f1f1f1 0%, #f1f1f1 56%, var(--lc-white, #ffffff) 56%, var(--lc-white, #ffffff) 100%);
    padding: 74px 0 48px;
  }
  .testimonial-title {
    text-align: center;
    margin-bottom: 34px;
  }
  .testimonial-title h2 {
    margin: 0;
    color: var(--lc-black, #050505);
    font-size: clamp(30px, 4vw, 43px);
    line-height: 1.12;
    font-weight: 900;
    letter-spacing: -.035em;
  }
  .testimonial-title p {
    margin: 8px 0 0;
    color: #475569;
    font-size: 14px;
  }
  .testimonial-title a {
    color: var(--lc-blue, #3298db);
    font-weight: 800;
  }
  .testimonial-slider-card {
    max-width: 1120px;
    min-height: 250px;
    margin: 0 auto;
    background: var(--lc-white, #ffffff);
    border: 1px solid rgba(15,23,42,.12);
    border-radius: 3px;
    padding: 54px 70px 42px;
    text-align: center;
    box-shadow: 0 10px 28px rgba(0,0,0,.12);
  }
  .testimonial-client-logo {
    /*width: 58px;*/
    height: 90px;
    object-fit: contain;
    margin: 0 auto 18px;
    border-radius: 14px;
    background: var(--lc-white, #ffffff);
    border: 1px solid rgba(50,152,219,.18);
    padding: 8px;
    box-shadow: 0 10px 22px rgba(50,152,219,.12);
  }
  .testimonial-quote {
    max-width: 960px;
    margin: 0 auto 28px;
    color: #4b5563;
    font-size: clamp(16px, 2vw, 20px);
    line-height: 1.55;
    font-style: italic;
    font-weight: 800;
  }
  .testimonial-name {
    margin: 0;
    color: var(--lc-black, #050505);
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .03em;
    text-transform: uppercase;
  }
  .testimonial-role {
    margin: 3px 0 0;
    color: #475569;
    font-size: 12px;
    line-height: 1.45;
  }
  .testimonial-section .carousel-indicators {
    position: static;
    margin: 20px 0 0;
    gap: 8px;
  }
  .testimonial-section .carousel-indicators [data-bs-target] {
    width: 10px;
    height: 10px;
    border: 0;
    border-radius: 50%;
    background: #cfd8e3;
    opacity: 1;
    margin: 0;
  }
  .testimonial-section .carousel-indicators .active {
    width: 12px;
    height: 12px;
    background: var(--lc-blue, #3298db);
    box-shadow: 0 0 0 5px rgba(50,152,219,.12);
  }
  #lcTestimonialCarousel {
    cursor: grab;
    touch-action: pan-y;
    user-select: none;
  }
  #lcTestimonialCarousel.is-dragging {
    cursor: grabbing;
  }
  #lcTestimonialCarousel .carousel-indicators,
  #lcTestimonialCarousel .carousel-indicators button {
    cursor: pointer;
  }
  @media (max-width: 767.98px) {
    .testimonial-section { padding: 58px 0 38px; }
    .testimonial-slider-card { padding: 34px 22px 30px; min-height: auto; }
    .testimonial-quote { font-size: 16px; }
  }

/* ===== FAQ page styles ===== */

:root {
      --lc-black: #050505;
      --lc-dark: #0b1117;
      --lc-dark-2: #121923;
      --lc-blue: #4bb8ff;
      --lc-blue-2: #28abff;
      --lc-blue-soft: #eaf6ff;
      --lc-white: #ffffff;
      --lc-light: #f6f9fc;
      --lc-text: #17202a;
      --lc-muted: #687789;
      --lc-border: rgba(15, 23, 42, .11);
      --lc-shadow: 0 24px 70px rgba(0, 0, 0, .13);
      --lc-radius: 22px;
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      color: var(--lc-text);
      font-family: Arial, Helvetica, sans-serif;
      line-height: 1.62;
      background: var(--lc-white);
    }
    a { text-decoration: none; }
    img { max-width: 100%; height: auto; }

    .section-pad { padding: 86px 0; }
    .container-narrow { max-width: 1020px; }

    .btn-lc {
      --bs-btn-border-radius: 999px;
      --bs-btn-padding-x: 22px;
      --bs-btn-padding-y: 12px;
      --bs-btn-font-weight: 800;
      border: 1px solid transparent;
      transition: .25s ease;
    }
    .btn-lc-primary {
      background: linear-gradient(135deg, var(--lc-blue), var(--lc-blue-2));
      color: var(--lc-white);
      box-shadow: 0 14px 32px rgba(50, 152, 219, .28);
    }
    .btn-lc-primary:hover {
      color: var(--lc-white);
      transform: translateY(-2px);
      box-shadow: 0 18px 38px rgba(50, 152, 219, .35);
    }
    .btn-lc-dark {
      background: var(--lc-black);
      color: var(--lc-white);
      border-color: var(--lc-black);
      border-radius: 4px;
    }
    .btn-lc-dark:hover { color: var(--lc-white); background: var(--lc-blue-2); border-color: var(--lc-blue-2); }

    /* Header */
    .site-header {
      position: sticky;
      top: 0;
      z-index: 1030;
      background: rgba(5, 5, 5, .95);
      border-bottom: 1px solid rgba(255,255,255,.08);
      backdrop-filter: blur(18px);
    }
    .navbar { padding: 12px 0; }
    .navbar-brand img { width: 200px; display: block; }
    .navbar-nav .nav-link {
      color: rgba(255,255,255,.78);
      font-size: 14px;
      font-weight: 800;
      padding: 9px 13px !important;
    }
    .navbar-nav .nav-link:hover,
    .navbar-nav .nav-link:focus,
    .navbar-nav .nav-link.active { color: var(--lc-white); }
    .dropdown-menu {
      padding: 10px;
      border: 0;
      border-radius: 18px;
      box-shadow: var(--lc-shadow);
    }
    .dropdown-item {
      border-radius: 12px;
      padding: 9px 12px;
      font-weight: 700;
      font-size: 14px;
    }
    .dropdown-item:hover { color: var(--lc-blue-2); background: var(--lc-blue-soft); }
    .navbar-toggler { border-color: rgba(255,255,255,.28); }
    .navbar-toggler:focus { box-shadow: none; }
    .navbar-toggler-icon { filter: invert(1); }

    /* Mobile side menu */
    .lc-mobile-menu {
      --bs-offcanvas-width: min(398px, calc(100vw - 34px));
      background: var(--lc-white);
      color: var(--lc-text);
      border-left: 1px solid rgba(15, 23, 42, .14);
      box-shadow: -18px 0 45px rgba(0, 0, 0, .28);
    }
    .lc-mobile-menu .offcanvas-header {
      min-height: 72px;
      padding: 0;
      justify-content: flex-end;
      border-bottom: 1px solid rgba(15, 23, 42, .10);
    }
    .lc-mobile-menu .btn-close {
      width: 70px;
      height: 70px;
      margin: 0;
      padding: 0;
      border-left: 1px solid rgba(15, 23, 42, .18);
      border-radius: 0;
      opacity: 1;
      box-shadow: none;
    }
    .lc-mobile-menu .offcanvas-body { padding: 0; }
    .mobile-menu-list { width: 100%; }
    .mobile-menu-link {
      width: 100%;
      min-height: 62px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      padding: 19px 24px;
      border: 0;
      border-bottom: 1px solid rgba(15, 23, 42, .10);
      background: var(--lc-white);
      color: #1f2933;
      font-size: 15px;
      font-weight: 900;
      text-align: left;
    }
    .mobile-menu-link:hover,
    .mobile-menu-link:focus {
      color: var(--lc-blue-2);
      background: #f7fbff;
    }
    .mobile-menu-link .chevron {
      width: 11px;
      height: 11px;
      border-right: 2px solid currentColor;
      border-bottom: 2px solid currentColor;
      transform: rotate(45deg);
      transition: transform .2s ease;
      margin-top: -5px;
      flex: 0 0 auto;
    }
    .mobile-menu-link[aria-expanded="true"] .chevron {
      transform: rotate(-135deg);
      margin-top: 5px;
    }
    .mobile-submenu {
      background: #f8fbfd;
      border-bottom: 1px solid rgba(15, 23, 42, .10);
    }
    .mobile-submenu a {
      display: block;
      padding: 11px 24px 11px 38px;
      color: #334155;
      font-size: 14px;
      font-weight: 800;
      border-bottom: 1px solid rgba(15, 23, 42, .06);
    }
    .mobile-submenu a:hover { color: var(--lc-blue-2); background: var(--lc-blue-soft); }
    .mobile-menu-demo { padding: 16px 20px; }
    .mobile-menu-demo .btn-lc { border-radius: 4px; padding: 11px 18px; font-size: 14px; }
    .offcanvas-backdrop.show { opacity: .72; }

    /* FAQ Hero */
    .faq-hero {
      position: relative;
      min-height: 365px;
      display: flex;
      align-items: center;
      overflow: hidden;
      color: var(--lc-white);
      text-align: center;
      background:
        radial-gradient(circle at 67% 38%, rgba(50, 152, 219, .35), transparent 22%),
        radial-gradient(circle at 23% 8%, rgba(50, 152, 219, .22), transparent 30%),
        linear-gradient(105deg, rgba(5, 5, 5, .96), rgba(7, 13, 20, .92)),
        var(--lc-black);
    }
    .faq-hero:before {
      content: "";
      position: absolute;
      inset: 0;
      background-image: radial-gradient(rgba(50,152,219,.55) 1px, transparent 1px);
      background-size: 14px 14px;
      opacity: .18;
      transform: rotate(-10deg) scale(1.18);
      mask-image: radial-gradient(circle at 50% 50%, #000 0 34%, transparent 72%);
    }
    .faq-hero:after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.24) 100%);
      pointer-events: none;
    }
    .faq-hero .container { position: relative; z-index: 2; }
    .faq-kicker {
      margin: 0 0 12px;
      color: #dff3ff;
      font-size: 13px;
      font-weight: 900;
      letter-spacing: .12em;
      text-transform: uppercase;
    }
    .faq-hero h1 {
      margin: 0;
      color: var(--lc-white);
      font-size: clamp(38px, 5vw, 62px);
      line-height: 1.05;
      font-weight: 900;
      letter-spacing: -.045em;
    }
    .faq-hero p {
      max-width: 860px;
      margin: 18px auto 0;
      color: rgba(255,255,255,.78);
      font-size: 16px;
    }

    /* FAQ list */
    .faq-page-section {
      background: var(--lc-white);
      padding: 0 0 92px;
    }
    .faq-shell {
      max-width: 1120px;
      margin: -42px auto 0;
      position: relative;
      z-index: 5;
    }
    .faq-list { display: grid; gap: 14px; }
    .faq-item {
      background: var(--lc-white);
      border: 1px solid var(--lc-border);
      border-radius: 3px;
      box-shadow: 0 14px 35px rgba(15,23,42,.06);
      overflow: hidden;
    }
    .faq-question {
      list-style: none;
      cursor: pointer;
      min-height: 72px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
      padding: 24px 62px 24px 28px;
      color: var(--lc-black);
      font-size: 17px;
      line-height: 1.35;
      font-weight: 900;
      position: relative;
      transition: color .22s ease, background .22s ease;
    }
    .faq-question::-webkit-details-marker { display: none; }
    .faq-question:after {
      content: "+";
      position: absolute;
      right: 25px;
      top: 50%;
      width: 24px;
      height: 24px;
      transform: translateY(-50%);
      display: grid;
      place-items: center;
      border-radius: 50%;
      border: 1px solid rgba(15, 23, 42, .25);
      color: var(--lc-muted);
      font-size: 16px;
      line-height: 1;
      font-weight: 900;
      transition: .22s ease;
    }
    .faq-item[open] .faq-question {
      color: var(--lc-blue-2);
      background: linear-gradient(180deg, #f8fcff, #ffffff);
    }
    .faq-item[open] .faq-question:after {
      content: "−";
      color: var(--lc-white);
      background: var(--lc-blue);
      border-color: var(--lc-blue);
      box-shadow: 0 8px 18px rgba(50,152,219,.24);
    }
    .faq-answer {
      margin: 0;
      padding: 0 28px 28px;
      color: #526173;
      font-size: 15px;
      line-height: 1.8;
    }
    .faq-answer strong { color: #17202a; font-weight: 900; }

    /* Contact help block */
    .faq-help-section {
      background: #f1f1f1;
      padding: 88px 0;
      overflow: hidden;
    }
    .faq-help-title h2 {
      margin: 0 0 5px;
      color: var(--lc-black);
      font-size: clamp(30px, 4vw, 44px);
      font-weight: 900;
      letter-spacing: -.04em;
    }
    .faq-help-title p {
      margin: 0 0 24px;
      color: #2f3b4c;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: .03em;
    }
    .faq-illustration {
      max-width: 430px;
      margin-left: auto;
      display: block;
    }
    .faq-illustration .bubble {
      fill: #ffffff;
      stroke: #111827;
      stroke-width: 3;
    }
    .faq-illustration .line { stroke: var(--lc-blue); stroke-width: 3; stroke-dasharray: 7 8; fill: none; }
    .faq-illustration .accent { fill: var(--lc-blue); opacity: .18; }
    .faq-illustration .dark { fill: #101820; }
    .faq-illustration .blue { fill: var(--lc-blue); }

    .cta-band {
      background: #000;
      color: var(--lc-white);
      padding: 38px 0;
    }
    .cta-band h2 { font-size: clamp(24px, 3vw, 34px); font-weight: 900; margin: 0 0 4px; }
    .cta-band p { color: rgba(255,255,255,.72); margin: 0; }

    .footer {
      background: #050505;
      color: rgba(255,255,255,.72);
      padding: 68px 0 26px;
    }
    .footer-logo img { width: 225px; margin-bottom: 5px; }
    .footer h4 { color: var(--lc-white); font-weight: 900; font-size: 17px; margin-bottom: 18px; }
    .footer a { color: rgba(255,255,255,.72); display: inline-block; margin-bottom: 9px; }
    .footer a:hover { color: var(--lc-blue); }
    .footer-bottom { margin-top: 44px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.1); font-size: 14px; }

    .back-top {
      position: fixed;
      right: 20px;
      bottom: 20px;
      width: 44px;
      height: 44px;
      border: 0;
      border-radius: 50%;
      color: var(--lc-white);
      background: var(--lc-blue);
      box-shadow: 0 10px 25px rgba(50, 152, 219, .4);
      z-index: 50;
    }

    @media (max-width: 991.98px) {
      button.navbar-toggler{ background-color: #fff; }
      .section-pad { padding: 68px 0; }
      .faq-hero { min-height: 330px; }
      .faq-help-title { text-align: center; }
      .faq-illustration { margin: 38px auto 0; }
    }
    @media (max-width: 575.98px) {
      .navbar-brand img { width: 150px; }
      .faq-hero h1 { font-size: 40px; }
      .faq-shell { margin-top: -28px; }
      .faq-page-section { padding-bottom: 66px; }
      .faq-question { padding: 20px 54px 20px 20px; font-size: 15px; min-height: 66px; }
      .faq-question:after { right: 18px; }
      .faq-answer { padding: 0 20px 22px; font-size: 14px; }
      .faq-help-section { padding: 62px 0; }
    }


/* =========================================================
   About Us Page Styles
   ========================================================= */
.about-hero {
  position: relative;
  min-height: 500px;
  display: flex;
  align-items: center;
  overflow: hidden;
  color: var(--lc-white);
  text-align: center;
  background:
    radial-gradient(circle at 63% 36%, rgba(50, 152, 219, .38), transparent 22%),
    radial-gradient(circle at 28% 12%, rgba(50, 152, 219, .2), transparent 28%),
    linear-gradient(105deg, rgba(5, 5, 5, .97), rgba(7, 13, 20, .91)),
    var(--lc-black);
}
.about-hero:before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(50,152,219,.58) 1px, transparent 1px);
  background-size: 14px 14px;
  opacity: .18;
  transform: rotate(-10deg) scale(1.2);
  mask-image: radial-gradient(circle at 50% 50%, #000 0 34%, transparent 72%);
}
.about-hero:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.28) 100%);
  pointer-events: none;
}
.about-hero .container {
  position: relative;
  z-index: 2;
}
.about-hero h1 {
  margin: 0;
  color: var(--lc-white);
  font-size: clamp(40px, 4vw, 64px);
  line-height: 1.04;
  font-weight: 900;
  letter-spacing: -.045em;
}
.about-split-section {
  position: relative;
  overflow: hidden;
  background: var(--lc-white);
}
.about-split-section.light-bg {
  background: #f6f9fc;
}
.about-media-card {
  position: relative;
  overflow: hidden;
  min-height: 390px;
  border-radius: 0;
  background:
    linear-gradient(135deg, rgba(50,152,219,.1), rgba(255,255,255,.92)),
    #eef6fb;
  box-shadow: 0 18px 50px rgba(15,23,42,.12);
}
.about-media-card:before {
  content: "";
  position: absolute;
  inset: 18px;
  border: 1px solid rgba(255,255,255,.55);
  z-index: 2;
  pointer-events: none;
}
.about-media-card img {
  width: 100%;
  height: 100%;
  min-height: 390px;
  object-fit: cover;
  display: block;
}
.about-media-card.has-contain {
  display: grid;
  place-items: center;
  padding: 28px;
}
.about-media-card.has-contain img {
  width: auto;
  height: auto;
  min-height: 0;
  max-height: 430px;
  object-fit: contain;
}
.about-copy {
  max-width: 640px;
}
.about-copy .section-title {
  max-width: none;
  margin: 0;
  text-align: left;
}
.about-copy .section-title h2,
.about-page-title h2 {
  margin: 0;
  color: var(--lc-black);
  font-size: clamp(30px, 4vw, 46px);
  line-height: 1.12;
  font-weight: 900;
  letter-spacing: -.04em;
}
.about-copy h4 {
  margin: 14px 0 12px;
  color: var(--lc-blue-2);
  font-size: 18px;
  line-height: 1.4;
  font-weight: 900;
}
.about-copy p {
  color: #526173;
  margin: 16px 0 0;
  font-size: 16px;
  line-height: 1.85;
}
.about-dark-panel {
  background:
    radial-gradient(circle at 86% 20%, rgba(50,152,219,.32), transparent 28%),
    linear-gradient(135deg, #10151d, #06080c);
  color: var(--lc-white);
  padding: 54px;
  min-height: 100%;
  border: 1px solid rgba(255,255,255,.09);
  box-shadow: var(--lc-shadow);
}
.about-dark-panel .section-title h2,
.about-dark-panel p {
  color: var(--lc-white);
}
.about-dark-panel p {
  color: rgba(255,255,255,.74);
}
.about-page-title {
  max-width: 760px;
  margin: 0 auto 42px;
  text-align: center;
}
.about-products-section {
  background: var(--lc-white);
  overflow: hidden;
}
.about-products-slider {
  position: relative;
  width: 100%;
  overflow: hidden;
  cursor: grab;
  user-select: none;
  touch-action: pan-y;
  padding: 8px 0 18px;
}
.about-products-slider.is-dragging {
  cursor: grabbing;
}
.about-products-track {
  display: flex;
  align-items: stretch;
  will-change: transform;
}
.about-products-slide {
  flex: 0 0 33.333%;
  min-width: 33.333%;
  padding: 0 14px;
}
.about-product-logo-card {
  width: 100%;
  min-height: 170px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 34px 28px;
  border: 1px solid var(--lc-border);
  background: var(--lc-white);
  box-shadow: 0 14px 34px rgba(15,23,42,.06);
  transition: .25s ease;
}
.about-product-logo-card:hover {
  transform: translateY(-5px);
  border-color: rgba(50,152,219,.35);
  box-shadow: var(--lc-shadow);
}
.about-product-logo-card img {
  max-height: 86px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  pointer-events: none;
}
.about-address-section {
  background: #f6f9fc;
}
.about-address-card {
  height: 100%;
  padding: 32px 30px;
  border: 1px solid var(--lc-border);
  background: var(--lc-white);
  box-shadow: 0 14px 34px rgba(15,23,42,.06);
  transition: .25s ease;
}
.about-address-card:hover {
  transform: translateY(-4px);
  border-color: rgba(50,152,219,.35);
}
.about-address-card .country {
  display: block;
  color: var(--lc-black);
  font-size: 26px;
  line-height: 1.1;
  font-weight: 900;
  letter-spacing: -.03em;
}
.about-address-card .city {
  display: block;
  color: var(--lc-blue-2);
  font-size: 15px;
  font-weight: 900;
  margin-top: 4px;
}
.about-address-card p {
  color: #526173;
  margin: 18px 0 18px;
  line-height: 1.7;
}
.about-address-card a {
  display: block;
  color: #17202a;
  font-weight: 800;
  margin-top: 8px;
}
.about-address-card a:hover {
  color: var(--lc-blue-2);
}
.about-address-card h6 {
  margin: 0;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.5;
}
@media (max-width: 991.98px) {
  .about-hero { min-height: 330px; }
  .about-copy,
  .about-copy .section-title { text-align: center; margin-left: auto; margin-right: auto; }
  .about-dark-panel { padding: 38px 28px; }
  .about-products-slide { flex-basis: 50%; min-width: 50%; }
}
@media (max-width: 575.98px) {
  .about-hero h1 { font-size: 40px; }
  .about-media-card,
  .about-media-card img { min-height: 260px; }
  .about-dark-panel { padding: 30px 22px; }
  .about-products-slide { flex-basis: 100%; min-width: 100%; padding: 0 8px; }
  .about-product-logo-card { min-height: 140px; padding: 28px 22px; }
  .about-address-card { padding: 28px 22px; }
}





























/* Who We Are Stats Section */
.lc-story-section {
  padding: 86px 0;
  background: #ffffff;
}

.lc-story-content {
  max-width: 1100px;
  margin: 0 auto 42px;
  text-align: center;
}

.lc-story-content h2 {
  margin: 0 0 18px;
  color: var(--lc-black, #050505);
  font-size: clamp(30px, 4vw, 44px);
  line-height: 1.15;
  font-weight: 900;
  letter-spacing: -0.035em;
}

.lc-story-content p {
  margin: 0 auto 12px;
  color: var(--lc-text, #17202a);
  font-size: 15px;
  line-height: 1.75;
  max-width: 1040px;
}

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

.lc-story-stat-card {
  background: #ffffff;
  border: 1px solid rgba(15, 23, 42, 0.12);
  border-top: 4px solid var(--lc-blue, #3298db);
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
  padding: 34px 24px 30px;
  text-align: center;
  transition: 0.25s ease;
}

.lc-story-stat-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 45px rgba(15, 23, 42, 0.12);
  border-color: rgba(50, 152, 219, 0.28);
}

.lc-story-stat-card h3 {
  margin: 0 0 10px;
  color: var(--lc-black, #050505);
  font-size: clamp(20px, 2vw, 26px);
  line-height: 1.25;
  font-weight: 900;
}

.lc-story-stat-card p {
  margin: 0;
  color: var(--lc-muted, #687789);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.45;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

@media (max-width: 991.98px) {
  .lc-story-section {
    padding: 68px 0;
  }

  .lc-story-stats {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .lc-story-content {
    margin-bottom: 32px;
  }
}

@media (max-width: 575.98px) {
  .lc-story-section {
    padding: 56px 0;
  }

  .lc-story-content {
    text-align: left;
  }

  .lc-story-stat-card {
    padding: 28px 20px;
  }
}
/* =========================================================
   Dispatch Software Page
   ========================================================= */
.dispatch-hero {
  position: relative;
  overflow: hidden;
  min-height: 590px;
  display: flex;
  align-items: center;
  color: var(--lc-white);
  padding: 90px 0 190px;
  background:
    radial-gradient(circle at 85% 20%, rgba(50, 152, 219, .38), transparent 28%),
    radial-gradient(circle at 10% 15%, rgba(50, 152, 219, .18), transparent 28%),
    linear-gradient(105deg, rgba(5, 5, 5, .98), rgba(7, 13, 20, .84)),
    url('../images/bg/breadcumgBg.png') center/cover no-repeat,
    var(--lc-black);
}
.dispatch-hero:before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(115deg, transparent 0 18%, rgba(50, 152, 219, .18) 19%, transparent 30%),
    repeating-linear-gradient(112deg, rgba(255,255,255,.07) 0 1px, transparent 1px 58px);
  opacity: .38;
  transform: scale(1.12) skewY(-4deg);
  pointer-events: none;
}
.dispatch-hero:after {
  content: "";
  position: absolute;
  inset: auto -15% -105px -15%;
  height: 220px;
  background: linear-gradient(90deg, transparent, rgba(50, 152, 219, .55), transparent);
  filter: blur(64px);
  opacity: .55;
  pointer-events: none;
}
.dispatch-hero .container {
  position: relative;
  z-index: 2;
}
.dispatch-hero-content h1 {
  margin: 0 0 18px;
  max-width: 650px;
  color: var(--lc-white);
  font-size: clamp(38px, 5vw, 62px);
  line-height: 1.05;
  font-weight: 900;
  letter-spacing: -.045em;
}
.dispatch-hero-content h2 {
  margin: 0 0 30px;
  max-width: 650px;
  color: rgba(255,255,255,.78);
  font-size: 17px;
  line-height: 1.72;
  font-weight: 600;
}
.dispatch-hero-visual {
  position: relative;
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dispatch-hero-visual:before {
  content: "";
  position: absolute;
  width: 82%;
  height: 62%;
  border-radius: 999px;
  background: rgba(50, 152, 219, .25);
  filter: blur(55px);
  opacity: .72;
}
.dispatch-hero-visual img {
  position: relative;
  z-index: 2;
  width: min(100%, 650px);
  filter: drop-shadow(0 28px 45px rgba(0,0,0,.42));
}
.dispatch-floating-section {
  position: relative;
  z-index: 5;
  margin-top: -155px;
  padding-bottom: 86px;
  background: linear-gradient(to bottom, transparent 0 95px, var(--lc-white) 95px 100%);
}
.dispatch-feature-panel {
  margin-top: 0;
  background: var(--lc-white);
  border: 1px solid rgba(15,23,42,.12);
  border-bottom: 4px solid var(--lc-blue);
  box-shadow: 0 24px 70px rgba(0,0,0,.13);
  padding: 54px 56px 50px;
}
.dispatch-section-title {
  max-width: 860px;
  margin: 0 auto 42px;
  text-align: center;
}
.dispatch-section-title h2 {
  margin: 0;
  color: var(--lc-black);
  font-size: clamp(28px, 4vw, 42px);
  line-height: 1.12;
  font-weight: 900;
  letter-spacing: -.035em;
}
.dispatch-section-title p {
  margin: 16px auto 0;
  color: var(--lc-muted);
  font-size: 15px;
  line-height: 1.75;
  max-width: 780px;
}
.dispatch-feature-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 34px 28px;
}
.dispatch-feature-item {
  text-align: center;
  padding: 8px 6px;
}
.dispatch-feature-icon {
  width: 90px;
  height: 90px;
  margin: 0 auto 17px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--lc-blue);
  /*background: rgba(50,152,219,.08);*/
  /*border: 1px solid rgba(50,152,219,.24);*/
}
.dispatch-feature-icon svg ,
.dispatch-feature-icon img {
  width: 100%px;
  height: auto;
  stroke: currentColor;
}
.dispatch-feature-item h3 {
  margin: 0 0 10px;
  color: var(--lc-black);
  font-size: 17px;
  line-height: 1.25;
  font-weight: 900;
}
.dispatch-feature-item p {
  margin: 0;
  color: var(--lc-muted);
  font-size: 13px;
  line-height: 1.65;
}
.dispatch-showcase-section {
  background: var(--lc-white);
}
.dispatch-showcase-image {
  text-align: center;
}
.dispatch-showcase-image img {
  max-width: 560px;
  width: 100%;
  filter: drop-shadow(0 18px 32px rgba(0,0,0,.12));
}
.dispatch-showcase-content {
  max-width: 590px;
}
.dispatch-showcase-content h2 {
  margin: 0 0 16px;
  color: var(--lc-black);
  font-size: clamp(28px, 4vw, 42px);
  line-height: 1.12;
  font-weight: 900;
  letter-spacing: -.035em;
}
.dispatch-showcase-content p {
  margin: 0 0 24px;
  color: var(--lc-muted);
  line-height: 1.78;
}
.dispatch-upgrade-section {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(
      to bottom,
      #0b1117 0%,
      #0b1117 56%,
      #ffffff 56%,
      #ffffff 100%
    );
  color: var(--lc-white);
  padding: 86px 0 110px;
}

.dispatch-upgrade-section:before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 56%;
  background:
    radial-gradient(circle at 80% 10%, rgba(50,152,219,.32), transparent 30%),
    radial-gradient(rgba(50,152,219,.42) 1px, transparent 1px);
  background-size: auto, 12px 12px;
  opacity: .45;
  pointer-events: none;
}
.dispatch-upgrade-section .row {
  margin-top: 48px;
}

.dispatch-upgrade-card {
  min-height: 290px;
}
.dispatch-upgrade-section .container {
  position: relative;
  z-index: 2;
}
.dispatch-section-title-light h2 {
  color: var(--lc-white);
}
.dispatch-section-title-light p {
  color: rgba(255,255,255,.75);
}
.dispatch-upgrade-card {
  height: 100%;
  background: var(--lc-white);
  color: var(--lc-text);
  border: 1px solid rgba(255,255,255,.16);
  border-top: 4px solid var(--lc-blue);
  box-shadow: 0 22px 55px rgba(0,0,0,.22);
  padding: 42px 32px 38px;
  text-align: center;
  transition: .25s ease;
}
.dispatch-upgrade-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 30px 70px rgba(0,0,0,.28);
}
.dispatch-upgrade-icon {
  width: 90px;
  height: 90px;
  margin: 0 auto 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--lc-blue);
  background: rgba(50,152,219,.08);
  border: 1px solid rgba(50,152,219,.24);
}
.dispatch-upgrade-icon img,
.dispatch-upgrade-icon svg {
  width: 100%;
  height: auto;
  stroke: currentColor;
  padding:20px;
}
.dispatch-upgrade-card h3 {
  margin: 0 0 12px;
  color: var(--lc-black);
  font-size: 23px;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: -.025em;
}
.dispatch-upgrade-card p {
  margin: 0;
  color: var(--lc-muted);
  font-size: 15px;
  line-height: 1.7;
}
@media (max-width: 1199.98px) {
  .dispatch-feature-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .dispatch-hero {
    text-align: center;
  }
  .dispatch-hero-content h1,
  .dispatch-hero-content h2,
  .dispatch-showcase-content {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 991.98px) {
  .dispatch-hero {
    min-height: auto;
    padding: 72px 0 145px;
  }
  .dispatch-feature-panel {
    padding: 42px 30px 38px;
  }
  .dispatch-floating-section {
    margin-top: -105px;
    padding-bottom: 68px;
    background: linear-gradient(to bottom, transparent 0 66px, var(--lc-white) 66px 100%);
  }
  .dispatch-showcase-content {
    text-align: center;
  }
}
@media (max-width: 575.98px) {
  .dispatch-hero-content h1 {
    font-size: 38px;
  }
  .dispatch-hero-content h2 {
    font-size: 15px;
  }
  .dispatch-floating-section {
    margin-top: -82px;
    background: linear-gradient(to bottom, transparent 0 52px, var(--lc-white) 52px 100%);
  }
  .dispatch-feature-panel {
    margin-top: 0;
    padding: 34px 20px;
  }
  .dispatch-feature-grid {
    grid-template-columns: 1fr;
    gap: 26px;
  }
  .dispatch-upgrade-card {
    padding: 34px 24px 30px;
  }
}

/* =========================================================
   Booking Software Page
   ========================================================= */
.booking-hero {
  position: relative;
  overflow: hidden;
  min-height: 560px;
  display: flex;
  align-items: center;
  color: var(--lc-white);
  padding: 88px 0 170px;
  background:
    radial-gradient(circle at 78% 18%, rgba(50, 152, 219, .36), transparent 30%),
    radial-gradient(circle at 12% 20%, rgba(50, 152, 219, .16), transparent 28%),
    linear-gradient(105deg, rgba(5, 5, 5, .98), rgba(7, 13, 20, .84)),
    url('../images/bg/breadcumgBg.png') center/cover no-repeat,
    var(--lc-black);
}
.booking-hero:before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(rgba(50,152,219,.35) 1px, transparent 1px),
    repeating-linear-gradient(112deg, rgba(255,255,255,.07) 0 1px, transparent 1px 58px);
  background-size: 13px 13px, auto;
  opacity: .25;
  pointer-events: none;
}
.booking-hero:after {
  content: "";
  position: absolute;
  inset: auto -15% -110px -15%;
  height: 230px;
  background: linear-gradient(90deg, transparent, rgba(50, 152, 219, .58), transparent);
  filter: blur(65px);
  opacity: .5;
  pointer-events: none;
}
.booking-hero .container {
  position: relative;
  z-index: 2;
}
.booking-hero-content h1 {
  margin: 0 0 18px;
  max-width: 680px;
  color: var(--lc-white);
  font-size: clamp(38px, 5vw, 62px);
  line-height: 1.05;
  font-weight: 900;
  letter-spacing: -.045em;
}
.booking-hero-content h2 {
  margin: 0 0 30px;
  max-width: 680px;
  color: rgba(255,255,255,.80);
  font-size: 17px;
  line-height: 1.72;
  font-weight: 600;
}
.booking-hero-visual {
  position: relative;
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.booking-hero-visual:before {
  content: "";
  position: absolute;
  width: 82%;
  height: 62%;
  border-radius: 999px;
  background: rgba(50, 152, 219, .22);
  filter: blur(55px);
  opacity: .7;
}
.booking-hero-visual img {
  position: relative;
  z-index: 2;
  width: min(100%, 620px);
  filter: drop-shadow(0 28px 45px rgba(0,0,0,.42));
}
.booking-floating-section {
  position: relative;
  z-index: 5;
  margin-top: -135px;
  padding-bottom: 86px;
  background: linear-gradient(to bottom, transparent 0 78px, var(--lc-white) 78px 100%);
}
.booking-feature-panel {
  background: var(--lc-white);
  border: 1px solid rgba(15,23,42,.12);
  border-bottom: 4px solid var(--lc-blue);
  box-shadow: 0 24px 70px rgba(0,0,0,.13);
  padding: 54px 54px 50px;
}
.booking-section-title {
  max-width: 860px;
  margin: 0 auto 42px;
  text-align: center;
}
.booking-section-title h2 {
  margin: 0;
  color: var(--lc-black);
  font-size: clamp(28px, 4vw, 42px);
  line-height: 1.12;
  font-weight: 900;
  letter-spacing: -.035em;
}
.booking-section-title p {
  margin: 16px auto 0;
  color: var(--lc-muted);
  font-size: 15px;
  line-height: 1.75;
  max-width: 780px;
}
.booking-quality-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.booking-quality-card {
  height: 100%;
  text-align: center;
  padding: 36px 28px 34px;
  border: 1px solid rgba(15,23,42,.12);
  border-top: 4px solid var(--lc-blue);
  background: var(--lc-white);
  box-shadow: 0 14px 34px rgba(15,23,42,.06);
  transition: .25s ease;
}
.booking-quality-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 22px 50px rgba(15,23,42,.12);
  border-color: rgba(50,152,219,.32);
}
.booking-quality-icon {
  width: 82px;
  height: 82px;
  margin: 0 auto 18px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--lc-blue);
  background: rgba(50,152,219,.08);
  border: 1px solid rgba(50,152,219,.24);
}
.booking-quality-icon img,
.booking-quality-icon svg {
  width: 40px;
  height: auto;
  stroke: currentColor;
}
.booking-quality-card h3 {
  margin: 0 0 12px;
  color: var(--lc-black);
  font-size: 22px;
  line-height: 1.18;
  font-weight: 900;
  letter-spacing: -.025em;
}
.booking-quality-card p {
  margin: 0;
  color: var(--lc-muted);
  font-size: 14px;
  line-height: 1.7;
}
.booking-standout-section {
  position: relative;
  overflow: hidden;
  color: var(--lc-white);
  padding: 92px 0;
  background:
    linear-gradient(105deg, rgba(5, 5, 5, .94), rgba(7, 13, 20, .86)),
    url('../images/testimoial/bg.jpg') center/cover no-repeat,
    var(--lc-black);
}
.booking-standout-section:before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 82% 10%, rgba(50,152,219,.32), transparent 30%),
    radial-gradient(rgba(50,152,219,.42) 1px, transparent 1px);
  background-size: auto, 12px 12px;
  opacity: .38;
  pointer-events: none;
}
.booking-standout-section .container {
  position: relative;
  z-index: 2;
}
.booking-standout-content {
  max-width: 820px;
}
.booking-standout-content h2 {
  margin: 0 0 16px;
  color: var(--lc-white);
  font-size: clamp(30px, 4vw, 48px);
  line-height: 1.1;
  font-weight: 900;
  letter-spacing: -.04em;
}
.booking-standout-content p {
  margin: 0 0 28px;
  color: rgba(255,255,255,.76);
  font-size: 16px;
  line-height: 1.78;
  max-width: 760px;
}
@media (max-width: 1199.98px) {
  .booking-hero {
    text-align: center;
  }
  .booking-hero-content h1,
  .booking-hero-content h2 {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 991.98px) {
  .booking-hero {
    min-height: auto;
    padding: 72px 0 145px;
  }
  .booking-floating-section {
    margin-top: -105px;
    padding-bottom: 68px;
    background: linear-gradient(to bottom, transparent 0 66px, var(--lc-white) 66px 100%);
  }
  .booking-feature-panel {
    padding: 42px 30px 38px;
  }
  .booking-quality-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .booking-standout-content {
    text-align: center;
    margin: 0 auto;
  }
}
@media (max-width: 575.98px) {
  .booking-hero-content h1 {
    font-size: 38px;
  }
  .booking-hero-content h2 {
    font-size: 15px;
  }
  .booking-floating-section {
    margin-top: -82px;
    background: linear-gradient(to bottom, transparent 0 52px, var(--lc-white) 52px 100%);
  }
  .booking-feature-panel {
    padding: 34px 20px;
  }
  .booking-quality-card {
    padding: 30px 22px;
  }
  .booking-standout-section {
    padding: 72px 0;
  }
}

/* =========================================================
   Passenger App Page
   ========================================================= */
.passenger-hero {
  position: relative;
  overflow: hidden;
  min-height: 560px;
  display: flex;
  align-items: center;
  color: var(--lc-white);
  padding: 88px 0 170px;
  background:
    radial-gradient(circle at 82% 20%, rgba(50, 152, 219, .34), transparent 28%),
    radial-gradient(circle at 14% 22%, rgba(50, 152, 219, .14), transparent 30%),
    linear-gradient(105deg, rgba(5, 5, 5, .98), rgba(7, 13, 20, .82)),
    url('../images/bg/breadcumgBg.png') center/cover no-repeat,
    var(--lc-black);
}
.passenger-hero:before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(rgba(50,152,219,.32) 1px, transparent 1px),
    repeating-linear-gradient(112deg, rgba(255,255,255,.07) 0 1px, transparent 1px 58px);
  background-size: 13px 13px, auto;
  opacity: .25;
  pointer-events: none;
}
.passenger-hero:after {
  content: "";
  position: absolute;
  inset: auto -15% -110px -15%;
  height: 230px;
  background: linear-gradient(90deg, transparent, rgba(50, 152, 219, .58), transparent);
  filter: blur(65px);
  opacity: .5;
  pointer-events: none;
}
.passenger-hero .container {
  position: relative;
  z-index: 2;
}
.passenger-hero-content h1 {
  margin: 0 0 18px;
  max-width: 680px;
  color: var(--lc-white);
  font-size: clamp(38px, 5vw, 62px);
  line-height: 1.05;
  font-weight: 900;
  letter-spacing: -.045em;
}
.passenger-hero-content p {
  margin: 0 0 30px;
  max-width: 680px;
  color: rgba(255,255,255,.80);
  font-size: 17px;
  line-height: 1.72;
  font-weight: 600;
}
.passenger-hero-visual {
  position: relative;
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.passenger-hero-visual:before {
  content: "";
  position: absolute;
  width: 82%;
  height: 62%;
  border-radius: 999px;
  background: rgba(50, 152, 219, .22);
  filter: blur(55px);
  opacity: .72;
}
.passenger-hero-visual img {
  position: relative;
  z-index: 2;
  width: min(100%, 560px);
  filter: drop-shadow(0 28px 45px rgba(0,0,0,.42));
}
.passenger-floating-section {
  position: relative;
  z-index: 5;
  margin-top: -135px;
  padding-bottom: 86px;
  background: linear-gradient(to bottom, transparent 0 78px, var(--lc-white) 78px 100%);
}
.passenger-feature-panel {
  background: var(--lc-white);
  border: 1px solid rgba(15,23,42,.12);
  border-bottom: 4px solid var(--lc-blue);
  box-shadow: 0 24px 70px rgba(0,0,0,.13);
  padding: 54px 54px 50px;
}
.passenger-section-title {
  max-width: 860px;
  margin: 0 auto 42px;
  text-align: center;
}
.passenger-section-title h2 {
  margin: 0;
  color: var(--lc-black);
  font-size: clamp(28px, 4vw, 42px);
  line-height: 1.12;
  font-weight: 900;
  letter-spacing: -.035em;
}
.passenger-feature-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px 28px;
}
.passenger-feature-item {
  text-align: center;
  padding: 8px 6px;
}
.passenger-feature-icon {
  width: 86px;
  height: 86px;
  margin: 0 auto 18px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--lc-blue);
  background: rgba(50,152,219,.08);
  border: 1px solid rgba(50,152,219,.24);
}
.passenger-feature-icon img,
.passenger-feature-icon svg {
  width: 42px;
  height: auto;
  stroke: currentColor;
}
.passenger-feature-item h3 {
  margin: 0 0 10px;
  color: var(--lc-black);
  font-size: 18px;
  line-height: 1.24;
  font-weight: 900;
}
.passenger-feature-item p {
  margin: 0;
  color: var(--lc-muted);
  font-size: 13px;
  line-height: 1.65;
}
.passenger-choice-section {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(
      to bottom,
      #0b1117 0%,
      #0b1117 56%,
      #ffffff 56%,
      #ffffff 100%
    );
  color: var(--lc-white);
  padding: 86px 0 110px;
}
.passenger-choice-section:before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 56%;
  background:
    radial-gradient(circle at 80% 10%, rgba(50,152,219,.32), transparent 30%),
    radial-gradient(rgba(50,152,219,.42) 1px, transparent 1px);
  background-size: auto, 12px 12px;
  opacity: .45;
  pointer-events: none;
}
.passenger-choice-section .container {
  position: relative;
  z-index: 2;
}
.passenger-section-title-light h2 {
  color: var(--lc-white);
}
.passenger-choice-section .row {
  margin-top: 48px;
}
.passenger-choice-card {
  min-height: 300px;
  height: 100%;
  background: var(--lc-white);
  color: var(--lc-text);
  border: 1px solid rgba(255,255,255,.16);
  border-top: 4px solid var(--lc-blue);
  box-shadow: 0 22px 55px rgba(0,0,0,.22);
  padding: 42px 32px 38px;
  text-align: center;
  transition: .25s ease;
}
.passenger-choice-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 30px 70px rgba(0,0,0,.28);
}
.passenger-choice-icon {
  width: 90px;
  height: 90px;
  margin: 0 auto 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--lc-blue);
  background: rgba(50,152,219,.08);
  border: 1px solid rgba(50,152,219,.24);
}
.passenger-choice-icon img,
.passenger-choice-icon svg {
  width: 46px;
  height: auto;
  stroke: currentColor;
}
.passenger-choice-card h3 {
  margin: 0 0 12px;
  color: var(--lc-black);
  font-size: 23px;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: -.025em;
}
.passenger-choice-card p {
  margin: 0;
  color: var(--lc-muted);
  font-size: 15px;
  line-height: 1.7;
}
@media (max-width: 1199.98px) {
  .passenger-hero {
    text-align: center;
  }
  .passenger-hero-content h1,
  .passenger-hero-content p {
    margin-left: auto;
    margin-right: auto;
  }
  .passenger-feature-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 991.98px) {
  .passenger-hero {
    min-height: auto;
    padding: 72px 0 145px;
  }
  .passenger-floating-section {
    margin-top: -105px;
    padding-bottom: 68px;
    background: linear-gradient(to bottom, transparent 0 66px, var(--lc-white) 66px 100%);
  }
  .passenger-feature-panel {
    padding: 42px 30px 38px;
  }
}
@media (max-width: 575.98px) {
  .passenger-hero-content h1 {
    font-size: 38px;
  }
  .passenger-hero-content p {
    font-size: 15px;
  }
  .passenger-floating-section {
    margin-top: -82px;
    background: linear-gradient(to bottom, transparent 0 52px, var(--lc-white) 52px 100%);
  }
  .passenger-feature-panel {
    padding: 34px 20px;
  }
  .passenger-feature-grid {
    grid-template-columns: 1fr;
    gap: 26px;
  }
  .passenger-choice-card {
    padding: 34px 24px 30px;
  }
}


/* =========================================================
   Driver App Page
   ========================================================= */
.driver-hero {
  position: relative;
  overflow: hidden;
  min-height: 560px;
  display: flex;
  align-items: center;
  color: var(--lc-white);
  padding: 88px 0 170px;
  background:
    radial-gradient(circle at 82% 20%, rgba(50, 152, 219, .34), transparent 28%),
    radial-gradient(circle at 14% 22%, rgba(50, 152, 219, .14), transparent 30%),
    linear-gradient(105deg, rgba(5, 5, 5, .98), rgba(7, 13, 20, .82)),
    url('../images/bg/breadcumgBg.png') center/cover no-repeat,
    var(--lc-black);
}
.driver-hero:before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(rgba(50,152,219,.32) 1px, transparent 1px),
    repeating-linear-gradient(112deg, rgba(255,255,255,.07) 0 1px, transparent 1px 58px);
  background-size: 13px 13px, auto;
  opacity: .25;
  pointer-events: none;
}
.driver-hero:after {
  content: "";
  position: absolute;
  inset: auto -15% -110px -15%;
  height: 230px;
  background: linear-gradient(90deg, transparent, rgba(50, 152, 219, .58), transparent);
  filter: blur(65px);
  opacity: .5;
  pointer-events: none;
}
.driver-hero .container {
  position: relative;
  z-index: 2;
}
.driver-hero-content h1 {
  margin: 0 0 18px;
  max-width: 680px;
  color: var(--lc-white);
  font-size: clamp(38px, 5vw, 62px);
  line-height: 1.05;
  font-weight: 900;
  letter-spacing: -.045em;
}
.driver-hero-content p {
  margin: 0 0 30px;
  max-width: 680px;
  color: rgba(255,255,255,.80);
  font-size: 17px;
  line-height: 1.72;
  font-weight: 600;
}
.driver-hero-visual {
  position: relative;
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.driver-hero-visual:before {
  content: "";
  position: absolute;
  width: 82%;
  height: 62%;
  border-radius: 999px;
  background: rgba(50, 152, 219, .22);
  filter: blur(55px);
  opacity: .72;
}
.driver-hero-visual img {
  position: relative;
  z-index: 2;
  width: min(100%, 560px);
  filter: drop-shadow(0 28px 45px rgba(0,0,0,.42));
}
.driver-floating-section {
  position: relative;
  z-index: 5;
  margin-top: -135px;
  padding-bottom: 86px;
  background: linear-gradient(to bottom, transparent 0 78px, var(--lc-white) 78px 100%);
}
.driver-feature-panel {
  background: var(--lc-white);
  border: 1px solid rgba(15,23,42,.12);
  border-bottom: 4px solid var(--lc-blue);
  box-shadow: 0 24px 70px rgba(0,0,0,.13);
  padding: 54px 54px 50px;
}
.driver-feature-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px 28px;
}
.driver-feature-item {
  text-align: center;
  padding: 8px 10px;
}
.driver-feature-icon {
  width: 86px;
  height: 86px;
  margin: 0 auto 18px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--lc-blue);
  background: rgba(50,152,219,.08);
  border: 1px solid rgba(50,152,219,.24);
}
.driver-feature-icon svg {
  width: 42px;
  height: 42px;
}
.driver-feature-item h3 {
  margin: 0 0 10px;
  color: var(--lc-black);
  font-size: 20px;
  line-height: 1.24;
  font-weight: 900;
}
.driver-feature-item p {
  margin: 0;
  color: var(--lc-muted);
  font-size: 14px;
  line-height: 1.65;
}
.driver-detail-section {
  background: var(--lc-white);
}
.driver-detail-row {
  margin-bottom: 92px;
}
.driver-detail-image {
  position: relative;
  border-radius: 28px;
  background: linear-gradient(135deg, #f5fbff, #fff);
  border: 1px solid var(--lc-border);
  box-shadow: var(--lc-shadow);
  padding: 18px;
  overflow: hidden;
}
.driver-detail-image:before {
  content: "";
  position: absolute;
  inset: auto -18% -35% -18%;
  height: 48%;
  background: rgba(50,152,219,.18);
  filter: blur(42px);
}
.driver-detail-image img {
  position: relative;
  z-index: 2;
  width: 100%;
  border-radius: 18px;
  display: block;
}
.driver-detail-content {
  max-width: 560px;
}
.driver-kicker {
  display: inline-block;
  color: var(--lc-blue);
  font-size: 12px;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.driver-detail-content h2 {
  margin: 0 0 16px;
  color: var(--lc-black);
  font-size: clamp(30px, 4vw, 46px);
  line-height: 1.1;
  font-weight: 900;
  letter-spacing: -.04em;
}
.driver-detail-content p {
  margin: 0 0 24px;
  color: var(--lc-muted);
  font-size: 16px;
  line-height: 1.78;
}
@media (max-width: 1199.98px) {
  .driver-hero {
    text-align: center;
  }
  .driver-hero-content h1,
  .driver-hero-content p {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 991.98px) {
  .driver-hero {
    min-height: auto;
    padding: 72px 0 145px;
  }
  .driver-floating-section {
    margin-top: -105px;
    padding-bottom: 68px;
    background: linear-gradient(to bottom, transparent 0 66px, var(--lc-white) 66px 100%);
  }
  .driver-feature-panel {
    padding: 42px 30px 38px;
  }
  .driver-feature-grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .driver-detail-row {
    margin-bottom: 72px;
  }
  .driver-detail-content {
    max-width: none;
    text-align: center;
    margin: 0 auto;
  }
}
@media (max-width: 575.98px) {
  .driver-hero-content h1 {
    font-size: 38px;
  }
  .driver-hero-content p {
    font-size: 15px;
  }
  .driver-floating-section {
    margin-top: -82px;
    background: linear-gradient(to bottom, transparent 0 52px, var(--lc-white) 52px 100%);
  }
  .driver-feature-panel {
    padding: 34px 20px;
  }
  .driver-feature-item h3 {
    font-size: 18px;
  }
  .driver-detail-row {
    margin-bottom: 56px;
  }
  .driver-detail-image {
    border-radius: 20px;
    padding: 12px;
  }
}

/* =========================================================
   Affiliate Network Page
   ========================================================= */
.affiliate-hero {
  position: relative;
  overflow: hidden;
  min-height: 560px;
  display: flex;
  align-items: center;
  color: var(--lc-white);
  padding: 88px 0 170px;
  background:
    radial-gradient(circle at 82% 20%, rgba(50, 152, 219, .36), transparent 28%),
    radial-gradient(circle at 12% 20%, rgba(50, 152, 219, .14), transparent 30%),
    linear-gradient(105deg, rgba(5, 5, 5, .98), rgba(7, 13, 20, .78)),
    url('../images/bg/breadcumgBg.png') center/cover no-repeat,
    var(--lc-black);
}
.affiliate-hero:before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(rgba(50,152,219,.32) 1px, transparent 1px),
    repeating-linear-gradient(112deg, rgba(255,255,255,.07) 0 1px, transparent 1px 58px);
  background-size: 13px 13px, auto;
  opacity: .26;
  pointer-events: none;
}
.affiliate-hero:after {
  content: "";
  position: absolute;
  inset: auto -15% -110px -15%;
  height: 230px;
  background: linear-gradient(90deg, transparent, rgba(50, 152, 219, .58), transparent);
  filter: blur(65px);
  opacity: .52;
  pointer-events: none;
}
.affiliate-hero .container {
  position: relative;
  z-index: 2;
}
.affiliate-hero-content h1 {
  margin: 0 0 18px;
  max-width: 700px;
  color: var(--lc-white);
  font-size: clamp(38px, 5vw, 62px);
  line-height: 1.05;
  font-weight: 900;
  letter-spacing: -.045em;
}
.affiliate-hero-content p {
  margin: 0 0 30px;
  max-width: 690px;
  color: rgba(255,255,255,.80);
  font-size: 17px;
  line-height: 1.72;
  font-weight: 600;
}
.affiliate-hero-visual {
  position: relative;
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.affiliate-hero-visual:before {
  content: "";
  position: absolute;
  width: 82%;
  height: 62%;
  border-radius: 999px;
  background: rgba(50, 152, 219, .24);
  filter: blur(55px);
  opacity: .75;
}
.affiliate-hero-visual img {
  position: relative;
  z-index: 2;
  width: min(100%, 560px);
  filter: drop-shadow(0 28px 45px rgba(0,0,0,.42));
}
.affiliate-floating-section {
  position: relative;
  z-index: 5;
  margin-top: -135px;
  padding-bottom: 58px;
  background: linear-gradient(to bottom, transparent 0 78px, var(--lc-white) 78px 100%);
}
.affiliate-feature-panel {
  background: var(--lc-white);
  border: 1px solid rgba(15,23,42,.12);
  border-bottom: 4px solid var(--lc-blue);
  box-shadow: 0 24px 70px rgba(0,0,0,.13);
  padding: 48px 44px 44px;
}
.affiliate-feature-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 26px;
}
.affiliate-feature-item {
  text-align: center;
  padding: 10px 6px;
}
.affiliate-feature-icon {
  width: 82px;
  height: 82px;
  margin: 0 auto 18px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--lc-blue);
  background: rgba(50,152,219,.08);
  border: 1px solid rgba(50,152,219,.24);
}
.affiliate-feature-icon svg {
  width: 42px;
  height: 42px;
}
.affiliate-feature-item h3 {
  margin: 0 0 10px;
  color: var(--lc-black);
  font-size: 18px;
  line-height: 1.24;
  font-weight: 900;
}
.affiliate-feature-item p {
  margin: 0;
  color: var(--lc-muted);
  font-size: 13px;
  line-height: 1.65;
}
.affiliate-brand-section {
  background: var(--lc-white);
  padding: 0 0 78px;
  overflow: hidden;
}
.affiliate-brand-slider {
  overflow: hidden;
  cursor: grab;
  user-select: none;
  touch-action: pan-y;
  padding: 8px 0;
}
.affiliate-brand-slider.is-dragging {
  cursor: grabbing;
}
.affiliate-brand-track {
  display: flex;
  align-items: center;
  will-change: transform;
}
.affiliate-brand-slide {
  flex: 0 0 20%;
  min-width: 20%;
  min-height: 98px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 26px;
}
.affiliate-brand-slide img {
  max-width: 100%;
  max-height: 76px;
  object-fit: contain;
  opacity: .55;
  filter: grayscale(1);
  pointer-events: none;
  transition: .25s ease;
}
.affiliate-brand-slide:hover img {
  opacity: .95;
  filter: grayscale(0);
}
.affiliate-detail-section {
  background: var(--lc-white);
}
.affiliate-detail-row {
  margin-bottom: 92px;
}
.affiliate-detail-image {
  position: relative;
  border-radius: 28px;
  background: linear-gradient(135deg, #f5fbff, #fff);
  border: 1px solid var(--lc-border);
  box-shadow: var(--lc-shadow);
  padding: 18px;
  overflow: hidden;
}
.affiliate-detail-image:before {
  content: "";
  position: absolute;
  inset: auto -18% -35% -18%;
  height: 48%;
  background: rgba(50,152,219,.18);
  filter: blur(42px);
}
.affiliate-detail-image img {
  position: relative;
  z-index: 2;
  width: 100%;
  border-radius: 18px;
  display: block;
}
.affiliate-detail-content {
  max-width: 570px;
}
.affiliate-kicker {
  display: inline-block;
  color: var(--lc-blue);
  font-size: 12px;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.affiliate-detail-content h2 {
  margin: 0 0 16px;
  color: var(--lc-black);
  font-size: clamp(30px, 4vw, 46px);
  line-height: 1.1;
  font-weight: 900;
  letter-spacing: -.04em;
}
.affiliate-detail-content p {
  margin: 0 0 24px;
  color: var(--lc-muted);
  font-size: 16px;
  line-height: 1.78;
}
.affiliate-partner-section {
  position: relative;
  overflow: hidden;
  color: var(--lc-white);
  padding: 112px 0 104px;
  background:
    linear-gradient(105deg, rgba(5,5,5,.84), rgba(7,13,20,.72)),
    url('../images/testimoial/bg.jpg') center/cover no-repeat,
    var(--lc-black);
}
.affiliate-partner-section:before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 78% 18%, rgba(50,152,219,.28), transparent 30%),
    radial-gradient(rgba(50,152,219,.34) 1px, transparent 1px);
  background-size: auto, 13px 13px;
  opacity: .28;
  pointer-events: none;
}
.affiliate-partner-content {
  position: relative;
  z-index: 2;
  max-width: 1020px;
  margin: 0 auto;
  text-align: center;
}
.affiliate-partner-content h2 {
  margin: 0 0 34px;
  color: var(--lc-white);
  font-size: clamp(30px, 4vw, 46px);
  line-height: 1.12;
  font-weight: 900;
  letter-spacing: -.035em;
}
.affiliate-partner-quote {
  max-width: 900px;
  margin: 0 auto 26px;
  color: rgba(255,255,255,.9);
  font-size: clamp(18px, 2.2vw, 24px);
  line-height: 1.55;
  font-style: italic;
  font-weight: 800;
}
.affiliate-partner-content h3 {
  margin: 0;
  color: var(--lc-white);
  font-size: 15px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.affiliate-partner-content span {
  display: block;
  margin-top: 5px;
  color: rgba(255,255,255,.72);
  font-size: 13px;
  font-weight: 700;
}
.affiliate-partner-dots {
  position: static;
  margin: 26px 0 0;
  gap: 8px;
}
.affiliate-partner-dots [data-bs-target] {
  width: 10px;
  height: 10px;
  border: 0;
  border-radius: 50%;
  background: rgba(255,255,255,.5);
  opacity: 1;
  margin: 0;
}
.affiliate-partner-dots .active {
  width: 12px;
  height: 12px;
  background: var(--lc-blue);
  box-shadow: 0 0 0 5px rgba(50,152,219,.16);
}
@media (max-width: 1199.98px) {
  .affiliate-hero {
    text-align: center;
  }
  .affiliate-hero-content h1,
  .affiliate-hero-content p {
    margin-left: auto;
    margin-right: auto;
  }
  .affiliate-feature-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .affiliate-brand-slide {
    flex-basis: 25%;
    min-width: 25%;
  }
}
@media (max-width: 991.98px) {
  .affiliate-hero {
    min-height: auto;
    padding: 72px 0 145px;
  }
  .affiliate-floating-section {
    margin-top: -105px;
    padding-bottom: 52px;
    background: linear-gradient(to bottom, transparent 0 66px, var(--lc-white) 66px 100%);
  }
  .affiliate-feature-panel {
    padding: 42px 30px 38px;
  }
  .affiliate-brand-section {
    padding-bottom: 62px;
  }
  .affiliate-brand-slide {
    flex-basis: 33.333%;
    min-width: 33.333%;
    padding: 0 20px;
  }
  .affiliate-detail-row {
    margin-bottom: 72px;
  }
  .affiliate-partner-section {
    padding: 82px 0 76px;
  }
}
@media (max-width: 575.98px) {
  .affiliate-hero-content h1 {
    font-size: 38px;
  }
  .affiliate-hero-content p {
    font-size: 15px;
  }
  .affiliate-floating-section {
    margin-top: -82px;
    background: linear-gradient(to bottom, transparent 0 52px, var(--lc-white) 52px 100%);
  }
  .affiliate-feature-panel {
    padding: 34px 20px;
  }
  .affiliate-feature-grid {
    grid-template-columns: 1fr;
    gap: 26px;
  }
  .affiliate-brand-slide {
    flex-basis: 50%;
    min-width: 50%;
    padding: 0 15px;
  }
  .affiliate-detail-content h2 {
    font-size: 32px;
  }
  .affiliate-partner-quote {
    font-size: 17px;
  }
}


/* Multi Booking Channels Page */
.multi-channel-hero {
  position: relative;
  overflow: hidden;
  min-height: 610px;
  display: flex;
  align-items: center;
  color: var(--lc-white);
  background:
    radial-gradient(circle at 78% 20%, rgba(50,152,219,.38), transparent 28%),
    radial-gradient(circle at 12% 12%, rgba(50,152,219,.18), transparent 26%),
    linear-gradient(105deg, rgba(5,5,5,.95), rgba(7,13,20,.86)),
    url('../images/testimoial/bg.jpg') center/cover no-repeat,
    var(--lc-black);
  padding: 86px 0 180px;
}
.multi-channel-hero:before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(115deg, transparent 0 18%, rgba(50,152,219,.2) 19%, transparent 30%),
    repeating-linear-gradient(112deg, rgba(255,255,255,.08) 0 1px, transparent 1px 58px);
  opacity: .32;
  pointer-events: none;
}
.multi-channel-hero .container {
  position: relative;
  z-index: 2;
}
.multi-channel-hero-content h1 {
  max-width: 760px;
  margin: 0 0 18px;
  color: var(--lc-white);
  font-size: clamp(38px, 5.5vw, 68px);
  line-height: 1.02;
  letter-spacing: -.055em;
  font-weight: 900;
}
.multi-channel-hero-content p {
  max-width: 700px;
  margin: 0 0 30px;
  color: rgba(255,255,255,.82);
  font-size: 18px;
  line-height: 1.72;
  font-weight: 700;
}
.multi-channel-hero-visual {
  position: relative;
  min-height: 370px;
  display: grid;
  place-items: center;
}
.multi-channel-hero-visual:before {
  content: "";
  position: absolute;
  width: 74%;
  height: 74%;
  border-radius: 50%;
  background: rgba(50,152,219,.22);
  filter: blur(62px);
}
.multi-channel-hero-visual img {
  position: relative;
  z-index: 2;
  max-height: 420px;
  width: auto;
  filter: drop-shadow(0 28px 45px rgba(0,0,0,.3));
}
.multi-channel-floating-section {
  position: relative;
  z-index: 4;
  margin-top: -128px;
  padding-bottom: 86px;
  background: linear-gradient(to bottom, transparent 0 78px, var(--lc-white) 78px 100%);
}
.multi-channel-feature-panel {
  max-width: 1180px;
  margin: 0 auto;
  background: var(--lc-white);
  border: 1px solid rgba(15, 23, 42, .12);
  border-bottom: 3px solid var(--lc-blue);
  box-shadow: 0 22px 62px rgba(15, 23, 42, .14);
  padding: 54px 42px 48px;
}
.multi-channel-feature-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 34px;
}
.multi-channel-feature-item {
  text-align: center;
  padding: 8px 18px;
}
.multi-channel-feature-icon {
  width: 74px;
  height: 74px;
  border-radius: 50%;
  margin: 0 auto 20px;
  display: grid;
  place-items: center;
  color: var(--lc-blue);
  background: var(--lc-blue-soft);
  border: 1px solid rgba(50,152,219,.28);
}
.multi-channel-feature-icon svg {
  width: 34px;
  height: 34px;
}
.multi-channel-feature-item h3 {
  margin: 0 0 10px;
  color: var(--lc-black);
  font-size: 21px;
  line-height: 1.18;
  font-weight: 900;
}
.multi-channel-feature-item p {
  margin: 0;
  color: var(--lc-muted);
  font-size: 14px;
  line-height: 1.62;
}
.multi-channel-card-section {
  background: var(--lc-white);
}
.multi-channel-card {
  height: 100%;
  background: var(--lc-white);
  border: 1px solid rgba(15, 23, 42, .12);
  /*border-radius: 22px;*/
  overflow: hidden;
  box-shadow: 0 16px 42px rgba(15, 23, 42, .08);
  transition: .25s ease;
}
.multi-channel-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 24px 58px rgba(15, 23, 42, .13);
  border-color: rgba(50,152,219,.28);
}
.multi-channel-card-thumb {
  min-height: 250px;
  display: grid;
  place-items: center;
  padding: 28px;
  background: linear-gradient(135deg, #f6fbff, #ffffff);
  border-bottom: 1px solid rgba(15, 23, 42, .09);
}
.multi-channel-card-thumb img {
  max-height: 220px;
  width: auto;
  object-fit: contain;
  filter: drop-shadow(0 16px 25px rgba(15,23,42,.12));
}
.multi-channel-card-body {
  padding: 28px 28px 32px;
  text-align: center;
}
.multi-channel-card-body h3 {
  margin: 0 0 12px;
  color: var(--lc-black);
  font-size: 23px;
  font-weight: 900;
  letter-spacing: -.025em;
}
.multi-channel-card-body p {
  margin: 0;
  color: var(--lc-muted);
  font-size: 15px;
  line-height: 1.72;
}
.multi-benefits-section {
  background: linear-gradient(180deg, #ffffff 0%, #f6f9fc 100%);
}
.multi-benefits-image {
  position: relative;
  border-radius: 24px;
  background: var(--lc-white);
  border: 1px solid rgba(15,23,42,.12);
  padding: 20px;
  box-shadow: var(--lc-shadow);
  overflow: hidden;
}
.multi-benefits-image:before {
  content: "";
  position: absolute;
  inset: auto -20% -35% -20%;
  height: 50%;
  background: rgba(50,152,219,.18);
  filter: blur(44px);
}
.multi-benefits-image img {
  position: relative;
  z-index: 2;
  width: 100%;
  border-radius: 18px;
  display: block;
}
.multi-benefits-content {
  max-width: 760px;
}
.multi-kicker {
  display: inline-block;
  color: var(--lc-blue);
  font-size: 12px;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: .13em;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.multi-benefits-content h2 {
  margin: 0 0 34px;
  color: var(--lc-black);
  font-size: clamp(32px, 4vw, 48px);
  line-height: 1.08;
  font-weight: 900;
  letter-spacing: -.04em;
}
.multi-benefit-list {
  display: grid;
  gap: 18px;
}
.multi-benefit-item {
  display: grid;
  grid-template-columns: 72px 1fr;
  gap: 20px;
  align-items: start;
  background: var(--lc-white);
  border: 1px solid rgba(15,23,42,.11);
  border-radius: 20px;
  padding: 24px;
  box-shadow: 0 14px 34px rgba(15,23,42,.06);
}
.multi-benefit-number {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--lc-blue-soft);
  color: var(--lc-blue-2);
  border: 1px solid rgba(50,152,219,.25);
  font-size: 15px;
  font-weight: 900;
}
.multi-benefit-item h3 {
  margin: 0 0 7px;
  color: var(--lc-black);
  font-size: 22px;
  font-weight: 900;
}
.multi-benefit-item p {
  margin: 0;
  color: var(--lc-muted);
  font-size: 15px;
  line-height: 1.65;
}
.multi-templates-section {
  background: var(--lc-white);
}
.multi-template-card {
  height: 100%;
}
.multi-template-thumb {
  width: 100%;
  min-height: 330px;
  border: 1px solid rgba(15,23,42,.12);
  /*border-radius: 22px;*/
  padding: 18px;
  background: var(--lc-white);
  box-shadow: 0 16px 42px rgba(15,23,42,.08);
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: .25s ease;
}
.multi-template-thumb:hover {
  transform: translateY(-5px);
  border-color: rgba(50,152,219,.32);
  box-shadow: 0 22px 55px rgba(15,23,42,.12);
}
.multi-template-thumb img {
  width: 100%;
  max-height: 320px;
  object-fit: contain;
  border-radius: 14px;
}
.multi-template-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 16px 8px 0;
}
.multi-template-footer p {
  margin: 0;
  color: var(--lc-black);
  font-weight: 900;
}
.multi-template-footer a {
  color: var(--lc-blue-2);
  font-weight: 900;
}
.multi-modal-image {
  max-height: 92vh;
  object-fit: contain;
}
@media (max-width: 1199.98px) {
  .multi-channel-hero {
    text-align: center;
  }
  .multi-channel-hero-content h1,
  .multi-channel-hero-content p {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 991.98px) {
  .multi-channel-hero {
    min-height: auto;
    padding: 72px 0 145px;
  }
  .multi-channel-floating-section {
    margin-top: -105px;
    padding-bottom: 62px;
    background: linear-gradient(to bottom, transparent 0 66px, var(--lc-white) 66px 100%);
  }
  .multi-channel-feature-panel {
    padding: 42px 30px 38px;
  }
  .multi-channel-feature-grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .multi-template-thumb {
    min-height: 250px;
  }
}
@media (max-width: 575.98px) {
  .multi-channel-hero-content h1 {
    font-size: 38px;
  }
  .multi-channel-hero-content p {
    font-size: 15px;
  }
  .multi-channel-floating-section {
    margin-top: -82px;
    background: linear-gradient(to bottom, transparent 0 52px, var(--lc-white) 52px 100%);
  }
  .multi-channel-feature-panel {
    padding: 34px 20px;
  }
  .multi-benefit-item {
    grid-template-columns: 1fr;
  }
  .multi-template-thumb {
    min-height: 190px;
    padding: 12px;
  }
}


/* Accounting & Invoicing Page */
.accounting-hero {
  min-height: 640px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  color: var(--lc-white);
  background:
    radial-gradient(circle at 78% 22%, rgba(50,152,219,.38), transparent 30%),
    linear-gradient(110deg, rgba(5,5,5,.95), rgba(7,13,20,.84)),
    url('../images/bg/breadcumgBg.png') center/cover no-repeat,
    var(--lc-black);
  padding: 94px 0 165px;
}
.accounting-hero:before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(115deg, transparent 0 18%, rgba(50,152,219,.18) 19%, transparent 30%),
    repeating-linear-gradient(112deg, rgba(255,255,255,.06) 0 1px, transparent 1px 58px);
  opacity: .42;
  pointer-events: none;
}
.accounting-hero .container {
  position: relative;
  z-index: 2;
}
.accounting-hero-content h1 {
  max-width: 720px;
  margin: 0 0 22px;
  color: var(--lc-white);
  font-size: clamp(42px, 5.6vw, 72px);
  line-height: 1.02;
  font-weight: 900;
  letter-spacing: -.055em;
}
.accounting-hero-content p {
  max-width: 690px;
  margin: 0 0 30px;
  color: rgba(255,255,255,.82);
  font-size: 18px;
  line-height: 1.75;
  font-weight: 700;
}
.accounting-hero-visual {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 360px;
}
.accounting-hero-visual:before {
  content: "";
  position: absolute;
  width: 78%;
  height: 72%;
  border-radius: 50%;
  background: rgba(50,152,219,.2);
  filter: blur(50px);
}
.accounting-hero-visual img {
  position: relative;
  z-index: 2;
  max-height: 430px;
  width: auto;
  filter: drop-shadow(0 30px 45px rgba(0,0,0,.35));
}
.accounting-floating-section {
  position: relative;
  z-index: 5;
  margin-top: -116px;
  padding-bottom: 84px;
  background: linear-gradient(to bottom, transparent 0 74px, var(--lc-white) 74px 100%);
}
.accounting-feature-panel {
  max-width: 1180px;
  margin: 0 auto;
  background: var(--lc-white);
  border: 1px solid rgba(15,23,42,.12);
  border-bottom: 4px solid var(--lc-blue);
  box-shadow: 0 24px 70px rgba(15,23,42,.14);
  padding: 58px 48px 52px;
}
.accounting-feature-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 42px;
}
.accounting-feature-item {
  text-align: center;
}
.accounting-feature-icon {
  width: 64px;
  height: 64px;
  display: grid;
  place-items: center;
  margin: 0 auto 18px;
  color: var(--lc-blue);
  border-radius: 50%;
  background: var(--lc-blue-soft);
  border: 1px solid rgba(50,152,219,.24);
}
.accounting-feature-icon svg {
  width: 31px;
  height: 31px;
}
.accounting-feature-item h3 {
  margin: 0 0 10px;
  color: var(--lc-black);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 900;
}
.accounting-feature-item p {
  margin: 0;
  color: var(--lc-muted);
  font-size: 14px;
  line-height: 1.62;
}
.accounting-key-section {
  background: var(--lc-white);
}
.accounting-key-image {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  background: linear-gradient(135deg, #f6fbff, #ffffff);
  border: 1px solid rgba(15,23,42,.12);
  box-shadow: var(--lc-shadow);
  padding: 26px;
}
.accounting-key-image:before {
  content: "";
  position: absolute;
  inset: auto -20% -35% -20%;
  height: 50%;
  background: rgba(50,152,219,.18);
  filter: blur(44px);
}
.accounting-key-image img {
  position: relative;
  z-index: 2;
  width: 100%;
  border-radius: 18px;
  display: block;
}
.accounting-key-list {
  display: grid;
  gap: 18px;
}
.accounting-key-item {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 18px;
  align-items: start;
  background: var(--lc-white);
  border: 1px solid rgba(15,23,42,.11);
  border-radius: 20px;
  padding: 24px;
  box-shadow: 0 14px 34px rgba(15,23,42,.06);
}
.accounting-key-dot {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--lc-blue);
  box-shadow: 0 0 0 10px rgba(50,152,219,.12);
  margin-top: 6px;
}
.accounting-key-item h3 {
  margin: 0 0 8px;
  color: var(--lc-black);
  font-size: 21px;
  line-height: 1.25;
  font-weight: 900;
}
.accounting-key-item p {
  margin: 0;
  color: var(--lc-muted);
  font-size: 15px;
  line-height: 1.68;
}
.accounting-benefit-section {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 84% 18%, rgba(50,152,219,.28), transparent 30%),
    linear-gradient(110deg, #050505, #0b1117);
  color: var(--lc-white);
}
.accounting-benefit-section:before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(50,152,219,.4) 1px, transparent 1px);
  background-size: 12px 12px;
  opacity: .18;
  pointer-events: none;
}
.accounting-benefit-section .container {
  position: relative;
  z-index: 2;
}
.accounting-kicker {
  display: inline-block;
  color: var(--lc-blue);
  font-size: 12px;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: .13em;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.accounting-benefit-content h2 {
  max-width: 760px;
  margin: 0 0 22px;
  color: var(--lc-white);
  font-size: clamp(34px, 4vw, 52px);
  line-height: 1.08;
  font-weight: 900;
  letter-spacing: -.045em;
}
.accounting-benefit-content p {
  max-width: 760px;
  margin: 0 0 16px;
  color: rgba(255,255,255,.75);
  font-size: 16px;
  line-height: 1.75;
}
.accounting-benefit-content .btn-lc {
  margin-top: 12px;
}
.accounting-benefit-card {
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 26px;
  padding: 28px;
  backdrop-filter: blur(12px);
  box-shadow: 0 24px 60px rgba(0,0,0,.22);
}
.accounting-benefit-card-item {
  display: grid;
  gap: 5px;
  padding: 22px 20px;
  border-radius: 18px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.1);
}
.accounting-benefit-card-item + .accounting-benefit-card-item {
  margin-top: 14px;
}
.accounting-benefit-card-item strong {
  color: var(--lc-white);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 900;
}
.accounting-benefit-card-item span {
  color: rgba(255,255,255,.72);
  font-size: 14px;
  line-height: 1.55;
}
@media (max-width: 1199.98px) {
  .accounting-hero {
    text-align: center;
  }
  .accounting-hero-content h1,
  .accounting-hero-content p {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 991.98px) {
  .accounting-hero {
    min-height: auto;
    padding: 72px 0 145px;
  }
  .accounting-floating-section {
    margin-top: -105px;
    padding-bottom: 62px;
    background: linear-gradient(to bottom, transparent 0 66px, var(--lc-white) 66px 100%);
  }
  .accounting-feature-panel {
    padding: 42px 30px 38px;
  }
  .accounting-feature-grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
@media (max-width: 575.98px) {
  .accounting-hero-content h1 {
    font-size: 38px;
  }
  .accounting-hero-content p {
    font-size: 15px;
  }
  .accounting-floating-section {
    margin-top: -82px;
    background: linear-gradient(to bottom, transparent 0 52px, var(--lc-white) 52px 100%);
  }
  .accounting-feature-panel {
    padding: 34px 20px;
  }
  .accounting-key-item {
    grid-template-columns: 1fr;
  }
}


/* GuestConnect247 & CrewConnect247 Page */
.guestcrew-hero {
  position: relative;
  overflow: hidden;
  min-height: 640px;
  display: flex;
  align-items: center;
  padding: 96px 0 165px;
  color: var(--lc-white);
  background:
    radial-gradient(circle at 82% 15%, rgba(50,152,219,.35), transparent 30%),
    linear-gradient(105deg, rgba(5,5,5,.95), rgba(7,13,20,.82)),
    url('../images/intro/introBg1_1.png') center/cover no-repeat,
    var(--lc-black);
}
.guestcrew-hero:before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(115deg, transparent 0 18%, rgba(50,152,219,.16) 19%, transparent 30%),
    repeating-linear-gradient(112deg, rgba(255,255,255,.07) 0 1px, transparent 1px 56px);
  opacity: .42;
  pointer-events: none;
}
.guestcrew-hero .container {
  position: relative;
  z-index: 2;
}
.guestcrew-hero-content h1 {
  max-width: 850px;
  margin: 0 0 22px;
  color: var(--lc-white);
  font-size: clamp(42px, 5vw, 76px);
  line-height: 1;
  font-weight: 900;
  letter-spacing: -.055em;
}
.guestcrew-hero-content p {
  max-width: 760px;
  margin: 0 0 30px;
  color: rgba(255,255,255,.78);
  font-size: 17px;
  line-height: 1.75;
  font-weight: 600;
}
.guestcrew-hero-visual {
  position: relative;
  min-height: 370px;
  display: grid;
  place-items: center;
}
.guestcrew-hero-visual:before {
  content: "";
  position: absolute;
  width: 78%;
  height: 72%;
  border-radius: 50%;
  background: rgba(50,152,219,.2);
  filter: blur(52px);
}
.guestcrew-hero-visual img {
  position: relative;
  z-index: 2;
  max-height: 430px;
  width: auto;
  filter: drop-shadow(0 28px 45px rgba(0,0,0,.38));
}
.guestcrew-floating-section {
  position: relative;
  z-index: 5;
  margin-top: -116px;
  padding-bottom: 82px;
  background: linear-gradient(to bottom, transparent 0 74px, var(--lc-white) 74px 100%);
}
.guestcrew-feature-panel {
  max-width: 1120px;
  margin: 0 auto;
  background: var(--lc-white);
  border: 1px solid rgba(15,23,42,.12);
  border-bottom: 4px solid var(--lc-blue);
  box-shadow: 0 24px 70px rgba(15,23,42,.14);
  padding: 56px 46px 50px;
}
.guestcrew-feature-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 42px;
}
.guestcrew-feature-item {
  text-align: center;
}
.guestcrew-feature-icon {
  width: 80px;
  height: 80px;
  padding:15px;
  display: grid;
  place-items: center;
  margin: 0 auto 18px;
  color: var(--lc-blue);
  border-radius: 50%;
  background: var(--lc-blue-soft);
  border: 1px solid rgba(50,152,219,.24);
}
.guestcrew-feature-icon svg {
  width: 31px;
  height: 31px;
}
.guestcrew-feature-item h3 {
  margin: 0 0 10px;
  color: var(--lc-black);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 900;
}
.guestcrew-feature-item p {
  margin: 0;
  color: var(--lc-muted);
  font-size: 14px;
  line-height: 1.62;
}
.guestcrew-split-section {
  background: var(--lc-white);
}
.guestcrew-image-card,
.guestcrew-dark-image,
.guestcrew-center-image {
  position: relative;
  overflow: hidden;
  border-radius: 26px;
  background: linear-gradient(135deg, #f6fbff, #ffffff);
  border: 1px solid rgba(15,23,42,.12);
  box-shadow: var(--lc-shadow);
  padding: 16px;
}
.guestcrew-image-card img,
.guestcrew-dark-image img,
.guestcrew-center-image img {
  width: 100%;
  border-radius: 18px;
  display: block;
}
.guestcrew-text-block h2,
.guestcrew-dark-content h2,
.guestcrew-operations-content h2 {
  margin: 0 0 18px;
  font-size: clamp(32px, 4vw, 48px);
  line-height: 1.1;
  font-weight: 900;
  letter-spacing: -.04em;
}
.guestcrew-text-block h2 {
  color: var(--lc-black);
}
.guestcrew-text-block p {
  color: var(--lc-muted);
  font-size: 16px;
  line-height: 1.78;
  margin: 0;
}
.guestcrew-kicker {
  display: inline-block;
  color: var(--lc-blue);
  font-size: 12px;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.guestcrew-dark-split {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 88% 16%, rgba(50,152,219,.26), transparent 30%),
    linear-gradient(110deg, #050505, #0b1117);
  color: var(--lc-white);
}
.guestcrew-dark-split:before,
.guestcrew-operations-cta:before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(50,152,219,.36) 1px, transparent 1px);
  background-size: 12px 12px;
  opacity: .16;
  pointer-events: none;
}
.guestcrew-dark-split .container,
.guestcrew-operations-cta .container {
  position: relative;
  z-index: 2;
}
.guestcrew-dark-content h2,
.guestcrew-operations-content h2 {
  color: var(--lc-white);
}
.guestcrew-dark-content p,
.guestcrew-operations-content p {
  color: rgba(255,255,255,.74);
  font-size: 16px;
  line-height: 1.78;
  margin: 0;
}
.guestcrew-dark-image {
  background: rgba(255,255,255,.07);
  border-color: rgba(255,255,255,.12);
}
.guestcrew-highlights {
  background: var(--lc-white);
}
.guestcrew-highlight-card {
  height: 100%;
  background: var(--lc-white);
  border: 1px solid rgba(15,23,42,.12);
  border-top: 4px solid var(--lc-blue);
  box-shadow: 0 18px 42px rgba(15,23,42,.08);
  padding: 36px 28px;
  transition: .25s ease;
}
.guestcrew-highlight-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--lc-shadow);
  border-color: rgba(50,152,219,.32);
}
.guestcrew-highlight-card span {
  display: inline-grid;
  place-items: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: var(--lc-blue-soft);
  color: var(--lc-blue);
  font-weight: 900;
  margin-bottom: 20px;
}
.guestcrew-highlight-card h3 {
  margin: 0 0 12px;
  color: var(--lc-black);
  font-size: 23px;
  line-height: 1.2;
  font-weight: 900;
}
.guestcrew-highlight-card p {
  margin: 0;
  color: var(--lc-muted);
  font-size: 15px;
  line-height: 1.65;
}
.guestcrew-operations-cta {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 78% 12%, rgba(50,152,219,.3), transparent 30%),
    linear-gradient(120deg, #050505, #0b1117);
  color: var(--lc-white);
}
.guestcrew-why-section {
  background: linear-gradient(180deg, var(--lc-light), var(--lc-white));
}
.guestcrew-why-list {
  display: grid;
  gap: 20px;
}
.guestcrew-why-item {
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 16px;
  align-items: start;
  background: var(--lc-white);
  border: 1px solid rgba(15,23,42,.11);
  /*border-radius: 22px;*/
  padding: 24px;
  box-shadow: 0 14px 34px rgba(15,23,42,.06);
}
.guestcrew-why-icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--lc-blue-soft);
  color: var(--lc-blue);
  font-weight: 900;
}
.guestcrew-why-item h3 {
  margin: 0 0 7px;
  color: var(--lc-black);
  font-size: 20px;
  line-height: 1.25;
  font-weight: 900;
}
.guestcrew-why-item p {
  margin: 0;
  color: var(--lc-muted);
  font-size: 14px;
  line-height: 1.62;
}
.guestcrew-center-image {
  /*padding: 24px;*/
  /*transform: translateY(6px);*/
  padding: 0px;
  transform: translateY(0px);
  border: none;
  box-shadow: none;
}
@media (max-width: 1199.98px) {
  .guestcrew-hero {
    text-align: center;
  }
  .guestcrew-hero-content h1,
  .guestcrew-hero-content p {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 991.98px) {
  .guestcrew-hero {
    min-height: auto;
    padding: 72px 0 145px;
  }
  .guestcrew-floating-section {
    margin-top: -105px;
    padding-bottom: 62px;
    background: linear-gradient(to bottom, transparent 0 66px, var(--lc-white) 66px 100%);
  }
  .guestcrew-feature-panel {
    padding: 42px 30px 38px;
  }
  .guestcrew-feature-grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .guestcrew-text-block,
  .guestcrew-dark-content {
    text-align: center;
  }
}
@media (max-width: 575.98px) {
  .guestcrew-hero-content h1 {
    font-size: 38px;
  }
  .guestcrew-hero-content p {
    font-size: 15px;
  }
  .guestcrew-floating-section {
    margin-top: -82px;
    background: linear-gradient(to bottom, transparent 0 52px, var(--lc-white) 52px 100%);
  }
  .guestcrew-feature-panel {
    padding: 34px 20px;
  }
  .guestcrew-why-item {
    grid-template-columns: 1fr;
  }
}

/* LimoConnect Q Page */
.limoq-hero {
  position: relative;
  overflow: hidden;
  min-height: 650px;
  display: flex;
  align-items: center;
  color: var(--lc-white);
  background:
    radial-gradient(circle at 82% 18%, rgba(50,152,219,.38), transparent 30%),
    radial-gradient(circle at 14% 12%, rgba(50,152,219,.20), transparent 28%),
    linear-gradient(110deg, #050505, #0b1117 68%, #101923);
  padding: 94px 0 150px;
}
.limoq-hero:before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(115deg, transparent 0 18%, rgba(50,152,219,.18) 19%, transparent 30%),
    repeating-linear-gradient(112deg, rgba(255,255,255,.07) 0 1px, transparent 1px 58px);
  opacity: .36;
  pointer-events: none;
}
.limoq-hero .container {
  position: relative;
  z-index: 2;
}
.limoq-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--lc-blue);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
  margin-bottom: 16px;
}
.limoq-kicker:before {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--lc-blue);
  box-shadow: 0 0 0 7px rgba(50,152,219,.16);
}
.limoq-hero-content h1 {
  max-width: 720px;
  margin: 0 0 20px;
  color: var(--lc-white);
  font-size: clamp(38px, 5vw, 70px);
  line-height: .98;
  letter-spacing: -.055em;
  font-weight: 900;
}
.limoq-hero-content p {
  max-width: 650px;
  margin: 0 0 14px;
  color: rgba(255,255,255,.76);
  font-size: 17px;
  line-height: 1.68;
}
.limoq-hero-content p strong {
  color: var(--lc-white);
  font-size: 20px;
}
.limoq-hero-content .btn-lc {
  margin-top: 12px;
}
.limoq-hero-visual {
  position: relative;
  padding: 18px;
}
.limoq-hero-visual:before {
  content: "";
  position: absolute;
  inset: 28px 0 10px 42px;
  border-radius: 34px;
  background: linear-gradient(135deg, rgba(50,152,219,.32), rgba(255,255,255,.07));
  filter: blur(.2px);
}
.limoq-hero-visual img {
  position: relative;
  z-index: 2;
  width: 100%;
  border-radius: 26px;
  box-shadow: 0 30px 70px rgba(0,0,0,.34);
}
.limoq-benefits-section {
  position: relative;
  margin-top: -82px;
  background: linear-gradient(to bottom, transparent 0 82px, var(--lc-white) 82px 100%);
  padding-top: 0;
}
.limoq-benefits-content,
.limoq-benefits-visual {
  background: var(--lc-white);
  border: 1px solid rgba(15,23,42,.11);
  border-radius: 28px;
  box-shadow: var(--lc-shadow);
}
.limoq-benefits-content {
  padding: 48px;
}
.limoq-benefits-content h2 {
  margin: 0 0 14px;
  color: var(--lc-black);
  font-size: clamp(30px, 4vw, 44px);
  line-height: 1.12;
  font-weight: 900;
  letter-spacing: -.04em;
}
.limoq-benefits-content > p {
  margin: 0 0 28px;
  color: var(--lc-muted);
  font-size: 15px;
  line-height: 1.7;
}
.limoq-accordion .accordion-item {
  border-radius: 16px !important;
  margin-bottom: 12px;
  box-shadow: 0 10px 25px rgba(15,23,42,.05);
}
.limoq-accordion .accordion-button {
  padding: 18px 20px;
  font-size: 16px;
}
.limoq-accordion .accordion-body {
  color: var(--lc-muted);
  font-size: 15px;
  line-height: 1.72;
  padding: 0 20px 20px;
}
.limoq-benefits-visual {
  min-height: 100%;
  display: grid;
  place-items: center;
  padding: 28px;
  background:
    radial-gradient(circle at 82% 18%, rgba(50,152,219,.14), transparent 32%),
    var(--lc-white);
}
.limoq-benefits-visual img {
  max-width: 100%;
  border-radius: 24px;
  filter: drop-shadow(0 24px 45px rgba(15,23,42,.14));
}
.limoq-how-section {
  background: var(--lc-white);
}
.limoq-step-card {
  height: 100%;
  display: grid;
  grid-template-columns: 78px 1fr;
  gap: 22px;
  align-items: start;
  padding: 32px;
  background: var(--lc-white);
  border: 1px solid rgba(15,23,42,.11);
  border-radius: 24px;
  box-shadow: 0 18px 42px rgba(15,23,42,.07);
  transition: .25s ease;
}
.limoq-step-card:hover {
  transform: translateY(-6px);
  border-color: rgba(50,152,219,.32);
  box-shadow: 0 24px 52px rgba(15,23,42,.11);
}
.limoq-step-icon {
  width: 72px;
  height: 72px;
  display: grid;
  place-items: center;
  border-radius: 22px;
  background: var(--lc-blue-soft);
  border: 1px solid rgba(50,152,219,.22);
}
.limoq-step-icon img {
  width: 38px;
  height: 38px;
  object-fit: contain;
}
.limoq-step-card span {
  display: inline-block;
  color: var(--lc-blue);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .12em;
  margin-bottom: 7px;
}
.limoq-step-card h3 {
  margin: 0 0 10px;
  color: var(--lc-black);
  font-size: 22px;
  line-height: 1.25;
  font-weight: 900;
}
.limoq-step-card p {
  margin: 0;
  color: var(--lc-muted);
  font-size: 15px;
  line-height: 1.65;
}
.limoq-matters-section {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 46%, rgba(50,152,219,.20), transparent 28%),
    linear-gradient(180deg, var(--lc-light), var(--lc-white));
}
.limoq-matter-list {
  display: grid;
  gap: 22px;
}
.limoq-matter-item {
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 17px;
  align-items: start;
  padding: 24px;
  background: var(--lc-white);
  border: 1px solid rgba(15,23,42,.11);
  border-radius: 22px;
  box-shadow: 0 14px 34px rgba(15,23,42,.06);
}
.limoq-matter-icon {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background: var(--lc-blue-soft);
  border: 1px solid rgba(50,152,219,.22);
}
.limoq-matter-icon img {
  width: 30px;
  height: 30px;
  object-fit: contain;
}
.limoq-matter-item h3 {
  margin: 0 0 8px;
  color: var(--lc-black);
  font-size: 20px;
  line-height: 1.22;
  font-weight: 900;
}
.limoq-matter-item p {
  margin: 0;
  color: var(--lc-muted);
  font-size: 14px;
  line-height: 1.62;
}
.limoq-center-visual {
  min-height: 390px;
  display: grid;
  place-items: center;
}
.limoq-ai-orb {
  position: relative;
  width: min(310px, 78vw);
  height: min(310px, 78vw);
  display: grid;
  place-items: center;
  text-align: center;
  border-radius: 50%;
  color: var(--lc-white);
  background:
    radial-gradient(circle at 33% 28%, rgba(255,255,255,.25), transparent 23%),
    linear-gradient(135deg, var(--lc-blue), #0b1117);
  box-shadow: 0 35px 80px rgba(50,152,219,.32);
}
.limoq-ai-orb:before,
.limoq-ai-orb:after {
  content: "";
  position: absolute;
  inset: -22px;
  border: 1px solid rgba(50,152,219,.24);
  border-radius: 50%;
}
.limoq-ai-orb:after {
  inset: -48px;
  opacity: .55;
}
.limoq-ai-orb span {
  display: block;
  font-size: clamp(64px, 8vw, 92px);
  line-height: .8;
  font-weight: 900;
  letter-spacing: -.08em;
}
.limoq-ai-orb small {
  display: block;
  margin-top: 16px;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.limoq-final-note {
  max-width: 820px;
  margin: 56px auto 0;
  text-align: center;
}
.limoq-final-note p {
  margin: 0 auto 24px;
  color: #334155;
  font-size: 18px;
  line-height: 1.65;
  font-weight: 800;
}
@media (max-width: 1199.98px) {
  .limoq-hero {
    text-align: center;
  }
  .limoq-hero-content h1,
  .limoq-hero-content p {
    margin-left: auto;
    margin-right: auto;
  }
  .limoq-benefits-content {
    text-align: center;
  }
}
@media (max-width: 991.98px) {
  .limoq-hero {
    min-height: auto;
    padding: 74px 0 138px;
  }
  .limoq-benefits-section {
    margin-top: -76px;
    background: linear-gradient(to bottom, transparent 0 76px, var(--lc-white) 76px 100%);
  }
  .limoq-benefits-content {
    padding: 38px 28px;
  }
  .limoq-center-visual {
    min-height: 300px;
  }
}
@media (max-width: 575.98px) {
  .limoq-hero-content h1 {
    font-size: 38px;
  }
  .limoq-hero-content p {
    font-size: 15px;
  }
  .limoq-step-card,
  .limoq-matter-item {
    grid-template-columns: 1fr;
  }
  .limoq-step-card {
    padding: 26px 22px;
  }
  .limoq-benefits-content {
    padding: 32px 20px;
  }
  .limoq-benefits-visual {
    padding: 18px;
  }
}

/* LimoConnect Q payment-style benefits grid */
.limoq-payment-benefits-section {
  position: relative;
  margin-top: -92px;
  background: linear-gradient(to bottom, transparent 0 92px, var(--lc-white, #ffffff) 92px 100%);
  padding: 0 0 76px;
  z-index: 5;
}

.limoq-payment-benefits-panel {
  max-width: 1180px;
  margin: 0 auto;
  background: var(--lc-white, #ffffff);
  border: 1px solid rgba(15, 23, 42, 0.10);
  border-bottom: 3px solid var(--lc-blue, #3298db);
  box-shadow: 0 26px 70px rgba(15, 23, 42, 0.13);
  padding: 72px 62px 70px;
}

.limoq-payment-benefit-card {
  height: 100%;
  min-height: 232px;
  padding: 10px 20px 20px;
  text-align: center;
}

.limoq-payment-icon {
  width: 66px;
  height: 66px;
  margin: 0 auto 18px;
  display: grid;
  place-items: center;
  color: #111111;
}

.limoq-payment-icon svg {
  width: 58px;
  height: 58px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.limoq-payment-benefit-card h3 {
  margin: 0 0 16px;
  color: var(--lc-black, #050505);
  font-size: clamp(20px, 2.2vw, 26px);
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: -0.025em;
}

.limoq-payment-benefit-card p {
  max-width: 310px;
  margin: 0 auto;
  color: #374151;
  font-size: 15px;
  line-height: 1.58;
}

@media (max-width: 991.98px) {
  .limoq-payment-benefits-section {
    margin-top: -76px;
    background: linear-gradient(to bottom, transparent 0 76px, var(--lc-white, #ffffff) 76px 100%);
    padding-bottom: 58px;
  }

  .limoq-payment-benefits-panel {
    padding: 54px 30px 46px;
  }

  .limoq-payment-benefit-card {
    min-height: auto;
    padding-bottom: 26px;
  }
}

@media (max-width: 575.98px) {
  .limoq-payment-benefits-panel {
    padding: 42px 18px 34px;
  }

  .limoq-payment-benefit-card p {
    font-size: 14px;
  }
}

/* LimoConnect Q benefits title */
.limoq-payment-benefits-title {
  max-width: 760px;
  margin: 0 auto 48px;
  text-align: center;
}
.limoq-payment-benefits-title h2 {
  margin: 0;
  color: var(--lc-black, #050505);
  font-size: clamp(30px, 4vw, 44px);
  line-height: 1.12;
  font-weight: 900;
  letter-spacing: -0.04em;
}
@media (max-width: 575.98px) {
  .limoq-payment-benefits-title {
    margin-bottom: 34px;
  }
}


/* Group Transfers & Shuttles Page */
.group-hero {
  position: relative;
  overflow: hidden;
  min-height: 640px;
  display: flex;
  align-items: center;
  padding: 96px 0 165px;
  color: var(--lc-white);
  background:
    radial-gradient(circle at 82% 15%, rgba(50,152,219,.35), transparent 30%),
    radial-gradient(circle at 12% 10%, rgba(50,152,219,.16), transparent 28%),
    linear-gradient(105deg, rgba(5,5,5,.95), rgba(7,13,20,.84)),
    url('../images/testimoial/bg.jpg') center/cover no-repeat,
    var(--lc-black);
}
.group-hero:before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(115deg, transparent 0 18%, rgba(50,152,219,.16) 19%, transparent 30%),
    repeating-linear-gradient(112deg, rgba(255,255,255,.07) 0 1px, transparent 1px 56px);
  opacity: .42;
  pointer-events: none;
}
.group-hero .container {
  position: relative;
  z-index: 2;
}
.group-kicker {
  display: inline-block;
  color: var(--lc-blue);
  font-size: 12px;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.group-hero-content h1 {
  max-width: 850px;
  margin: 0 0 20px;
  color: var(--lc-white);
  font-size: clamp(42px, 5vw, 76px);
  line-height: 1;
  font-weight: 900;
  letter-spacing: -.055em;
}
.group-hero-content p {
  max-width: 730px;
  margin: 0 0 30px;
  color: rgba(255,255,255,.80);
  font-size: 18px;
  line-height: 1.75;
  font-weight: 700;
}
.group-hero-visual {
  position: relative;
  min-height: 370px;
  display: grid;
  place-items: center;
}
.group-hero-visual:before {
  content: "";
  position: absolute;
  width: 78%;
  height: 72%;
  border-radius: 50%;
  background: rgba(50,152,219,.20);
  filter: blur(52px);
}
.group-hero-visual img {
  position: relative;
  z-index: 2;
  max-height: 430px;
  width: auto;
  border-radius: 24px;
  filter: drop-shadow(0 28px 45px rgba(0,0,0,.38));
}
.group-floating-section {
  position: relative;
  z-index: 5;
  margin-top: -118px;
  padding-bottom: 84px;
  background: linear-gradient(to bottom, transparent 0 74px, var(--lc-white) 74px 100%);
}
.group-feature-panel {
  max-width: 1180px;
  margin: 0 auto;
  background: var(--lc-white);
  border: 1px solid rgba(15,23,42,.12);
  border-bottom: 4px solid var(--lc-blue);
  box-shadow: 0 24px 70px rgba(15,23,42,.14);
  padding: 56px 46px 50px;
}
.group-panel-title {
  max-width: 910px;
  margin: 0 auto 44px;
  text-align: center;
}
.group-panel-title h2 {
  margin: 0 0 16px;
  color: var(--lc-black);
  font-size: clamp(30px, 4vw, 46px);
  line-height: 1.1;
  font-weight: 900;
  letter-spacing: -.04em;
}
.group-panel-title p {
  margin: 0;
  color: var(--lc-muted);
  font-size: 15px;
  line-height: 1.75;
}
.group-feature-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 42px;
}
.group-feature-item {
  text-align: center;
}
.group-feature-icon,
.group-option-icon,
.group-alert-icon {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  margin: 0 auto 20px;
  background: var(--lc-blue-soft);
  border: 1px solid rgba(50,152,219,.25);
}

.bg-blue{
    background: var(--lc-blue);
}

.group-feature-icon img,
.group-option-icon img,
.group-alert-icon img {
  width: 34px;
  height: 34px;
  object-fit: contain;
}
.group-feature-item h3 {
  margin: 0 0 10px;
  color: var(--lc-black);
  font-size: 22px;
  line-height: 1.2;
  font-weight: 900;
}
.group-feature-item p {
  margin: 0;
  color: var(--lc-muted);
  font-size: 14px;
  line-height: 1.65;
}
.group-options-section {
  background: var(--lc-white);
}
.group-option-card {
  height: 100%;
  background: var(--lc-white);
  border: 1px solid rgba(15,23,42,.12);
  border-top: 4px solid var(--lc-blue);
  border-radius: 22px;
  padding: 36px 30px 34px;
  text-align: center;
  box-shadow: 0 18px 42px rgba(15,23,42,.08);
  transition: .25s ease;
}
.group-option-card:hover,
.group-alert-card:hover {
  transform: translateY(-6px);
  border-color: rgba(50,152,219,.32);
  box-shadow: var(--lc-shadow);
}
.group-option-card h3,
.group-alert-card h3 {
  margin: 0 0 14px;
  color: var(--lc-black);
  font-size: 22px;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: -.025em;
}
.group-option-card p,
.group-alert-card p {
  margin: 0;
  color: var(--lc-muted);
  font-size: 15px;
  line-height: 1.7;
}
.group-alerts-section {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 80% 12%, rgba(50,152,219,.26), transparent 30%),
    linear-gradient(110deg, #050505, #0b1117);
  color: var(--lc-white);
}
.group-alerts-section:before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(50,152,219,.36) 1px, transparent 1px);
  background-size: 12px 12px;
  opacity: .15;
  pointer-events: none;
}
.group-alerts-section .container {
  position: relative;
  z-index: 2;
}
.group-alerts-section .section-title h2 {
  color: var(--lc-white);
}
.group-alert-card {
  height: 100%;
  background: var(--lc-white);
  border: 1px solid rgba(255,255,255,.12);
  border-top: 4px solid var(--lc-blue);
  border-radius: 22px;
  padding: 36px 30px 34px;
  text-align: center;
  box-shadow: 0 18px 42px rgba(0,0,0,.16);
  transition: .25s ease;
}
.group-billing-section {
  background: linear-gradient(180deg, var(--lc-white), var(--lc-light));
}
.group-billing-content h2 {
  margin: 0 0 16px;
  color: var(--lc-black);
  font-size: clamp(32px, 4vw, 48px);
  line-height: 1.1;
  font-weight: 900;
  letter-spacing: -.04em;
}
.group-billing-content p {
  margin: 0;
  color: var(--lc-muted);
  font-size: 16px;
  line-height: 1.78;
}
.group-billing-image {
  position: relative;
  overflow: hidden;
  border-radius: 26px;
  background: var(--lc-white);
  border: 1px solid rgba(15,23,42,.12);
  padding: 16px;
  box-shadow: var(--lc-shadow);
}
.group-billing-image img {
  width: 100%;
  border-radius: 18px;
  display: block;
}
.group-ready-box {
  max-width: 980px;
  margin: 70px auto 0;
  padding: 44px 38px;
  border-radius: 28px;
  text-align: center;
  color: var(--lc-white);
  background:
    radial-gradient(circle at 78% 10%, rgba(50,152,219,.28), transparent 32%),
    linear-gradient(120deg, #050505, #0b1117);
  box-shadow: 0 24px 70px rgba(15,23,42,.15);
}
.group-ready-box h2 {
  max-width: 760px;
  margin: 0 auto 24px;
  color: var(--lc-white);
  font-size: clamp(28px, 4vw, 42px);
  line-height: 1.15;
  font-weight: 900;
  letter-spacing: -.035em;
}
@media (max-width: 1199.98px) {
  .group-hero {
    text-align: center;
  }
  .group-hero-content h1,
  .group-hero-content p {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 991.98px) {
  .group-hero {
    min-height: auto;
    padding: 72px 0 145px;
  }
  .group-floating-section {
    margin-top: -105px;
    padding-bottom: 62px;
    background: linear-gradient(to bottom, transparent 0 66px, var(--lc-white) 66px 100%);
  }
  .group-feature-panel {
    padding: 42px 30px 38px;
  }
  .group-feature-grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .group-billing-content {
    text-align: center;
  }
}
@media (max-width: 575.98px) {
  .group-hero-content h1 {
    font-size: 38px;
  }
  .group-hero-content p {
    font-size: 15px;
  }
  .group-floating-section {
    margin-top: -82px;
    background: linear-gradient(to bottom, transparent 0 52px, var(--lc-white) 52px 100%);
  }
  .group-feature-panel {
    padding: 34px 20px;
  }
  .group-ready-box {
    padding: 34px 20px;
  }
}


/* Payment Gateway Page */
.payment-hero {
  position: relative;
  overflow: hidden;
  min-height: 560px;
  display: flex;
  align-items: center;
  color: var(--lc-white);
  padding: 92px 0 150px;
  background:
    radial-gradient(circle at 82% 24%, rgba(50,152,219,.32), transparent 28%),
    linear-gradient(105deg, rgba(5,5,5,.94), rgba(9,14,21,.78)),
    url('../images/intro/introBg1_10.jpg') center/cover no-repeat,
    var(--lc-black);
}
.payment-hero:before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(rgba(50,152,219,.22) 1px, transparent 1px),
    linear-gradient(115deg, transparent 0 22%, rgba(50,152,219,.18) 23%, transparent 38%);
  background-size: 18px 18px, auto;
  opacity: .32;
  pointer-events: none;
}
.payment-hero .container {
  position: relative;
  z-index: 2;
}
.payment-kicker {
  display: inline-block;
  color: var(--lc-blue);
  font-size: 12px;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: .13em;
  text-transform: uppercase;
  margin-bottom: 13px;
}
.payment-hero-content h1 {
  margin: 0 0 18px;
  color: var(--lc-white);
  font-size: clamp(38px, 5.5vw, 70px);
  line-height: 1.02;
  font-weight: 900;
  letter-spacing: -.05em;
}
.payment-hero-content p {
  max-width: 720px;
  margin: 0 0 28px;
  color: rgba(255,255,255,.82);
  font-size: 17px;
  line-height: 1.75;
}
.payment-hero-content p strong {
  color: var(--lc-white);
  font-weight: 900;
}
.payment-hero-visual {
  position: relative;
  text-align: center;
}
.payment-hero-visual img {
  max-height: 350px;
  width: auto;
  filter: drop-shadow(0 30px 55px rgba(0,0,0,.35));
}
.payment-floating-section {
  position: relative;
  z-index: 4;
  margin-top: -105px;
  padding-bottom: 86px;
  background: linear-gradient(to bottom, transparent 0 76px, var(--lc-white) 76px 100%);
}
.payment-feature-panel {
  max-width: 1060px;
  margin: 0 auto;
  background: var(--lc-white);
  border: 1px solid rgba(15,23,42,.12);
  border-bottom: 4px solid var(--lc-blue);
  box-shadow: 0 22px 70px rgba(15,23,42,.13);
  padding: 54px 58px 58px;
}
.payment-panel-title {
  max-width: 760px;
  margin: 0 auto 42px;
  text-align: center;
}
.payment-panel-title h2 {
  margin: 0;
  color: var(--lc-black);
  font-size: clamp(28px, 4vw, 44px);
  line-height: 1.14;
  font-weight: 900;
  letter-spacing: -.04em;
}
.payment-feature-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 44px 36px;
}
.payment-feature-grid.two-items {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 760px;
  margin: 0 auto;
}
.payment-feature-item {
  text-align: center;
}
.payment-feature-icon {
  width: 66px;
  height: 66px;
  display: grid;
  place-items: center;
  margin: 0 auto 20px;
  border-radius: 50%;
  background: var(--lc-blue-soft);
  border: 1px solid rgba(50,152,219,.28);
}
.payment-feature-icon img {
  width: 38px;
  height: 38px;
  object-fit: contain;
}
.payment-feature-item h3 {
  margin: 0 0 12px;
  color: var(--lc-black);
  font-size: 22px;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: -.02em;
}
.payment-feature-item p {
  max-width: 295px;
  margin: 0 auto;
  color: var(--lc-muted);
  font-size: 15px;
  line-height: 1.65;
}
.payment-options-section {
  background: var(--lc-white);
}
.payment-options-content h2 {
  margin: 0 0 12px;
  color: var(--lc-black);
  font-size: clamp(32px, 4vw, 50px);
  line-height: 1.1;
  font-weight: 900;
  letter-spacing: -.04em;
}
.payment-options-content h3 {
  margin: 0 0 14px;
  color: #334155;
  font-size: 20px;
  line-height: 1.3;
  font-weight: 900;
}
.payment-options-content p {
  max-width: 610px;
  margin: 0 0 26px;
  color: var(--lc-muted);
  font-size: 16px;
  line-height: 1.78;
}
.payment-options-image {
  text-align: center;
  padding: 28px;
  /*border-radius: 28px;*/
  /*background: linear-gradient(180deg, #f7fbff, #ffffff);*/
  /*border: 1px solid rgba(15,23,42,.1);*/
  /*box-shadow: var(--lc-shadow);*/
}
.payment-options-image img {
  max-height: 370px;
  width: auto;
}
.payment-support-band {
  background: #20242b;
  color: var(--lc-white);
  padding: 48px 0;
}
.payment-support-band h2 {
  margin: 0 0 7px;
  color: var(--lc-white);
  font-size: clamp(25px, 3vw, 36px);
  font-weight: 900;
  letter-spacing: -.03em;
}
.payment-support-band p {
  margin: 0;
  color: rgba(255,255,255,.72);
}
@media (max-width: 1199.98px) {
  .payment-hero {
    text-align: center;
  }
  .payment-hero-content p {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 991.98px) {
  .payment-hero {
    min-height: auto;
    padding: 72px 0 142px;
  }
  .payment-floating-section {
    margin-top: -96px;
    padding-bottom: 66px;
    background: linear-gradient(to bottom, transparent 0 62px, var(--lc-white) 62px 100%);
  }
  .payment-feature-panel {
    padding: 42px 30px 40px;
  }
  .payment-feature-grid,
  .payment-feature-grid.two-items {
    grid-template-columns: 1fr;
    gap: 36px;
  }
  .payment-options-content {
    text-align: center;
  }
  .payment-options-content p {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 575.98px) {
  .payment-hero-content h1 {
    font-size: 38px;
  }
  .payment-hero-content p {
    font-size: 15px;
  }
  .payment-feature-panel {
    padding: 34px 20px;
  }
  .payment-options-image {
    padding: 18px;
  }
}

/* Payment Hero Logo Visibility Fix */
.payment-hero-visual {
  max-width: 520px;
  margin-left: auto;
  padding: 42px 36px;
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid rgba(255, 255, 255, 0.42);
  border-radius: 28px;
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.32), 0 0 55px rgba(50, 152, 219, 0.16);
  backdrop-filter: blur(10px);
}
.payment-hero-visual img {
  max-height: 350px;
  width: auto;
  opacity: 1;
  filter: none;
}
@media (max-width: 1199.98px) {
  .payment-hero-visual {
    margin: 0 auto;
  }
}
@media (max-width: 575.98px) {
  .payment-hero-visual {
    padding: 24px 18px;
    border-radius: 20px;
  }
}

/* Contact Page */
.contact-hero-section {
  position: relative;
  overflow: hidden;
  color: var(--lc-white, #ffffff);
  background:
    radial-gradient(circle at 82% 22%, rgba(50, 152, 219, .38), transparent 28%),
    radial-gradient(circle at 12% 8%, rgba(50, 152, 219, .18), transparent 24%),
    linear-gradient(105deg, rgba(5, 5, 5, .96), rgba(8, 15, 22, .86)),
    var(--lc-black, #050505);
  padding: 118px 0 168px;
  text-align: center;
}

.contact-hero-section:before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(115deg, transparent 0 25%, rgba(50, 152, 219, .16) 26%, transparent 38%),
    radial-gradient(rgba(50, 152, 219, .45) 1px, transparent 1px);
  background-size: auto, 14px 14px;
  opacity: .42;
  pointer-events: none;
}

.contact-hero-content {
  position: relative;
  z-index: 2;
  max-width: 820px;
  margin: 0 auto;
}

.contact-kicker {
  display: inline-block;
  color: var(--lc-blue, #3298db);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .18em;
  text-transform: uppercase;
  margin-bottom: 12px;
}

.contact-hero-content h1 {
  margin: 0 0 16px;
  font-size: clamp(38px, 5vw, 64px);
  line-height: 1.05;
  font-weight: 900;
  letter-spacing: -.045em;
}

.contact-hero-content p {
  margin: 0 auto;
  max-width: 720px;
  color: rgba(255, 255, 255, .78);
  font-size: 17px;
}

.contact-address-section {
  position: relative;
  z-index: 3;
  margin-top: -92px;
  padding-bottom: 80px;
}

.contact-address-panel {
  background: var(--lc-white, #ffffff);
  border: 1px solid rgba(15, 23, 42, .12);
  border-bottom: 4px solid var(--lc-blue, #3298db);
  box-shadow: 0 24px 70px rgba(15, 23, 42, .12);
  padding: 56px;
}

.contact-section-title {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 38px;
}

.contact-section-title h2 {
  margin: 0 0 8px;
  color: var(--lc-black, #050505);
  font-size: clamp(28px, 4vw, 42px);
  line-height: 1.12;
  font-weight: 900;
  letter-spacing: -.035em;
}

.contact-section-title p {
  margin: 0;
  color: var(--lc-muted, #687789);
}

.contact-address-card {
  height: 100%;
  min-height: 245px;
  background: #ffffff;
  border: 1px solid rgba(15, 23, 42, .11);
  box-shadow: 0 14px 35px rgba(15, 23, 42, .06);
  padding: 34px 30px;
  text-align: center;
  transition: .25s ease;
}

.contact-address-card:hover {
  transform: translateY(-5px);
  border-color: rgba(50, 152, 219, .34);
  box-shadow: 0 20px 48px rgba(15, 23, 42, .11);
}

.contact-card-line {
  display: block;
  width: 58px;
  height: 3px;
  margin: 0 auto 18px;
  background: var(--lc-blue, #3298db);
}

.contact-address-card h3 {
  margin: 0 0 14px;
  color: var(--lc-black, #050505);
  font-size: 23px;
  font-weight: 900;
  line-height: 1.25;
}

.contact-address-card h3 small {
  display: inline-block;
  color: var(--lc-blue, #3298db);
  font-size: 16px;
  font-weight: 900;
}

.contact-address-card p {
  margin: 0 auto 14px;
  color: var(--lc-muted, #687789);
  line-height: 1.6;
  max-width: 430px;
}

.contact-address-card a {
  display: block;
  color: #17202a;
  font-weight: 800;
  margin-top: 7px;
}

.contact-address-card a:hover {
  color: var(--lc-blue, #3298db);
}

.contact-map-card,
.contact-form-card {
  height: 100%;
  min-height: 520px;
  background: #ffffff;
  border: 1px solid rgba(15, 23, 42, .11);
  box-shadow: 0 18px 45px rgba(15, 23, 42, .08);
  border-radius: 22px;
  overflow: hidden;
}

.contact-map-card iframe {
  width: 100%;
  height: 100%;
  min-height: 520px;
  border: 0;
  display: block;
}

.contact-spacing{
  padding: 42px;
  padding-bottom: 0;
  margin-bottom: -55px;
}

.contact-form-card h2 {
  margin: 0 0 10px;
  color: var(--lc-black, #050505);
  font-size: clamp(30px, 4vw, 44px);
  line-height: 1.12;
  font-weight: 900;
  letter-spacing: -.035em;
}

.contact-form-card p {
  color: var(--lc-muted, #687789);
  margin-bottom: 24px;
}

.contact-form-card .hs-form-frame {
  min-height: 360px;
}

.contact-faq-help-section {
  background: #f1f5f9;
  padding: 86px 0;
  overflow: hidden;
}

.contact-help-content h2 {
  margin: 0 0 14px;
  color: var(--lc-black, #050505);
  font-size: clamp(30px, 4vw, 44px);
  line-height: 1.12;
  font-weight: 900;
  letter-spacing: -.035em;
}

.contact-help-content p {
  max-width: 560px;
  color: var(--lc-muted, #687789);
  margin-bottom: 26px;
}

.contact-help-graphic {
  position: relative;
  min-height: 320px;
  display: grid;
  place-items: center;
}

.contact-help-graphic:before {
  content: "";
  position: absolute;
  width: 320px;
  height: 220px;
  border-radius: 48% 52% 45% 55%;
  background: rgba(50, 152, 219, .12);
}

.contact-help-device {
  position: relative;
  z-index: 2;
  width: 150px;
  height: 150px;
  display: grid;
  place-items: center;
  border-radius: 30px;
  background: #ffffff;
  border: 1px solid rgba(50, 152, 219, .25);
  box-shadow: 0 22px 48px rgba(15, 23, 42, .12);
  color: var(--lc-blue, #3298db);
  font-size: 76px;
  font-weight: 900;
}

.contact-chat-bubble {
  position: absolute;
  z-index: 3;
  background: #ffffff;
  color: #17202a;
  border: 1px solid rgba(15, 23, 42, .12);
  border-radius: 16px;
  padding: 10px 18px;
  font-weight: 900;
  box-shadow: 0 12px 30px rgba(15, 23, 42, .1);
}

.contact-chat-bubble:after {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 24px;
  width: 14px;
  height: 14px;
  background: #ffffff;
  border-right: 1px solid rgba(15, 23, 42, .12);
  border-bottom: 1px solid rgba(15, 23, 42, .12);
  transform: rotate(45deg);
}

.bubble-one { top: 34px; left: 22%; }
.bubble-two { right: 18%; top: 72px; }
.bubble-three { left: 32%; bottom: 46px; }

@media (max-width: 991.98px) {
  .contact-hero-section { padding: 96px 0 140px; }
  .contact-address-panel { padding: 38px 24px; }
  .contact-address-section { padding-bottom: 68px; }
  .contact-form-card { padding: 32px 24px; }
  .contact-map-card,
  .contact-form-card,
  .contact-map-card iframe { min-height: 430px; }
  .contact-faq-help-section { padding: 68px 0; }
}

@media (max-width: 575.98px) {
  .contact-hero-section { padding: 78px 0 120px; }
  .contact-address-section { margin-top: -70px; }
  .contact-address-panel { padding: 30px 16px; }
  .contact-address-card { padding: 28px 20px; }
  .contact-map-card,
  .contact-form-card,
  .contact-map-card iframe { min-height: 360px; }
  .contact-help-graphic { min-height: 270px; }
  .contact-help-graphic:before { width: 260px; height: 190px; }
  .contact-help-device { width: 120px; height: 120px; font-size: 62px; }
  .bubble-one { left: 6%; }
  .bubble-two { right: 4%; }
  .bubble-three { left: 20%; }
}



/* Security Page */
.security-hero-section {
  position: relative;
  overflow: hidden;
  color: var(--lc-white, #ffffff);
  padding: 118px 0 96px;
  background:
    radial-gradient(circle at 82% 16%, rgba(50,152,219,.32), transparent 34%),
    radial-gradient(circle at 18% 12%, rgba(50,152,219,.18), transparent 30%),
    linear-gradient(110deg, rgba(5,5,5,.98), rgba(9,17,26,.92)),
    var(--lc-black, #050505);
}
.security-hero-section:before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(50,152,219,.32) 1px, transparent 1px);
  background-size: 18px 18px;
  opacity: .26;
  pointer-events: none;
}
.security-hero-section .container { position: relative; z-index: 2; }
.security-kicker {
  display: inline-block;
  color: var(--lc-blue, #3298db);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .18em;
  text-transform: uppercase;
  margin-bottom: 16px;
}
.security-hero-content h1 {
  max-width: 760px;
  margin: 0 0 22px;
  color: #ffffff;
  font-size: clamp(42px, 6vw, 78px);
  line-height: .98;
  font-weight: 900;
  letter-spacing: -.055em;
}
.security-hero-content p {
  max-width: 670px;
  color: rgba(255,255,255,.82);
  font-size: 18px;
  line-height: 1.75;
  margin-bottom: 30px;
}
.security-hero-visual {
  min-height: 430px;
  position: relative;
  display: grid;
  place-items: center;
}
.security-orbit {
  position: absolute;
  border: 1px solid rgba(50,152,219,.24);
  border-radius: 50%;
}
.security-orbit-one { width: 360px; height: 360px; }
.security-orbit-two { width: 520px; height: 520px; opacity: .45; }
.security-shield-card {
  position: relative;
  z-index: 3;
  width: min(360px, 100%);
  min-height: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 38px;
  border-radius: 30px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 34px 80px rgba(0,0,0,.36);
  backdrop-filter: blur(14px);
}
.security-shield-icon {
  width: 96px;
  height: 96px;
  display: grid;
  place-items: center;
  border-radius: 28px;
  color: #ffffff;
  background: linear-gradient(135deg, var(--lc-blue, #3298db), var(--lc-blue-2, #147abb));
  font-size: 52px;
  font-weight: 900;
  box-shadow: 0 18px 38px rgba(50,152,219,.35);
  margin-bottom: 22px;
}
.security-shield-card h2 {
  color: #ffffff;
  font-size: 28px;
  font-weight: 900;
  margin: 0 0 10px;
}
.security-shield-card p {
  color: rgba(255,255,255,.74);
  margin: 0;
}
.security-floating-badge {
  position: absolute;
  z-index: 4;
  border-radius: 999px;
  background: #ffffff;
  color: #17202a;
  border: 1px solid rgba(50,152,219,.24);
  box-shadow: 0 18px 38px rgba(0,0,0,.2);
  padding: 10px 18px;
  font-weight: 900;
  font-size: 13px;
}
.badge-iso { top: 48px; left: 8%; }
.badge-soc { right: 5%; top: 118px; }
.badge-mfa { left: 18%; bottom: 62px; }
.security-commitment-section { background: #ffffff; }
.security-card,
.security-feature-card,
.security-mini-card,
.security-program-card {
  height: 100%;
  background: #ffffff;
  border: 1px solid rgba(15,23,42,.11);
  box-shadow: 0 18px 44px rgba(15,23,42,.07);
  transition: .25s ease;
}
.security-card:hover,
.security-feature-card:hover,
.security-mini-card:hover,
.security-program-card:hover {
  transform: translateY(-5px);
  border-color: rgba(50,152,219,.34);
  box-shadow: 0 24px 60px rgba(15,23,42,.11);
}
.security-center-card {
  text-align: center;
  padding: 46px 34px;
  border-radius: 22px;
}
.security-card-icon,
.security-feature-icon {
  width: 78px;
  height: 78px;
  display: grid;
  place-items: center;
  margin: 0 auto 20px;
  border-radius: 22px;
  color: var(--lc-blue, #3298db);
  background: rgba(50,152,219,.09);
  border: 1px solid rgba(50,152,219,.22);
  font-weight: 900;
  font-size: 20px;
}
.security-card-icon img,
.security-feature-icon img {
    padding:8px;
}
.security-card h3,
.security-feature-card h3,
.security-mini-card h3,
.security-program-card h3 {
  color: var(--lc-black, #050505);
  font-weight: 900;
  margin: 0 0 12px;
  line-height: 1.2;
}
.security-card p,
.security-feature-card p,
.security-mini-card p,
.security-program-card p,
.security-cert-content p,
.security-soc-content p {
  color: var(--lc-muted, #687789);
  margin: 0;
}
.security-data-section { background: var(--lc-light, #f6f9fc); }
.security-feature-card {
  text-align: center;
  padding: 44px 28px;
  border-top: 4px solid var(--lc-blue, #3298db);
  border-radius: 18px;
}

.security-cert-section { background: #ffffff; }
.security-cert-row {
  padding: 46px;
  border-radius: 28px;
  background: linear-gradient(135deg, #ffffff, #f6fbff);
  border: 1px solid rgba(15,23,42,.1);
  box-shadow: 0 18px 48px rgba(15,23,42,.08);
}
.security-cert-badge {
  min-height: 190px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 26px;
  background: #ffffff;
  border: 1px solid rgba(50,152,219,.24);
  color: var(--lc-blue, #3298db);
  box-shadow: 0 18px 40px rgba(50,152,219,.12);
  text-align: center;
}
.security-cert-badge span {
  display: block;
  font-size: 24px;
  font-weight: 900;
  letter-spacing: .05em;
}
.security-cert-badge strong {
  display: block;
  color: var(--lc-black, #050505);
  font-size: 42px;
  line-height: 1;
  margin-top: 8px;
}
.security-cert-content h2,
.security-soc-section .section-title h2,
.security-program-section .section-title h2 {
  color: var(--lc-black, #050505);
  font-weight: 900;
  letter-spacing: -.035em;
}
.security-cert-content h2 {
  font-size: clamp(30px, 4vw, 44px);
  margin-bottom: 14px;
}
.security-cert-content p + p,
.security-soc-content p + p { margin-top: 16px; }
.security-soc-section {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(180deg, #ffffff 0%, #eaf6ff 44%, rgba(50,152,219,.95) 100%);
}
.security-soc-section:before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255,255,255,.8) 1px, transparent 1px);
  background-size: 14px 14px;
  opacity: .16;
  pointer-events: none;
}
.security-soc-section .container { position: relative; z-index: 2; }
.security-soc-content {
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(15,23,42,.09);
  border-radius: 24px;
  padding: 34px;
}
.dark-badge {
  background: #0b1117;
  color: #ffffff;
  border-color: rgba(255,255,255,.18);
}
.dark-badge strong { color: #ffffff; }
.security-mini-card {
  text-align: center;
  padding: 34px 24px;
  border-radius: 18px;
}
.security-program-section { background: #ffffff; }
.security-program-card {
  padding: 34px 28px;
  /*border-radius: 20px;*/
  position: relative;
  overflow: hidden;
}
.security-program-card:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: var(--lc-blue, #3298db);
}
.security-dot {
  width: 50px;
  height: 50px;
  /*border-radius: 50%;*/
  /*background: var(--lc-blue, #3298db);*/
  /*box-shadow: 0 0 0 8px rgba(50,152,219,.12);*/
  margin-bottom: 24px;
}
@media (max-width: 991.98px) {
  .security-hero-section { padding: 96px 0 76px; text-align: center; }
  .security-hero-content p { margin-left: auto; margin-right: auto; }
  .security-hero-visual { min-height: 360px; }
  .security-orbit-two { width: 430px; height: 430px; }
  .security-cert-row { padding: 30px; text-align: center; }
  .security-cert-badge { min-height: 160px; }
}
@media (max-width: 575.98px) {
  .security-hero-section { padding: 80px 0 62px; }
  .security-hero-content h1 { font-size: 40px; }
  .security-shield-card { padding: 28px 22px; min-height: 260px; }
  .security-orbit-one { width: 290px; height: 290px; }
  .security-orbit-two { display: none; }
  .security-floating-badge { font-size: 12px; padding: 8px 12px; }
  .badge-iso { left: 0; }
  .badge-soc { right: 0; }
  .badge-mfa { left: 6%; bottom: 34px; }
  .security-center-card,
  .security-feature-card,
  .security-mini-card,
  .security-program-card { padding: 28px 20px; }
  .security-cert-row { padding: 22px; }
}


/* Blog Pages */
.blog-hero {
  position: relative;
  overflow: hidden;
  color: var(--lc-white, #ffffff);
  background:
    radial-gradient(circle at 82% 10%, rgba(50, 152, 219, .35), transparent 30%),
    linear-gradient(105deg, rgba(5, 5, 5, .94), rgba(8, 17, 26, .86)),
    url('../images/testimoial/bg.jpg') center/cover no-repeat;
  padding: 118px 0 104px;
  text-align: center;
}
.blog-hero:before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(50,152,219,.35) 1px, transparent 1px);
  background-size: 14px 14px;
  opacity: .22;
}
.blog-hero .container { position: relative; z-index: 2; }
.blog-hero h1 {
  max-width: 920px;
  margin: 0 auto 16px;
  font-size: clamp(38px, 6vw, 70px);
  line-height: 1.02;
  font-weight: 900;
  letter-spacing: -.055em;
}
.blog-hero p {
  max-width: 820px;
  margin: 0 auto;
  color: rgba(255,255,255,.78);
  font-size: 17px;
  line-height: 1.75;
}
.blog-page-wrapper { background: #fff; }
.blog-toolbar {
  background: #fff;
  border: 1px solid var(--lc-border, rgba(15,23,42,.11));
  border-radius: 22px;
  padding: 24px;
  box-shadow: 0 18px 45px rgba(15, 23, 42, .08);
  margin-top: -46px;
  position: relative;
  z-index: 5;
}
.blog-search-box { position: relative; }
.blog-search-box span {
  position: absolute;
  top: 50%;
  left: 18px;
  transform: translateY(-50%);
  color: var(--lc-blue, #3298db);
  font-weight: 900;
}
.blog-search-box input,
.blog-toolbar select {
  width: 100%;
  height: 56px;
  border: 1px solid var(--lc-border, rgba(15,23,42,.11));
  border-radius: 14px;
  padding: 0 18px;
  outline: none;
  background: #fff;
  color: var(--lc-text, #17202a);
  font-weight: 700;
}
.blog-search-box input { padding-left: 48px; }
.blog-search-box input:focus,
.blog-toolbar select:focus {
  border-color: var(--lc-blue, #3298db);
  box-shadow: 0 0 0 4px rgba(50, 152, 219, .12);
}
.blog-category-tabs { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 18px; }
.blog-category-btn {
  border: 1px solid var(--lc-border, rgba(15,23,42,.11));
  background: #fff;
  color: var(--lc-text, #17202a);
  padding: 9px 15px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  transition: all .25s ease;
}
.blog-category-btn:hover,
.blog-category-btn.active { background: var(--lc-blue, #3298db); color: #fff; border-color: var(--lc-blue, #3298db); }
.featured-blog-card {
  background: linear-gradient(135deg, rgba(50,152,219,.12), rgba(50,152,219,.02));
  border: 1px solid var(--lc-border, rgba(15,23,42,.11));
  border-radius: 28px;
  overflow: hidden;
  box-shadow: 0 22px 55px rgba(15, 23, 42, .07);
}
.featured-blog-visual,
.blog-card-visual,
.blog-detail-cover {
  min-height: 250px;
  background: radial-gradient(circle at top left, rgba(50,152,219,.52), rgba(50,152,219,.16) 34%, rgba(15,23,42,.94) 100%);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  font-size: 72px;
  font-weight: 900;
}
.featured-blog-visual:before,
.blog-card-visual:before,
.blog-detail-cover:before {
  content: '';
  width: 240px;
  height: 240px;
  border-radius: 50%;
  border: 36px solid rgba(255,255,255,.12);
  position: absolute;
  right: -70px;
  top: -70px;
}
.featured-blog-visual.has-image,
.blog-card-visual.has-image,
.blog-detail-cover.has-image { background: #eef6fb; }
.featured-blog-visual.has-image:before,
.blog-card-visual.has-image:before,
.blog-detail-cover.has-image:before { display: none; }
.featured-blog-visual img,
.blog-card-visual img,
.blog-detail-cover img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  transition: transform .35s ease;
}
.blog-card:hover .blog-card-visual img,
.featured-blog-card:hover .featured-blog-visual img { transform: scale(1.04); }
.blog-image-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(15,23,42,.04), rgba(15,23,42,.30));
  pointer-events: none;
}
.featured-blog-content { padding: 34px; }
.blog-meta { display: flex; flex-wrap: wrap; gap: 14px; color: var(--lc-muted, #687789); font-size: 14px; margin-bottom: 14px; }
.blog-meta span { display: inline-flex; align-items: center; gap: 7px; }
.blog-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(50,152,219,.12);
  color: var(--lc-blue-2, #147abb);
  border-radius: 999px;
  padding: 7px 13px;
  font-weight: 900;
  font-size: 13px;
  margin-bottom: 15px;
}
.featured-blog-content h2,
.blog-card-content h3,
.blog-article-body h1,
.blog-sidebar-card h4 { color: var(--lc-black, #050505); }
.featured-blog-content h2,
.blog-card-content h3 { margin-bottom: 13px; line-height: 1.25; font-weight: 900; }
.featured-blog-content h2 a,
.blog-card-content h3 a,
.blog-list-mini a { color: inherit; }
.featured-blog-content p,
.blog-card-content p { color: var(--lc-muted, #687789); line-height: 1.75; margin-bottom: 22px; }
.blog-card {
  height: 100%;
  background: #fff;
  border: 1px solid var(--lc-border, rgba(15,23,42,.11));
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 16px 40px rgba(15, 23, 42, .05);
  transition: transform .25s ease, box-shadow .25s ease;
}
.blog-card:hover { transform: translateY(-6px); box-shadow: 0 24px 60px rgba(15, 23, 42, .10); }
.blog-card-visual { min-height: 190px; font-size: 50px; }
.blog-card-content { padding: 16px; }
.blog-card-content h3 { font-size: 22px; }
.blog-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.blog-tag { background: #f1f7fb; color: var(--lc-muted, #687789); border-radius: 999px; padding: 6px 10px; font-size: 11px; font-weight: 800; }
.blog-pagination { display: flex; justify-content: center; gap: 9px; flex-wrap: wrap; margin-top: 42px; }
.blog-pagination button {
  min-width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid var(--lc-border, rgba(15,23,42,.11));
  background: #fff;
  color: var(--lc-text, #17202a);
  font-weight: 900;
}
.blog-pagination button.active,
.blog-pagination button:hover { background: var(--lc-blue, #3298db); color: #fff; border-color: var(--lc-blue, #3298db); }
.blog-pagination button:disabled { opacity: .4; cursor: not-allowed; }
.blog-empty-state { display: none; text-align: center; padding: 45px 20px; background: var(--lc-blue-soft, #eaf6ff); border-radius: 22px; color: var(--lc-muted, #687789); }
.blog-sidebar-card {
  border: 1px solid var(--lc-border, rgba(15,23,42,.11));
  border-radius: 22px;
  padding: 24px;
  background: #fff;
  box-shadow: 0 16px 40px rgba(15, 23, 42, .05);
  margin-bottom: 24px;
}
.blog-list-mini { display: grid; gap: 16px; }
.blog-list-mini a { color: var(--lc-black, #050505); font-weight: 900; line-height: 1.45; display: block; }
.blog-list-mini small { color: var(--lc-muted, #687789); }
.newsletter-card { background: var(--lc-dark, #0b1117); color: #fff; border-radius: 24px; padding: 32px; }
.newsletter-card h3 { color: #fff; margin-bottom: 10px; font-weight: 900; }
.newsletter-card p { color: rgba(255,255,255,.78); }
.newsletter-card input { width: 100%; height: 52px; border-radius: 12px; border: 0; padding: 0 16px; margin: 10px 0 14px; }
.blog-detail-layout { align-items: flex-start; }
.blog-article-card {
  border: 1px solid var(--lc-border, rgba(15,23,42,.11));
  border-radius: 28px;
  overflow: hidden;
  box-shadow: 0 20px 55px rgba(15, 23, 42, .06);
  background: #fff;
}
.blog-detail-cover { min-height: 350px; }
.blog-article-body { padding: 42px; }
.blog-article-body h1 { margin-bottom: 18px; line-height: 1.2; font-weight: 900; }
.blog-content h2 { color: var(--lc-black, #050505); font-size: 30px; margin: 36px 0 13px; font-weight: 900; }
.blog-content h3 { color: var(--lc-black, #050505); font-size: 24px; margin: 28px 0 10px; font-weight: 900; }
.blog-content p,
.blog-content li { color: var(--lc-muted, #687789); line-height: 1.85; font-size: 17px; }
.blog-content ul { padding-left: 22px; margin: 16px 0 22px; }
.blog-content blockquote { border-left: 4px solid var(--lc-blue, #3298db); background: var(--lc-blue-soft, #eaf6ff); padding: 22px 24px; border-radius: 12px; color: var(--lc-black, #050505); font-weight: 900; margin: 28px 0; }
.blog-form-note { font-size: 13px; color: var(--lc-muted, #687789); margin-top: 8px; }
@media (max-width: 991.98px) {
  .blog-toolbar { margin-top: 30px; }
  .blog-article-body { padding: 28px; }
  .blog-hero { padding: 86px 0 70px; }
}
@media (max-width: 575.98px) {
  .featured-blog-content,
  .blog-card-content,
  .blog-article-body { padding: 22px; }
  .blog-detail-cover { min-height: 240px; }
  .blog-content h2 { font-size: 25px; }
  .blog-hero h1 { font-size: 38px; }
}