:root {
    /* Colors Branding */
    --color-primary: #1e293b;
    --color-secondary: #4cbbeb;
    --color-light-bg: #f7fbfe;
    --color-primary-dark: #0f1620;
    --color-primary-light: #334155;
    --color-primary-lighter: #64748b;
    --color-secondary-dark: #2a9bd1;
    --color-secondary-light: #7fd0f2;
    --color-secondary-lighter: #b3e4f7;
    --bg: var(--color-light-bg);
    --color-bg-alt: #eef6fb;
    --bg-dark: var(--color-primary);
    --color-text-body: #334155;
    --color-text-muted: #64748b;
    --color-text-on-dark: #f7fbfe;
    --color-border: #dce8f0;
    --color-border-dark: #cbd5e1;
    --color-accent-success: #34c77b;
    --color-accent-warning: #f5b942;
    --color-accent-error: #ef5350;
    --color-accent-info: #4c8beb;

    /* General Spacing */
    --spacing-sm: 1.5rem;
    --spacing-md: 2rem;
    --spacing-lg: 2.5rem;
    --spacing-xl: 3rem;
    --spacing-2xl: 3.5rem;
    --spacing-3xl: 4rem;
}

/* ----------------------------------
   HOME HERO SECTION
---------------------------------- */

.home-hero-section {
    position:relative;
    height:80vh;
}

@media (min-width:1280px) {

.home-hero-section{
    height:auto;
    aspect-ratio:16/9;
}
}

.home-hero-section .l-section-h,
.home-hero-section .g-cols,
.home-hero-section .vc_column_container,
.home-hero-section .vc_column-inner,
.home-hero-section .wpb_wrapper {
    height:100%;
}

.home-hero-inner-wrapper {
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.home-hero-section::before {
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;

    background:
        radial-gradient(
        ellipse at center,
        rgba(0,0,0,0) 40%,
        rgba(0,0,0,0.55) 100%
        ),
        linear-gradient(
        rgba(0,0,0,0.25),
        rgba(0,0,0,0.35)
        );
}

.home-hero-inner-wrapper {
    position:relative;
    z-index:2;
    width: 100%;
}

@media (min-width:1280px) {
    .home-hero-inner-wrapper {
        width: 70%;
    }
}

.home-hero-button-wrapper {
  display: flex;
  flex-direction: column;
}

@media (min-width:1280px) {
    .home-hero-button-wrapper {
      display: flex;
      flex-direction: row;
  }
}

/* ==========================================================================
   MOBILE FIRST
========================================================================== */

.home-hero-title {
  color: var(--color-white);
  width: 100%;
  font-size: var(--fluid-h1);
  font-weight: 800;
  line-height: 1.1;
}

.home-hero-intro-tagline {
  color: var(--color-white);
  width: 100%;
  font-size: var(--fluid-h6);
  font-weight: 300;
  line-height: 1.26;
  margin-bottom: 0;
}

/* ==========================================================================
   TABLET + DESKTOP
========================================================================== */

@media (min-width: 601px) {

  .home-hero-title,
  .home-hero-intro-tagline {
    width: 80%;
  }

}


.best-selling-tours-section {
  background: var(--color-white);
}