.elementor-1039 .elementor-element.elementor-element-4c335b5{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-5437a8d *//* =========================================================
   SPITI RIDERS
   BIKE TOUR — TWO ROUTE OPTIONS
========================================================= */

.sr-bike-route-tabs {
  --sr-blue: #1361cc;
  --sr-blue-dark: #0e4fa9;
  --sr-blue-soft: #eef5ff;

  --sr-heading: #090d14;
  --sr-text: #5d6671;
  --sr-muted: #7d8792;

  --sr-white: #ffffff;
  --sr-border: #e6e9ee;
  --sr-light: #f7f9fc;

  width: 100%;

  margin-top: 80px;

  font-family:
    var(
      --sr-font-primary,
      "Manrope"
    ),
    Arial,
    sans-serif;
}


.sr-bike-route-tabs,
.sr-bike-route-tabs *,
.sr-bike-route-tabs *::before,
.sr-bike-route-tabs *::after {
  box-sizing: border-box;
}


/* =========================================================
   ELEMENTOR RESET
========================================================= */

.sr-bike-route-tabs button,
.sr-bike-route-tabs button:hover,
.sr-bike-route-tabs button:focus,
.sr-bike-route-tabs button:focus-visible,
.sr-bike-route-tabs button:active {
  margin: 0 !important;

  font: inherit;

  text-transform:
    none
    !important;

  -webkit-appearance: none;
  appearance: none;

  outline:
    none
    !important;

  box-shadow:
    none
    !important;

  -webkit-tap-highlight-color:
    transparent
    !important;
}


/* =========================================================
   SECTION HEADING — TWO COLUMN
========================================================= */

.sr-bike-route-tabs__heading {
  display: grid;

  grid-template-columns:
    minmax(0, 1.25fr)
    minmax(320px, 0.75fr);

  gap: 55px;

  align-items: end;

  margin-bottom: 34px;
}


.sr-bike-route-tabs__heading-main {
  max-width: 780px;
}


.sr-bike-route-tabs__heading-main > span {
  display: flex;

  align-items: center;

  gap: 10px;

  margin-bottom: 15px;

  color: var(--sr-blue);

  font-size: 11px;
  font-weight: 800;

  line-height: 1.3;

  letter-spacing: 0.14em;

  text-transform: uppercase;
}


.sr-bike-route-tabs__heading-main > span::before {
  content: "";

  width: 30px;
  height: 2px;

  flex: 0 0 auto;

  border-radius: 999px;

  background: var(--sr-blue);
}


.sr-bike-route-tabs__heading-main h2 {
  margin: 0;

  color: var(--sr-heading);

  font-size:
    clamp(
      36px,
      4vw,
      52px
    );

  font-weight: 800;

  line-height: 1.06;

  letter-spacing: -0.045em;
}


.sr-bike-route-tabs__heading-main h2 strong {
  display: block;

  color: var(--sr-blue);

  font-weight: inherit;
}


.sr-bike-route-tabs__heading-copy {
  max-width: 500px;

  justify-self: end;

  padding-bottom: 3px;
}


.sr-bike-route-tabs__heading-copy > p {
  margin: 0;

  color: var(--sr-text);

  font-size: 14px;
  font-weight: 450;

  line-height: 1.8;
}


/* PICKUP / RETURN NOTE */

.sr-bike-route-tabs__route-note {
  display: flex;

  flex-wrap: wrap;

  gap: 8px;

  margin-top: 15px;

  padding-top: 15px;

  border-top:
    1px solid
    var(--sr-border);
}


.sr-bike-route-tabs__route-note span {
  display: inline-flex;

  align-items: center;

  gap: 4px;

  padding:
    7px
    10px;

  border:
    1px solid
    rgba(
      19,
      97,
      204,
      0.12
    );

  border-radius: 999px;

  background:
    var(--sr-blue-soft);

  color: var(--sr-text);

  font-size: 10px;
  font-weight: 600;
}


.sr-bike-route-tabs__route-note strong {
  color: var(--sr-blue);

  font-weight: 800;
}


/* =========================================================
   TAB NAVIGATION
========================================================= */

.sr-bike-route-tabs__nav {
  display: grid;

  grid-template-columns:
    repeat(
      2,
      minmax(0, 1fr)
    );

  gap: 8px;

  width: 100%;

  margin-bottom: 34px;

  padding: 7px;

  border:
    1px solid
    var(--sr-border);

  border-radius: 14px;

  background: #f3f6f9;
}


/* =========================================================
   TAB BUTTON
========================================================= */

.sr-bike-route-tabs__tab,
.sr-bike-route-tabs__tab:hover,
.sr-bike-route-tabs__tab:focus,
.sr-bike-route-tabs__tab:focus-visible,
.sr-bike-route-tabs__tab:active {
  display: grid !important;

  grid-template-columns:
    32px
    minmax(0, 1fr)
    36px;

  align-items: center;

  gap: 13px;

  width: 100%;
  min-height: 84px;

  padding:
    14px
    17px
    !important;

  border:
    1px solid
    transparent
    !important;

  border-radius:
    10px
    !important;

  color:
    var(--sr-text)
    !important;

  background:
    transparent
    !important;

  text-align: left;

  cursor: pointer;

  box-shadow:
    none
    !important;

  transition:
    border-color 0.25s ease,
    background-color 0.25s ease,
    box-shadow 0.25s ease,
    transform 0.25s ease
    !important;
}


.sr-bike-route-tabs__tab:hover {
  background:
    rgba(
      255,
      255,
      255,
      0.55
    )
    !important;
}


.sr-bike-route-tabs__tab.is-active,
.sr-bike-route-tabs__tab.is-active:hover,
.sr-bike-route-tabs__tab.is-active:focus,
.sr-bike-route-tabs__tab.is-active:active {
  border-color:
    rgba(
      19,
      97,
      204,
      0.13
    )
    !important;

  background:
    var(--sr-white)
    !important;

  box-shadow:
    0 8px 26px
    rgba(
      19,
      97,
      204,
      0.08
    )
    !important;
}


/* TAB NUMBER */

.sr-bike-route-tabs__number {
  color: #a1aab4;

  font-size: 10px;
  font-weight: 800;

  line-height: 1;

  letter-spacing: 0.07em;
}


.sr-bike-route-tabs__tab.is-active
.sr-bike-route-tabs__number {
  color: var(--sr-blue);
}


/* TAB TEXT */

.sr-bike-route-tabs__tab-text {
  min-width: 0;
}


.sr-bike-route-tabs__tab-text strong {
  display: block;

  color: var(--sr-heading);

  font-size: 15px;
  font-weight: 750;

  line-height: 1.35;
}


.sr-bike-route-tabs__tab-text small {
  display: block;

  margin-top: 4px;

  color: var(--sr-muted);

  font-size: 10px;
  font-weight: 600;

  line-height: 1.4;
}


/* TAB ICON */

.sr-bike-route-tabs__icon {
  display: flex;

  width: 34px;
  height: 34px;

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

  border-radius: 50%;

  color: var(--sr-muted);

  background: #e7ebef;

  transition:
    color 0.25s ease,
    background-color 0.25s ease;
}


.sr-bike-route-tabs__tab.is-active
.sr-bike-route-tabs__icon {
  color: var(--sr-white);

  background: var(--sr-blue);
}


.sr-bike-route-tabs__icon svg {
  width: 16px;
  height: 16px;

  fill: none;

  stroke: currentColor;

  stroke-width: 1.8;

  stroke-linecap: round;
  stroke-linejoin: round;
}


/* =========================================================
   PANELS
========================================================= */

.sr-bike-route-tabs__panel {
  width: 100%;
}


.sr-bike-route-tabs__panel[hidden] {
  display:
    none
    !important;
}


/* =========================================================
   ITINERARY WRAPPER
========================================================= */

.sr-bike-route-tabs
.sr-bike-itinerary {
  width: 100%;

  margin: 0;
  padding: 0;
}


/* =========================================================
   ITINERARY HEADING
========================================================= */

.sr-bike-route-tabs
.sr-bike-itinerary__heading {
  margin-bottom: 28px;
}


.sr-bike-route-tabs
.sr-bike-itinerary__heading > span {
  display: block;

  margin-bottom: 8px;

  color: var(--sr-blue);

  font-size: 10px;
  font-weight: 800;

  line-height: 1.3;

  letter-spacing: 0.13em;

  text-transform: uppercase;
}


.sr-bike-route-tabs
.sr-bike-itinerary__heading h2 {
  margin: 0;

  color: var(--sr-heading);

  font-size:
    clamp(
      28px,
      3vw,
      39px
    );

  font-weight: 800;

  line-height: 1.12;

  letter-spacing: -0.035em;
}


.sr-bike-route-tabs
.sr-bike-itinerary__heading p {
  max-width: 720px;

  margin: 13px 0 0;

  color: var(--sr-text);

  font-size: 13px;
  font-weight: 450;

  line-height: 1.75;
}


/* =========================================================
   ITINERARY LIST
========================================================= */

.sr-bike-route-tabs
.sr-bike-itinerary__list {
  width: 100%;

  border-top:
    1px solid
    var(--sr-border);

  background:
    var(--sr-white);
}


/* =========================================================
   DAY ITEM
========================================================= */

.sr-bike-route-tabs
.sr-bike-day {
  width: 100%;

  border:
    1px solid
    var(--sr-border);

  border-top: 0;

  background:
    var(--sr-white);

  overflow: hidden;

  transition:
    border-color 0.25s ease,
    box-shadow 0.25s ease;
}


.sr-bike-route-tabs
.sr-bike-day.active {
  border-color:
    rgba(
      19,
      97,
      204,
      0.27
    );

  box-shadow:
    inset 4px 0 0
    var(--sr-blue);
}


/* =========================================================
   DAY BUTTON
========================================================= */

.sr-bike-route-tabs
.sr-bike-day__button,
.sr-bike-route-tabs
.sr-bike-day__button:hover,
.sr-bike-route-tabs
.sr-bike-day__button:focus,
.sr-bike-route-tabs
.sr-bike-day__button:focus-visible,
.sr-bike-route-tabs
.sr-bike-day__button:active {
  display: grid !important;

  grid-template-columns:
    76px
    minmax(0, 1fr)
    42px;

  gap: 20px;

  align-items: center;

  width: 100%;

  min-height: 118px;

  padding:
    20px
    22px
    !important;

  border:
    0
    !important;

  border-radius:
    0
    !important;

  color:
    var(--sr-heading)
    !important;

  background:
    var(--sr-white)
    !important;

  text-align: left;

  cursor: pointer;

  box-shadow:
    none
    !important;

  transition:
    background-color 0.25s ease
    !important;
}


.sr-bike-route-tabs
.sr-bike-day__button:hover {
  background:
    #fbfcfe
    !important;
}


.sr-bike-route-tabs
.sr-bike-day.active
.sr-bike-day__button {
  background:
    #fbfdff
    !important;
}


/* =========================================================
   DAY NUMBER
========================================================= */

.sr-bike-route-tabs
.sr-bike-day__number {
  display: flex;

  min-height: 72px;

  flex-direction: column;

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

  border-right:
    1px solid
    var(--sr-border);
}


.sr-bike-route-tabs
.sr-bike-day__number small {
  margin-bottom: 3px;

  color: var(--sr-muted);

  font-size: 9px;
  font-weight: 800;

  line-height: 1;

  letter-spacing: 0.12em;
}


.sr-bike-route-tabs
.sr-bike-day__number strong {
  color: var(--sr-blue);

  font-size: 33px;
  font-weight: 800;

  line-height: 1;
}


/* =========================================================
   DAY MAIN
========================================================= */

.sr-bike-route-tabs
.sr-bike-day__main {
  min-width: 0;
}


.sr-bike-route-tabs
.sr-bike-day__main > span {
  display: block;

  margin-bottom: 6px;

  color: var(--sr-blue);

  font-size: 9px;
  font-weight: 800;

  line-height: 1.3;

  letter-spacing: 0.11em;

  text-transform: uppercase;
}


.sr-bike-route-tabs
.sr-bike-day__main h3 {
  margin: 0;

  color: var(--sr-heading);

  font-size: 19px;
  font-weight: 750;

  line-height: 1.35;

  letter-spacing: -0.02em;
}


/* =========================================================
   DAY META
========================================================= */

.sr-bike-route-tabs
.sr-bike-day__meta {
  display: flex;

  flex-wrap: wrap;

  gap: 7px;

  margin-top: 10px;
}


.sr-bike-route-tabs
.sr-bike-day__meta small {
  display: inline-flex;

  min-height: 27px;

  align-items: center;

  padding:
    0
    9px;

  border:
    1px solid
    var(--sr-border);

  border-radius: 999px;

  color: var(--sr-muted);

  background:
    #f8fafc;

  font-size: 9px;
  font-weight: 650;

  line-height: 1;
}


/* =========================================================
   TOGGLE
========================================================= */

.sr-bike-route-tabs
.sr-bike-day__toggle {
  display: flex;

  width: 38px;
  height: 38px;

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

  justify-self: end;

  border-radius: 50%;

  color: var(--sr-blue);

  background:
    var(--sr-blue-soft);

  font-size: 22px;
  font-weight: 400;

  line-height: 1;

  transition:
    color 0.25s ease,
    background-color 0.25s ease;
}


.sr-bike-route-tabs
.sr-bike-day.active
.sr-bike-day__toggle {
  color: var(--sr-white);

  background:
    var(--sr-blue);
}


/* =========================================================
   ACCORDION CONTENT
========================================================= */

.sr-bike-route-tabs
.sr-bike-day__content {
  max-height: 0;

  overflow: hidden;

  background:
    #f8fbff;

  transition:
    max-height 0.38s ease;
}


.sr-bike-route-tabs
.sr-bike-day__content > div {
  padding:
    0
    84px
    26px
    118px;
}


.sr-bike-route-tabs
.sr-bike-day__content p {
  margin: 0;

  max-width: 760px;

  color: var(--sr-text);

  font-size: 13px;
  font-weight: 450;

  line-height: 1.8;
}


.sr-bike-route-tabs
.sr-bike-day.active
.sr-bike-day__content > div {
  padding-top: 1px;
}


/* =========================================================
   TRAVEL NOTE
========================================================= */

.sr-bike-route-tabs
.sr-bike-itinerary__note {
  position: relative;

  margin-top: 26px;

  padding:
    23px
    25px
    23px
    29px;

  border:
    1px solid
    rgba(
      19,
      97,
      204,
      0.14
    );

  border-radius: 12px;

  background:
    var(--sr-blue-soft);
}


.sr-bike-route-tabs
.sr-bike-itinerary__note::before {
  content: "";

  position: absolute;

  top: 20px;
  bottom: 20px;
  left: 0;

  width: 4px;

  border-radius:
    0
    4px
    4px
    0;

  background:
    var(--sr-blue);
}


.sr-bike-route-tabs
.sr-bike-itinerary__note strong {
  display: block;

  margin-bottom: 8px;

  color: var(--sr-heading);

  font-size: 14px;
  font-weight: 750;
}


.sr-bike-route-tabs
.sr-bike-itinerary__note p {
  margin: 0;

  color: var(--sr-text);

  font-size: 12px;
  font-weight: 450;

  line-height: 1.75;
}


.sr-bike-route-tabs
.sr-bike-itinerary__note p + p {
  margin-top: 10px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

  .sr-bike-route-tabs__heading {
    grid-template-columns: 1fr;

    gap: 22px;

    align-items: start;
  }


  .sr-bike-route-tabs__heading-copy {
    max-width: 700px;

    justify-self: start;
  }


  .sr-bike-route-tabs__tab {
    grid-template-columns:
      28px
      minmax(0, 1fr)
      34px;

    gap: 10px;

    padding:
      13px
      14px
      !important;
  }


  .sr-bike-route-tabs__tab-text strong {
    font-size: 14px;
  }


  .sr-bike-route-tabs
  .sr-bike-day__button {
    grid-template-columns:
      68px
      minmax(0, 1fr)
      40px;

    gap: 17px;

    padding:
      18px
      18px
      !important;
  }


  .sr-bike-route-tabs
  .sr-bike-day__content > div {
    padding:
      0
      65px
      24px
      105px;
  }

}


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

@media (max-width: 767px) {

  .sr-bike-route-tabs {
    margin-top: 65px;
  }


  /* HEADING */

  .sr-bike-route-tabs__heading {
    gap: 18px;

    margin-bottom: 27px;
  }


  .sr-bike-route-tabs__heading-main h2 {
    font-size:
      clamp(
        34px,
        9vw,
        43px
      );

    line-height: 1.07;
  }


  .sr-bike-route-tabs__heading-main h2 strong {
    display: block;

    margin-top: 3px;
  }


  .sr-bike-route-tabs__heading-copy > p {
    font-size: 13px;
  }


  .sr-bike-route-tabs__route-note {
    margin-top: 13px;

    padding-top: 13px;
  }


  /* MOBILE TABS */

  .sr-bike-route-tabs__nav {
    grid-template-columns: 1fr;

    gap: 6px;

    margin-bottom: 30px;

    padding: 6px;

    border-radius: 12px;
  }


  .sr-bike-route-tabs__tab {
    grid-template-columns:
      27px
      minmax(0, 1fr)
      32px;

    gap: 11px;

    min-height: 72px;

    padding:
      11px
      13px
      !important;
  }


  .sr-bike-route-tabs__tab-text strong {
    font-size: 14px;
  }


  .sr-bike-route-tabs__tab-text small {
    font-size: 9px;
  }


  .sr-bike-route-tabs__icon {
    width: 31px;
    height: 31px;
  }


  /* ITINERARY HEADING */

  .sr-bike-route-tabs
  .sr-bike-itinerary__heading {
    margin-bottom: 23px;
  }


  .sr-bike-route-tabs
  .sr-bike-itinerary__heading h2 {
    font-size: 28px;
  }


  .sr-bike-route-tabs
  .sr-bike-itinerary__heading p {
    margin-top: 10px;

    font-size: 12.5px;
  }


  /* DAY BUTTON */

  .sr-bike-route-tabs
  .sr-bike-day__button {
    position: relative;

    grid-template-columns:
      53px
      minmax(0, 1fr);

    gap: 14px;

    min-height: 0;

    padding:
      18px
      52px
      18px
      14px
      !important;
  }


  /* NUMBER */

  .sr-bike-route-tabs
  .sr-bike-day__number {
    min-height: 62px;
  }


  .sr-bike-route-tabs
  .sr-bike-day__number strong {
    font-size: 26px;
  }


  /* MAIN */

  .sr-bike-route-tabs
  .sr-bike-day__main h3 {
    font-size: 16px;

    line-height: 1.4;
  }


  .sr-bike-route-tabs
  .sr-bike-day__main > span {
    font-size: 8px;
  }


  /* META */

  .sr-bike-route-tabs
  .sr-bike-day__meta {
    gap: 5px;

    margin-top: 8px;
  }


  .sr-bike-route-tabs
  .sr-bike-day__meta small {
    min-height: 24px;

    padding:
      0
      7px;

    font-size: 8px;
  }


  /* TOGGLE */

  .sr-bike-route-tabs
  .sr-bike-day__toggle {
    position: absolute;

    top: 50%;
    right: 13px;

    width: 32px;
    height: 32px;

    font-size: 19px;

    transform:
      translateY(-50%);
  }


  /* CONTENT */

  .sr-bike-route-tabs
  .sr-bike-day__content > div {
    padding:
      0
      18px
      22px
      82px;
  }


  .sr-bike-route-tabs
  .sr-bike-day__content p {
    font-size: 12px;

    line-height: 1.75;
  }


  /* NOTE */

  .sr-bike-route-tabs
  .sr-bike-itinerary__note {
    margin-top: 22px;

    padding:
      20px
      18px
      20px
      23px;
  }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

  .sr-bike-route-tabs__heading-main > span {
    font-size: 10px;
  }


  .sr-bike-route-tabs__heading-main > span::before {
    width: 25px;
  }


  .sr-bike-route-tabs__heading-main h2 {
    font-size: 35px;
  }


  /* TAB */

  .sr-bike-route-tabs__tab {
    grid-template-columns:
      23px
      minmax(0, 1fr)
      30px;

    gap: 9px;

    padding:
      10px
      11px
      !important;
  }


  .sr-bike-route-tabs__number {
    font-size: 9px;
  }


  .sr-bike-route-tabs__tab-text strong {
    font-size: 13px;
  }


  .sr-bike-route-tabs__icon {
    width: 29px;
    height: 29px;
  }


  /* DAY */

  .sr-bike-route-tabs
  .sr-bike-day__button {
    grid-template-columns:
      47px
      minmax(0, 1fr);

    gap: 11px;

    padding:
      16px
      47px
      16px
      11px
      !important;
  }


  .sr-bike-route-tabs
  .sr-bike-day__number {
    min-height: 57px;
  }


  .sr-bike-route-tabs
  .sr-bike-day__number strong {
    font-size: 23px;
  }


  .sr-bike-route-tabs
  .sr-bike-day__main h3 {
    font-size: 15px;
  }


  .sr-bike-route-tabs
  .sr-bike-day__toggle {
    right: 10px;

    width: 29px;
    height: 29px;

    font-size: 17px;
  }


  .sr-bike-route-tabs
  .sr-bike-day__content > div {
    padding:
      0
      14px
      20px
      70px;
  }

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 360px) {

  .sr-bike-route-tabs
  .sr-bike-day__meta {
    flex-direction: column;

    align-items: flex-start;
  }


  .sr-bike-route-tabs
  .sr-bike-day__content > div {
    padding-left: 14px;
  }

}


/* =========================================================
   ACCESSIBILITY
========================================================= */

.sr-bike-route-tabs button:focus-visible {
  outline:
    3px solid
    rgba(
      19,
      97,
      204,
      0.35
    )
    !important;

  outline-offset: 3px;
}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (
  prefers-reduced-motion:
  reduce
) {

  .sr-bike-route-tabs *,
  .sr-bike-route-tabs *::before,
  .sr-bike-route-tabs *::after {
    transition-duration:
      0.01ms
      !important;
  }

}/* End custom CSS */