.elementor-918 .elementor-element.elementor-element-cfd156d{--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;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-c9f620d *//* =========================================================
   SPITI RIDERS
   SPITI BIKE TOUR CALCULATOR
========================================================= */

.sr-tour-calculator {
  --sr-blue: #1361cc;
  --sr-blue-dark: #0e4fa9;
  --sr-soft-blue: #eef5ff;
  --sr-black: #000000;
  --sr-heading: #090d14;
  --sr-text: #5d6671;
  --sr-muted: #7d8792;
  --sr-white: #ffffff;
  --sr-border: #e6e9ee;
  --sr-gold: #f4b942;

  width: 100%;

  padding:
    88px
    24px;

  background:
    linear-gradient(
      135deg,
      #eef5ff 0%,
      #f8fbff 50%,
      #ffffff 100%
    );

  color:
    var(--sr-heading);

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


.sr-tour-calculator,
.sr-tour-calculator *,
.sr-tour-calculator *::before,
.sr-tour-calculator *::after {
  box-sizing:
    border-box;
}


.sr-tour-calculator__inner {
  width: 100%;
  max-width: 1400px;

  margin:
    0 auto;
}


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

.sr-tour-calculator button,
.sr-tour-calculator button:hover,
.sr-tour-calculator button:focus,
.sr-tour-calculator button:focus-visible,
.sr-tour-calculator button:active {
  font:
    inherit
    !important;

  text-transform:
    none
    !important;

  text-decoration:
    none
    !important;

  outline:
    none
    !important;

  box-shadow:
    none
    !important;

  -webkit-appearance:
    none
    !important;

  appearance:
    none
    !important;

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


/* =========================================================
   HEADER
========================================================= */

.sr-tour-calculator__header {
  display: grid;

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

  gap: 52px;

  align-items: end;

  margin-bottom: 44px;
}


.sr-tour-calculator__header-main {
  max-width: 820px;
}


.sr-tour-calculator__eyebrow {
  display: inline-flex;

  margin-bottom: 15px;

  padding:
    8px
    14px;

  border:
    1px solid
    #dce8f8;

  border-radius: 50px;

  background:
    var(--sr-white);

  color:
    var(--sr-blue);

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

  letter-spacing: 1.1px;
}


.sr-tour-calculator__header h2 {
  margin: 0;

  color:
    var(--sr-heading);

  font-size:
    clamp(
      38px,
      5vw,
      62px
    );

  line-height: 1.05;

  letter-spacing: -2px;
}


.sr-tour-calculator__header h2 span {
  display: block;

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


.sr-tour-calculator__header-copy {
  max-width: 500px;

  justify-self: end;
}


.sr-tour-calculator__header-copy > p {
  margin: 0;

  color:
    var(--sr-text);

  font-size: 15px;

  line-height: 1.75;
}


.sr-tour-calculator__route {
  display: flex;

  flex-wrap: wrap;

  gap: 8px;

  margin-top: 15px;

  padding-top: 15px;

  border-top:
    1px solid
    #dfe6ee;
}


.sr-tour-calculator__route span {
  display: inline-flex;

  gap: 4px;

  padding:
    7px
    10px;

  border:
    1px solid
    #dce8f8;

  border-radius: 50px;

  background:
    var(--sr-white);

  color:
    var(--sr-text);

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


.sr-tour-calculator__route strong {
  color:
    var(--sr-blue);
}


/* =========================================================
   LAYOUT
========================================================= */

.sr-tour-calculator__grid {
  display: grid;

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

  gap: 28px;

  align-items: start;
}


.sr-tour-calculator__builder {
  display: flex;

  flex-direction: column;

  gap: 18px;
}


#srQuickMode,
#srCustomMode {
  display: flex;

  flex-direction: column;

  gap: 18px;
}


#srQuickMode[hidden],
#srCustomMode[hidden] {
  display:
    none
    !important;
}


/* =========================================================
   CARD
========================================================= */

.sr-calc-card {
  padding: 27px;

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

  border-radius: 21px;

  background:
    var(--sr-white);

  box-shadow:
    0 12px 36px
    rgba(
      20,
      38,
      63,
      0.05
    );
}


.sr-calc-card__top {
  margin-bottom: 22px;
}


.sr-calc-card__top--riders {
  display: flex;

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

  gap: 24px;

  margin-bottom: 0;
}


.sr-calc-card__top--between {
  display: flex;

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

  gap: 20px;
}


.sr-calc-step {
  display: inline-flex;

  margin-bottom: 10px;

  padding:
    6px
    9px;

  border-radius: 8px;

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

  color:
    var(--sr-blue);

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

  letter-spacing: 0.6px;
}


.sr-calc-card h3 {
  margin:
    0
    0
    5px;

  color:
    var(--sr-heading);

  font-size: 20px;

  line-height: 1.25;
}


.sr-calc-card p {
  margin: 0;

  color:
    var(--sr-muted);

  font-size: 12px;

  line-height: 1.55;
}


/* =========================================================
   RIDER COUNTER
========================================================= */

.sr-calc-rider-counter {
  display: flex;

  flex:
    0
    0 auto;

  align-items: center;

  padding: 5px;

  border:
    1px solid
    #dde4ed;

  border-radius: 15px;

  background:
    #f7f9fc;
}


.sr-calc-rider-counter button,
.sr-calc-rider-counter button:focus,
.sr-calc-rider-counter button:active {
  width: 44px;
  height: 44px;

  padding:
    0
    !important;

  border:
    0
    !important;

  border-radius:
    10px
    !important;

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

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

  font-size:
    22px
    !important;

  cursor: pointer;
}


.sr-calc-rider-counter button:hover {
  background:
    var(--sr-blue)
    !important;

  color:
    var(--sr-white)
    !important;
}


.sr-calc-rider-counter > div {
  display: flex;

  min-width: 96px;

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

  gap: 5px;
}


.sr-calc-rider-counter strong {
  color:
    var(--sr-heading);

  font-size: 23px;
}


.sr-calc-rider-counter span {
  color:
    var(--sr-muted);

  font-size: 11px;
}


/* =========================================================
   MODE
========================================================= */

.sr-calc-mode {
  display: grid;

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

  gap: 8px;

  padding: 7px;

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

  border-radius: 17px;

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


.sr-calc-mode button,
.sr-calc-mode button:focus,
.sr-calc-mode button:active {
  display: grid;

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

  align-items: center;

  gap: 12px;

  min-height: 72px;

  padding:
    13px
    15px
    !important;

  border:
    1px solid
    transparent
    !important;

  border-radius:
    11px
    !important;

  background:
    #f7f9fc
    !important;

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

  text-align:
    left;

  cursor: pointer;
}


.sr-calc-mode button:hover:not(.is-active) {
  background:
    var(--sr-soft-blue)
    !important;

  color:
    var(--sr-blue)
    !important;
}


.sr-calc-mode button.is-active,
.sr-calc-mode button.is-active:hover,
.sr-calc-mode button.is-active:focus,
.sr-calc-mode button.is-active:active {
  border-color:
    var(--sr-blue)
    !important;

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

  color:
    var(--sr-white)
    !important;
}


.sr-calc-mode__number {
  color:
    inherit;

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


.sr-calc-mode button > span:last-child {
  display: flex;

  min-width: 0;

  flex-direction: column;
}


.sr-calc-mode strong {
  color:
    inherit;

  font-size: 13px;
}


.sr-calc-mode small {
  margin-top: 3px;

  color:
    inherit;

  opacity: 0.7;

  font-size: 9px;
}


/* =========================================================
   CHOICES
========================================================= */

.sr-calc-bike-grid {
  display: grid;

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

  gap: 10px;
}


.sr-calc-room-grid {
  display: grid;

  grid-template-columns:
    repeat(
      3,
      1fr
    );

  gap: 10px;
}


.sr-calc-choice,
.sr-calc-choice:focus,
.sr-calc-choice:active {
  position: relative;

  display: flex;

  min-height: 130px;

  flex-direction: column;

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

  padding:
    17px
    !important;

  border:
    1px solid
    #e1e6ec
    !important;

  border-radius:
    14px
    !important;

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

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

  text-align:
    left;

  cursor: pointer;

  transition:
    border-color 0.2s ease,
    background 0.2s ease,
    transform 0.2s ease
    !important;
}


.sr-calc-choice:hover:not(.is-active) {
  transform:
    translateY(-2px);

  border-color:
    #b9d1f1
    !important;

  background:
    #f8fbff
    !important;
}


.sr-calc-choice.is-active,
.sr-calc-choice.is-active:hover,
.sr-calc-choice.is-active:focus,
.sr-calc-choice.is-active:active {
  border-color:
    var(--sr-blue)
    !important;

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

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

  box-shadow:
    inset
    0
    0
    0
    1px
    var(--sr-blue)
    !important;
}


.sr-calc-choice.is-active::after {
  content: "✓";

  position: absolute;

  top: 10px;
  right: 10px;

  display: flex;

  width: 20px;
  height: 20px;

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

  border-radius: 50%;

  background:
    var(--sr-blue);

  color:
    var(--sr-white);

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


.sr-calc-choice > small {
  margin-bottom: 5px;

  color:
    var(--sr-muted);

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

  letter-spacing: 0.7px;
}


.sr-calc-choice > strong {
  color:
    var(--sr-heading);

  font-size: 14px;

  line-height: 1.3;
}


.sr-calc-choice > em {
  margin-top: 6px;

  color:
    var(--sr-muted);

  font-size: 10px;

  font-style: normal;

  line-height: 1.4;
}


.sr-calc-choice__type {
  display: inline-flex;

  margin-top: 9px;

  padding:
    5px
    8px;

  border-radius: 50px;

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

  color:
    var(--sr-blue);

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


.sr-calc-choice.is-active
.sr-calc-choice__type {
  background:
    var(--sr-blue);

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


.sr-calc-choice--room {
  min-height: 104px;
}


.sr-calc-choice__badge {
  position: absolute;

  top: 8px;
  right: 8px;

  padding:
    4px
    7px;

  border-radius: 50px;

  background:
    var(--sr-gold);

  color:
    var(--sr-heading);

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

  letter-spacing: 0.4px;
}


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

.sr-calc-reset,
.sr-calc-reset:focus,
.sr-calc-reset:active {
  padding:
    8px
    12px
    !important;

  border:
    1px solid
    #dfe5ec
    !important;

  border-radius:
    8px
    !important;

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

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

  font-size:
    10px
    !important;

  font-weight:
    800
    !important;

  cursor: pointer;
}


.sr-calc-reset:hover {
  border-color:
    var(--sr-blue)
    !important;

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

  color:
    var(--sr-blue)
    !important;
}


/* =========================================================
   PROGRESS
========================================================= */

.sr-calc-progress-wrap {
  margin-bottom: 19px;
}


.sr-calc-progress-wrap > div:first-child {
  display: flex;

  justify-content: space-between;

  gap: 12px;

  margin-bottom: 8px;
}


.sr-calc-progress-wrap span {
  color:
    var(--sr-muted);

  font-size: 10px;
}


.sr-calc-progress-wrap strong {
  color:
    var(--sr-blue);

  font-size: 11px;
}


.sr-calc-progress {
  overflow: hidden;

  height: 7px;

  border-radius: 50px;

  background:
    #edf1f5;
}


.sr-calc-progress span {
  display: block;

  width: 0;
  height: 100%;

  border-radius: inherit;

  background:
    var(--sr-blue);

  transition:
    width 0.2s ease;
}


/* =========================================================
   CUSTOM BIKE MIX
========================================================= */

.sr-calc-mix-list {
  overflow: hidden;

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

  border-radius: 14px;
}


.sr-calc-mix-row {
  display: grid;

  grid-template-columns:
    minmax(180px, 1fr)
    170px
    170px;

  gap: 16px;

  align-items: center;

  padding:
    17px
    19px;

  border-bottom:
    1px solid
    #e9edf1;
}


.sr-calc-mix-row:last-child {
  border-bottom: 0;
}


.sr-calc-mix-row__bike {
  display: flex;

  flex-direction: column;
}


.sr-calc-mix-row__bike small {
  margin-bottom: 4px;

  color:
    var(--sr-muted);

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

  letter-spacing: 0.7px;
}


.sr-calc-mix-row__bike strong {
  color:
    var(--sr-heading);

  font-size: 13px;
}


.sr-calc-mix-option {
  display: flex;

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

  gap: 10px;
}


.sr-calc-mix-option > span {
  color:
    var(--sr-text);

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


.sr-calc-mix-option--disabled {
  min-height: 38px;

  padding:
    0
    5px;

  border-radius: 8px;

  background:
    #f7f9fc;
}


.sr-calc-mix-option--disabled strong {
  color:
    #a1aab4;

  font-size: 9px;
}


/* =========================================================
   MINI COUNTER
========================================================= */

.sr-calc-mini-counter {
  display: inline-flex;

  align-items: center;

  padding: 3px;

  border:
    1px solid
    #dfe5ec;

  border-radius: 9px;

  background:
    #f7f9fc;
}


.sr-calc-mini-counter button,
.sr-calc-mini-counter button:focus,
.sr-calc-mini-counter button:active {
  width: 29px;
  height: 29px;

  padding:
    0
    !important;

  border:
    0
    !important;

  border-radius:
    6px
    !important;

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

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

  font-size:
    14px
    !important;

  cursor: pointer;
}


.sr-calc-mini-counter button:hover {
  background:
    var(--sr-blue)
    !important;

  color:
    var(--sr-white)
    !important;
}


.sr-calc-mini-counter strong {
  min-width: 29px;

  color:
    var(--sr-heading);

  font-size: 12px;

  text-align: center;
}


/* =========================================================
   CUSTOM ROOMS
========================================================= */

.sr-calc-custom-rooms {
  display: grid;

  grid-template-columns:
    repeat(
      3,
      1fr
    );

  gap: 10px;
}


.sr-calc-custom-room {
  display: flex;

  min-height: 108px;

  flex-direction: column;

  align-items: flex-start;
  justify-content: space-between;

  gap: 14px;

  padding: 16px;

  border:
    1px solid
    #e3e8ee;

  border-radius: 13px;

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


.sr-calc-custom-room > div:first-child {
  display: flex;

  flex-direction: column;
}


.sr-calc-custom-room > div:first-child strong {
  color:
    var(--sr-heading);

  font-size: 12px;
}


.sr-calc-custom-room > div:first-child span {
  margin-top: 4px;

  color:
    var(--sr-muted);

  font-size: 9px;
}


/* =========================================================
   RESULT
========================================================= */

.sr-calc-result__box {
  position: sticky;

  top: 30px;

  overflow: hidden;

  padding: 30px;

  border-radius: 23px;

  background:
    radial-gradient(
      circle at 90% 8%,
      rgba(
        255,
        255,
        255,
        0.12
      ),
      transparent 26%
    ),
    linear-gradient(
      145deg,
      #1361cc 0%,
      #0e4fa9 100%
    );

  color:
    var(--sr-white);

  box-shadow:
    0 22px 55px
    rgba(
      14,
      79,
      169,
      0.22
    );
}


.sr-calc-result__eyebrow {
  display: block;

  margin-bottom: 14px;

  color:
    rgba(
      255,
      255,
      255,
      0.68
    );

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

  letter-spacing: 1.2px;
}


.sr-calc-result__trip {
  display: flex;

  flex-direction: column;

  gap: 4px;

  padding-bottom: 20px;

  border-bottom:
    1px solid
    rgba(
      255,
      255,
      255,
      0.15
    );
}


.sr-calc-result__trip strong {
  color:
    var(--sr-white);

  font-size: 23px;
}


.sr-calc-result__trip span {
  color:
    rgba(
      255,
      255,
      255,
      0.7
    );

  font-size: 11px;
}


/* SUMMARY */

.sr-calc-result__summary {
  padding:
    17px
    0;

  border-bottom:
    1px solid
    rgba(
      255,
      255,
      255,
      0.15
    );
}


.sr-calc-result__summary > div {
  display: flex;

  justify-content: space-between;

  gap: 18px;

  padding:
    5px
    0;
}


.sr-calc-result__summary span {
  color:
    rgba(
      255,
      255,
      255,
      0.65
    );

  font-size: 10px;
}


.sr-calc-result__summary strong {
  color:
    var(--sr-white);

  font-size: 10px;

  text-align: right;
}


.sr-calc-result__summary-detail {
  align-items: flex-start;
}


.sr-calc-result__summary-detail strong {
  line-height: 1.65;
}


/* WARNING */

.sr-calc-result__warning {
  display: flex;

  flex-direction: column;

  gap: 5px;

  margin-top: 15px;

  padding:
    12px
    13px;

  border:
    1px solid
    rgba(
      255,
      255,
      255,
      0.15
    );

  border-radius: 11px;

  background:
    rgba(
      255,
      255,
      255,
      0.08
    );
}


.sr-calc-result__warning strong {
  color:
    var(--sr-white);

  font-size: 10px;
}


.sr-calc-result__warning span {
  color:
    rgba(
      255,
      255,
      255,
      0.7
    );

  font-size: 9px;

  line-height: 1.5;
}


/* PRICING */

.sr-calc-result__pricing {
  padding:
    22px
    0
    21px;
}


.sr-calc-result__pricing > span:first-child {
  display: block;

  margin-bottom: 8px;

  color:
    rgba(
      255,
      255,
      255,
      0.7
    );

  font-size: 10px;
}


.sr-calc-result__main-price {
  display: flex;

  flex-wrap: wrap;

  align-items: baseline;

  gap: 6px;
}


.sr-calc-result__main-price strong {
  color:
    var(--sr-white);

  font-size: 42px;

  line-height: 1;

  letter-spacing: -1.4px;
}


.sr-calc-result__main-price small {
  color:
    rgba(
      255,
      255,
      255,
      0.7
    );

  font-size: 10px;
}


.sr-calc-result__pricing p {
  margin:
    11px
    0
    0;

  color:
    rgba(
      255,
      255,
      255,
      0.65
    );

  font-size: 10px;
}


.sr-calc-result__pricing p strong {
  color:
    var(--sr-white);
}


.sr-calc-result__gst {
  display: inline-flex !important;

  margin-top: 13px;

  padding:
    7px
    9px;

  border:
    1px solid
    rgba(
      255,
      255,
      255,
      0.17
    );

  border-radius: 50px;

  background:
    rgba(
      255,
      255,
      255,
      0.09
    );

  color:
    rgba(
      255,
      255,
      255,
      0.84
    )
    !important;

  font-size:
    9px
    !important;

  line-height: 1;
}


.sr-calc-result__pricing.is-disabled {
  opacity: 0.4;
}


/* CTA */

.sr-calc-result__cta,
.sr-calc-result__cta:visited,
.sr-calc-result__cta:focus,
.sr-calc-result__cta:active {
  display: flex;

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

  gap: 12px;

  width: 100%;

  padding:
    15px
    16px;

  border:
    1px solid
    var(--sr-white)
    !important;

  border-radius: 12px;

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

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

  text-decoration:
    none
    !important;

  outline:
    none
    !important;

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

  transition:
    transform 0.2s ease
    !important;
}


.sr-calc-result__cta:hover {
  transform:
    translateY(-2px);

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

  color:
    var(--sr-blue-dark)
    !important;
}


.sr-calc-result__cta strong {
  font-size: 18px;
}


.sr-calc-result__cta.is-disabled {
  pointer-events: none;

  opacity: 0.4;
}


.sr-calc-result__note {
  margin:
    15px
    0
    0;

  color:
    rgba(
      255,
      255,
      255,
      0.52
    );

  font-size: 9px;

  line-height: 1.55;
}


/* =========================================================
   MEDIUM DESKTOP
========================================================= */

@media (max-width: 1250px) {

  .sr-calc-bike-grid {
    grid-template-columns:
      repeat(
        3,
        minmax(0, 1fr)
      );
  }

}


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

@media (max-width: 1050px) {

  .sr-tour-calculator__header {
    grid-template-columns: 1fr;

    gap: 21px;

    align-items: start;
  }


  .sr-tour-calculator__header-copy {
    max-width: 700px;

    justify-self: start;
  }


  .sr-tour-calculator__grid {
    grid-template-columns: 1fr;
  }


  .sr-calc-result__box {
    position: relative;

    top: auto;
  }

}


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

@media (max-width: 767px) {

  .sr-tour-calculator {
    padding:
      55px
      14px;
  }


  .sr-tour-calculator__header {
    gap: 17px;

    margin-bottom: 30px;
  }


  .sr-tour-calculator__header h2 {
    font-size: 38px;

    letter-spacing: -1.2px;
  }


  .sr-tour-calculator__header-copy > p {
    font-size: 13px;
  }


  .sr-calc-card {
    padding: 20px;

    border-radius: 17px;
  }


  .sr-calc-card__top--riders,
  .sr-calc-card__top--between {
    flex-direction: column;

    align-items: flex-start;
  }


  .sr-calc-rider-counter {
    width: 100%;
  }


  .sr-calc-rider-counter > div {
    flex: 1;
  }


  .sr-calc-mode {
    grid-template-columns: 1fr;
  }


  .sr-calc-bike-grid,
  .sr-calc-room-grid {
    grid-template-columns: 1fr;
  }


  .sr-calc-choice {
    min-height: 105px;
  }


  .sr-calc-mix-row {
    grid-template-columns: 1fr;

    gap: 13px;
  }


  .sr-calc-mix-option {
    padding-top: 10px;

    border-top:
      1px solid
      #edf0f3;
  }


  .sr-calc-mix-option--disabled {
    padding:
      10px
      5px;
  }


  .sr-calc-custom-rooms {
    grid-template-columns: 1fr;
  }


  .sr-calc-custom-room {
    min-height: auto;

    flex-direction: row;

    align-items: center;
  }


  .sr-calc-result__box {
    padding: 24px 21px;

    border-radius: 19px;
  }


  .sr-calc-result__main-price strong {
    font-size: 36px;
  }

}


/* =========================================================
   CUSTOM BIKE OPTIONS — ALL PUBLISHED PACKAGES
========================================================= */

.sr-calc-custom-bike-grid {
  display: grid;

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

  gap: 10px;
}


.sr-calc-custom-bike {
  position: relative;

  display: flex;

  min-width: 0;
  min-height: 220px;

  flex-direction: column;
  justify-content: space-between;

  padding: 18px;

  border:
    1px solid
    #e1e6ec;

  border-radius: 15px;

  background:
    #ffffff;

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


.sr-calc-custom-bike:hover {
  transform:
    translateY(-2px);

  border-color:
    #b8d2f5;

  box-shadow:
    0 10px 25px
    rgba(
      19,
      97,
      204,
      0.07
    );
}


.sr-calc-custom-bike--premium {
  border-color:
    #dfcc91;

  background:
    linear-gradient(
      180deg,
      #fffdf7 0%,
      #ffffff 75%
    );
}


.sr-calc-custom-bike__badge {
  position: absolute;

  top: 11px;
  right: 11px;

  padding:
    5px
    7px;

  border-radius: 50px;

  background:
    #f4b942;

  color:
    #090d14;

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

  letter-spacing: 0.5px;
}


.sr-calc-custom-bike__top {
  display: flex;

  min-width: 0;

  flex-direction: column;

  align-items: flex-start;
}


.sr-calc-custom-bike__top > small {
  display: block;

  margin-bottom: 6px;

  color:
    #7d8792;

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

  letter-spacing: 0.7px;
}


.sr-calc-custom-bike__top h4 {
  margin: 0;

  color:
    #090d14;

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

  line-height: 1.3;
}


.sr-calc-custom-bike__ride {
  display: inline-flex;

  margin-top: 10px;

  padding:
    5px
    8px;

  border-radius: 50px;

  background:
    #eef5ff;

  color:
    #1361cc;

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


.sr-calc-custom-bike__top p {
  margin:
    7px
    0
    0;

  color:
    #7d8792;

  font-size: 10px;

  line-height: 1.45;
}


.sr-calc-custom-bike__bottom {
  display: flex;

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

  gap: 10px;

  margin-top: 22px;

  padding-top: 14px;

  border-top:
    1px solid
    #edf0f3;
}


.sr-calc-custom-bike__bottom > span {
  color:
    #5d6671;

  font-size: 9px;
  font-weight: 700;
}


/* =========================================================
   CUSTOM BIKE GRID — RESPONSIVE
========================================================= */

@media (max-width: 1250px) {

  .sr-calc-custom-bike-grid {
    grid-template-columns:
      repeat(
        3,
        minmax(0, 1fr)
      );
  }

}


@media (max-width: 767px) {

  .sr-calc-custom-bike-grid {
    grid-template-columns:
      1fr;
  }


  .sr-calc-custom-bike {
    min-height: 0;

    padding: 17px;
  }


  .sr-calc-custom-bike__bottom {
    margin-top: 18px;
  }

}/* End custom CSS */