:root {
      --ar-primary: #e24b4b;
      --ar-primary-dark: #c73535;
      --ar-navy: #0f172a;
      --ar-navy-2: #172033;
      --ar-text: #334155;
      --ar-muted: #64748b;
      --ar-soft: #f6f8fb;
      --ar-line: #e8edf4;
      --ar-green: #00c389;
      --ar-mint: #dcf8ed;
      --ar-cream: #fff3ef;
      --ar-radius: 18px;
      --ar-card-shadow: 0 20px 55px rgba(15, 23, 42, .10);
      --ar-soft-shadow: 0 16px 34px rgba(15, 23, 42, .08);
      --ar-header-height: 78px;
    }

    * {
      box-sizing: border-box
    }

    html {
  scroll-behavior: auto;
}

html.ar-smooth-scroll {
  scroll-behavior: smooth;
}
    
    :root {
  --ar-font: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Force site font, but do NOT affect icon elements/classes */
html,
body,
body *:not(i):not(.fa):not(.fas):not(.far):not(.fab):not(.bi):not(:is(
  .chbs-location-add,
  .chbs-meta-icon-plus,
  .chbs-location-remove,
  .chbs-meta-icon-minus,
  .chbs-meta-icon-arrow-vertical-large,
  .chbs-meta-icon-route,
  .chbs-meta-icon-clock,
  .chbs-meta-icon-arrow-horizontal-large,
  .chbs-meta-icon-question,
  .chbs-meta-icon-wallet,
  .chbs-meta-icon-bank,
  .chbs-meta-icon-2
)) {
  font-family: var(--ar-font) !important;
}

/* Also exclude icon pseudo-elements */
body *:not(i):not(.fa):not(.fas):not(.far):not(.fab):not(.bi):not(:is(
  .chbs-location-add,
  .chbs-meta-icon-plus,
  .chbs-location-remove,
  .chbs-meta-icon-minus,
  .chbs-meta-icon-arrow-vertical-large,
  .chbs-meta-icon-route,
  .chbs-meta-icon-clock,
  .chbs-meta-icon-arrow-horizontal-large,
  .chbs-meta-icon-question,
  .chbs-meta-icon-wallet,
  .chbs-meta-icon-bank,
  .chbs-meta-icon-2
))::before,
body *:not(i):not(.fa):not(.fas):not(.far):not(.fab):not(.bi):not(:is(
  .chbs-location-add,
  .chbs-meta-icon-plus,
  .chbs-location-remove,
  .chbs-meta-icon-minus,
  .chbs-meta-icon-arrow-vertical-large,
  .chbs-meta-icon-route,
  .chbs-meta-icon-clock,
  .chbs-meta-icon-arrow-horizontal-large,
  .chbs-meta-icon-question,
  .chbs-meta-icon-wallet,
  .chbs-meta-icon-bank,
  .chbs-meta-icon-2
))::after {
  font-family: var(--ar-font) !important;
}

button,
input,
textarea,
select,
.form-control,
.form-select,
.btn,
.accordion-button {
  font-family: var(--ar-font) !important;
}
    body {
      color: var(--ar-text);
      background: #fff;
      overflow-x: hidden;
      -webkit-font-smoothing: antialiased
    }
    

    img {
      max-width: 100%;
      display: block
    }

    a {
      text-decoration: none;
      color: inherit
    }

    p {
      line-height: 1.72;
      color: var(--ar-muted);
      margin-bottom: 0
    }

    .container-ar {
      max-width: 1180px;
      margin-inline: auto;
      padding-inline: 20px
    }

    .section {
      padding: 92px 0
    }

    .section-sm {
      padding: 68px 0
    }

    .section-soft {
      background: linear-gradient(180deg, #fff 0%, var(--ar-soft) 100%)
    }

    .eyebrow {
      font-size: 12px;
      letter-spacing: .14em;
      text-transform: uppercase;
      color: var(--ar-primary);
      font-weight: 800;
      margin-bottom: 12px
    }

    .section-title {
      font-size: 42px;
      line-height: 1.14;
      font-weight: 800;
      letter-spacing: -.045em;
      color: var(--ar-navy);
      margin-bottom: 16px
    }

    .section-title.center {
      text-align: center
    }

    .section-title.center:after {
      content: "";
      display: block;
      width: 36px;
      height: 3px;
      border-radius: 30px;
      background: var(--ar-primary);
      margin: 18px auto 0
    }

    .section-subtitle {
      max-width: 720px;
      margin-inline: auto;
      text-align: center;
      color: var(--ar-muted)
    }

    .btn-ar {
      --bs-btn-bg: var(--ar-primary);
      --bs-btn-border-color: var(--ar-primary);
      --bs-btn-hover-bg: var(--ar-primary-dark);
      --bs-btn-hover-border-color: var(--ar-primary-dark);
      --bs-btn-color: #fff;
      --bs-btn-hover-color: #fff;
      border-radius: 10px;
      font-weight: 800;
      padding: 13px 22px;
      box-shadow: 0 12px 24px rgba(226, 75, 75, .22);
      transition: .2s ease
    }

    .btn-ar:hover {
      transform: translateY(-1px);
      box-shadow: 0 18px 32px rgba(226, 75, 75, .28)
    }

    .btn-wa {
      --bs-btn-bg: #25D366;
      --bs-btn-border-color: #25D366;
      --bs-btn-hover-bg: #1db954;
      --bs-btn-hover-border-color: #1db954;
      --bs-btn-color: #fff;
      --bs-btn-hover-color: #fff;
      border-radius: 10px;
      font-weight: 800;
      padding: 13px 22px;
      box-shadow: 0 12px 24px rgba(37, 211, 102, .20)
    }

    .btn-outline-ar {
      border: 1px solid rgba(15, 23, 42, .12);
      background: #fff;
      color: var(--ar-navy);
      border-radius: 10px;
      font-weight: 800;
      padding: 13px 22px
    }

    .btn-outline-ar:hover {
      border-color: rgba(226, 75, 75, .35);
      color: var(--ar-primary)
    }

    .text-primary-ar {
      color: var(--ar-primary) !important
    }

    .text-green-ar {
      color: var(--ar-green) !important
    }

    /* Header */
    .site-header {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 1040;
      height: var(--ar-header-height);
      transition: background .2s ease, box-shadow .2s ease, height .2s ease
    }

    .site-header.is-sticky {
      position: fixed;
      height: 66px;
      background: #fff;
      box-shadow: 0 6px 24px rgba(15, 23, 42, .08)
    }

    .header-inner {
      height: 100%;
      display: grid;
      grid-template-columns: 1fr auto 1fr;
      align-items: center;
      gap: 20px
    }

    .brand {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      min-width: 190px
    }

    .brand img {
      width: 158px;
      height: auto
    }

    .site-header.is-sticky .brand img {
      width: 135px
    }

    .nav-main {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 26px;
      list-style: none;
      margin: 0;
      padding: 0
    }

    .nav-main a {
      font-size: 13px;
      color: #fff;
      font-weight: 800;
      letter-spacing: .01em
    }

    .site-header.is-sticky .nav-main a {
      color: var(--ar-navy)
    }

    .nav-main a:hover {
      color: #fff;
      opacity: .78
    }

    .site-header.is-sticky .nav-main a:hover {
      color: var(--ar-primary);
      opacity: 1
    }

    .header-actions {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 13px
    }

    .header-phone {
      font-size: 13px;
      color: #fff;
      font-weight: 800;
      white-space: nowrap
    }

    .site-header.is-sticky .header-phone {
      color: var(--ar-navy)
    }

    .header-cta {
      background: var(--ar-green);
      color: #fff !important;
      border-radius: 9px;
      padding: 9px 16px;
      font-size: 12px;
      font-weight: 900
    }

    .menu-btn {
      border: 0;
      background: transparent;
      color: #fff;
      font-size: 26px
    }

    .site-header.is-sticky .menu-btn {
      color: var(--ar-navy)
    }

    .offcanvas .nav-link {
      font-weight: 800;
      color: var(--ar-navy);
      padding: 14px 0;
      border-bottom: 1px solid var(--ar-line)
    }

    /* Hero */
    .hero {
      position: relative;
      min-height: 800px;
      background: var(--ar-navy);
      display: flex;
      align-items: center;
      overflow: hidden
    }

    .hero:before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, rgba(5, 12, 25, .26), rgba(5, 12, 25, .66)), linear-gradient(90deg, rgba(15, 23, 42, .86), rgba(15, 23, 42, .45) 44%, rgba(15, 23, 42, .08));
      z-index: 1
    }

    .hero-bg {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center
    }

    .hero-inner {
      position: relative;
      z-index: 2;
      width: 100%;
      padding-top: var(--ar-header-height)
    }

    .hero-copy {
      max-width: 620px
    }

    .hero-kicker {
      color: #fff;
      opacity: .94;
      font-size: 16px;
      font-weight: 800;
      margin-bottom: 12px
    }

    .hero h1 {
      font-size: 68px;
      line-height: 1.02;
      letter-spacing: -.058em;
      font-weight: 900;
      color: #fff;
      margin-bottom: 18px
    }

    .hero p {
      font-size: 21px;
      line-height: 1.56;
      color: rgba(255, 255, 255, .88);
      max-width: 600px
    }

    .hero-actions {
      display: flex;
      gap: 12px;
      flex-wrap: wrap;
      margin-top: 26px
    }

    .hero-proof {
      display: flex;
      gap: 24px;
      flex-wrap: wrap;
      margin-top: 30px;
      color: #fff
    }

    .proof-item {
      display: flex;
      align-items: center;
      gap: 9px;
      font-size: 13px;
      font-weight: 700;
      color: rgba(255, 255, 255, .88)
    }

    .proof-item i {
      width: 28px;
      height: 28px;
      border-radius: 999px;
      background: rgba(255, 255, 255, .12);
      display: grid;
      place-items: center;
      color: #fff
    }

    .hero-card-col {
      display: flex;
      justify-content: flex-end
    }

    .hero-wave {
      position: absolute;
      left: 0;
      right: 0;
      bottom: -1px;
      height: 92px;
      background: #fff;
      clip-path: polygon(0 42%, 100% 0, 100% 100%, 0 100%);
      z-index: 1
    }

    /* Booking card */
    .booking-card {
      width: min(100%, 386px);
      background: #fff;
      border-radius: 18px;
      box-shadow: 0 32px 70px rgba(0, 0, 0, .20);
      overflow: hidden
    }

    .booking-header {
      padding: 21px 24px 16px;
      border-bottom: 1px solid var(--ar-line);
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px
    }

    .booking-title {
      font-weight: 900;
      color: var(--ar-navy);
      font-size: 18px
    }

    .booking-badge {
      font-size: 11px;
      font-weight: 900;
      color: #fff;
      background: var(--ar-green);
      border-radius: 999px;
      padding: 5px 10px
    }

    .booking-steps {
      display: grid;
      grid-template-columns: 1fr 1fr;
      background: #fbfcfe
    }

    .booking-step {
      padding: 12px 16px;
      font-size: 12px;
      font-weight: 900;
      color: var(--ar-muted);
      border-bottom: 2px solid transparent
    }

    .booking-step.active {
      color: var(--ar-navy);
      border-bottom-color: var(--ar-primary);
      background: #fff
    }

    .booking-body {
      padding: 22px
    }

    .form-label {
      font-size: 12px;
      font-weight: 800;
      color: var(--ar-navy);
      margin-bottom: 6px
    }

    .form-control,
    .form-select {
      border: 1px solid rgba(15, 23, 42, .13);
      border-radius: 10px;
      min-height: 44px;
      font-size: 14px;
      color: var(--ar-navy)
    }

    .form-control:focus,
    .form-select:focus {
      border-color: rgba(226, 75, 75, .55);
      box-shadow: 0 0 0 .2rem rgba(226, 75, 75, .10)
    }

    .input-group-text {
      border-radius: 10px;
      border-color: rgba(15, 23, 42, .13);
      background: #fff;
      color: var(--ar-muted)
    }

    .trip-toggle {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 8px
    }

    .trip-toggle input {
      display: none
    }

    .trip-toggle label {
      border: 1px solid rgba(15, 23, 42, .13);
      border-radius: 10px;
      padding: 10px 10px;
      text-align: center;
      font-size: 13px;
      font-weight: 900;
      color: var(--ar-muted);
      cursor: pointer
    }

    .trip-toggle input:checked+label {
      border-color: var(--ar-primary);
      background: rgba(226, 75, 75, .08);
      color: var(--ar-primary)
    }

    .small-link {
      font-size: 12px;
      font-weight: 800;
      color: var(--ar-primary);
      border: 0;
      background: transparent;
      padding: 0
    }

    .counter {
      display: flex;
      align-items: center;
      justify-content: space-between;
      border: 1px solid rgba(15, 23, 42, .13);
      border-radius: 10px;
      padding: 10px 12px
    }

    .counter span {
      font-size: 13px;
      font-weight: 800;
      color: var(--ar-navy)
    }

    .counter-actions {
      display: flex;
      align-items: center;
      gap: 9px
    }

    .counter button {
      width: 27px;
      height: 27px;
      border-radius: 999px;
      border: 1px solid var(--ar-line);
      background: #fff;
      color: var(--ar-navy);
      display: grid;
      place-items: center;
      font-weight: 900
    }

    .counter strong {
      min-width: 18px;
      text-align: center
    }

    .summary-box {
      background: var(--ar-soft);
      border: 1px solid var(--ar-line);
      border-radius: 12px;
      padding: 13px 14px;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
      margin-top: 14px
    }

    .summary-box small {
      display: block;
      color: var(--ar-muted);
      font-weight: 700
    }

    .summary-box strong {
      font-size: 15px;
      color: var(--ar-navy)
    }

    .form-note {
      font-size: 12px;
      color: var(--ar-muted);
      line-height: 1.5
    }

    .success-box {
      display: none;
      background: var(--ar-mint);
      border: 1px solid rgba(0, 195, 137, .22);
      border-radius: 14px;
      padding: 14px;
      margin-top: 14px;
      color: #075e44;
      font-size: 13px;
      font-weight: 700
    }

    .success-box.show {
      display: block
    }

    /* Overlap feature cards */
    .service-panel {
      position: relative;
      z-index: 2;
      margin-top: -88px;
      background: #fff;
      border-radius: 20px;
      padding: 34px;
      box-shadow: var(--ar-card-shadow)
    }

    .booking-panel {
      position: relative;
      z-index: 2;
      margin-top: -88px;
      background: #fff;
      border-radius: 20px;
      padding: 34px;
      box-shadow: var(--ar-card-shadow)
    }

    .service-card {
      height: 100%;
      padding: 8px
    }

    .service-card img {
      height: 190px;
      width: 100%;
      object-fit: cover;
      border-radius: 14px;
      margin-bottom: 18px
    }

    .service-card h3 {
      font-size: 22px;
      font-weight: 900;
      letter-spacing: -.03em;
      color: var(--ar-navy);
      margin-bottom: 9px
    }

    .service-card p {
      font-size: 14px;
      line-height: 1.62
    }

    .service-card .link {
      display: inline-flex;
      align-items: center;
      gap: 4px;
      color: var(--ar-primary);
      font-weight: 900;
      font-size: 13px;
      margin-top: 13px
    }

    /* About / gallery */
    .about-gallery {
      display: grid;
      grid-template-columns: 1.2fr .9fr;
      gap: 18px;
      position: relative
    }

    .about-gallery:before {
      content: "";
      position: absolute;
      inset: 40px -24px -22px 24px;
      background: var(--ar-cream);
      border-radius: 22px;
      z-index: -1
    }

    .about-gallery img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 16px;
      border: 5px solid #fff;
      box-shadow: 0 14px 28px rgba(15, 23, 42, .08)
    }

    .about-gallery .big {
      min-height: 390px
    }

    .about-gallery .stack {
      display: grid;
      gap: 18px
    }

    .mini-stat {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 16px;
      margin-top: 30px
    }

    .mini-stat div {
      background: #fff;
      border: 1px solid var(--ar-line);
      border-radius: 16px;
      padding: 18px;
      text-align: center
    }

    .mini-stat strong {
      display: block;
      font-size: 24px;
      color: var(--ar-navy);
      font-weight: 900
    }

    .mini-stat span {
      font-size: 12px;
      color: var(--ar-muted);
      font-weight: 800
    }

    /* Feature cards */
    .feature-card {
      height: 100%;
      background: #fff;
      border: 1px solid var(--ar-line);
      border-radius: 18px;
      padding: 26px;
      box-shadow: 0 12px 30px rgba(15, 23, 42, .04);
      transition: .18s ease
    }

    .feature-card:hover {
      transform: translateY(-4px);
      box-shadow: var(--ar-soft-shadow)
    }

    .feature-icon {
      width: 48px;
      height: 48px;
      border-radius: 14px;
      background: rgba(226, 75, 75, .10);
      color: var(--ar-primary);
      display: grid;
      place-items: center;
      font-size: 22px;
      margin-bottom: 18px
    }

    .feature-card h3 {
      font-size: 18px;
      font-weight: 900;
      color: var(--ar-navy);
      margin-bottom: 9px
    }

    .feature-card p {
      font-size: 14px;
      line-height: 1.65
    }

    /* Mountain */
    .mountain-card {
      position: relative;
      border-radius: 24px;
      overflow: hidden;
      background: var(--ar-navy);
      min-height: 360px;
      color: #fff;
      display: flex;
      align-items: flex-end;
      box-shadow: var(--ar-card-shadow)
    }

    .mountain-card img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: .78
    }

    .mountain-card:after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(90deg, rgba(15, 23, 42, .86), rgba(15, 23, 42, .40), rgba(15, 23, 42, .12))
    }

    .mountain-content {
      position: relative;
      z-index: 1;
      padding: 44px;
      max-width: 720px
    }

    .mountain-content h2 {
      font-size: 42px;
      font-weight: 900;
      letter-spacing: -.045em;
      line-height: 1.12
    }

    .mountain-content p {
      color: rgba(255, 255, 255, .88);
      font-size: 17px
    }

    .offer-list {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 12px;
      margin-top: 24px
    }

    .offer-list div {
      background: rgba(255, 255, 255, .12);
      border: 1px solid rgba(255, 255, 255, .16);
      border-radius: 14px;
      padding: 16px;
      font-size: 13px;
      font-weight: 800;
      color: #fff;
      backdrop-filter: blur(8px)
    }

    /* Reviews */
    .rating-strip {
      max-width: 820px;
      margin: 36px auto 62px;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      border: 1px solid var(--ar-line);
      border-radius: 18px;
      overflow: hidden;
      background: #fff;
      box-shadow: 0 12px 30px rgba(15, 23, 42, .05)
    }

    .rating-item {
      text-align: center;
      padding: 20px 12px
    }

    .rating-item:not(:last-child) {
      border-right: 1px solid var(--ar-line)
    }

    .rating-brand {
      font-size: 15px;
      font-weight: 900;
      color: var(--ar-navy);
      margin-bottom: 6px
    }

    .stars {
      letter-spacing: 2px;
      color: #ffb703;
      font-size: 14px
    }

    .rating-score {
      font-size: 12px;
      color: var(--ar-muted);
      font-weight: 700;
      margin-top: 5px
    }

    .review-card {
      height: 100%;
      background: #fff;
      border: 1px solid var(--ar-line);
      border-radius: 18px;
      padding: 26px;
      box-shadow: 0 15px 32px rgba(15, 23, 42, .05)
    }

    .review-text {
      font-size: 15px;
      line-height: 1.7;
      color: var(--ar-text);
      margin-bottom: 18px
    }

    .review-author {
      display: flex;
      align-items: center;
      gap: 12px
    }

    .review-author img {
      width: 48px;
      height: 48px;
      border-radius: 999px;
      object-fit: cover
    }

    .review-author strong {
      display: block;
      color: var(--ar-navy);
      font-size: 14px
    }

    .review-author span {
      font-size: 12px;
      color: var(--ar-muted);
      font-weight: 700
    }

    .client-gallery {
      margin-top: 46px;
      display: grid;
      grid-template-columns: 1.3fr .9fr .9fr;
      gap: 16px
    }

    .client-gallery img {
      height: 220px;
      width: 100%;
      object-fit: cover;
      border-radius: 16px;
      box-shadow: var(--ar-soft-shadow)
    }

    .client-gallery img:first-child {
      height: 456px;
      grid-row: span 2
    }

    /* Destinations */
    .destination-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 16px;
      margin-top: 42px
    }

    .destination-card {
      position: relative;
      min-height: 150px;
      border-radius: 16px;
      overflow: hidden;
      background: var(--ar-navy);
      box-shadow: var(--ar-soft-shadow)
    }

    .destination-card img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: .25s ease
    }

    .destination-card:after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, rgba(15, 23, 42, .08), rgba(15, 23, 42, .78))
    }

    .destination-card:hover img {
      transform: scale(1.06)
    }

    .destination-content {
      position: absolute;
      z-index: 1;
      left: 16px;
      right: 16px;
      bottom: 14px;
      color: #fff
    }

    .destination-content strong {
      display: block;
      font-size: 17px;
      font-weight: 900
    }

    .destination-content span {
      font-size: 12px;
      color: rgba(255, 255, 255, .80)
    }

    /* Business / about */
    .split-row {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 70px;
      align-items: center
    }

    .media-card {
      position: relative
    }

    .media-card img {
      width: 100%;
      height: 430px;
      object-fit: cover;
      border-radius: 22px;
      box-shadow: var(--ar-card-shadow)
    }

    .floating-card {
      position: absolute;
      right: -28px;
      bottom: 28px;
      background: #fff;
      border-radius: 18px;
      box-shadow: var(--ar-card-shadow);
      padding: 18px;
      width: 250px
    }

    .floating-card h4 {
      font-size: 15px;
      color: var(--ar-navy);
      font-weight: 900;
      margin-bottom: 5px
    }

    .floating-card small {
      color: var(--ar-muted);
      font-weight: 700
    }

    .progress-line {
      height: 7px;
      border-radius: 999px;
      background: var(--ar-line);
      overflow: hidden;
      margin-top: 12px
    }

    .progress-line span {
      display: block;
      height: 100%;
      width: 78%;
      background: var(--ar-green)
    }

    /* FAQ */
    .accordion-item {
      border: 1px solid var(--ar-line) !important;
      border-radius: 14px !important;
      margin-bottom: 12px;
      overflow: hidden
    }

    .accordion-button {
      font-weight: 900;
      color: var(--ar-navy);
      box-shadow: none !important
    }

    .accordion-button:not(.collapsed) {
      background: var(--ar-cream);
      color: var(--ar-primary)
    }

    .accordion-body {
      color: var(--ar-muted);
      line-height: 1.75
    }

    .map-card {
      height: 320px;
      border-radius: 22px;
      overflow: hidden;
      box-shadow: var(--ar-soft-shadow);
      border: 1px solid var(--ar-line);
      background: var(--ar-soft)
    }

    .map-card iframe {
      width: 100%;
      height: 100%;
      border: 0;
      filter: saturate(.8)
    }

    /* Footer */
    .site-footer {
      background: #0b1220;
      color: #fff;
      padding: 58px 0 28px
    }

    .footer-logo {
      width: 154px;
      margin-bottom: 16px
    }

    .site-footer p,
    .site-footer li,
    .site-footer a {
      color: rgba(255, 255, 255, .68);
      font-size: 14px
    }

    .site-footer h3 {
      font-size: 14px;
      font-weight: 900;
      color: #fff;
      margin-bottom: 18px
    }

    .footer-links {
      list-style: none;
      margin: 0;
      padding: 0
    }

    .footer-links li {
      margin-bottom: 9px
    }

    .socials {
      display: flex;
      gap: 10px;
      margin-top: 18px
    }

    .socials a {
      width: 34px;
      height: 34px;
      border-radius: 999px;
      display: grid;
      place-items: center;
      background: rgba(255, 255, 255, .08);
      color: #fff
    }

    .footer-bottom {
      border-top: 1px solid rgba(255, 255, 255, .10);
      margin-top: 40px;
      padding-top: 20px;
      text-align: center;
      color: rgba(255, 255, 255, .54);
      font-size: 13px
    }

    @media (max-width:991px) {
      .section {
        padding: 72px 0
      }

      .section-title {
        font-size: 34px
      }

      .header-inner {
        grid-template-columns: 1fr auto
      }

      .nav-main,
      .header-phone {
        display: none
      }

      .brand img {
        width: 125px
      }

      .hero {
        min-height: auto;
        padding: 110px 0 104px
      }

      .hero h1 {
        font-size: 48px
      }

      .hero p {
        font-size: 18px
      }

      .hero-card-col {
        justify-content: flex-start;
        margin-top: 34px
      }

      .booking-card {
        width: 100%
      }

      .service-panel {
        margin-top: -54px;
        padding: 24px
      }

      .booking-panel {
        margin-top: -54px;
        padding: 24px
      }

      .service-card img {
        height: 230px
      }

      .about-gallery,
      .split-row {
        grid-template-columns: 1fr;
        gap: 34px
      }

      .about-gallery .big {
        min-height: 310px
      }

      .offer-list {
        grid-template-columns: 1fr
      }

      .rating-strip {
        grid-template-columns: repeat(2, 1fr)
      }

      .rating-item:nth-child(2) {
        border-right: 0
      }

      .rating-item:nth-child(1),
      .rating-item:nth-child(2) {
        border-bottom: 1px solid var(--ar-line)
      }

      .client-gallery {
        grid-template-columns: 1fr 1fr
      }

      .client-gallery img:first-child {
        grid-column: 1/-1;
        height: 300px
      }

      .destination-grid {
        grid-template-columns: repeat(2, 1fr)
      }

      .floating-card {
        right: 18px
      }

      .site-footer {
        text-align: left
      }

    }

    @media (max-width:575px) {
      .container-ar {
        padding-inline: 16px
      }

      .hero {
        padding: 96px 0 90px
      }

      .hero h1 {
        font-size: 39px;
        letter-spacing: -.052em
      }

      .hero p {
        font-size: 16px
      }

      .hero-bg {
        height: 100% !important;
        object-fit: cover !important;
      }

      .hero-actions .btn {
        width: 100%
      }

      .proof-item {
        width: 100%
      }

      .booking-body {
        padding: 18px
      }

      .service-panel {
        padding: 16px;
        border-radius: 18px
      }

      .booking-panel {
        padding: 16px;
        border-radius: 18px
      }

      .service-card {
        padding: 0;
        margin-bottom: 28px
      }

      .service-card img {
        height: 190px
      }

      .mini-stat,
      .destination-grid,
      .client-gallery {
        grid-template-columns: 1fr
      }

      .about-gallery:before {
        inset: 28px -10px -14px 14px
      }

      .about-gallery .stack {
        grid-template-columns: 1fr 1fr
      }

      .about-gallery .stack img {
        height: 180px
      }

      .mountain-content {
        padding: 28px
      }

      .mountain-content h2 {
        font-size: 32px
      }

      .rating-strip {
        grid-template-columns: 1fr
      }

      .rating-item {
        border-right: 0 !important;
        border-bottom: 1px solid var(--ar-line)
      }

      .rating-item:last-child {
        border-bottom: 0
      }

      .split-row {
        gap: 28px
      }

      .media-card img {
        height: 310px
      }

      .floating-card {
        position: relative;
        right: auto;
        bottom: auto;
        width: auto;
        margin: -52px 16px 0
      }

      .footer-logo {
        margin-inline: 0
      }

      .map-card {
        height: 260px
      }

      .summary-box {
        grid-template-columns: 1fr
      }

      .section-title.center {
        text-align: left
      }

      .section-title.center:after {
        margin-left: 0
      }

      .section-subtitle {
        text-align: left
      }
    }

    .img-white-border {
      filter: drop-shadow(1px 0 0 #fff) drop-shadow(-1px 0 0 #fff) drop-shadow(0 1px 0 #fff) drop-shadow(0 -1px 0 #fff);
    }
    
    
    #faqAccordion .accordion-button {
        letter-spacing: 0px !important;
    }

    
    /* =========================================================
   Premium Sticky WhatsApp CTA
   Matches AlbRide design + screenshot style
   ========================================================= */

.sticky-mobile-cta {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 9999;

  display: flex;
  align-items: center;
  justify-content: center;

  pointer-events: none;
}

.sticky-mobile-cta a {
  pointer-events: auto;

  display: inline-flex;
  align-items: center;
  gap: 10px;

  text-decoration: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;

  transition:
    transform .22s ease,
    filter .22s ease;
}

.sticky-mobile-cta a:hover {
  transform: translateY(-2px);
  filter: drop-shadow(0 14px 26px rgba(15, 23, 42, .16));
}

/* White text label */
.sticky-mobile-cta span {
  height: 42px;
  padding: 0 18px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  background: #fff;
  color: #0f172a;

  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 6px;

  font-size: 14px;
  line-height: 1;
  font-weight: 500;
  letter-spacing: .04em;
  text-transform: uppercase;
  white-space: nowrap;

  box-shadow:
    0 10px 28px rgba(15, 23, 42, .10),
    0 1px 2px rgba(15, 23, 42, .06);
}

/* Green WhatsApp circle */
.sticky-mobile-cta i {
  width: 56px;
  height: 56px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  background: #20b84d;
  color: #fff;

  border-radius: 999px;

  font-size: 30px;
  line-height: 1;

  box-shadow:
    0 12px 30px rgba(32, 184, 77, .28),
    inset 0 1px 0 rgba(255, 255, 255, .22);

  transition:
    background .22s ease,
    transform .22s ease,
    box-shadow .22s ease;
}

.sticky-mobile-cta a:hover i {
  background: #18a944;
  transform: scale(1.04);
  box-shadow:
    0 16px 34px rgba(32, 184, 77, .34),
    inset 0 1px 0 rgba(255, 255, 255, .24);
}

/* Optional small pulse on the WhatsApp icon */
.sticky-mobile-cta i::after {
  content: "";
  position: absolute;
}

/* Mobile positioning */
@media (max-width: 767px) {
  .sticky-mobile-cta {
    right: 18px;
    bottom: 18px;
  }

  .sticky-mobile-cta span {
    height: 40px;
    padding: 0 14px;
    font-size: 12px;
    letter-spacing: .035em;
  }

  .sticky-mobile-cta i {
    width: 52px;
    height: 52px;
    font-size: 28px;
  }
}

/* Very small phones */
@media (max-width: 390px) {
  .sticky-mobile-cta {
    right: 14px;
    bottom: 14px;
  }

  .sticky-mobile-cta span {
    max-width: 165px;
    padding: 0 12px;
    font-size: 11px;
  }

  .sticky-mobile-cta i {
    width: 48px;
    height: 48px;
    font-size: 26px;
  }
}

/* =========================================================
   AlbRide first-time scroll reveal animations - STABLE VERSION
   Prevents mobile fast-scroll jump / scroll anchoring issues
   ========================================================= */

:root {
  --ar-reveal-duration: 620ms;
  --ar-reveal-distance: 22px;
  --ar-reveal-ease: cubic-bezier(.22, 1, .36, 1);
}

/* Prevent browser scroll anchoring from correcting position during reveal */
.ar-reveal,
.ar-reveal * {
  overflow-anchor: none;
}

body.ar-reveal-enabled .ar-reveal {
  opacity: 0;
  transform: translate3d(0, var(--ar-reveal-distance), 0);
  transition:
    opacity var(--ar-reveal-duration) var(--ar-reveal-ease),
    transform var(--ar-reveal-duration) var(--ar-reveal-ease);
  transition-delay: var(--ar-delay, 0ms);
  will-change: transform, opacity;
  backface-visibility: hidden;
}

body.ar-reveal-enabled .ar-reveal.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  will-change: auto;
}

/* Direction variants */
body.ar-reveal-enabled .ar-reveal--fade-up {
  transform: translate3d(0, var(--ar-reveal-distance), 0);
}

body.ar-reveal-enabled .ar-reveal--fade-down {
  transform: translate3d(0, calc(var(--ar-reveal-distance) * -1), 0);
}

body.ar-reveal-enabled .ar-reveal--fade-left {
  transform: translate3d(calc(var(--ar-reveal-distance) * -1), 0, 0);
}

body.ar-reveal-enabled .ar-reveal--fade-right {
  transform: translate3d(var(--ar-reveal-distance), 0, 0);
}

body.ar-reveal-enabled .ar-reveal--zoom,
body.ar-reveal-enabled .ar-reveal--soft-zoom,
body.ar-reveal-enabled .ar-reveal--image,
body.ar-reveal-enabled .ar-reveal--card {
  transform: translate3d(0, 22px, 0);
}

/* Mobile: reduce movement to avoid scroll jump */
@media (max-width: 767px) {
  :root {
    --ar-reveal-duration: 480ms;
    --ar-reveal-distance: 14px;
  }

  body.ar-reveal-enabled .ar-reveal {
    transition-delay: 0ms !important;
  }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
  body.ar-reveal-enabled .ar-reveal,
  body.ar-reveal-enabled .ar-reveal.is-visible {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
  }
}

.link .i {
    font-weight: 800 !important;
    padding-top: 1px !important;
}

/* =========================================================
   ULTRA MOBILE FIX: REMOVE ALL HOVER / ACTIVE / FOCUS EFFECTS
   ========================================================= */

@media (hover: none), (pointer: coarse) {

  /* Kill hover + active + focus visual states */
  a:hover,
  
  a:active,
  a:focus,
  button:hover,
  button:active,
  button:focus,
  .btn:hover,
  .btn:active,
  .btn:focus,
  .elementor-button:hover,
  .elementor-button:active,
  .elementor-button:focus {
    transform: none !important;
    box-shadow: none !important;
    filter: none !important;
    outline: none !important;
    background-color: inherit;
    color: inset;
  }

  /* Remove Bootstrap active "fake hover" */
  .btn:active,
  .btn.active {
    background-image: none !important;
    box-shadow: none !important;
  }

  /* Remove iOS tap highlight completely */
  * {
    -webkit-tap-highlight-color: transparent !important;
  }

  /* Stop transition illusion on touch */
  a, button, .btn, .elementor-button {
    transition: none !important;
  }
}

.ar-reveal--card .accordion-button.collapsed {
    color: #000 !important;
}

.site-footer .footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  flex-wrap: wrap;
}

.site-footer .footer-bottom-links {
  display: flex;
  align-items: center;
  gap: 18px;
}

.site-footer .footer-bottom-links a {
  color: inherit;
  text-decoration: none;
}

.site-footer .footer-bottom-links a:hover {
  text-decoration: underline;
}

@media (max-width: 767px) {
  .site-footer .footer-bottom {
    flex-direction: column;
    text-align: center;
  }

  .site-footer .footer-bottom-links {
    justify-content: center;
  }
}

@media (max-width: 575.98px) {
  .w-mobile-100 {
    width: 100% !important;
  }
}