:root {
  // COLOR ASSIGNMENTS
  --tide-booking-color-primary: #333399;
  --tide-booking-color-primary-gradient: linear-gradient(204.08deg, #333399 1.64%, #282878 84.55%);
  --tide-booking-color-primary-fade: #ebebf8;
  --tide-booking-color-primary-extra-fade: #f8f8fd;
  --tide-booking-color-primary-light: #cdcdee;
  --tide-booking-color-primary-light-text: #3333997d;
  --tide-booking-color-primary-dark: #282878;
  --tide-booking-color-secondary: #1f9470;
  --tide-booking-color-secondary-light: #11b684;

  --tide-booking-color-star: #ecb911;
  --tide-booking-color-star-light: #ecd790;
  // --tide-booking-invalid: #e74c3c;
  --tide-booking-invalid: #871d11;
  --tide-booking-invalid-light: #fce8e6;
  --tide-booking-invalid-dark: #871d11;
  --tide-booking-price-increase: #e81212;
  --tide-booking-price-decrease: #19a364;

  --tide-booking-white: #ffffff;
  --tide-booking-gray-light: #f5f5f5;
  --tide-booking-gray-xlight: #fbfbfb;
  --tide-booking-gray--medium-light: #efefef;
  --tide-booking-gray-background-light: #e2e2e2;
  --tide-booking-gray-border-light: #f3f3f3;
  --tide-booking-gray-checkbox-bg: #bdbdbd;
  --tide-booking-gray-medium: #cbcbcb;
  --tide-booking-gray-dark: #666666;
  --tide-booking-black: #0a0a0a;
  --tide-booking-transparent: transparent;

  // BACKGROUNDS
  --tide-booking-bg: #fafafa;

  // TYPOGRAPHY
  --tide-booking-font-heading: 'Outfit', serif;
  --tide-booking-font-body: 'Outfit', serif;
  --tide-booking-font-handwritten: 'Outfit', serif;

  --tide-booking-font-size-body: 14px;
  --tide-booking-font-size-body-lg: 16px;
  --tide-booking-line-height-body: 1;

  // GRID
  --tide-booking-container-wide: 1690px;
  --tide-booking-container-medium: 1200px;
  --tide-booking-container-small: 900px;
  --tide-booking-container-article: 650px;
  --tide-booking-gutter: 15px;

  // MEDIA QUERIES
  --tide-booking-screen-xs: 576px;
  --tide-booking-screen-sm: 768px;
  --tide-booking-screen-md: 992px;
  --tide-booking-screen-lg: 1200px;
  --tide-booking-screen-xgl: 1440px;
  --tide-booking-screen-xl: 1650px;
  --tide-booking-screen-xxl: 1920px;

  //HEADINGS
  --tide-booking-heading-color: var(--tide-booking-black);

  //h1
  --tide-booking-h1: 32px;
  --tide-booking-h1-sm: 40px;
  --tide-booking-h1-xl: 40px;

  //h2
  --tide-booking-h2: 24px;
  --tide-booking-h2-sm: 32px;
  --tide-booking-h2-xl: 32px;

  //h3
  --tide-booking-h3: 18px;
  --tide-booking-h3-sm: 24px;
  --tide-booking-h3-xl: 24px;

  //h4
  --tide-booking-h4: 16px;
  --tide-booking-h4-sm: 18px;
  --tide-booking-h4-xl: 18px;

  //h5
  --tide-booking-h5: 16px;
  --tide-booking-h5-xl: 18px;

  //h6
  --tide-booking-h6: 16px;
  --tide-booking-h6-md: 18px;

  //a
  --tide-booking-a-color: var(--tide-booking-color-primary);
  --tide-booking-a-text-decoration: underline;
  --tide-booking-a-color-hover: var(--tide-booking-color-primary-dark);
  --tide-booking-a-text-decoration-hover: underline;
  --tide-booking-a-color-focus: var(--tide-booking-color-primary-dark);
  --tide-booking-a-text-decoration-focus: underline;

  //small fontsize
  --tide-booking-small-font-size--mobile: 13px;
  --tide-booking-small-font-size--desktop: 15px;

  //INPUT
  --tide-booking-input-background: var(--tide-booking-white);
  --tide-booking-input-border: 1.5px solid var(--tide-booking-gray--medium-light);
  --tide-booking-input-border-radius: 5px;
  --tide-booking-input-color: var(--tide-booking-black);
  --tide-booking-input-height: 45px;
  --tide-booking-input-icon-color: var(--tide-booking-gray-dark);

  //INPUT--lg
  --tide-booking-input-height-lg: 45px;

  //INPUT--FOCUS/ACTIVE
  --tide-booking-input-border-focus: 1.5px solid var(--tide-booking-color-primary);
  --tide-booking-input-icon-color-focus: var(--tide-booking-color-primary);

  //INPUT--PLACEHOLDER
  --tide-booking-input-placeholder-color: var(--tide-booking-gray-dark);
  --tide-booking-input-placeholder-font-style: normal;

  //INPUT--LABEL
  --tide-booking-input-label-color: var(--tide-booking-gray-dark);
  --tide-booking-input-label-font-size: 14px;
  --tide-booking-input-label-font-weight: 400;
  --tide-booking-input-label-font-style: normal;

  //INPUT--reverse-btn
  --tide-booking-input-reverse-btn-background: var(--tide-booking-white);
  --tide-booking-input-reverse-btn-border: none;
  --tide-booking-input-reverse-btn-border-radius: 50%;
  --tide-booking-input-reverse-btn-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.1);
  --tide-booking-input-reverse-btn-fill: var(--tide-booking-gray-dark);

  --tide-booking-input-reverse-btn-fill-hover: var(--tide-booking-color-primary);
  --tide-booking-input-reverse-btn-box-shadow-hover: 0 0px 6px rgba(0, 0, 0, 0.2);
  --tide-booking-input-reverse-btn-border-hover: none;
  --tide-booking-input-reverse-btn-background-hover: var(--tide-booking-white);

  //RADIOBUTTON
  --tide-booking-radiobutton-border: 1.5px solid var(--tide-booking-gray-checkbox-bg);
  --tide-booking-radiobutton-background: var(--tide-booking-white);
  --tide-booking-radiobutton-color-text: var(--tide-booking-gray-dark);
  --tide-booking-radiobutton-font-family: var(--tide-booking-font-body);
  --tide-booking-radiobutton-font-size: 16px;
  --tide-booking-radiobutton-font-weight: 400;

  //RADIOBUTTON--INPUT--CHECKED
  --tide-booking-radiobutton-input-checked-color-text: var(--tide-booking-color-primary);
  --tide-booking-radiobutton-input-checked-background: var(--tide-booking-white);
  --tide-booking-radiobutton-input-checked-border: 1.5px solid var(--tide-booking-color-primary);

  //CHECKBOX--INPUT--CHECKED--AFTER
  --tide-booking-radiobutton-input-checked-after-color: var(--tide-booking-color-primary);

  //CHECKBOX
  --tide-booking-checkbox-border: 1.5px solid var(--tide-booking-gray-checkbox-bg);
  --tide-booking-checkbox-border-radius: 0px;
  --tide-booking-checkbox-background: var(--tide-booking-white);
  --tide-booking-checkbox-color-text: var(--tide-booking-gray-dark);
  --tide-booking-checkbox-font-family: var(--tide-booking-font-body);
  --tide-booking-checkbox-font-size: 16px;
  --tide-booking-checkbox-font-weight: 400;

  //CHECKBOX--INPUT--CHECKED
  --tide-booking-checkbox-input-checked-check-color: var(--tide-booking-white);
  --tide-booking-checkbox-input-checked-color-text: var(--tide-booking-color-primary);
  --tide-booking-checkbox-input-checked-background: var(--tide-booking-color-primary);
  --tide-booking-checkbox-input-checked-border: 1.5px solid var(--tide-booking-color-primary);

  //SLIDER
  --tide-booking-slider-track-background: var(--tide-booking-color-primary);
  --tide-booking-slider-range-background: var(--tide-booking-gray-medium);
  --tide-booking-slider-thumb-border-color: var(--tide-booking-white);
  --tide-booking-slider-thumb-background: var(--tide-booking-color-primary);

  //STAR RATING
  --tide-booking-star-rating-color: var(--tide-booking-gray-light);
  --tide-booking-star-rating-color--filled: var(--tide-booking-color-star);
  --tide-booking-star-rating-color--hover: var(--tide-booking-color-star-light);

  //CTA
  --tide-booking-cta-height: 45px;
  --tide-booking-cta-height-xs: 45px;
  --tide-booking-cta-width: 100%;
  --tide-booking-cta-width-xs: 100%;
  --tide-booking-cta-padding: 10px 20px;
  --tide-booking-cta-color: var(--tide-booking-white);
  --tide-booking-cta-background: linear-gradient(204.08deg, #11b684 1.64%, #1f9470 84.55%);
  --tide-booking-cta-font-family: var(--tide-booking-font-body);
  --tide-booking-cta-font-size: 16px;
  --tide-booking-cta-font-size-xs: 18px;
  --tide-booking-cta-font-weight: 400;
  --tide-booking-cta-text-decoration: none;
  --tide-booking-cta-border: none;
  --tide-booking-cta-border-radius: 5px;

  //CTA__ICON
  --tide-booking-cta-icon-color: var(--tide-booking-white);
  --tide-booking-cta-icon-size: 16px;

  //CTA__HOVER
  --tide-booking-cta-background-hover: linear-gradient(204.08deg, #11b684 1.64%, #1f9470 84.55%);
  --tide-booking-cta-color-hover: var(--tide-booking-white);
  --tide-booking-cta-icon-color-hover: var(--tide-booking-white);
  --tide-booking-cta-border-hover: none;
  --tide-booking-cta-text-decoration-hover: none;

  //CTA__FOCUS
  --tide-booking-cta-background-focus: linear-gradient(204.08deg, #11b684 1.64%, #1f9470 84.55%);
  --tide-booking-cta-color-focus: var(--tide-booking-white);
  --tide-booking-cta-icon-color-focus: var(--tide-booking-white);
  --tide-booking-cta-border-focus: none;
  --tide-booking-cta-text-decoration-focus: none;

  //CTA--SECONDARY
  --tide-booking-cta-height-secondary: 25px;
  --tide-booking-cta-height-xs-secondary: 30px;
  --tide-booking-cta-width-secondary: auto;
  --tide-booking-cta-padding-secondary: 0px;
  --tide-booking-cta-margin-secondary: 0px 0 0 0;
  --tide-booking-cta-background-secondary: var(--tide-booking-transparent);
  --tide-booking-cta-color-secondary: var(--tide-booking-color-primary);
  --tide-booking-cta-border-secondary: none;
  --tide-booking-cta-border-radius-secondary: 5px;
  --tide-booking-cta-text-decoration-secondary: underline;
  --tide-booking-cta-font-family-secondary: var(--tide-booking-font-body);
  --tide-booking-cta-font-size-secondary: 16px;
  --tide-booking-cta-font-size-xs-secondary: 18px;
  --tide-booking-cta-font-weight-secondary: 400;

  //CTA--SECONDARY__ICON
  --tide-booking-cta-icon-color-secondary: var(--tide-booking-color-primary);
  --tide-booking-cta-icon-size-secondary: 16px;

  //CTA--SECONDARY__HOVER
  --tide-booking-cta-background-secondary-hover: var(--tide-booking-transparent);
  --tide-booking-cta-color-secondary-hover: var(--tide-booking-color-primary-dark);
  --tide-booking-cta-icon-color-secondary-hover: var(--tide-booking-color-primary-dark);
  --tide-booking-cta-border-secondary-hover: none;
  --tide-booking-cta-text-decoration-secondary-hover: underline;

  //CTA--SECONDARY__FOCUS
  --tide-booking-cta-background-secondary-focus: var(--tide-booking-transparent);
  --tide-booking-cta-color-secondary-focus: var(--tide-booking-color-primary-dark);
  --tide-booking-cta-icon-color-secondary-focus: var(--tide-booking-color-primary-dark);
  --tide-booking-cta-border-secondary-focus: none;
  --tide-booking-cta-text-decoration-secondary-focus: underline;

  //CTA--SELECT
  --tide-booking-cta-background-select: linear-gradient(8.14deg, #dce1ff 19.75%, #e5e8fb 65.25%);
  --tide-booking-cta-color-select: var(--tide-booking-color-primary);
  --tide-booking-cta-border-select: none;
  --tide-booking-cta-border-radius-select: 5px;

  //CTA--SELECT--HOVER/FOCUS/ACTIVE
  --tide-booking-cta-background-select-hover: linear-gradient(8.14deg, #b4c0ff 19.75%, #c2caf6 65.25%);
  --tide-booking-cta-color-select-hover: var(--tide-booking-color-primary-dark);
  --tide-booking-cta-border-select-hover: none;

  //CTA--SELECTED
  --tide-booking-cta-background-selected: var(--tide-booking-color-primary-gradient);
  --tide-booking-cta-color-selected: var(--tide-booking-white);
  --tide-booking-cta-border-selected: none;
  --tide-booking-cta-border-radius-selected: 5px;
  --tide-booking-cta-color-selected-icon: var(--tide-booking-white);

  //CTA--remove
  --tide-booking-cta-height-remove: auto;
  --tide-booking-cta-width-remove: auto;
  --tide-booking-cta-padding-remove: 0px;
  --tide-booking-cta-background-remove: var(--tide-booking-transparent);
  --tide-booking-cta-color-remove: var(--tide-booking-gray-medium);
  --tide-booking-cta-border-remove: none;
  --tide-booking-cta-border-radius-remove: 5px;
  --tide-booking-cta-text-decoration-remove: underline;

  //CTA--remove__ICON
  --tide-booking-cta-icon-color-remove: var(--tide-booking-invalid);
  --tide-booking-cta-icon-size-remove: 16px;

  //CTA--remove__HOVER, __focus
  --tide-booking-cta-background-remove-hover: var(--tide-booking-transparent);
  --tide-booking-cta-color-remove-hover: var(--tide-booking-gray-dark);
  --tide-booking-cta-icon-color-remove-hover: var(--tide-booking-gray-dark);
  --tide-booking-cta-border-remove-hover: none;
  --tide-booking-cta-text-decoration-remove-hover: underline;

  //INCREMENT__DECREMENT
  //INCREMENT__DECREMENT--btns
  --tide-booking-decrement-increment-width: 30px;
  --tide-booking-decrement-increment-height: 30px;
  --tide-booking-decrement-increment-border-radius: 5px;
  --tide-booking-decrement-increment-border: 0px solid var(--tide-booking-color-primary-fade);
  --tide-booking-decrement-increment-background: linear-gradient(8.14deg, #dce1ff 19.75%, #e5e8fb 65.25%);
  --tide-booking-decrement-increment-color: var(--tide-booking-color-primary);

  //INCREMENT__DECREMENT--btns--icon
  --tide-booking-decrement-increment-icon-width: 15px;
  --tide-booking-decrement-increment-icon-height: 15px;
  --tide-booking-decrement-increment-icon-color: var(--tide-booking-color-primary);

  //INCREMENT__DECREMENT--btns--hover
  --tide-booking-decrement-increment-background-hover: linear-gradient(8.14deg, #b4c0ff 19.75%, #c2caf6 65.25%);
  --tide-booking-decrement-increment-color-hover: var(--tide-booking-color-primary-dark);
  --tide-booking-decrement-increment-border-hover: 0px solid var(--tide-booking-color-primary-fade);

  //INCREMENT__DECREMENT--btns--icon--hover
  --tide-booking-decrement-increment-icon-color-hover: var(--tide-booking-color-primary-dark);

  //INCREMENT__DECREMENT--btns--focus
  --tide-booking-decrement-increment-background-focus: linear-gradient(8.14deg, #b4c0ff 19.75%, #c2caf6 65.25%);
  --tide-booking-decrement-increment-color-focus: var(--tide-booking-color-primary);
  --tide-booking-decrement-increment-border-focus: 0px solid var(--tide-booking-color-primary-fade);

  //INCREMENT__DECREMENT--btns--icon--focus
  --tide-booking-decrement-increment-icon-color-focus: var(--tide-booking-color-primary-dark);

  //INCREMENT__DECREMENT--LABEL
  --tide-booking-decrement-increment-label-font: var(--tide-booking-font-size-body);
  --tide-booking-decrement-increment-label-font-weight: 400;
  --tide-booking-decrement-increment-label-color: var(--tide-booking-black);

  //INCREMENT__DECREMENT--NUMBER
  --tide-booking-decrement-increment-number-font: var(--tide-booking-font-size-body);
  --tide-booking-decrement-increment-number-font-weight: 400;
  --tide-booking-decrement-increment-number-color: var(--tide-booking-color-primary);

  //DROPDOWN
  --tide-booking-dropdown-background: var(--tide-booking-white);
  --tide-booking-dropdown-color: var(--tide-booking-gray-dark);
  --tide-booking-dropdown-border: 1.5px solid var(--tide-booking-gray-light);
  --tide-booking-dropdown-border-radius: 5px;
  --tide-booking-dropdown-font-family: var(--tide-booking-font-body);

  //DROPDOWN--HOVER
  --tide-booking-dropdown-border-hover: 1.5px solid var(--tide-booking-color-primary-light);
  --tide-booking-dropdown-color-hover: var(--tide-booking-color-primary);
  --tide-booking-dropdown-background-hover: var(--tide-booking-white);

  //DROPDOWN--focus
  --tide-booking-dropdown-border-focus: 1.5px solid var(--tide-booking-color-primary);
  --tide-booking-dropdown-color-focus: var(--tide-booking-color-primary);
  --tide-booking-dropdown-background-focus: var(--tide-booking-white);

  --tide-booking-dropdown-arrow-color: var(--tide-booking-black);
  --tide-booking-dropdown-arrow-color-hover: var(--tide-booking-color-primary);

  --tide-booking-dropdown-arrow-color-disabled: var(--tide-booking-gray-medium);

  //DROPDOWN--menu
  --tide-booking-dropdown-menu-background: var(--tide-booking-white);
  --tide-booking-dropdown-menu-border: 1.5px solid var(--tide-booking-gray-border-light);
  --tide-booking-dropdown-menu-border-radius: 5px;
  --tide-booking-dropdown-menu-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

  --tide-booking-dropdown-menu-option-color: var(--tide-booking-gray-dark);
  --tide-booking-dropdown-menu-option-background-hover: var(--tide-booking-gray-light);
  --tide-booking-dropdown-menu-option-color-hover: var(--tide-booking-color-primary);
  --tide-booking-dropdown-menu-option-background-selected: var(--tide-booking-color-primary);
  --tide-booking-dropdown-menu-option-color-selected: var(--tide-booking-white);

  //DATEPICKER
  --tide-booking-datepicker-container-background: rgba(255, 255, 255, 0.97);
  --tide-booking-datepicker-container-border: 1.5px solid var(--tide-booking-gray-border-light);
  --tide-booking-datepicker-close-color: var(--tide-booking-color-primary);

  --tide-booking-datepicker-prev-next-color: var(--tide-booking-color-primary);
  --tide-booking-datepicker-prev-next-background: var(--tide-booking-transparent);

  --tide-booking-datepicker-day-labels-color: var(--tide-booking-black);

  --tide-booking-datepicker-month-color: var(--tide-booking-black);
  --tide-booking-datepicker-month-font: var(--tide-booking-font-heading);

  //DATEPICKER--DAY
  --tide-booking-datepicker-day-color: var(--tide-booking-gray-dark);
  --tide-booking-datepicker-day-background: var(--tide-booking-white);
  --tide-booking-datepicker-day-border: 1.5px solid var(--tide-booking-gray-border-light);
  --tide-booking-datepicker-day-border-radius: 5px;

  //DATEPICKER--DAY--HOVER
  --tide-booking-datepicker-day-border-hover: 1.5px solid var(--tide-booking-color-primary);
  --tide-booking-datepicker-day-background-hover: var(--tide-booking-color-primary-fade);
  --tide-booking-datepicker-day-color-hover: var(--tide-booking-color-primary);

  //DATEPICKER--DAY--SELECTED
  --tide-booking-datepicker-day-border-selected: 1.5px solid var(--tide-booking-color-primary);
  --tide-booking-datepicker-day-background-selected: var(--tide-booking-color-primary);
  --tide-booking-datepicker-day-color-selected: var(--tide-booking-white);

  //DATEPICKER--DAY--SELECTED--HOVER
  --tide-booking-datepicker-day-border-selected-hover: 1.5px solid var(--tide-booking-color-primary-light);
  --tide-booking-datepicker-day-background-selected-hover: var(--tide-booking-color-primary-light);
  --tide-booking-datepicker-day-color-selected-hover: var(--tide-booking-white);

  //DATEPICKER--DAY--DISABLED
  --tide-booking-datepicker-day-color-disabled: var(--tide-booking-gray-medium);
  --tide-booking-datepicker-day-background-disabled: var(--tide-booking-gray-xlight);
  --tide-booking-datepicker-day-border-disabled: 1.5px solid var(--tide-booking-gray-border-light);

  //DATEPICKER--DAY--OUTSIDE-MONTH
  --tide-booking-datepicker-day-color-outside-month: var(--tide-booking-gray-medium);
  --tide-booking-datepicker-day-background-outside-month: var(--tide-booking-gray-xlight);
  --tide-booking-datepicker-day-border-outside-month: 1.5px solid var(--tide-booking-gray-border-light);
  --tide-booking-datepicker-day-opacity-outside-month: 0.6;

  //DATEPICKER--INPUT
  --tide-booking-datepicker-input-height: 45px;
  --tide-booking-datepicker-input-height-lg: 55px;
  --tide-booking-datepicker-input-background: var(--tide-booking-white);
  --tide-booking-datepicker-input-border: 1.5px solid var(--tide-booking-gray-border-light);
  --tide-booking-datepicker-input-border-radius: 5px;
  --tide-booking-datepicker-input-color: var(--tide-booking-black);

  --tide-booking-datepicker-input-label-color: var(--tide-booking-color-primary-dark);

  //SPINNER
  --tide-booking-spinner-border: 5px solid rgba(255, 255, 255, 0.2);
  --tide-booking-spinner-border-top-color: #dce1ff;

  //ANIMATION
  --tide-booking-spinner-animation-color: var(--tide-booking-color-primary);

  //SEARCH
  --tide-booking-search-results-background: var(--tide-booking-bg);

  //SEARCH RESET
  --tide-booking-search-reset-background: var(--tide-booking-transparent);
  --tide-booking-search-reset-color: var(--tide-booking-color-primary);
  --tide-booking-search-reset-text-decoration: underline;
  --tide-booking-search-reset-font-weight: 400;
  --tide-booking-search-reset-font-size: 16px;

  //SEARCH FILTER
  --tide-booking-search-filter-background: var(--tide-booking-white);
  --tide-booking-search-filter-border: 1.5px solid var(--tide-booking-gray-border-light);
  --tide-booking-search-filter-border-radius: 10px;

  --tide-booking-search-reset-color: var(--tide-booking-color-primary);
  --tide-booking-search-reset-text-decoration: underline;

  --tide-booking-search-filter-group-title-text-color: var(--tide-booking-gray-dark);
  --tide-booking-search-filter-group-title-text-font-weight: 500;
  --tide-booking-search-filter-group-title-text-font-family: var(--tide-booking-font-body);
  --tide-booking-search-filter-group-title-text-border: 1.5px solid var(--tide-booking-gray-border-light);

  --tide-booking-search-filter-group-title-subtext-color: var(--tide-booking-gray-dark);
  --tide-booking-search-filter-group-title-subtext-font-weight: 400;
  --tide-booking-search-filter-group-title-subtext-font-family: var(--tide-booking-font-body);

  //SEARCH FILTER MOBILE BTN
  --tide-booking-flight-options-filter-btn-background: var(--tide-booking-transparent);
  --tide-booking-flight-options-filter-btn-color: var(--tide-booking-color-primary);
  --tide-booking-flight-options-filter-btn-border: 2px solid var(--tide-booking-color-primary);
  --tide-booking-flight-options-filter-btn-border-radius: 4px;
  --tide-booking-flight-options-filter-btn-icon-color: var(--tide-booking-color-primary);

  --tide-booking-flight-options-filter-btn-hover-background: var(--tide-booking-color-primary-gradient);
  --tide-booking-flight-options-filter-btn-hover-color: var(--tide-booking-white);
  --tide-booking-flight-options-filter-btn-hover-border: 2px solid var(--tide-booking-transparent);
  --tide-booking-flight-options-filter-btn-hover-icon-color: var(--tide-booking-white);

  //SEARCH FILTER IMG
  --tide-booking-search-filter-img-border-radius: 5px;
  --tide-booking-search-filter-img-text-color: var(--tide-booking-white);
  --tide-booking-search-filter-img-text-font-weight: 300;
  --tide-booking-search-filter-img-text-font-family: var(--tide-booking-font-body);
  --tide-booking-search-filter-img-title-color: var(--tide-booking-white);
  --tide-booking-search-filter-img-title-font-weight: 600;
  --tide-booking-search-filter-img-title-font-family: var(--tide-booking-font-heading);

  //SEARCH FILTER PRICE
  --tide-booking-search-filter-price-amount-font-family: var(--tide-booking-font-heading);
  --tide-booking-search-filter-price-amount-font-weight: 600;
  --tide-booking-search-filter-price-amount-color: var(--tide-booking-color-primary);

  --tide-booking-search-filter-price-text-font-family: var(--tide-booking-font-body);
  --tide-booking-search-filter-price-text-font-weight: 400;
  --tide-booking-search-filter-price-text-color: var(--tide-booking-gray-dark);

  --tide-booking-search-filter-price-total-font-weight: 600;
  --tide-booking-search-filter-price-total-color: var(--tide-booking-black);

  //SEARCH ITINERARY FILTER
  --tide-booking-search-itinerary-filter-title-font-family: var(--tide-booking-font-heading);
  --tide-booking-search-itinerary-filter-title-font-weight: 500;
  --tide-booking-search-itinerary-filter-title-color: var(--tide-booking-gray-dark);

  //--COUNTRY
  --tide-booking-search-itinerary-filter-country-background: transparent;
  --tide-booking-search-itinerary-filter-country-border: none;
  --tide-booking-search-itinerary-filter-country-border-radius: 5px;
  --tide-booking-search-itinerary-filter-country-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);

  --tide-booking-search-itinerary-filter-country-icon-color: var(--tide-booking-gray-dark);

  --tide-booking-search-itinerary-filter-country-title-font-family: var(--tide-booking-font-heading);
  --tide-booking-search-itinerary-filter-country-title-font-weight: 600;
  --tide-booking-search-itinerary-filter-country-title-color: var(--tide-booking-black);

  --tide-booking-search-itinerary-filter-country-text-font-family: var(--tide-booking-font-body);
  --tide-booking-search-itinerary-filter-country-text-font-weight: 400;
  --tide-booking-search-itinerary-filter-country-text-color: var(--tide-booking-gray-dark);

  --tide-booking-search-itinerary-filter-country-text-bold-font-weight: 600;
  --tide-booking-search-itinerary-filter-country-text-bold-color: var(--tide-booking-black);

  //--TRANSPORT
  --tide-booking-search-itinerary-filter-transport-background: transparent;
  --tide-booking-search-itinerary-filter-transport-border: none;
  --tide-booking-search-itinerary-filter-transport-border-radius: none;
  --tide-booking-search-itinerary-filter-transport-box-shadow: none;

  --tide-booking-search-itinerary-filter-transport-timeline: 1px dashed var(--tide-booking-gray-dark);

  --tide-booking-search-itinerary-filter-transport-badge-icon-background-color: var(--tide-booking-white);
  --tide-booking-search-itinerary-filter-transport-badge-icon-color: var(--tide-booking-color-primary);

  --tide-booking-search-itinerary-filter-transport-date-day-font-weight: 600;
  --tide-booking-search-itinerary-filter-transport-date-day-color: var(--tide-booking-black);

  --tide-booking-search-itinerary-filter-transport-date-month-font-weight: 400;
  --tide-booking-search-itinerary-filter-transport-date-month-color: var(--tide-booking-black);

  --tide-booking-search-itinerary-filter-transport-title-font-weight: 600;
  --tide-booking-search-itinerary-filter-transport-title-color: var(--tide-booking-black);

  --tide-booking-search-itinerary-filter-transport-plane-font-weight: 600;
  --tide-booking-search-itinerary-filter-transport-plane-color: var(--tide-booking-black);
  --tide-booking-search-itinerary-filter-transport-plane-icon-color: var(--tide-booking-gray-medium);

  //--SEGMENT
  --tide-booking-search-itinerary-filter-segments-background: transparent;
  --tide-booking-search-itinerary-filter-segments-border: none;
  --tide-booking-search-itinerary-filter-segments-border-radius: 5px;
  --tide-booking-search-itinerary-filter-segments-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);

  --tide-booking-search-itinerary-filter-segment-timeline: 1px dashed var(--tide-booking-gray-dark);

  --tide-booking-search-itinerary-filter-segment-badge-icon-background-color: var(--tide-booking-color-primary);
  --tide-booking-search-itinerary-filter-segment-badge-icon-color: var(--tide-booking-white);
  --tide-booking-search-itinerary-filter-segment-badge--secondary-icon-background-color: orangered;
  --tide-booking-search-itinerary-filter-segment-badge--secondary-icon-color: var(--tide-booking-white);

  --tide-booking-search-itinerary-filter-segment-date-day-font-weight: 600;
  --tide-booking-search-itinerary-filter-segment-date-day-color: var(--tide-booking-black);

  --tide-booking-search-itinerary-filter-segment-date-month-font-weight: 400;
  --tide-booking-search-itinerary-filter-segment-date-month-color: var(--tide-booking-black);

  --tide-booking-search-itinerary-filter-segment-title-font-weight: 600;
  --tide-booking-search-itinerary-filter-segment-title-color: var(--tide-booking-black);

  --tide-booking-search-itinerary-filter-segment-text-font-weight: 400;
  --tide-booking-search-itinerary-filter-segment-text-color: var(--tide-booking-gray-dark);

  //SEARCH RESULTS LABEL
  --tide-booking-search-results-label-background: var(--tide-booking-transparent);
  --tide-booking-search-results-label-border: 1.5px solid var(--tide-booking-gray-medium);
  --tide-booking-search-results-label-border-radius: 5px;
  --tide-booking-search-results-label-box-shadow: none;

  --tide-booking-search-results-label-title-font-weight: 400;
  --tide-booking-search-results-label-title-color: var(--tide-booking-gray-dark);
  --tide-booking-search-results-label-title-bold-font-weight: 600;
  --tide-booking-search-results-label-title-bold-color: var(--tide-booking-black);

  --tide-booking-search-results-label-date-background: var(--tide-booking-gray-dark);
  --tide-booking-search-results-label-date-border: 1.5px solid var(--tide-booking-gray-dark);

  --tide-booking-search-results-label-date-background--secondary: var(--tide-booking-color-secondary);
  --tide-booking-search-results-label-date-border--secondary: 1.5px solid var(--tide-booking-color-secondary);

  --tide-booking-search-results-label-date-day-font-weight: 600;
  --tide-booking-search-results-label-date-day-color: var(--tide-booking-white);

  --tide-booking-search-results-label-date-month-font-weight: 400;
  --tide-booking-search-results-label-date-month-color: var(--tide-booking-white);

  //SEARCH MORE OPTIONS
  --tide-booking-search-more-options-background: var(--tide-booking-gray-border-light);
  --tide-booking-search-more-options-border: 1px solid var(--tide-booking-gray-border-light);
  --tide-booking-search-more-options-border-radius: 5px;
  --tide-booking-search-more-options-box-shadow: none;
  --tide-booking-search-more-options-color: var(--tide-booking-gray-dark);

  //SEARCH TAB-VIEW
  --tide-booking-search-tab-view-background: var(--tide-booking-transparent);
  --tide-booking-search-tab-view-border: 2px solid var(--tide-booking-gray-border-light);
  --tide-booking-search-tab-view-color: var(--tide-booking-gray-dark);
  //HOVER
  --tide-booking-search-tab-view-hover-background: var(--tide-booking-transparent);
  --tide-booking-search-tab-view-hover-border: 2px solid var(--tide-booking-color-primary-light);
  --tide-booking-search-tab-view-hover-color: var(--tide-booking-gray-dark);

  //--ACTIVE
  --tide-booking-search-tab-view-active-background: var(--tide-booking-transparent);
  --tide-booking-search-tab-view-active-border: 2px solid var(--tide-booking-color-primary);
  --tide-booking-search-tab-view-active-color: var(--tide-booking-black);

  //SEARCH HOTEL CARD
  --tide-booking-search-hotel-card-background: var(--tide-booking-white);
  --tide-booking-search-hotel-card-border: 1.5px solid var(--tide-booking-gray-border-light);
  --tide-booking-search-hotel-card-border-radius: 8px;
  --tide-booking-search-hotel-card-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);

  //SEARCH HOTEL CARD--title
  --tide-booking-search-hotel-card-title-font-family: var(--tide-booking-font-heading);
  --tide-booking-search-hotel-card-title-font-weight: 500;
  --tide-booking-search-hotel-card-title-color: var(--tide-booking-black);

  //SEARCH HOTEL CARD--starrating
  --tide-booking-search-hotel-card-starrating-color: var(--tide-booking-star-rating-color--filled);

  //SEARCH HOTEL CARD--location
  --tide-booking-search-hotel-card-location-text-decoration: var(--tide-booking-font-body);
  --tide-booking-search-hotel-card-location-font-weight: 500;
  --tide-booking-search-hotel-card-location-color: var(--tide-booking-gray-dark);
  --tide-booking-search-hotel-card-location-icon-color: var(--tide-booking-gray-dark);

  //SEARCH HOTEL CARD--price
  --tide-booking-search-hotel-card-price-font-family: var(--tide-booking-font-heading);
  --tide-booking-search-hotel-card-price-font-weight: 600;
  --tide-booking-search-hotel-card-price-color: var(--tide-booking-black);
  --tide-booking-search-hotel-card-price-background-color: rgba(255, 255, 255, 0.85);
  --tide-booking-search-hotel-card-price-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);

  --tide-booking-search-hotel-card-price-label-font-weight: 300;
  --tide-booking-search-hotel-card-price-label-color: var(--tide-booking-gray-dark);

  //SEARCH HOTEL CARD--option
  --tide-booking-search-hotel-card-option-font-weight: 300;
  --tide-booking-search-hotel-card-option-color: var(--tide-booking-black);
  --tide-booking-search-hotel-card-option-icon-color: var(--tide-booking-black);

  //SEARCH HOTEL CARD--description
  --tide-booking-search-hotel-card-description-font-weight: 300;
  --tide-booking-search-hotel-card-description-color: var(--tide-booking-gray-dark);

  //SEARCH HOTEL CARD ALLOTMENTS
  --tide-booking-search-hotel-card-allotments-background: var(--tide-booking-white);
  --tide-booking-search-hotel-card-allotments-border: none;
  --tide-booking-search-hotel-card-allotments-border-radius: 24px;
  --tide-booking-search-hotel-card-allotments-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
  --tide-booking-search-hotel-card-allotments-font-weight: 400;
  --tide-booking-search-hotel-card-allotments-color: var(--tide-booking-invalid);

  --tide-booking-search-hotel-card-allotments-title-font-weight: 500;
  --tide-booking-search-hotel-card-allotments-title-color: var(--tide-booking-black);

  --tide-booking-search-hotel-card-allotments-date-font-weight: 600;
  --tide-booking-search-hotel-card-allotments-date-color: var(--tide-booking-color-secondary);

  --tide-booking-search-hotel-card-allotments-price-font-weight: 600;
  --tide-booking-search-hotel-card-allotments-price-color: var(--tide-booking-color-primary);

  --tide-booking-search-hotel-card-allotments-badge-background: var(--tide-booking-price-decrease);
  --tide-booking-search-hotel-card-allotments-badge-border: none;
  --tide-booking-search-hotel-card-allotments-badge-border-radius: 5px;
  --tide-booking-search-hotel-card-allotments-badge-color: var(--tide-booking-white);
  --tide-booking-search-hotel-card-allotments-badge-font-weight: 400;

  --tide-booking-search-hotel-card-allotments-badge--secondary-background: orangered;
  --tide-booking-search-hotel-card-allotments-badge--secondary-border: none;
  --tide-booking-search-hotel-card-allotments-badge--secondary-color: var(--tide-booking-white);

  --tide-booking-search-hotel-card-allotments-persons-font-weight: 400;
  --tide-booking-search-hotel-card-allotments-persons-color: var(--tide-booking-color-primary);
  --tide-booking-search-hotel-card-allotments-persons-number-color: var(--tide-booking-gray-dark);

  //TOGGLE BTN
  --tide-booking-step-card-background: var(--tide-booking-white);
  --tide-booking-step-card-border: 1.5px solid var(--tide-booking-gray-border-light);
  --tide-booking-step-card-border-radius: 10px;

  --tide-booking-step-toggle-btn-background: linear-gradient(8.14deg, #dce1ff 19.75%, #e5e8fb 65.25%);
  --tide-booking-step-toggle-btn-border: none;
  --tide-booking-step-toggle-btn-border-radius: 5px;
  --tide-booking-step-toggle-btn-color: var(--tide-booking-color-primary);
  //HOVER,FOCUS
  --tide-booking-step-toggle-btn-background-hover: linear-gradient(8.14deg, #b4c0ff 19.75%, #c2caf6 65.25%);
  --tide-booking-step-toggle-btn-color-hover: var(--tide-booking-color-primary-dark);
  --tide-booking-step-toggle-btn-border-hover: none;

  //SEARCH FLIGHT OPTIONS
  --tide-booking-flight-options-card-background: var(--tide-booking-step-card-background);
  --tide-booking-flight-options-card-border: var(--tide-booking-step-card-border);
  --tide-booking-flight-options-card-border-radius: var(--tide-booking-step-card-border-radius);

  --tide-booking-flight-options-card-header-background: var(--tide-booking-step-card-background);
  --tide-booking-flight-options-card-header-border: var(--tide-booking-step-card-border);

  --tide-booking-flight-options-times-title-font-family: var(--tide-booking-font-body);
  --tide-booking-flight-options-times-title-color: var(--tide-booking-black);
  --tide-booking-flight-options-times-title-font-weight: 700;

  --tide-booking-flight-options-times-font-family: var(--tide-booking-font-body);
  --tide-booking-flight-options-times-color: var(--tide-booking-gray-dark);

  --tide-booking-flight-options-dapart-arrive-icon--color: var(--tide-booking-color-primary);

  --tide-booking-flight-options-stops-line-color: var(--tide-booking-color-primary);
  --tide-booking-flight-options-stop-color: var(--tide-booking-color-primary);
  --tide-booking-flight-options-stop-border: 3px solid var(--tide-booking-white);
  --tide-booking-flight-options-stoptime-border-color: var(--tide-booking-black);

  --tide-booking-flight-options-detail-card-background: var(--tide-booking-color-primary-extra-fade);
  --tide-booking-flight-options-detail-card-border: none;
  --tide-booking-flight-options-detail-card-border-radius: 10px;

  //FLIGHT-OPTIONS--DETAIL-TOGGLE
  --tide-booking-flight-options-detail-toggle-icon-color: var(--tide-booking-step-toggle-btn-color);
  --tide-booking-flight-options-detail-toggle-background: var(--tide-booking-step-toggle-btn-background);
  --tide-booking-flight-options-detail-toggle-border: var(--tide-booking-step-toggle-btn-border);
  --tide-booking-flight-options-detail-toggle-border-radius: var(--tide-booking-step-toggle-btn-border-radius);

  //HOVER,FOCUS
  --tide-booking-flight-options-detail-toggle-icon-color-hover: var(--tide-booking-step-toggle-btn-color-hover);
  --tide-booking-flight-options-detail-toggle-background-hover: var(--tide-booking-step-toggle-btn-background-hover);
  --tide-booking-flight-options-detail-toggle-border-hover: var(--tide-booking-step-toggle-btn-border-hover);

  //FLIGHT-OPTIONS--FILTER
  --tide-booking-flight-options-filter-container-background: var(--tide-booking-white);
  --tide-booking-flight-options-filter-container-box-shadow: 0px 0px 5px rgba(158, 158, 158, 0.447);
}