:root {
  /* add the theme override variables here */
  /*Splash Page Style Variables Start (splash/index.scss)*/
  --splash-container-top-sec-timer-sec-p-font-family: var(
    --secondary-font-semibold
  );
  --splash-container-top-sec-timer-sec-h3-font-size: 82px;
  --splash-container-top-sec-timer-sec-location-font: 30px/24px
    var(--secondary-font-regular);
  --splash-container-welcome-blk-h1-font: 80px/104px var(--welcome-text-font);
  --splash-container-welcome-blk-h1-span-font: 100px/100px var(--font-regular);
  --splash-container-buttons-container-button-span-font-family: var(
    --font-regular
  );
  --splash-container-buttons-container-button-font-size: 40px;
  --splash-container-buttons-container-button-i-color: var(--color1);
  --splash-container-buttons-container-button-i-font: 40px/40px
    var(--tertiary-font);
  --splash-container-buttons-container-button-border-radius: 20px;
  --splash-container-buttons-container-button-i-margin: 0px;

  /* Movies pages Style Variables Start (movies-pages/index.scss) */
  --movie-container-op-sec-timer-p-font-family: var(--font-bold);
  --movie-container-op-sec-rt-sec-filter-btn-font: 18px/58px
    var(--font-semibold);
  --movie-container-op-sec-timer-p-font-size: 32px;
  --movie-container-op-sec-timer-p-line-height: 32px;
  --movie-container-movie-sec-movies-list-a-box-shadow: unset;
  --movie-container-background: unset;
  --movie-container-movies-footer-span-font-family: var(
    --secondary-font-semibold
  );
  --movie-container-movies-footer-span-font-size: 12px;
  --movie-container-movie-sec-movies-list-movie-det-ad-book-background: var(
    --color5
  );
  --movie-container-movie-sec-movies-list-movie-det-ad-book-border-radius: 0px
    7px 7px 0px;
  --movie-container-movie-sec-movies-list-movie-det-ad-book-border: 1px solid
    var(--color4);
  --movie-container-movie-sec-movies-list-cont-sec-h4-font: 20px/20px
    var(--font-regular);

  --experience-modal-heading-font-size: 42px;
  --experience-modal-heading-color: var(--color1);
  --experience-modal-modal-body-experience-div-border: 2px solid var(--color1);
  --experience-modal-modal-body-experience-div-color: var(--color1);
  --experience-modal-modal-body-experience-div-font-size: 18px;
  --experience-modal-button-border-radius: 12px;
  --experience-modal-button-font-size: 30px;
  --experience-modal-button-line-height: 30px;
  --experience-modal-modal-body-error-message-font-size: 24px;
  --experience-modal-modal-body-error-message-line-height: 24px;
  --experience-modal-modal-body-experience-div-active-color: var(--color5);
  /* Movie Info component Style Variables Start (components/movie-info/index.scss) */
  --banner-wrap-banner-wrap-movie-detail-wrap-movie-detail-movie-title-font: 42px/48px
    var(--font-bold);
  --banner-wrap-banner-wrap-movie-detail-wrap-movie-detail-movie-title-border-bottom: 1px
    solid var(--color9);
  --banner-wrap-banner-wrap-movie-detail-wrap-movie-detail-movie-desc-border-bottom: 1px
    solid var(--color9);

  --banner-wrap-noAfter-movie-desc-border-color: var(--color9);
  --banner-wrap-noAfter-movie-title-border-color: var(--color9);

  --banner-wrap-noAfter-movieSupportInfo-color: (rgba(12, 16, 28, 0.5));

  /* Showtimes Page Style Variables Start (showtimes/index.scss) */
  --showtime-container-time-wrap-ul-movie-date-wrap-movie-date-font: 28px/30px
    var(--font-bold);
  --showtime-container-time-wrap-ul-movie-date-wrap-movie-day-font: 22px/20px
    var(--secondary-font-semibold);
  --showtime-container-time-wrap-ul-movie-date-wrap-border-radius: 16px;
  --showtime-container-time-wrap-ul-movie-date-wrap-box-shadow: unset;
  --showtime-container-play-wrap-play-icon-wrap-h2-font: 32px/36px
    var(--font-bold);
  --showtime-container-play-wrap-ul-play-date-wrap-play-time-border-radius: 10px;
  --showtime-container-play-wrap-ul-play-date-wrap-play-time-selected-border: 1.8px
    solid var(--color7) 0;
  --showtime-container-play-wrap-ul-play-date-wrap-play-time-selected-background: var(
      --color7
    )
    0;
  --showtime-container-play-wrap-ul-play-date-wrap-showtime-fast-filling-play-time-color: var(
    --color8
  );
  --showtime-container-play-wrap-ul-play-date-wrap-showtime-fast-filling-play-time-border-color: var(
    --color8
  );
  --showtime-container-play-wrap-ul-play-date-wrap-showtime-fast-filling-span-color: var(
    --color8
  );
  --showtime-container-play-wrap-ul-play-date-wrap-showtime-sold-play-time-color: var(
    --color9
  );
  --showtime-container-play-wrap-ul-play-date-wrap-showtime-sold-play-time-border-color: var(
    --color9
  );
  --showtime-container-play-wrap-ul-play-date-wrap-showtime-sold-span-color: var(
    --color9
  );
  --showtime-container-time-wrap-future-date-caution-p-color: var(--color8);
  --purchase-footer-background-color: var(--color1);
  --purchase-footer-back-btn-a-color: var(--base-color2);
  --purchase-footer-back-btn-a-font-family: var(--secondary-font-semibold);
  --purchase-footer-back-btn-a-font-size: 28px;
  --purchase-footer-purchase-next-button-color: var(--base-color2);
  --purchase-footer-purchase-next-button-font-size: 36px;
  --purchase-footer-purchase-next-button-line-height: 36px;
  --purchase-footer-purchase-summary-purchase-grand-total-p-background: var(
    --color7
  );
  --purchase-footer-purchase-summary-purchase-grand-total-p-border-radius: 8px;
  --purchase-footer-purchase-summary-purchase-grand-total-p-span-font-size: 26px;
  --purchase-footer-purchase-summary-purchase-grand-total-p-span-line-height: 26px;
  --purchaseFooter-offcanvas-btn-close-font-size: 20px;

  /* Custom Banner Component Style Variables Start (components/custom-banner/index.scss) */
  --custom-banner-header-a-button-font: 28px/28px var(--secondary-font-semibold);
  --custom-banner-header-a-button-color: var(--base-color2);
  --custom-modal-modal-dialog-modal-content-border-radius: 15px;

  --custom-modal-modal-dialog-modal-content-modal-body-title-font-size: 42px;
  --custom-modal-modal-dialog-modal-content-modal-body-title-line-height: 42px;
  --custom-modal-modal-dialog-modal-content-modal-body-title-font-family: var(
    --secondary-font-bold
  );

  --custom-modal-modal-dialog-modal-content-modal-body-description-font-size: 28px;
  --custom-modal-modal-dialog-modal-content-modal-body-description-color: var(
    --color6
  );
  --custom-modal-modal-dialog-modal-content-modal-body-btns-wrap-btn-font-size: 30px;
  --custom-modal-modal-dialog-modal-content-modal-body-btns-wrap-btn-line-height: 30px;

  --custom-slider-arrow-left-right-background-color: unset;
  --custom-slider-arrow-left-right-border: unset;

  --loginComponent-procced-text-p-span-font-size: 20px;
  --loginComponent-procced-text-p-span-color: var(--color6);
  --loginComponent-procced-text-p-font: 24px/36px var(--secondary-font-semibold);
  --loginComponent-or-para-font: 32px/30px var(--secondary-font-semibold);
  --loginComponent-or-para-color: var(--color6);

  /* Booking Flow Component Style Variables Start (components/booking-flow/index.scss) */
  --booking-flow-step-active-name-step-number-color: var(--color1);
  --booking-flow-step-active-name-color: var(--color5);
  --booking-flow-step-not-last-child-after-border-top: 1px dashed var(--color4);
  --booking-flow-step-name-step-number-color: var(--base-color2);
  --booking-flow-step-name-step-number-background: var(--color4);

  --seatlayout-container-showtimes-wrap-play-date-wrap-play-time-border-radius: 7px;
  --seat-types-li-span-font-size: 20px;
  --seat-types-li-span-line-height: 20px;
  --seat-row-title-font-family: var(--secondary-font-semibold);

  --btn-border-radius: 12px;

  --btn-btnPrimary-background: var(--color5);
  --btn-btnPrimary-border-color: var(--color5);
  --btn-btnPrimary-hover-background: var(--color5);
  --btn-btnPrimary-hover-border-color: var(--color5);
  --btn-btnPrimary-color: var(--base-color2);

  --booking-summary-booking-summary-heading-font-size: 42px;
  --booking-summary-booking-summary-heading-line-height: 42px;
  --booking-summary-heading-color: var(--color1);
  --booking-summary-each-ticket-div-each-qty-font-size: 28px;
  --booking-summary-each-ticket-div-each-qty-line-height: 28px;
  --booking-summary-each-ticket-div-each-qty-font-family: var(
    --secondary-font-semibold
  );
  --booking-summary-each-ticket-div-price-div-font-family: var(
    --secondary-font-semibold
  );
  --booking-summary-each-ticket-div-price-div-font-size: 28px;
  --booking-summary-each-ticket-div-price-div-line-height: 28px;
  --booking-summary-each-ticket-div-total-cost-font-size: 34px;
  --booking-summary-each-ticket-div-total-cost-line-height: 34px;
  --booking-summary-continue-button-font-size: 36px;
  --booking-summary-continue-button-line-height: 36px;
  --booking-summary-continue-button-border-radius: 12px;
  --booking-summary-each-ticket-div-modifiers-font-size: 18px;
  --booking-summary-each-ticket-div-modifiers-line-height: 22px;
  --booking-summary-each-ticket-div-pre-cost-font-size: 28px;
  --booking-summary-each-ticket-div-pre-cost-line-height: 21px;
  --booking-summary-each-ticket-div-pre-cost-font-size: 28px;
  --booking-summary-each-ticket-div-pre-cost-line-height: 21px;

  --ticket-type-drawer-h3-title-color: var(--color1);
  --ticket-type-drawer-h3-title-font-size: 42px;
  --ticket-type-drawer-vertical-ticket-type-btn-font-size: 40px;
  --ticket-type-drawer-vertical-ticket-type-btn-line-height: 40px;
  --ticket-type-drawer-vertical-ticket-type-btn-font-family: var(
    --secondary-font-semibold
  );
  --ticket-type-drawer-ticket-type-btn-border-radius: 12px;
  --ticket-type-drawer-ticket-type-btn-color: var(--color1);
  --ticket-type-drawer-ticket-type-btn-border: 2px solid var(--color1);
  --ticket-type-drawer-form-check-input-border-color: var(--color7);
  --ticket-type-drawer-form-check-input-border-radius: 10px;
  --ticket-type-drawer-form-check-input-checkbox-background: url(/assets/images/check-icon.svg)
    white no-repeat center center !important;

  --alert-btn-color: var(--base-color2);

  /* Fnb / Fnb Categories Header Component Style Variables Start (components/fnb/fnb-categories-header/index.scss) */
  --fnb-categories-header-category-btn-font-size: 18px;
  --fnb-categories-header-category-btn-line-height: 18px;
  --fnb-categories-header-category-btn-color: var(--color5);
  --fnb-categories-header-category-btn-border-radius: 8px;
  --fnb-item-card-item-details-box-shadow: 0px 2px 4px 0px #6464647f;
  --fnb-item-card-item-details-h3-font-size: 24px;
  --fnb-item-card-item-details-h3-line-height: 24px;
  --fnb-item-card-item-details-item-details-font-size: 16px;
  --fnb-item-card-item-details-item-price-cart-border-top: 1px solid
    var(--color6);
  --fnb-item-card-item-details-item-price-font-size: 28px;
  --fnb-item-card-item-details-item-price-line-height: 22px;
  --fnb-item-card-item-details-item-price-font-family: var(
    --secondary-font-bold
  );
  --fnb-item-card-item-details-item-price-color: var(--color1);
  --fnb-item-card-item-details-button-add-to-cart-font-size: 24px;
  --fnb-item-card-item-details-button-add-to-cart-line-height: 24px;
  --fnbItemDetailsContainer-modifierGroupsAccordionWrapper-accordion-button-span-color: var(
    --color5
  );
  --fnbItemDetailsContainer-modifierItem-formcheckinput-border: 2px solid
    var(--color4);
  --fnbItemDetailsContainer-modifierItem-formcheckinput-checkbox-checked-border-color: var(
    --color5
  );
  --fnbItemDetailsContainer-modifierItem-formcheckinput-checkbox-checked-bg-color: var(
    --color5
  );
  --fnbItemDetailsContainer-modifierItem-formcheckinput-radio-checked-border: 1px
    solid var(--color5);
  --fnbItemDetailsContainer-modifierItem-formcheckinput-radio-checked-bg-color: var(
    --color5
  );
  --fnbItemDetailsContainer-modifierGroupsAccordionWrapper-accordion-Dot-bg-color: var(
    --color8
  );
  --fnbItemDetailsContainer-modifierItem-selected-bg-color: var(--base-color2);
  --fnbItemDetailsContainer-modifierItem-selected-border: 1.5px solid
    var(--color2);
  --fnbItemDetailsContainer-modifierItem-border: 1.5px solid var(--color9);

  /*Fnb / Fnb Item Card Component Style Variables Start (components/fnb/fnb-item-card/index.scss)*/
  --fnb-item-card-item-image-container-item-image-border-top-left-radius: 0;
  --fnb-item-card-item-image-container-item-image-border-top-right-radius: 0;
  /*Fnb / Fnb Item Card Component Style Variables End (components/fnb/fnb-item-card/index.scss)*/

  /* Review Order Page Style Variables Start (review-order/index.scss) */
  --order-review-container-review-order-div-p-font-size: 52px;
  --order-review-container-review-order-div-p-line-height: 36px;
  --order-review-container-booking-summary-booking-summary-heading-font-size: 42px;
  --order-review-container-booking-summary-booking-summary-heading-line-height: 42px;
  --order-error-popup-btn-hover-active-background: var(--color5);

  --your-details-blk-h3-font: 42px/48px var(--font-bold);
  --content-blk-choose-payment-sec-payment-list-ul-li-p-span-font: 32px/48px
    var(--secondary-font-bold);
  --content-blk-choose-payment-sec-payment-list-ul-li-border: 2px solid
    rgba(12, 16, 28, 0.5);
  --content-blk-choose-payment-sec-payment-list-ul-li-gift-card-before-bg: url(/assets/images/gift-card-icon.svg)
    no-repeat;

  --payment-container-movie-detail-wrap-movie-detail-movie-title-font: 42px/40px
    var(--font-bold);
  --payment-container-accordion-button-border-bottom: 1px solid
    rgba(12, 16, 28, 0.5);
  --payment-container-accordion-collapse-border-bottom: 0.7px solid
    rgba(12, 16, 28, 0.5);

  --confirmation-summary-booking-summary-heading-font-size: 42px;
  --confirmation-summary-booking-summary-heading-line-height: 42px;
  --confirmation-summary-movie-detail-movie-booking-wrap-booking-id-color: var(
    --color5
  );
  --confirmation-summary-failure-transaction-fail-p-color: var(--color8);
  --confirmation-summary-failure-home-wrap-home-link-color: var(--color5);

  --swipe-card-container-swipe-inner-swipe-card-p-font: 38px/48px
    var(--font-regular);

  --back-arrow-color: var(--base-color2);

  --login-page-content-h2-font: 42px/58px var(--secondary-font-semibold);
  --login-custom-banner-color: transparent;
  --login-page-back-arrow-color: var(--base-color2);
  --login-page-back-btn-svg-font-size: 40px;

  --btn-font: 30px/32px var(--font-bold);
  --color3Fill-color: var(--color2);
  --color7Fill-color: var(--color9);
  --color4Fill-color: var(--color8);
  --color17Fill-color: var(--color9);

  --inc-dec-div-for-item-dec-button-inc-button-color: var(--color1);
  --incDecDivForItem-decButton-color: var(--color1);
  --incDecDivForItem-itemQty-border-color: var(--color1);

  --consumber-advice-popup-modal-dialog-modal-content-modal-body-btns-wrap-btn-font-size: 30px;
  --consumber-advice-popup-modal-dialog-modal-content-modal-body-btns-wrap-btn-line-height: 30px;
  --consumber-advice-popup-modal-dialog-modal-content-modal-body-btns-wrap-btn-btnprimary-active-background: var(
    --base-color2
  );
  --consumber-advice-popup-modal-dialog-modal-content-modal-body-btns-wrap-btn-btnprimary-active-border-color: var(
    --color5
  );
  --consumber-advice-popup-modal-dialog-modal-content-modal-body-btns-wrap-btn-btnprimary-active-color: var(
    --color5
  );

  --barcode-popup-modal-content-modal-body-content-scan-btn-a-disabled: var(
    --base-color2
  );
  --barcode-popup-modal-content-modal-body-content-form-blk-fm-inner-input-wrap-input-border: 2px
    solid var(--color5);
  --fnbItemDetailsContainer-modifierGroupsAccordionWrapper-price-span-color: var(
    --color8
  );

  --banner-wrap-bg-color: var(--color10);

  --booking-summary-each-ticket-div-name-sold-out-color: var(--color8);
}