/* =====================================================================
   COMPILED FROM vx-hale-styles.scss
   --------------------------------------------------------------------
   $vx-navy:#0B2545  $vx-gold:#D4AF37  (brand-mandated palette)
   ===================================================================== */

      /* ---- Design tokens (compiled from SCSS $variables / :root) ---- */
      :root {
        --vx-navy: #0b2545;
        --vx-navy-deep: #081a33;
        --vx-navy-soft: #122e52;
        --vx-gold: #d4af37;
        --vx-gold-deep: #b9962b;
        --vx-gold-tint: #f6efd8;
        --vx-ink: #0b2545;
        --vx-body-text: #5C6D80;
        --vx-muted: #5C6D80;
        --vx-muted-on-navy: #aeb8c8;
        --vx-cream: #efe8cf;
        --vx-surface: #f4f5f9;
        --vx-line: #e6e8ee;
        --vx-white: #ffffff;

        --vx-font-display: "Poppins", system-ui, sans-serif;
        --vx-font-body: "PT Sans", system-ui, sans-serif;

        --vx-shell-max: 1440px;
        --vx-shell-pad: 60px;
        --vx-section-y: 96px;

        --vx-radius-sm: 8px;
        --vx-radius-md: 14px;
        --vx-radius-lg: 22px;
        --vx-radius-pill: 999px;

        --vx-shadow-soft: 0 10px 30px rgba(11, 37, 69, 0.07);
        --vx-shadow-card: 0 20px 45px rgba(11, 37, 69, 0.1);
        --vx-shadow-lift: 0 26px 55px rgba(11, 37, 69, 0.16);

        --vx-ease: cubic-bezier(0.4, 0.14, 0.3, 1);
      }

      /* ---- Base / reset ---- */
      *,
      *::before,
      *::after {
        box-sizing: border-box;
      }
      html {
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
        scroll-behavior: smooth;
      }
      body {
        margin: 0;
        font-family: var(--vx-font-body);
        color: var(--vx-body-text);
        background: var(--vx-white);
        font-size: 16px;
        line-height: 1.6;
      }
      img {
        display: block;
        max-width: 100%;
      }
      a {
        color: inherit;
        text-decoration: none;
      }
      h1,
      h2,
      h3,
      h4 {
        margin: 0;
        font-family: var(--vx-font-display);
        color: var(--vx-ink);
        line-height: 1.14;
      }
      p {
        margin: 0;
      }

main.vx-page {
    padding-top: 72px;
}

section {
    padding: 100px 0 !important;
}

      /* ---- Layout shell (replaces generic 'container') ---- */
      .vx-shell {
        width: 100%;
        max-width: var(--vx-shell-max);
        margin-inline: auto;
        padding-inline: var(--vx-shell-pad);
      }

      /* ---- Eyebrow label ---- */
      .vx-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 16px;
        font-family: var(--vx-font-body);
        font-weight: 700;
        font-size: 12.5px;
        letter-spacing: 0.15em;
        text-transform: uppercase;
        color: var(--vx-gold);
      }
      .vx-eyebrow::before {
        content: "";
        width: 34px;
        height: 2px;
        border-radius: 2px;
        background: var(--vx-gold);
      }
      .vx-eyebrow--centered {
        justify-content: center;
      }
      .vx-eyebrow--centered::after {
        content: "";
        width: 34px;
        height: 2px;
        border-radius: 2px;
        background: var(--vx-gold);
      }
      .vx-eyebrow--bare::before {
        display: none;
      }

      /* ---- Action buttons (replaces generic 'btn') ---- */
      .vx-action {
        display: inline-flex;
        align-items: center;
        gap: 12px;
        font-family: var(--vx-font-body);
        font-weight: 700;
        font-size: 15px;
        padding: 15px 28px;
        border-radius: var(--vx-radius-pill);
        border: 1.5px solid transparent;
        cursor: pointer;
        transition:
          transform 0.25s var(--vx-ease),
          box-shadow 0.25s var(--vx-ease),
          background 0.25s var(--vx-ease),
          color 0.25s var(--vx-ease),
          border-color 0.25s var(--vx-ease);
      }
      .vx-action__icon {
        width: 18px;
        height: 18px;
      }
      .vx-action--solid {
        background: var(--vx-navy);
        color: var(--vx-white);
      }
      .vx-action--solid:hover {
        transform: translateY(-2px);
        box-shadow: 0 14px 28px rgba(11, 37, 69, 0.28);
		  color:white;
      }
      .vx-action--outline {
        background: transparent;
        color: var(--vx-ink);
        border-color: var(--vx-line);
      }
      .vx-action--outline:hover {
        border-color: var(--vx-navy);
        transform: translateY(-2px);
		      color: var(--vx-navy);
      }
      .vx-action--gold {
        background: var(--vx-gold);
        color: var(--vx-navy);
      }
      .vx-action--gold:hover {
        background: var(--vx-gold-deep);
        transform: translateY(-2px);
      }
      .vx-action--block {
        width: 100%;
        justify-content: center;
        padding: 18px;
      }

      /* ---- Reusable carousel dots ---- */
      .vx-dots {
        display: flex;
        gap: 8px;
      }
      .vx-dots__item {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #cfd4dd;
      }
      .vx-dots__item--active {
        width: 26px;
        border-radius: 6px;
        background: var(--vx-gold);
      }

      /* =====================================================================
   HERO
   ===================================================================== */
      .vx-hero {
        padding: 72px 0 64px;
        overflow: hidden;
      }
      .vx-hero__inner {
        display: grid;
        grid-template-columns: 1.12fr 0.88fr;
        align-items: center;
        gap: 30px;
      }
      .vx-hero__title {
        margin-top: 22px;
        max-width: 650px;
        font-size: 54px;
        font-weight: 600;
        letter-spacing: -0.5px;
        color: var(--vx-ink);
      }
      .vx-hero__title-accent {
        color: var(--vx-gold);
      }
      .vx-hero__copy {
        margin-top: 24px;
        max-width: 480px;
        font-size: 16.5px;
        color: var(--vx-body-text);
      }
      .vx-hero__actions {
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
        margin-top: 34px;
      }

      .vx-hero__media-wrapper {
        position: relative;
        justify-self: end;
        width: 100%;
        max-width: 630px;
      }
      .vx-hero__media-accent {
        position: absolute;
        inset: -22px -28px -30px 18px;
        background: var(--vx-cream);
        border-radius: 28px;
        transform: rotate(5deg);
      }
      .vx-hero__media-frame {
        position: relative;
        padding: 10px;
        background: var(--vx-white);
        border-radius: 20px;
        box-shadow: 0 24px 52px rgba(11, 37, 69, 0.16);
      }
      .vx-hero__media-img {
        width: 100%;
        aspect-ratio: 7 / 9;
        object-fit: cover;
        border-radius: 12px;
        background: var(--vx-surface);
      }

      /* =====================================================================
   PARTNERS — "Others promise, Hale delivers"
   ===================================================================== */
      .vx-partners {

    border-top: 1px solid #eee;
        text-align: center;
      }
      .vx-partners__heading {
        margin-bottom: 42px;
        font-size: 19px;
        font-weight: 700;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: var(--vx-ink);
      }
      .vx-partners__track {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 28px;
      }
      .vx-partners__logo {
        flex: 1 1 0;
        min-width: 0;
        width: 100%;
        max-width: 124px;
        height: 56px;
        object-fit: contain;
/*         opacity: 0.82;
        filter: grayscale(20%); */
        transition:
          opacity 0.25s var(--vx-ease),
          filter 0.25s var(--vx-ease);
      }
      .vx-partners__logo:hover {
        opacity: 1;
        filter: grayscale(0%);
      }
      .vx-partners .vx-dots {
        justify-content: center;
        margin-top: 36px;
      }

      /* =====================================================================
   STATS BAND
   ===================================================================== */
      .vx-stats {
        position: relative;
        overflow: hidden;
        padding: 66px 0;
        isolation: isolate;
      }
      .vx-stats__backdrop {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: -2;
      }
      .vx-stats::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
background: #081a33db;
      }
      .vx-stats__grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        text-align: center;
      }
      .vx-stats__cell {
        position: relative;
        padding: 6px 18px;
      }
      .vx-stats__cell + .vx-stats__cell::before {
        content: "";
        position: absolute;
        left: 0;
        top: 12px;
        bottom: 12px;
        width: 1px;
        background: rgba(255, 255, 255, 0.16);
      }
      .vx-stats__figure {
        font-family: var(--vx-font-display);
        font-weight: 700;
        font-size: 44px;
        line-height: 1;
        color: var(--vx-gold);
      }
      .vx-stats__label {
        margin-top: 14px;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #c4cad6;
      }

      /* =====================================================================
   SHARED SECTION HEADING
   ===================================================================== */
      .vx-section-heading {
        max-width: 640px;
        margin: 0 auto 56px;
        text-align: center;
      }
      .vx-section-heading__title {
        font-size: 40px;
        font-weight: 700;
        color: var(--vx-ink);
      }
      .vx-section-heading__sub {
        margin-top: 16px;
        font-size: 16px;
        color: var(--vx-body-text);
      }

     /* =====================================================================
   RESULTS
   ===================================================================== */
      .vx-results {
        padding: var(--vx-section-y) 0;
      }
      .vx-results__grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 36px;
      }
      .vx-result-profile__media {
        width: 100%;
        aspect-ratio: 1 / 1;
        object-fit: cover;
        border-radius: var(--vx-radius-md);
        background: var(--vx-surface);
        transition:
          transform 0.3s var(--vx-ease),
          box-shadow 0.3s var(--vx-ease);
      }
      .vx-result-profile:hover .vx-result-profile__media {
        transform: translateY(-4px);
        box-shadow: var(--vx-shadow-card);
      }
      .vx-result-profile__name {
        margin-top: 22px;
        font-size: 23px;
        font-weight: 700;
        color: var(--vx-ink);
      }
      .vx-result-profile__school {
        margin-top: 4px;
        font-size: 15px;
        font-weight: 700;
        color: var(--vx-gold);
      }
      .vx-result-profile__note {
        margin-top: 14px;
        max-width: 290px;
        font-size: 15px;
        color: var(--vx-body-text);
      }
  /* ---- 2026 admission outcomes ---- */
      .vx-results__achievements {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 22px;
        margin: 0 auto 64px;
      }
      .vx-achievement {
        text-align: center;
        padding: 30px 22px;
        background: var(--vx-surface);
        border: 1px solid var(--vx-line);
        border-radius: var(--vx-radius-md);
        transition:
          transform 0.3s var(--vx-ease),
          box-shadow 0.3s var(--vx-ease),
          border-color 0.3s var(--vx-ease),
          background 0.3s var(--vx-ease);
      }
      .vx-achievement:hover {
        transform: translateY(-5px);
        background: var(--vx-white);
        border-color: rgba(212, 175, 55, 0.5);
        box-shadow: var(--vx-shadow-card);
      }
      .vx-achievement__figure {
        font-family: var(--vx-font-display);
        font-weight: 700;
        font-size: 40px;
        line-height: 1;
        color: var(--vx-gold);
      }
      .vx-achievement__label {
        margin-top: 10px;
        font-size: 14.5px;
        font-weight: 600;
        line-height: 1.35;
        color: var(--vx-ink);
      }
      @media (max-width: 960px) {
        .vx-results__achievements {
          grid-template-columns: repeat(2, 1fr);
        }
      }
      @media (max-width: 560px) {
        .vx-results__achievements {
          grid-template-columns: 1fr;
        }
      }


      /* =====================================================================
   TESTIMONIALS
   ===================================================================== */
      .vx-testimonials {
        background: var(--vx-navy);
        padding: var(--vx-section-y) 0;
      }
      .vx-testimonials__title {
        margin-top: 18px;
        max-width: 540px;
        font-size: 44px;
        font-weight: 700;
        color: var(--vx-white);
      }
      .vx-testimonials__grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 28px;
        margin-top: 48px;
      }
      .vx-quote-panel {
        display: flex;
        flex-direction: column;
        padding: 34px 30px 28px;
        background: rgba(255, 255, 255, 0.04);
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: var(--vx-radius-md);
        transition:
          transform 0.3s var(--vx-ease),
          border-color 0.3s var(--vx-ease);
      }
      .vx-quote-panel:hover {
        transform: translateY(-4px);
        border-color: rgba(212, 175, 55, 0.45);
      }
      .vx-quote-panel__text {
        flex: 1;
        font-style: italic;
        font-size: 15px;
        line-height: 1.62;
        color: #dfe4ec;
      }
      .vx-quote-panel__author {
        display: flex;
        align-items: center;
        gap: 14px;
        margin-top: 28px;
      }
      .vx-quote-panel__avatar {
        width: 44px;
        height: 44px;
        border-radius: 50%;
        object-fit: cover;
        flex-shrink: 0;
        background: var(--vx-navy-soft);
      }
      .vx-quote-panel__name {
        font-family: var(--vx-font-display);
        font-weight: 600;
        font-size: 15px;
        color: var(--vx-white);
      }
      .vx-quote-panel__school {
        display: flex;
        align-items: center;
        gap: 6px;
        margin-top: 3px;
        font-size: 12.5px;
        color: var(--vx-gold);
      }
      .vx-quote-panel__school::before {
        content: "•";
        color: var(--vx-gold);
      }

      .vx-testimonials__footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 40px;
      }
      .vx-testimonials__nav {
        display: flex;
        gap: 12px;
      }
      .vx-arrow-btn {
        width: 48px;
        height: 48px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: transparent;
        border: 1px solid rgba(255, 255, 255, 0.2);
        cursor: pointer;
        transition:
          background 0.25s var(--vx-ease),
          transform 0.25s var(--vx-ease);
      }
      .vx-arrow-btn__icon {
        width: 20px;
        height: 20px;
      }
      .vx-arrow-btn:hover {
        background: rgba(255, 255, 255, 0.12);
      }
      .vx-arrow-btn--filled {
        background: var(--vx-white);
        border-color: var(--vx-white);
      }
      .vx-arrow-btn--filled:hover {
        background: #ececec;
        transform: translateX(2px);
      }

      /* =====================================================================
   DIFFERENCE
   ===================================================================== */
      .vx-difference {
        padding: var(--vx-section-y) 0;
      }
      .vx-difference__inner {
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: center;
        gap: 64px;
      }
      .vx-difference__title {
        margin-top: 22px;
        max-width: 460px;
        font-size: 40px;
        font-weight: 700;
        color: var(--vx-ink);
      }
      .vx-difference__copy {
        margin-top: 22px;
        max-width: 420px;
        font-size: 16.5px;
        color: var(--vx-body-text);
      }
      .vx-difference__action {
        margin-top: 30px;
      }
      .vx-difference__media {
        width: 100%;
        aspect-ratio: 16 / 11;
        object-fit: cover;
        border-radius: var(--vx-radius-md);
        background: var(--vx-surface);
        box-shadow: var(--vx-shadow-soft);
      }

      /* =====================================================================
   ROADMAP
   ===================================================================== */
      .vx-roadmap {
        background: var(--vx-surface);
        padding: 84px 0 90px;
      }
      .vx-roadmap__head {
        max-width: 640px;
        margin: 0 auto 64px;
        text-align: center;
      }
      .vx-roadmap__title {
        margin-top: 18px;
        font-size: 40px;
        font-weight: 700;
        color: var(--vx-ink);
      }
      .vx-roadmap__steps {
        position: relative;
        display: grid;
        grid-template-columns: repeat(5, 1fr);
      }
      .vx-roadmap__steps::before {
        content: "";
        position: absolute;
        top: 30px;
        left: 10%;
        right: 10%;
        border-top: 2px dashed #d3cfb6;
        z-index: 0;
      }
      .vx-roadmap-step {
        position: relative;
        z-index: 1;
        padding: 0 8px;
        text-align: center;
      }
      .vx-roadmap-step__badge {
        width: 60px;
        height: 60px;
        margin: 0 auto 26px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: var(--vx-white);
        border: 2px solid var(--vx-gold);
        font-family: var(--vx-font-display);
        font-weight: 600;
        font-size: 20px;
        color: var(--vx-ink);
        transition:
          transform 0.25s var(--vx-ease),
          box-shadow 0.25s var(--vx-ease);
      }
      .vx-roadmap-step:hover .vx-roadmap-step__badge {
        transform: translateY(-4px);
        box-shadow: 0 10px 22px rgba(212, 175, 55, 0.35);
      }
      .vx-roadmap-step__title {
        font-size: 18px;
        font-weight: 700;
        color: var(--vx-ink);
      }
      .vx-roadmap-step__text {
        margin-top: 12px;
        font-size: 14px;
        color: var(--vx-body-text);
      }
 /* =====================================================================
   APPROACH ("Why Hale")
   ===================================================================== */
      .vx-approach {
        padding: var(--vx-section-y) 0;
      }
      .vx-approach .vx-section-heading {
        margin-bottom: 60px;
      }
      .vx-approach .vx-section-heading__title {
        max-width: 560px;
        margin-inline: auto;
      }
      .vx-approach__grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
      }
      .vx-approach-tile {
        position: relative;
        display: flex;
        flex-direction: column;
        padding: 34px 32px 30px;
        background: var(--vx-white);
        border: 1px solid var(--vx-line);
        border-radius: var(--vx-radius-md);
        transition:
          transform 0.3s var(--vx-ease),
          box-shadow 0.3s var(--vx-ease);
      }
      .vx-approach-tile:hover {
        transform: translateY(-5px);
        box-shadow: var(--vx-shadow-card);
      }
      .vx-approach-tile--featured {
        box-shadow: var(--vx-shadow-card);
        border-top: 3px solid var(--vx-gold);
      }
      .vx-approach-tile__index {
        font-family: var(--vx-font-display);
        font-weight: 500;
        font-size: 15px;
        color: var(--vx-muted);
      }
      .vx-approach-tile__icon-box {
        width: 52px;
        height: 52px;
        margin: 26px 0 22px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--vx-surface);
        border-radius: 12px;
      }
      .vx-approach-tile--featured .vx-approach-tile__icon-box {
        background: var(--vx-gold-tint);
      }
      .vx-approach-tile__icon {
        width: 26px;
        height: 26px;
      }
      .vx-approach-tile__title {
        font-size: 22px;
        font-weight: 700;
        color: var(--vx-ink);
      }
      .vx-approach-tile--featured .vx-approach-tile__title {
        color: var(--vx-gold-deep);
      }
      .vx-approach-tile__text {
        margin-top: 16px;
        font-size: 14.5px;
        color: var(--vx-body-text);
      }
      .vx-approach-tile__link {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        align-self: flex-start;
        margin-top: auto;
        padding-top: 26px;
        font-family: var(--vx-font-display);
        font-weight: 600;
        font-size: 14px;
        color: var(--vx-ink);
      }
      .vx-approach-tile__link-icon {
        width: 16px;
        height: 16px;
        transition: transform 0.25s var(--vx-ease);
      }
      .vx-approach-tile__link:hover .vx-approach-tile__link-icon {
        transform: translateX(4px);
      }


      /* =====================================================================
   DESTINATIONS
   ===================================================================== */
     .vx-destinations {
    background: #F4F6F9;
}
      .vx-destinations .vx-section-heading {
        margin-bottom: 52px;
      }
      .vx-destinations__grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 22px;
      }
      .vx-destination-tile {
        position: relative;
        aspect-ratio: 3 / 4.4;
        overflow: hidden;
        border-radius: var(--vx-radius-md);
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding: 26px 22px;
        color: var(--vx-white);
      }
      .vx-destination-tile__media {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: 0;
        transition: transform 0.5s var(--vx-ease);
        background: var(--vx-navy-soft);
      }
      .vx-destination-tile:hover .vx-destination-tile__media {
        transform: scale(1.07);
      }
      .vx-destination-tile::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        background: linear-gradient(
          180deg,
          rgba(11, 37, 69, 0.15) 0%,
          rgba(11, 37, 69, 0.9) 100%
        );
      }
      .vx-destination-tile__tag,
      .vx-destination-tile__name,
      .vx-destination-tile__meta {
        position: relative;
        z-index: 2;
      }
      .vx-destination-tile__tag {
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--vx-gold);
      }
      .vx-destination-tile__name {
        margin-top: 10px;
        font-size: 22px;
        font-weight: 700;
        line-height: 1.18;
        color: var(--vx-white);
      }
      .vx-destination-tile__meta {
        margin-top: 8px;
        font-size: 13px;
        color: #cdd4df;
      }

      /* =====================================================================
   STORIES (podcast + articles)
   ===================================================================== */
      .vx-stories {
        padding: var(--vx-section-y) 0;
      }
      .vx-stories__title {
        margin-top: 18px;
        max-width: 540px;
        font-size: 44px;
        font-weight: 700;
        color: var(--vx-ink);
      }
      .vx-stories__grid {
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        gap: 30px;
        margin-top: 48px;
        align-items: start;
      }

      .vx-podcast {
        position: relative;
        overflow: hidden;
        min-height: 420px;
        display: flex;
        flex-direction: column;
        padding: 44px 40px;
        background: var(--vx-navy);
        border-radius: var(--vx-radius-lg);
        color: var(--vx-white);
        isolation: isolate;
      }
      .vx-podcast__backdrop {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: -2;
        opacity: 0.22;
      }
      .vx-podcast::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        background: linear-gradient(
          150deg,
          rgba(11, 37, 69, 0.86),
          rgba(8, 26, 51, 0.96)
        );
      }
      .vx-podcast__title {
        margin-top: 22px;
        font-size: 30px;
        font-weight: 700;
        line-height: 1.18;
        color: var(--vx-white);
      }
      .vx-podcast__copy {
        margin-top: 18px;
        max-width: 420px;
        font-size: 14.5px;
        color: #c4ccd8;
      }
      .vx-podcast__player {
        margin-top: 50px;
        display: flex;
        align-items: center;
        gap: 18px;
        padding: 18px 20px;
        background: rgba(255, 255, 255, 0.05);
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: var(--vx-radius-md);
        cursor: pointer;
        transition: background 0.25s var(--vx-ease);
      }
      .vx-podcast__player:hover {
        background: rgba(255, 255, 255, 0.09);
      }
      .vx-podcast__play {
        width: 46px;
        height: 46px;
        flex-shrink: 0;
        border-radius: 50%;
        background: var(--vx-white);
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .vx-podcast__play-icon {
        width: 18px;
        height: 18px;
      }
      .vx-podcast__player-label {
        font-family: var(--vx-font-display);
        font-weight: 600;
        font-size: 15px;
        color: var(--vx-white);
      }
      .vx-podcast__wave {
        display: flex;
        align-items: center;
        gap: 3px;
        height: 16px;
        margin-top: 8px;
      }
      .vx-podcast__wave span {
        width: 3px;
        border-radius: 3px;
        background: var(--vx-gold);
      }

      .vx-articles {
        display: flex;
        flex-direction: column;
        gap: 16px;
      }
      .vx-article {
        display: flex;
        align-items: center;
        gap: 20px;
        padding: 16px;
        background: var(--vx-white);
        border: 1px solid var(--vx-line);
        border-radius: var(--vx-radius-md);
        transition:
          transform 0.25s var(--vx-ease),
          box-shadow 0.25s var(--vx-ease);
      }
      .vx-article:hover {
        transform: translateY(-3px);
        box-shadow: var(--vx-shadow-soft);
      }
      .vx-article__media {
        width: 100px;
        height: 76px;
        flex-shrink: 0;
        object-fit: cover;
        border-radius: 10px;
        background: var(--vx-surface);
      }
      .vx-article__tag {
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--vx-gold);
      }
      .vx-article__title {
        margin-top: 7px;
        font-family: var(--vx-font-display);
        font-weight: 600;
        font-size: 17px;
        line-height: 1.3;
        color: var(--vx-ink);
      }
      .vx-article__date {
        margin-top: 8px;
        font-size: 13px;
        color: var(--vx-muted);
      }

      /* =====================================================================
   PRESS — "As Seen In"
   ===================================================================== */
      .vx-press {
background: #F4F6F9;
        text-align: center;
      }
      .vx-press__heading {
        margin-bottom: 50px;
        font-size: 15px;
        font-weight: 700;
        letter-spacing: 0.22em;
        text-transform: uppercase;
        color: var(--vx-muted);
      }
      .vx-press__track {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 50px;
        margin-bottom: 36px;
      }
      .vx-press__logo {
        height: 60px;
        object-fit: contain;
        opacity: 0.72;
        filter: grayscale(35%);
        transition:
          opacity 0.25s var(--vx-ease),
          filter 0.25s var(--vx-ease);
      }
      .vx-press__logo:hover {
        opacity: 1;
        filter: grayscale(0%);
      }

      /* =====================================================================
   CONTACT
   ===================================================================== */
      .vx-contact {
        padding: 30px 0 var(--vx-section-y);
      }
      .vx-contact__panel {
        display: grid;
        grid-template-columns: 0.82fr 1.18fr;
        overflow: hidden;
        border-radius: var(--vx-radius-lg);
        box-shadow: var(--vx-shadow-card);
      }
      .vx-contact__aside {
        padding: 54px 46px;
        background: var(--vx-navy);
        color: var(--vx-white);
      }
      .vx-contact__aside-title {
        margin-top: 18px;
        font-size: 34px;
        font-weight: 700;
        color: var(--vx-white);
      }
      .vx-contact__line {
        display: flex;
        gap: 16px;
        margin-top: 34px;
      }
      .vx-contact__line-icon-box {
        width: 42px;
        height: 42px;
        flex-shrink: 0;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(255, 255, 255, 0.07);
      }
      .vx-contact__line-icon {
        width: 18px;
        height: 18px;
      }
      .vx-contact__line-label {
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--vx-muted-on-navy);
      }
      .vx-contact__line-value {
        margin-top: 5px;
        font-size: 15.5px;
        color: #eef1f6;
      }

.vx-contact__line-value a{
	color: #fff;
}

.vx-contact__form-area .vx-action--solid{
    background: var(--vx-navy) !important;
    color: var(--vx-white) !important;
	    border-radius: var(--vx-radius-pill) !important;
}
.vx-contact__socials {
        display: flex;
        gap: 12px;
        margin-top: 56px;
      }
      .vx-contact__social {
        width: 38px;
        height: 38px;
        border-radius: 9px;
        background: rgba(255, 255, 255, 0.07);
        display: flex;
        align-items: center;
        justify-content: center;
        transition:
          background 0.25s var(--vx-ease),
          transform 0.25s var(--vx-ease);
      }
      .vx-contact__social:hover {
        background: var(--vx-gold);
        transform: translateY(-3px);
      }
      .vx-contact__social-icon {
        width: 17px;
        height: 17px;
      }

      .vx-contact__form-area {
        padding: 50px 48px;
        background: var(--vx-white);
      }
      .vx-contact__form-title {
        font-size: 28px;
        font-weight: 700;
        line-height: 1.25;
        color: var(--vx-ink);
      }
      .vx-contact__form-sub {
        margin-top: 12px;
        font-size: 15px;
        color: var(--vx-body-text);
      }
      .vx-contact__fields {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 26px 40px;
        margin-top: 34px;
      }
      .vx-field {
        display: flex;
        flex-direction: column;
      }
      .vx-field--wide {
        grid-column: 1 / -1;
      }
      .vx-field__label {
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: var(--vx-ink);
      }

      .vx-field__input {
        margin-top: 10px;
        padding: 12px 0;
        font-family: var(--vx-font-body);
        font-size: 15px;
        color: var(--vx-ink);
        background: transparent;
        border: none;
        border-bottom: 1.5px solid var(--vx-line);
        outline: none;
        transition: border-color 0.25s var(--vx-ease);
      }
      .vx-field__input::placeholder {
        color: var(--vx-muted);
      }
      .vx-field__input:focus {
        border-bottom-color: var(--vx-gold);
      }
      .vx-field__select {
/*         margin-top: 10px; */
		  width:100%;
        padding: 12px 0;
        font-family: var(--vx-font-body);
        font-size: 15px;
        color: var(--vx-muted);
        background: transparent;
        border: none;
        border-bottom: 1.5px solid var(--vx-line);
        outline: none;
        appearance: none;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%238a93a1' d='M6 8 0 0h12z'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right center;
        transition: border-color 0.25s var(--vx-ease);
      }
      .vx-field__select:focus {
        border-bottom-color: var(--vx-gold);
      }
      .vx-contact__submit {
        margin-top: 38px;
      }
      .vx-contact__note {
        margin-top: 16px;
        text-align: center;
        font-size: 13px;
        color: var(--vx-muted);
      }

      /* =====================================================================
   CTA
   ===================================================================== */
      .vx-cta {
        background: var(--vx-surface);
        padding: 90px 0;
        text-align: center;
      }
      .vx-cta__title {
        max-width: 720px;
        margin: 0 auto;
        font-size: 46px;
        font-weight: 700;
        line-height: 1.18;
        color: var(--vx-ink);
      }
      .vx-cta__action {
        margin-top: 36px;
      }

      /* =====================================================================
   RESPONSIVE  (compiled from @include vx-respond mixins)
   ===================================================================== */
      @media (max-width: 960px) {
        :root {
          --vx-shell-pad: 28px;
          --vx-section-y: 68px;
        }
        .vx-hero__inner,
        .vx-difference__inner,
        .vx-contact__panel {
          grid-template-columns: 1fr;
        }
        .vx-hero__title {
          font-size: 44px;
        }
        .vx-hero__media-wrapper {
          justify-self: center;
          margin-top: 30px;
        }
        .vx-results__grid,
        .vx-testimonials__grid,
        .vx-approach__grid {
          grid-template-columns: 1fr;
        }
        .vx-stats__grid,
        .vx-destinations__grid {
          grid-template-columns: repeat(2, 1fr);
          gap: 30px 0;
        }
        .vx-stats__cell + .vx-stats__cell::before {
          display: none;
        }
        .vx-roadmap__steps {
          grid-template-columns: 1fr;
          gap: 34px;
        }
        .vx-roadmap__steps::before {
          display: none;
        }
        .vx-stories__grid,
        .vx-contact__fields {
          grid-template-columns: 1fr;
        }
        .vx-section-heading__title,
        .vx-difference__title,
        .vx-testimonials__title,
        .vx-stories__title,
        .vx-roadmap__title,
        .vx-cta__title {
          font-size: 32px;
        }
      }
      @media (max-width: 560px) {
        .vx-partners__track {
          flex-wrap: wrap;
          gap: 22px;
        }
        .vx-partners__logo {
          flex: 0 0 26%;
        }
        .vx-stats__grid {
          grid-template-columns: 1fr 1fr;
        }
        .vx-destinations__grid {
          grid-template-columns: 1fr;
        }
        .vx-hero__title {
          font-size: 38px;
        }
      }

      /* =====================================================================
   OWL CAROUSEL — brand-styled dots & nav
   (overrides owl.theme.default; loaded after it so these win)
   ===================================================================== */

      /* ---- Partners carousel ---- */
      .vx-partners__carousel {
        margin-top: 4px;
      }
      .vx-partners__slide {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 6px;
      }
      /* beat owl's `.owl-carousel .owl-item img{width:100%}` while keeping the logo capped */
      .vx-partners__carousel .owl-item img.vx-partners__logo {
        width: 100%;
        max-width: 150px;
        height: 75px;
        margin-inline: auto;
      }


      .vx-partners__carousel.owl-theme .owl-dots {
        margin-top: 36px;
      }
      .vx-partners__carousel.owl-theme .owl-dots .owl-dot span {
        width: 8px;
        height: 8px;
        margin: 0 4px;
        background: #cfd4dd;
        border-radius: 50%;
        transition:
          width 0.25s var(--vx-ease),
          background 0.25s var(--vx-ease);
      }
      .vx-partners__carousel.owl-theme .owl-dots .owl-dot.active span,
      .vx-partners__carousel.owl-theme .owl-dots .owl-dot:hover span {
        width: 26px;
        border-radius: 6px;
        background: var(--vx-gold);
      }

.owl-dots button, .owl-dot{
	box-shadow:unset!important
}

      /* ---- Testimonials carousel ---- */
      .vx-testimonials__carousel {
        position: relative;
        margin-top: 48px;
        padding-bottom: 96px;
      }
      /* equal-height panels (standard Owl 2 flex technique) */
      .vx-testimonials__carousel .owl-stage {
        display: flex;
      }
      .vx-testimonials__carousel .owl-item {
        display: flex;
        height: auto;
		      margin: 6px 1px;
      }
      .vx-testimonials__carousel .owl-item .vx-quote-panel {
        width: 100%;
        height: 100%;
      }
      /* keep avatars at fixed size despite owl's global img width:100% */
      .vx-testimonials__carousel .owl-item img.vx-quote-panel__avatar {
        width: 44px;
        height: 44px;
      }

      /* dots — bottom-left, matching the original layout */
      .vx-testimonials__carousel.owl-theme .owl-dots {
        position: absolute;
        left: 0;
        bottom: 32px;
        display: flex;
        gap: 8px;
        margin: 0;
      }
      .vx-testimonials__carousel.owl-theme .owl-dots .owl-dot span {
        width: 8px;
        height: 8px;
        margin: 0;
        background: rgba(255, 255, 255, 0.3);
        border-radius: 50%;
        transition:
          width 0.25s var(--vx-ease),
          background 0.25s var(--vx-ease);
      }
      .vx-testimonials__carousel.owl-theme .owl-dots .owl-dot.active span {
        width: 26px;
        border-radius: 6px;
        background: var(--vx-gold);
      }

      /* nav arrows — bottom-right: outlined prev + filled next */
      .vx-testimonials__carousel.owl-theme .owl-nav {
        position: absolute;
        right: 0;
        bottom: 16px;
        display: flex;
        gap: 12px;
        margin: 0;
      }
      .vx-testimonials__carousel.owl-theme .owl-nav button.owl-prev,
      .vx-testimonials__carousel.owl-theme .owl-nav button.owl-next {
        width: 48px;
        height: 48px;
        margin: 0;
        padding: 0;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: transparent;
        border: 1px solid rgba(255, 255, 255, 0.2);
        transition:
          background 0.25s var(--vx-ease),
          transform 0.25s var(--vx-ease);
      }
      .vx-testimonials__carousel.owl-theme .owl-nav button.owl-prev:hover {
        background: rgba(255, 255, 255, 0.12);
      }
      .vx-testimonials__carousel.owl-theme .owl-nav button.owl-next {
        background: var(--vx-white);
        border-color: var(--vx-white);
      }
      .vx-testimonials__carousel.owl-theme .owl-nav button.owl-next:hover {
        background: #ececec;
        transform: translateX(2px);
      }
      .vx-testimonials__carousel .owl-nav img {
        width: 20px;
        height: 20px;
      }

      @media (max-width: 960px) {
        .vx-testimonials__carousel {
          padding-bottom: 88px;
        }
      }