:root {
  /* Add Voucher Page Style Variables Start (addVoucher/index.scss)*/
  --add-voucher-rewards-redeem-text-font: 23px/29px var(--secondary-font-regular);
  --add-voucher-component-scan-btn-line-height: 50px;
  --add-voucher-component-scan-btn-primary-bg-active: var(--color2);
  --add-voucher-component-scan-btn-primary-border-active: var(--color2);
  --add-voucher-component-or-para-font: 32px/32px var(--font-regular);
  --add-voucher-component-or-para-color: var(--color7);
  --add-voucher-component-skip-text-font: 50px/50px var(--font-regular);
  --add-voucher-component-skip-text-color: var(--color1);
  /* Add Voucher Page Style Variables End (addVoucher/index.scss)*/

  /* Confirmation Page Style Variables Start (confirmation/index.scss) */
  --confirmation-summary-separator-bg-color: var(--color1);
  --confirmation-summary-success-container-header-before-bg: var(--header-multi-back);
  --confirmation-summary-success-container-header-before-border-radius: 0 0 50% 50%/0 0 100% 100%;
  --confirmation-summary-header-home-link-font-size: 14px;
  --confirmation-summary-header-home-link-line-height: 16px;
  --confirmation-summary-header-home-link-color: var(--base-color2);
  --confirmation-summary-header-home-link-font-family: var(--font-regular);
  --confirmation-summary-header-print-btn-bg: var(--color3);
  --confirmation-summary-header-print-btn-color: var(--color1);
  --confirmation-summary-header-print-btn-font-size: 18px;
  --confirmation-summary-header-print-btn-line-height: 18px;
  --confirmation-summary-header-print-btn-font-family: var(--font-regular);
  --confirmation-summary-header-print-btn-border-radius: 60px;
  --confirmation-summary-movie-detail-movie-status-h1-color: var(--base-color2);
  --confirmation-summary-movie-detail-movie-status-h1-font-size: 38px;
  --confirmation-summary-movie-detail-movie-status-h1-line-height: 65px;
  --confirmation-summary-movie-detail-movie-status-h1-font-family: var(--secondary-font-regular);
  --confirmation-summary-movie-detail-movie-status-span-color: var(--base-color2);
  --confirmation-summary-movie-detail-movie-status-span-font-size: 58px;
  --confirmation-summary-movie-detail-movie-status-span-line-height: 65px;
  --confirmation-summary-movie-detail-movie-status-span-font-family: var(--secondary-font-bold);
  --confirmation-summary-movie-detail-movie-status-exclamation-font-size: 50px;
  --confirmation-summary-movie-detail-movie-booking-wrap-border-bottom: 1px solid var(--color1);
  --confirmation-summary-movie-detail-movie-booking-wrap-booking-id-font-size: 42px;
  --confirmation-summary-movie-detail-movie-booking-wrap-booking-id-line-height: 52px;
  --confirmation-summary-movie-detail-movie-booking-wrap-booking-id-font-family: var(--secondary-font-regular);
  --confirmation-summary-movie-detail-movie-booking-wrap-booking-id-span-font-family: var(--secondary-font-bold);
  --confirmation-summary-movie-detail-sms-wrap-border-bottom: 0.7px solid var(--color1) 0;
  --confirmation-summary-movie-detail-sms-wrap-p-color: var(--color1) 1;
  --confirmation-summary-movie-detail-sms-wrap-p-font-size: 30px;
  --confirmation-summary-movie-detail-sms-wrap-p-line-height: 24px;
  --confirmation-summary-movie-detail-sms-wrap-p-font-family: var(--font-regular);
  --confirmation-summary-movie-detail-food-counter-font: 26px/30px var(--secondary-font-semibold);
  --confirmation-summary-movie-detail-food-counter-color: var(--color1);
  --confirmation-summary-booking-summary-heading-font-size: 56px;
  --confirmation-summary-booking-summary-heading-line-height: 56px;
  --confirmation-summary-booking-summary-heading-font-family: var(--font-bold);
  --confirmation-summary-booking-summary-heading-color: var(--color5);
  --confirmation-summary-booking-summary-payment-types-heading-color: var(--color1);
  --confirmation-summary-booking-summary-payment-types-ticket-name-color: var(--color1);
  --confirmation-summary-booking-summary-payment-types-ticket-name-strong-font-size: 28px;
  --confirmation-summary-booking-summary-payment-types-ticket-name-strong-line-height: 34px;
  --confirmation-summary-booking-summary-payment-types-ticket-name-strong-color: var(--color1);
  --confirmation-summary-booking-summary-payment-types-ticket-name-strong-font-family: var(--secondary-font-semibold);
  --confirmation-summary-booking-summary-payment-types-ticket-price-color: var(--color1);
  --confirmation-summary-movie-detail-movie-title-color: var(--color1);
  --confirmation-summary-movie-detail-movie-title-font-size: 40px;
  --confirmation-summary-movie-detail-movie-title-line-height: 40px;
  --confirmation-summary-movie-detail-movie-title-font-family: var(--font-bold);
  --confirmation-summary-movie-detail-movie-desc-font-family: var(--font-regular);
  --confirmation-summary-movie-detail-movie-desc-font-size: 22px;
  --confirmation-summary-movie-detail-movie-desc-line-height: 22px;
  --confirmation-summary-movie-detail-movie-desc-color: var(--color1);
  --confirmation-summary-movie-detail-movie-desc-after-background-color: var(--color1) 0;
  --confirmation-summary-ticket-summary-summary-title-color: var(--color9);
  --confirmation-summary-ticket-summary-summary-title-font-size: 36px;
  --confirmation-summary-ticket-summary-summary-title-line-height: 36px;
  --confirmation-summary-ticket-summary-summary-title-font-family: var(--font-bold);
  --confirmation-summary-ticket-summary-summary-title-border-bottom: 0.7px solid var(--color7);
  --confirmation-summary-ticket-summary-ticket-type-color: var(--color1);
  --confirmation-summary-ticket-summary-ticket-type-font-size: 32px;
  --confirmation-summary-ticket-summary-ticket-type-line-height: 28px;
  --confirmation-summary-ticket-summary-ticket-type-font-family: var(--font-bold);
  --confirmation-summary-ticket-summary-seat-type-color: var(--color1);
  --confirmation-summary-ticket-summary-seat-type-font-size: 28px;
  --confirmation-summary-ticket-summary-seat-type-line-height: 28px;
  --confirmation-summary-ticket-summary-seat-type-font-family: var(--font-regular);
  --confirmation-summary-ticket-summary-seat-count-color: var(--color1);
  --confirmation-summary-ticket-summary-seat-count-font-size: 28px;
  --confirmation-summary-ticket-summary-seat-count-line-height: 28px;
  --confirmation-summary-ticket-summary-seat-count-font-family: var(--font-regular);
  --confirmation-summary-ticket-summary-price-txt-color: var(--color1);
  --confirmation-summary-ticket-summary-price-txt-font-size: 28px;
  --confirmation-summary-ticket-summary-price-txt-line-height: 28px;
  --confirmation-summary-ticket-summary-price-txt-font-family: var(--font-bold);
  --confirmation-summary-ticket-summary-voucher-wrap-border-bottom: 0.7px solid var(--color7);
  --confirmation-summary-ticket-summary-info-txt-color: var(--color1);
  --confirmation-summary-ticket-summary-info-txt-font-size: 28px;
  --confirmation-summary-ticket-summary-info-txt-line-height: 21px;
  --confirmation-summary-ticket-summary-info-txt-font-family: var(--font-regular);
  --confirmation-summary-ticket-summary-info-txt-span-font-family: var(--font-regular);
  --confirmation-summary-ticket-summary-info-txt-span-vat-per-font-size: 24px;
  --confirmation-summary-ticket-summary-total-info-dec-border-top: 0.7px solid var(--color7);
  --confirmation-summary-ticket-summary-footer-print-bg: var(--color2);
  --confirmation-summary-ticket-summary-footer-print-color: var(--base-color2);
  --confirmation-summary-ticket-summary-footer-print-font-size: 30px;
  --confirmation-summary-ticket-summary-footer-print-line-height: 36px;
  --confirmation-summary-ticket-summary-footer-print-font-family: var(--font-regular);
  --confirmation-summary-ticket-summary-home-link-color: var(--color5);
  --confirmation-summary-ticket-summary-home-link-font-size: 14px;
  --confirmation-summary-ticket-summary-home-link-line-height: 16px;
  --confirmation-summary-ticket-summary-home-link-font-family: var(--secondary-font-semibold);
  --confirmation-summary-header-wrap-before-background: var(--header-multi-back);
  --confirmation-summary-header-wrap-before-border-radius: 0 0 50% 50%/0 0 100% 100%;
  --confirmation-summary-failure-wrap-movie-detail-wrap-border-bottom: 1px solid var(--color1);
  --confirmation-summary-failure-wrap-movie-detail-cont-border-bottom: 0.7px solid var(--color7);
  --confirmation-summary-failure-wrap-movie-detail-cont-movie-title-color: var(--color1);
  --confirmation-summary-failure-wrap-movie-detail-cont-movie-title-font-size: 40px;
  --confirmation-summary-failure-wrap-movie-detail-cont-movie-title-line-height: 40px;
  --confirmation-summary-failure-wrap-movie-detail-cont-movie-title-font-family: var(--font-bold);
  --confirmation-summary-failure-wrap-movie-detail-cont-movie-desc-font-bold-font-family: var(--font-bold);
  --confirmation-summary-failure-wrap-movie-detail-cont-movie-desc-span-font-size: 22px;
  --confirmation-summary-failure-wrap-movie-detail-cont-movie-desc-span-line-height: 22px;
  --confirmation-summary-failure-wrap-movie-detail-cont-movie-desc-span-font-family: var(--font-regular);
  --confirmation-summary-failure-wrap-movie-detail-cont-movie-desc-span-color: var(--color1);
  --confirmation-summary-failure-wrap-movie-detail-cont-movie-desc-span-after-bg-color: var(--color1) 0;
  --confirmation-summary-failure-transaction-fail-background: var(--color3);
  --confirmation-summary-failure-transaction-fail-border-radius: 25px;
  --confirmation-summary-failure-transaction-fail-p-color: var(--color4);
  --confirmation-summary-failure-transaction-fail-p-font-size: 30px;
  --confirmation-summary-failure-transaction-fail-p-line-height: 40px;
  --confirmation-summary-failure-transaction-fail-p-font-family: var(--secondary-font-semibold);
  --confirmation-summary-failure-try-btn-wrap-try-again-background: var(--color9);
  --confirmation-summary-failure-try-btn-wrap-try-again-color: var(--base-color2);
  --confirmation-summary-failure-try-btn-wrap-try-again-font-size: 30px;
  --confirmation-summary-failure-try-btn-wrap-try-again-line-height: 36px;
  --confirmation-summary-failure-try-btn-wrap-try-again-font-family: var(--font-regular);
  --confirmation-summary-failure-home-wrap-home-link-color: var(--color1);
  --confirmation-summary-failure-home-wrap-home-link-font-size: 14px;
  --confirmation-summary-failure-home-wrap-home-link-line-height: 16px;
  --confirmation-summary-failure-home-wrap-home-link-font-family: var(--font-bold);
  --confirmation-summary-success-failure-movie-detail-movie-status-h1-color: var(--color1);
  --confirmation-summary-success-failure-movie-detail-movie-status-h1-span-color: var(--color1);
  --confirmation-summary-success-booking-wrap-border-top: 1px solid #38352d;
  /* Confirmation Page Style Variables End (confirmation/index.scss) */

  /* Failure Page Style Variables Start (failure/index.scss) */
  --failure-header-before-background: var(--header-multi-back);
  --failure-header-before-border-radius: 0 0 50% 50%;
  --failure-home-wrap-home-link-font-size: 14px;
  --failure-home-wrap-home-link-line-height: 16px;
  --failure-home-wrap-home-link-color: var(--base-color2);
  --failure-home-wrap-home-link-font-family: var(--font-regular);
  --failure-banner-wrap-movie-status-h1-color: var(--base-color2);
  --failure-banner-wrap-movie-status-h1-font-size: 38px;
  --failure-banner-wrap-movie-status-h1-line-height: 65px;
  --failure-banner-wrap-movie-status-h1-font-family: var(--font-regular);
  --failure-banner-wrap-movie-status-span-color: var(--base-color2);
  --failure-banner-wrap-movie-status-span-font-size: 58px;
  --failure-banner-wrap-movie-status-span-line-height: 65px;
  --failure-banner-wrap-movie-status-span-font-family: var(--font-bold);
  --failure-movie-detail-cont-movie-title-color: var(--color1);
  --failure-movie-detail-cont-movie-title-font-size: 40px;
  --failure-movie-detail-cont-movie-title-line-height: 40px;
  --failure-movie-detail-cont-movie-title-font-family: var(--font-bold);
  --failure-movie-detail-cont-movie-desc-font-family: var(--font-bold);
  --failure-movie-detail-cont-movie-desc-span-font-size: 22px;
  --failure-movie-detail-cont-movie-desc-span-line-height: 22px;
  --failure-movie-detail-cont-movie-desc-span-font-family: var(--font-regular);
  --failure-movie-detail-cont-movie-desc-span-color: var(--color1);
  --failure-movie-detail-cont-movie-desc-span-after-background-color: var(--color1) 0;
  --failure-transaction-fail-background: var(--color3);
  --failure-transaction-fail-border-radius: 25px;
  --failure-transaction-fail-p-color: var(--color4);
  --failure-transaction-fail-p-font-size: 32px;
  --failure-transaction-fail-p-line-height: 40px;
  --failure-transaction-fail-p-font-family: var(--font-regular);
  --failure-try-btn-wrap-try-again-background: var(--color9);
  --failure-try-btn-wrap-try-again-color: var(--base-color2);
  --failure-try-btn-wrap-try-again-font-size: 30px;
  --failure-try-btn-wrap-try-again-line-height: 36px;
  --failure-try-btn-wrap-try-again-min-width: 300px;
  --failure-try-btn-wrap_try-again-font-family: var(--font-bold);
  --failure-home-link-wrap-home-link-color: var(--color1);
  --failure-home-link-wrap-home-link-font-size: 14px;
  --failure-home-link-wrap-home-link-line-height: 16px;
  --failure-home-link-wrap-home-link-font-family: var(--font-bold);

  /* Failure Page Style Variables End (failure/index.scss) */

  /* Loader Style Variables Start (loader/index.scss) */
  --loader-background: rgba(var(--base-color1), 0.75);
  /* Loader Style Variables End (loader/index.scss) */

  /* Login Page Style Variables Start (login/index.scss) */
  --login-page-content-h2-font: 58px/62px var(--font-regular);
  --login-page-content-h2-color: var(--color1);
  /* Login Page Style Variables End (login/index.scss) */

  /* Movies pages Style Variables Start (movies-pages/index.scss) */
  --movie-container-right-col-home-btn-background: var(--color1);
  --movie-container-slick-slider-hero-banner-background: var(--color2);
  --movie-container-slick-slider-slick-dots-customDots-border: 0.5px solid var(--base-color2);
  --movie-container-slick-slider-slick-dots-customDots-border-radius: 50%;
  --movie-container-slick-slider-slick-dots-customDots-background: var(--color1);
  --movie-container-slick-slider-slick-dots-customDots-box-shadow: 1px 2px 2px 0px rgba(var(--base-color1), 0.35);
  --movie-container-slick-slider-slick-dots-active-customDots-background: var(--base-color2);
  --movie-container-slick-slider-slick-dots-active-customDots-border: 1px solid var(--base-color1);
  --movie-container-inner-page-header-background: var(--color1);
  --movie-container-op-sec-timer-p-color: var(--color1);
  --movie-container-op-sec-timer-p-font-family: var(--font-regular);
  --movie-container-op-sec-timer-p-font-size: 40px;
  --movie-container-op-sec-timer-p-line-height: 26px;
  --movie-container-op-sec-rt-sec-filter-btn-font: 28px/58px var(--font-semibold);
  --movie-container-op-sec-rt-sec-filter-btn-color: var(--color1);
  --movie-container-op-sec-rt-sec-filter-btn-border: 1px solid var(--base-color2);
  --movie-container-op-sec-rt-sec-filter-btn-border-radius: 8px;
  --movie-container-op-sec-rt-sec-filter-btn-box-shadow: 0px 2px 4px 0px #6464647f;
  --movie-container-op-sec-rt-sec-filter-btn-fb-primary-background: var(--color2);
  --movie-container-op-sec-rt-sec-filter-btn-fb-primary-border-color: var(--color2);
  --movie-container-op-sec-rt-sec-filter-btn-fb-secondary-background: var(--base-color2);
  --movie-container-op-sec-rt-sec-filter-btn-fb-secondary-border-color: var(--color1);
  --movie-container-op-sec-filter-count-border-radius: 50%;
  --movie-container-op-sec-filter-count-background: var(--color2);
  --movie-container-op-sec-filter-count-font-size: 18px;
  --movie-container-op-sec-filter-count-line-height: 18px;
  --movie-container-op-sec-filter-count-font-family: var(--secondary-font-semibold);
  --movie-container-movie-sec-movies-list-a-box-shadow: 0 2px 4px 0 #64646480;
  --movie-container-movie-sec-movies-list-a-bg: var(--color3);
  --movie-container-movie-sec-movies-list-a-border-radius: 8px;
  --movie-container-movie-sec-movies-list-img-border-radius: 8px 8px 0px 0px;
  --movie-container-movie-sec-movies-list-cont-sec-border-radius: 0px 0px 20px 20px;
  --movie-container-movie-sec-movies-list-cont-sec-h4-font: 26px/26px var(--font-regular);
  --movie-container-movie-sec-movies-list-cont-sec-h4-font-family: var(--font-semibold);
  --movie-container-movie-sec-movies-list-cont-sec-h4-color: var(--color1);
  --movie-container-movie-sec-movies-list-cont-sec-p-font: 16px/22px var(--secondary-font-regular);
  --movie-container-movie-sec-movies-list-cont-sec-p-color: var(--color1);
  --movie-container-movie-sec-movies-list-cont-sec-span-lang-font-family: var(--secondary-font-semibold);
  --movie-container-movie-sec-movies-list-movie-det-ad-book-border-radius: 0px 20px 20px 0px;
  --movie-container-movie-sec-movies-list-movie-det-ad-book-background: var(--button-pink-back);
  --movie-container-movie-sec-movies-list-movie-det-ad-book-span-font-size: 16px;
  --movie-container-movie-sec-movies-list-movie-det-ad-book-span-font-family: var(--font-regular);
  --movie-container-movie-sec-movies-list-movie-det-ad-book-span-color: var(--base-color2);
  --movie-container-movie-sec-movies-list-movie-det-ad-book-span-line-height: 16px;
  --movie-container-movie-sec-movies-list-movie-det-mov-type-background: var(--color4);
  --movie-container-movie-sec-movies-list-movie-det-mov-type-border-radius: 60px;
  --movie-container-movie-sec-movies-list-movie-det-mov-type-box-shadow: var(--movies-list);
  --movie-container-movie-sec-movies-list-movie-det-mov-type-span-font: 14px/14px var(--secondary-font-bold);
  --movie-container-movie-sec-movies-list-movie-det-mov-type-span-color: var(--base-color2);
  --movie-container-movie-sec-movies-list-movie-det-mov-type-green-color: var(--color1) 2;
  --movie-container-movie-sec-movies-list-movie-det-mov-type-sky-blue-color: var(--color1) 0;
  --movie-container-movie-sec-movies-list-movie-det-mov-type-dark-blue-color: var(--color1) 1;
  --movie-container-movie-sec-movies-list-movie-det-mov-type-yellow-color: var(--color2);
  --movie-container-movie-sec-movies-list-next-show-details-bg: var(--color3);
  --movie-container-movie-sec-movies-list-next-show-details-p-font: 14px/14px var(--secondary-font-semibold);
  --movie-container-movie-sec-movies-list-next-show-details-p-color: var(--color1);
  --movie-container-movie-sec-movies-list-next-show-details-show-time-background: var(--color5);
  --movie-container-movie-sec-movies-list-next-show-details-show-time-border-radius: 8px;
  --movie-container-movie-sec-movies-list-next-show-details-show-time-line-height: 36px;
  --movie-container-movie-sec-movies-list-next-show-details-show-time-color: var(--base-color2);
  --movie-container-movie-sec-movies-list-next-show-details-show-time-font-size: 14px;
  --movie-container-movie-sec-movies-list-next-show-details-show-time-font-family: var(--secondary-font-semibold);
  --movie-container-movie-sec-movies-list-next-show-details-show-experience-font-size: 10px;
  --movie-container-movie-sec-movies-list-next-show-details-show-experience-line-height: 12px;
  --movie-container-movie-sec-movies-list-next-show-details-show-experience-color: var(--color1);
  --movie-container-movie-sec-movies-list-next-show-details-show-experience-font-family: var(--secondary-font-bold);
  --movie-container-movie-sec-error-blk-p-font: 30px/34px var(--font-bold);
  --movie-container-movie-sec-error-blk-p-color: var(--color4);
  --movie-container-movies-footer-background: var(--color3);
  --movie-container-movies-footer-span-font-family: var(--font-regular);
  --movie-container-movies-footer-span-font-size: 14px;
  --movie-container-movies-footer-span-color: var(--color1);
  --movie-container-movies-footer-span-line-height: 15px;
  --movie-container-movie-sec-no-movies-found-p-font-size: 24px;
  --movie-container-movie-sec-no-movies-found-p-line-height: 36px;
  --movie-container-movie-sec-no-movies-found-p-font-family: var(--secondary-font-semibold);
  --experience-modal-close-button-background: var(--color2);
  --experience-modal-close-button-box-shadow: -4px 4px 4px 0px rgba(var(--base-color1), 0.2);
  --experience-modal-close-button-border: 2px solid var(--base-color2);
  --experience-modal-heading-font-family: var(--font-bold);
  --experience-modal-heading-font-size: 56px;
  --experience-modal-heading-line-height: 56px;
  --experience-modal-modal-content-border-radius: 15px;
  --experience-modal-modal-body-border-bottom:1px solid var(--color1);
  --experience-modal-modal-body-experience-div-border: 2px solid var(--base-color1);
  --experience-modal-modal-body-experience-div-color: var(--color1);
  --experience-modal-modal-body-experience-div-border-radius: 10px;
  --experience-modal-modal-body-experience-div-font-size: 26px;
  --experience-modal-modal-body-experience-div-line-height: 32px;
  --experience-modal-modal-body-experience-div-font-family: var(--secondary-font-bold);
  --experience-modal-modal-body-experience-div-active-background: var(--color5);
  --experience-modal-modal-body-experience-div-active-color: var(--base-color2);
  --experience-modal-modal-body-experience-div-active-border-color: var(--color5);
  --experience-modal-modal-body-error-message-font-family: var(--font-semibold);
  --experience-modal-modal-body-error-message-font-size: 36px;
  --experience-modal-modal-body-error-message-line-height: 36px;
  --experience-modal-button-font-family: var(--font-semibold);
  --experience-modal-button-font-size: 48px;
  --experience-modal-button-line-height: 48px;
  --experience-modal-button-border-radius: 10px;
  --experience-modal-reset-button-color: var(--color5);
  --experience-modal-reset-button-background: transparent;
  --experience-modal-reset-button-border-color: transparent;
  --experience-modal-apply-button-color: var(--color1);
  --experience-modal-apply-button-background: var(--color2);
  --experience-modal-apply-button-border-color: var(--color2);
  --experience-modal-loading-skeleton-border-radius: 20px;
  /* Movies pages Style Variables End (movies-pages/index.scss) */

  /*Payment Page Style Variables Start (payment/index.scss)*/
  --payment-container-accordion-item-border: none;
  --payment-container-accordion-button-border-bottom: 1px solid var(--color1);
  --payment-container-accordion-button-not-collapsed-background: var(--base-color2);
  --payment-container-accordion-button-not-collapsed-color: var(--color1);
  --payment-container-accordion-button-not-collapsed-box-shadow: none;
  --payment-container-accordion-button-focus-box-shadow: none;
  --payment-container-accordion-button-booking-summary-title-font-size: 54px;
  --payment-container-accordion-button-booking-summary-title-line-height: 54px;
  --payment-container-accordion-button-booking-summary-title-font-family: var(--font-bold);
  --payment-container-accordion-button-booking-summary-title-color: var(--color5);
  --payment-container-accordion-button-banner-wrap-noAfter-movie-desc-border-color: var(--color1) !important;
  --payment-container-accordion-button-banner-wrap-noAfter-movie-desc-border: 0;
  --payment-container-movie-detail-wrap-movie-detail-movie-title-font: 54px/58px var(--font-bold);
  --payment-container-movie-detail-wrap-movie-detail-movie-desc-span-font-family: var(--secondary-font-semibold);
  --payment-container-movie-detail-wrap-movie-detail-movie-desc-span-rating-font-family: var(--secondary-font-bold);
  --payment-container-accordion-button-banner-wrap-movie-detail-wrap-movie-detail-movieSupportInfo-span-font-family: var(--secondary-font-semibold);
  --payment-container-tick-info-seat-type-color: var(--color1);
  --payment-container-tick-info-seat-type-font-size: 24px;
  --payment-container-tick-info-seat-type-line-height: 28px;
  --payment-container-tick-info-seat-type-font-family: var(--font-regular);
  --payment-container-tick-info-price-txt-color: var(--color1);
  --payment-container-tick-info-price-txt-font-size: 28px;
  --payment-container-tick-info-price-txt-line-height: 28px;
  --payment-container-tick-info-price-txt-font-family: var(--font-bold);
  --payment-container-summary-sec-border-top: 1px solid var(--color7);
  --payment-container-summary-sec-info-dec-info-txt-color: var(--color1);
  --payment-container-summary-sec-info-dec-info-txt-font-size: 22px;
  --payment-container-summary-sec-info-dec-info-txt-line-height: 21px;
  --payment-container-summary-sec-info-dec-info-txt-font-family: var(--font-regular);
  --payment-container-summary-sec-info-dec-info-txt-span-font-family: var(--font-regular);
  --payment-container-summary-sec-info-dec-info-txt-span-lite-txt-font-size: 24px;
  --payment-container-summary-sec-info-dec-info-txt-span-lite-txt-font-family: var(--font-light);
  --payment-container-summary-sec-info-dec-price-txt-font-family: var(--font-bold);
  --payment-container-summary-sec-info-dec-price-txt-color: var(--color1);
  --payment-container-summary-sec-info-dec-price-txt-font-size: 24px;
  --payment-container-summary-sec-info-dec-price-txt-line-height: 28px;
  --payment-container-accordion-body-eachTicketDiv-giftcard-payment-preCost-font: 28px/28px var(--secondary-font-semibold);
  --payment-container-accordion-body-eachTicketDiv-giftcard-payment-preCost-font: 28px/28px var(--secondary-font-semibold);
  --payment-container-accordion-body-eachTicketDiv-giftcard-payment-giftcard-priceDiv-price-font: 36px/36px var(--font-bold);
  --payment-container-movie-detail-movie-title-font-size: 40px;
  --payment-container-movie-detail-movie-title-line-height: 36px;
  --payment-container-movie-detail-movie-title-color: var(--color1);
  --payment-container-movie-detail-movie-title-font-family: var(--font-bold);
  --payment-container-movie-detail-movie-desc-li-font-size: 22px;
  --payment-container-movie-detail-movie-desc-li-line-height: 22px;
  --payment-container-movie-detail-movie-desc-li-color: var(--color1);
  --payment-container-movie-detail-movie-desc-li-font-family: var(--font-regular);
  --payment-container-movie-detail-movie-desc-li-after-background-color: var(--color1) 0;
  --payment-container-movie-detail-movie-desc-li-font-bold-font-family: var(--font-bold);
  --payment-container-accordion-collapse-border-bottom: 0.7px solid var(--color7);
  --payment-container-accordion-collapse-border-radius: 0;
  --payment-container-paymentPageMovieInfo-accordion-item-accordion-button-banner-wrap-movieSupportInfo-span-after-background: var(--color2);
  --your-details-blk-h3-font: 56px/60px var(--font-bold);
  --your-details-blk-h3-color: var(--color5);
  --your-details-blk-h3-span-font: 26px/30px var(--secondary-font-semibold);
  --your-details-blk-h3-span-color: var(--color1);
  --content-blk-your-details-blk-form-blk-input-wrap-input-font: 18px/18px var(--secondary-font-semibold);
  --content-blk-your-details-blk-form-blk-input-wrap-input-color: var(--color1);
  --content-blk-your-details-blk-form-blk-input-wrap-input-border: 1px solid var(--color1);
  --content-blk-your-details-blk-form-blk-input-wrap-input-border-radius: 10px;
  --content-blk-your-details-blk-tandc-blk-form-groups-label-font: 22px/40px var(--secondary-font-regular);
  --content-blk-your-details-blk-tandc-blk-form-groups-label-color: var(--color1);
  --content-blk-your-details-blk-tandc-blk-form-groups-label-a-font-family: var(--secondary-font-bold);
  --content-blk-your-details-blk-tandc-blk-form-groups-label-a-color: var(--color1);
  --content-blk-your-details-blk-tandc-blk-form-groups-label-i-border: 2px solid var(--color5);
  --content-blk-your-details-blk-tandc-blk-form-groups-label-i-border-radius: 5px;
  --content-blk-choose-payment-sec-payment-list-ul-li-border: 2px solid var(--color1);
  --content-blk-choose-payment-sec-payment-list-ul-li-border-radius: 10px;
  --content-blk-choose-payment-sec-payment-list-ul-li-p-span-font: 30px/48px var(--secondary-font-bold);
  --content-blk-choose-payment-sec-payment-list-ul-li-p-span-color: var(--color1);
  --content-blk-choose-payment-sec-payment-list-ul-li-gift-card-giftcard-details-background: var(--color3);
  --content-blk-choose-payment-sec-payment-list-ul-li-gift-card-giftcard-details-border-radius: 0 0 10px 10px;
  --content-blk-choose-payment-sec-payment-list-ul-li-gift-card-giftcard-details-h4-font: 30px/34px var(--secondary-font-bold);
  --content-blk-choose-payment-sec-payment-list-ul-li-gift-card-giftcard-details-h4-color: var(--color5);
  --content-blk-choose-payment-sec-payment-list-ul-li-gift-card-giftcard-details-h4-span-font: 26px/30px var(--secondary-font-semibold);
  --content-blk-choose-payment-sec-payment-list-ul-li-gift-card-giftcard-details-h4-span-color: var(--color1);
  --order-error-popup-btn-focus-box-shadow: none;
  --order-error-popup-btn-hover-active-background: var(--color2);

  /* Payment Page Style Variables End (payment/index.scss) */

  /* Recent Bookings Page Style Variables Start (recentBookings/index.scss) */
  --recent-bookings-page-font-family: var(--font-regular);
  --recent-bookings-page-h4-title-font-size: 64px;
  --recent-bookings-page-h4-title-line-height: 68px;
  --recent-bookings-page-h4-title-color: var(--color5);
  --recent-bookings-page-h4-title-font-family: var(--font-bold);
  --recent-bookings-page-recent-booking-slider-h6-font-size: 42px;
  --recent-bookings-page-recent-booking-slider-h6-line-height: 48px;
  --recent-bookings-page-recent-booking-slider-h6-color: var(--color5);
  --recent-bookings-page-recent-booking-slider-h6-font-family: var(--font-bold);
  --recent-bookings-page-recent-booking-card-background-color: var(--color3);
  --recent-bookings-page-recent-booking-card-border-radius: 20px;
  --recent-bookings-page-recent-booking-card-booking-image-border-radius: 12px;
  --recent-bookings-page-booking-details-film-status-border: 1.5px solid var(--color4);
  --recent-bookings-page-booking-details-film-status-color: var(--color4);
  --recent-bookings-page-booking-details-film-status-font-size: 18px;
  --recent-bookings-page-booking-details-film-status-line-height: 18px;
  --recent-bookings-page-booking-details-film-status-font-family: var(--secondary-font-semibold);
  --recent-bookings-page-booking-details-film-status-border-radius: 8px;
  --recent-bookings-page-booking-details-film-status-span-font-family: var(--secondary-font-bold);
  --recent-bookings-page-booking-details-booking-id-font-size: 32px;
  --recent-bookings-page-booking-details-booking-id-line-height: 52px;
  --recent-bookings-page-booking-details-booking-id-color: var(--color5);
  --recent-bookings-page-booking-details-booking-id-font-family: var(--secondary-font-regular);
  --recent-bookings-page-booking-details-booking-id-span-font-family: var(--secondary-font-bold);
  --recent-bookings-page-booking-details-film-name-font-size: 48px;
  --recent-bookings-page-booking-details-film-name-line-height: 48px;
  --recent-bookings-page-booking-details-film-name-color: var(--color1);
  --recent-bookings-page-booking-details-film-details-span-font-size: 22px;
  --recent-bookings-page-booking-details-film-details-span-line-height: 22px;
  --recent-bookings-page-booking-details-film-details-span-color: var(--color1);
  --recent-bookings-page-booking-details-film-details-span-font-family: var(--secondary-font-semibold);
  --recent-bookings-page-recent-booking-slider-slick-dots-li-button-background-color: var(--color5);
  --recent-bookings-page-recent-booking-slider-slick-dots-li-button-border-radius: 50%;
  --recent-bookings-page-buy-food-cta-background-color: var(--color3);
  --recent-bookings-page-buy-food-cta-title-font-size: 64px;
  --recent-bookings-page-buy-food-cta-title-line-height: 64px;
  --recent-bookings-page-buy-food-cta-title-color: var(--color5);
  --recent-bookings-page-buy-food-cta-title-font-family: var(--font-bold);
  --recent-bookings-page-buy-food-cta-content-border: 3px solid var(--base-color2);
  --recent-bookings-page-buy-food-cta-content-border-radius: 20px;
  --recent-bookings-page-buy-food-cta-content-description-font-size: 26px;
  --recent-bookings-page-buy-food-cta-content-description-line-height: 34px;
  --recent-bookings-page-buy-food-cta-content-description-color: var(--color1);
  --recent-bookings-page-buy-food-cta-content-description-font-family: var(--secondary-font-semibold);
  /* Recent Bookings Page Style Variables End (recentBookings/index.scss) */

  /* Review Order Page Style Variables Start (review-order/index.scss) */
  --order-review-container-review-order-div-background: var(--color3);
  --order-review-container-review-order-div-color: var(--color5);
  --order-review-container-review-order-div-p-font-size: 64px;
  --order-review-container-review-order-div-p-line-height: 64px;
  --order-review-container-review-order-div-p-font-family: var(--font-bold);
  --order-review-container-suggestive-selling-background-color: rgba($color: var(--color4), $alpha: 0.075);
  --order-review-container-suggestive-selling-p-font-size: 42px;
  --order-review-container-suggestive-selling-p-line-height: 42px;
  --order-review-container-suggestive-selling-p-font-family: var(--font-bold);
  --order-review-container-suggestive-selling-p-color: var(--color4);
  --order-review-container-booking-summary-booking-summary-heading-font-size: 54px;
  --order-review-container-booking-summary-booking-summary-heading-line-height: 54px;
  --order-review-container-booking-summary-booking-summary-heading-font-family: var(--font-bold);
  --order-review-container-booking-summary-booking-summary-heading-color: var(--color5);
  /* Review Order Page Style Variables End (review-order/index.scss) */

  /* seatlayout page Style Variables Start (seatlayout/index.scss) */
  --seatlayout-container-header-wrap-before-border-radius: 50% 50%/100% 100%;
  --seatlayout-container-header-wrap-logo-wrap-home-wrap-home-link-font-size: 14px;
  --seatlayout-container-header-wrap-logo-wrap-home-wrap-home-link-line-height: 16px;
  --seatlayout-container-header-wrap-logo-wrap-home-wrap-home-link-color: var(--base-color2);
  --seatlayout-container-header-wrap-logo-wrap-home-wrap-home-link-font-family: var(--font-regular);
  --seatlayout-container-header-wrap-ss-timer-time-txt-font-size: 24px;
  --seatlayout-container-header-wrap-ss-timer-time-txt-line-height: 24px;
  --seatlayout-container-header-wrap-ss-timer-time-txt-font-family: var(--font-regular);
  --seatlayout-container-header-wrap-ss-timer-time-txt-color: var(--base-color2);
  --seatlayout-container-header-wrap-ss-timer-ss-count-font-size: 36px;
  --seatlayout-container-header-wrap-ss-timer-ss-count-line-height: 42px;
  --seatlayout-container-header-wrap-ss-timer-ss-count-font-family: var(--font-regular);
  --seatlayout-container-header-wrap-ss-timer-ss-count-color: var(--base-color2);
  --seatlayout-container-showtimes-wrap-play-date-wrap-active-play-time-color: var(--base-color2);
  --seatlayout-container-showtimes-wrap-play-date-wrap-active-play-time-border: 1px solid var(--color5);
  --seatlayout-container-showtimes-wrap-play-date-wrap-active-play-time-background: var(--color5);
  --seatlayout-container-showtimes-wrap-play-date-wrap-play-time-color: var(--color1);
  --seatlayout-container-showtimes-wrap-play-date-wrap-play-time-border: 1px solid var(--color5);
  --seatlayout-container-showtimes-wrap-play-date-wrap-play-time-border-radius: 12px;
  --seatlayout-container-showtimes-wrap-play-date-wrap-play-time-font-size: 18px;
  --seatlayout-container-showtimes-wrap-play-date-wrap-play-time-line-height: 20px;
  --seatlayout-container-showtimes-wrap-play-date-wrap-play-time-font-family: var(--secondary-font-semibold);
  --seatlayout-container-showtimes-wrap-play-date-wrap-play-time-hover-color: var(--base-color2);
  --seatlayout-container-showtimes-wrap-play-date-wrap-play-time-hover-border: 1px solid var(--color5);
  --seatlayout-container-showtimes-wrap-play-date-wrap-play-time-hover-background: var(--color5);
  --seatlayout-container-showtimes-wrap-play-date-wrap-play-time-selected-color: var(--base-color2);
  --seatlayout-container-showtimes-wrap-play-date-wrap-play-time-selected-border: 1px solid var(--color5);
  --seatlayout-container-showtimes-wrap-play-date-wrap-play-time-selected-background: var(--color5);
  --seatlayout-container-showtimes-wrap-play-date-wrap-span-font-size: 16px;
  --seatlayout-container-showtimes-wrap-play-date-wrap-span-line-height: 20px;
  --seatlayout-container-showtimes-wrap-play-date-wrap-span-font-family: var(--secondary-font-semibold);
  --seatlayout-container-showtimes-wrap-play-date-wrap-showtime-available-play-time-color: var(--color1);
  --seatlayout-container-showtimes-wrap-play-date-wrap-showtime-available-play-time-border-color: var(--color1);
  --seatlayout-container-showtimes-wrap-play-date-wrap-fast-filling-showtime-play-time-color: var(--color4);
  --seatlayout-container-showtimes-wrap-play-date-wrap-fast-filling-showtime-play-time-border-color: var(--color4);
  --seatlayout-container-showtimes-wrap-play-date-wrap-fast-filling-showtime-play-time-hover-color: var(--color4);
  --seatlayout-container-showtimes-wrap-play-date-wrap-fast-filling-showtime-play-time-hover-border: 1px solid var(--color4);
  --seatlayout-container-showtimes-wrap-play-date-wrap-fast-filling-showtime-play-time-hover-background: transparent;
  --seatlayout-container-showtimes-wrap-play-date-wrap-fast-filling-showtime-span-color: var(--color4);
  --seatlayout-container-showtimes-wrap-play-date-wrap-sold-out-show-time-play-time-color: var(--color3);
  --seatlayout-container-showtimes-wrap-play-date-wrap-sold-out-show-time-play-time-border-color: var(--color3);
  --seatlayout-container-showtimes-wrap-play-date-wrap-sold-out-show-time-play-time-hover-color: var(--color3);
  --seatlayout-container-showtimes-wrap-play-date-wrap-sold-out-show-time-play-time-hover-border: 1px solid var(--color3);
  --seatlayout-container-showtimes-wrap-play-date-wrap-sold-out-show-time-play-time-hover-background: transparent;
  --seatlayout-container-showtimes-wrap-play-date-wrap-sold-out-show-time-span-color: var(--color3);
  --seatlayout-container-showdates-wrap-play-date-wrap-showtime-disabled-play-time-color: rgba(var(--color1), 0.3);
  --seatlayout-container-showdates-wrap-play-date-wrap-showtime-disabled-play-time-background: rgba(var(--color1), 0.3);
  --seatlayout-container-showdates-wrap-play-date-wrap-showtime-disabled-play-time-border-color: rgba(var(--color1), 0.3);
  --seatlayout-container-showdates-wrap-play-date-wrap-showtime-disabled-play-time-hover-color: rgba(var(--color1), 0.3);
  --seatlayout-container-showdates-wrap-play-date-wrap-showtime-disabled-play-time-hover-border: 1px solid rgba(var(--color1), 0.3);
  --seatlayout-container-showdates-wrap-play-date-wrap-showtime-disabled-play-time-hover-background: rgba(var(--color1), 0.3);
  --seatlayout-container-showdates-wrap-play-date-wrap-showtime-disabled-span-color: rgba(var(--color1), 0.3);
  --seatlayout-container-show-date-wrap-disable-play-time-color: var(--color3);
  --seatlayout-container-show-date-wrap-disable-play-time-border: 1.8px solid var(--color3);
  --seatlayout-container-movie-type-background: var(--color3);
  --seatlayout-container-movie-type-border-radius: 15px;
  --seatlayout-container-movie-type-std-type-color: var(--color1);
  --seatlayout-container-movie-type-std-type-font-size: 24px;
  --seatlayout-container-movie-type-std-type-line-height: 24px;
  --seatlayout-container-movie-type-std-type-font-family: var(--secondary-font-bold);
  --seatlayout-container-movie-type-prem-type-color: var(--color1);
  --seatlayout-container-movie-type-prem-type-font-size: 24px;
  --seatlayout-container-movie-type-prem-type-line-height: 24px;
  --seatlayout-container-movie-type-prem-type-font-family: var(--font-bold);
  --seatlayout-container-movie-type-seat-count-color: var(--color5);
  --seatlayout-container-ticket-summary-modal-movie-detail-wrap-movie-detail-movie-desc-font-family: var(--font-regular);
  --seatlayout-container-ticket-summary-modal-movie-detail-wrap-movie-detail-movie-desc-span-font-size: 22px;
  --seatlayout-container-ticket-summary-modal-movie-detail-wrap-movie-detail-movie-desc-span-line-height: 22px;
  --seatlayout-container-ticket-summary-modal-movie-detail-wrap-movie-detail-movie-desc-span-color: var(--color1);
  --seatlayout-container-ticket-summary-modal-movie-detail-wrap-movie-detail-movie-desc-span-after-background-color: var(--color1) 0;
  --seatlayout-container-ticket-summary-modal-movie-detail-wrap-movie-detail-movie-title-font-size: 40px;
  --seatlayout-container-ticket-summary-modal-movie-detail-wrap-movie-detail-movie-title-line-height: 40px;
  --seatlayout-container-ticket-summary-modal-movie-detail-wrap-movie-detail-movie-title-color: var(--color1);
  --seatlayout-container-ticket-summary-modal-movie-detail-wrap-movie-detail-movie-title-font-family: var(--font-bold);
  --seatlayout-container-ticket-summary-modal-continue-wrap-continue-btn-background: var(--button-blue-back);
  --seatlayout-container-ticket-summary-modal-continue-wrap-continue-btn-box-shadow: var(--button-shadow);
  --seatlayout-container-ticket-summary-modal-continue-wrap-continue-btn-color: var(--base-color2);
  --seatlayout-container-ticket-summary-modal-continue-wrap-continue-btn-font-family: 'CoHeadline-Regular';
  --seatlayout-container-ticket-summary-modal-continue-wrap-continue-btn-font-size: 36px;
  --seatlayout-container-ticket-summary-modal-continue-wrap-continue-btn-line-height: 36px;
  --seatlayout-container-ticket-summary-modal-continue-wrap-continue-btn-border-radius: 60px;
  --seatlayout-container-ticket-summary-modal-offcanvas-bottom-border-top-left-radius: 30px;
  --seatlayout-container-ticket-summary-modal-offcanvas-bottom-border-top-right-radius: 30px;
  /* seatlayout page Style Variables End (seatlayout/index.scss) */

  /* Showtimes Page Style Variables Start (showtimes/index.scss) */
  --showtime-container-header-wrap-before-border-radius: 0 0 50% 50%/0 0 100% 100%;
  --showtime-container-header-wrap-logo-wrap-home-wrap-home-link-font-size: 14px;
  --showtime-container-header-wrap-logo-wrap-home-wrap-home-link-line-height: 16px;
  --showtime-container-header-wrap-logo-wrap-home-wrap-home-link-color: var(--base-color2);
  --showtime-container-header-wrap-logo-wrap-home-wrap-home-link-font-family: var(--font-regular);
  --showtime-container-time-wrap-ul-movie-date-wrap-background: var(--color3);
  --showtime-container-time-wrap-ul-movie-date-wrap-color: var(--color1);
  --showtime-container-time-wrap-ul-movie-date-wrap-border-radius: 20px;
  --showtime-container-time-wrap-ul-movie-date-wrap-box-shadow: 0 2px 4px 0 rgba(100, 100, 100, 0.498);
  --showtime-container-time-wrap-ul-movie-date-wrap-movie-date-font: 40px/30px var(--font-bold);
  --showtime-container-time-wrap-ul-movie-date-wrap-movie-day-font: 20px/20px var(--secondary-font-regular);
  --showtime-container-time-wrap-ul-movie-date-wrap-today-background: var(--color5);
  --showtime-container-time-wrap-ul-movie-date-wrap-today-color: var(--base-color2);
  --showtime-container-time-wrap-future-date-caution-p-font-size: 26px;
  --showtime-container-time-wrap-future-date-caution-p-line-height: 32px;
  --showtime-container-time-wrap-future-date-caution-p-color: var(--color4);
  --showtime-container-time-wrap-future-date-caution-p-font-family: var(--secondary-font-semibold);
  --showtime-container-showtime-not-p-font: 24px/28px var(--font-bold);
  --showtime-container-play-wrap-play-icon-wrap-h2-font: 28px/32px var(--font-bold);
  --showtime-container-play-wrap-ul-play-date-wrap-play-time-color: var(--color1);
  --showtime-container-play-wrap-ul-play-date-wrap-play-time-border: 1.8px solid var(--color1);
  --showtime-container-play-wrap-ul-play-date-wrap-play-time-border-radius: 15px;
  --showtime-container-play-wrap-ul-play-date-wrap-play-time-font: 28px/28px var(--secondary-font-semibold);
  --showtime-container-play-wrap-ul-play-date-wrap-span-font-size: 20px;
  --showtime-container-play-wrap-ul-play-date-wrap-span-line-height: 22px;
  --showtime-container-play-wrap-ul-play-date-wrap-span-font-family: var(--secondary-font-semibold);
  --showtime-container-play-wrap-ul-play-date-wrap-showtime-available-play-time-color: var(--color1);
  --showtime-container-play-wrap-ul-play-date-wrap-showtime-available-play-time-border-color: var(--color1);
  --showtime-container-play-wrap-ul-play-date-wrap-showtime-fast-filling-play-time-color: var(--color4);
  --showtime-container-play-wrap-ul-play-date-wrap-showtime-fast-filling-play-time-border-color: var(--color4);
  --showtime-container-play-wrap-ul-play-date-wrap-showtime-fast-filling-span-color: var(--color4);
  --showtime-container-play-wrap-ul-play-date-wrap-showtime-sold-play-time-color: var(--color3);
  --showtime-container-play-wrap-ul-play-date-wrap-showtime-sold-play-time-border-color: var(--color3);
  --showtime-container-play-wrap-ul-play-date-wrap-showtime-sold-span-color: var(--color3);
  --showtime-container-play-wrap-ul-play-date-wrap-showtime-disabled-play-time-color: rgba(var(--color1), 0.3);
  --showtime-container-play-wrap-ul-play-date-wrap-showtime-disabled-play-time-background: rgba(var(--color1), 0.3);
  --showtime-container-play-wrap-ul-play-date-wrap-showtime-disabled-play-time-border-color: rgba(var(--color1), 0.3);
  --showtime-container-play-wrap-ul-play-date-wrap-play-movie-type-font-size: 22px;
  --showtime-container-play-wrap-ul-play-date-wrap-play-movie-type-line-height: 22px;
  --showtime-container-play-wrap-ul-play-date-wrap-play-movie-type-color: var(--color9);
  --showtime-container-play-wrap-ul-play-date-wrap-play-movie-type-font-family: var(--font-regular);
  --showtime-container-play-wrap-ul-play-date-wrap-play-time-selected-color: var(--base-color2);
  --showtime-container-play-wrap-ul-play-date-wrap-play-time-selected-border: 1.8px solid var(--color1) 0;
  --showtime-container-play-wrap-ul-play-date-wrap-play-time-selected-background: var(--color1) 0;
  --showtime-container-play-wrap-ul-play-date-wrap-disable-play-time-color: var(--color3);
  --showtime-container-play-wrap-ul-play-date-wrap-disable-play-time-border: 1.8px solid var(--color3);
  --showtime-container-play-wrap-ul-play-date-wrap-disable-play-movie-type-color: var(--color3);
  --showtime-container-footer-background: var(--button-blue-back);
  --showtime-container-footer-color: var(--base-color2);
  --showtime-container-footer-back-link-color: var(--base-color2);
  --showtime-container-footer-back-link-font-size: 48px;
  --showtime-container-footer-back-link-line-height: 48px;
  --showtime-container-footer-back-link-font-family: var(--font-regular);
  --showtime-modal-show-modal-dialog-modal-content-border-radius: 25px;
  --showtime-modal-show-modal-dialog-modal-content-box-shadow: var(--modal-shadow);
  --showtime-modal-show-modal-dialog-modal-content-modal-banner-img-border-top-left-radius: 20px;
  --showtime-modal-show-modal-dialog-modal-content-modal-banner-img-border-top-right-radius: 20px;
  --showtime-modal-show-modal-dialog-modal-content-modal-close-background: var(--color2) url('../../assets/images/icons/iconModalClose.svg') no-repeat center center;
  --showtime-modal-show-modal-dialog-modal-content-modal-close-border: 2px solid var(--base-color2);
  --showtime-modal-show-modal-dialog-modal-content-modal-close-border-radius: 10px;
  --showtime-modal-show-modal-dialog-modal-content-modal-body-movie-info-modal-experince-heading-font-size: 50px;
  --showtime-modal-show-modal-dialog-modal-content-modal-body-movie-info-modal-experince-heading-line-height: 50px;
  --showtime-modal-show-modal-dialog-modal-content-modal-body-movie-info-modal-experince-heading-font-family: var(--secondary-font-bold);
  --showtime-modal-show-modal-dialog-modal-content-modal-body-movie-info-modal-movie-info-desc-font: 24px/42px var(--secondary-font-semibold);
  --showtime-modal-show-modal-dialog-modal-content-modal-body-movie-info-modal-movie-info-desc-color: var(--color1);
  --rules-modal-show-modal-dialog-modal-content-border-radius: 25px;
  --rules-modal-show-modal-dialog-modal-content-box-shadow: var(--modal-shadow);
  --rules-modal-show-modal-dialog-modal-content-modal-body-rules-wrap-border-bottom: 1px solid var(--color8);
  --rules-modal-show-modal-dialog-modal-content-modal-body-rules-wrap-font-bold-font-family: var(--font-bold);
  --rules-modal-show-modal-dialog-modal-content-modal-body-rules-wrap-h2-font-size: 45px;
  --rules-modal-show-modal-dialog-modal-content-modal-body-rules-wrap-h2-line-height: 36px;
  --rules-modal-show-modal-dialog-modal-content-modal-body-rules-wrap-h2-font-family: var(--font-regular);
  --rules-modal-show-modal-dialog-modal-content-modal-body-rules-wrap-h2-color: var(--color1);
  --rules-modal-show-modal-dialog-modal-content-modal-body-rules-wrap-p-font-size: 24px;
  --rules-modal-show-modal-dialog-modal-content-modal-body-rules-wrap-p-line-height: 30px;
  --rules-modal-show-modal-dialog-modal-content-modal-body-rules-wrap-p-font-family: var(--font-regular);
  --rules-modal-show-modal-dialog-modal-content-modal-body-rules-wrap-p-color: var(--color1);
  --rules-modal-show-modal-dialog-modal-content-modal-body-rules-wrap-p-a-color: var(--color9);
  --rules-modal-show-modal-dialog-modal-content-modal-body-modal-btn-wrap-cancel-btn-background: var(--button-shadow) border-box;
  --rules-modal-show-modal-dialog-modal-content-modal-body-modal-btn-wrap-cancel-btn-border: 2px solid transparent;
  --rules-modal-show-modal-dialog-modal-content-modal-body-modal-btn-wrap-cancel-btn-color: var(--color1) 0;
  --rules-modal-show-modal-dialog-modal-content-modal-body-modal-btn-wrap-cancel-btn-font-family: var(--font-regular);
  --rules-modal-show-modal-dialog-modal-content-modal-body-modal-btn-wrap-cancel-btn-font-size: 36px;
  --rules-modal-show-modal-dialog-modal-content-modal-body-modal-btn-wrap-cancel-btn-line-height: 36px;
  --rules-modal-show-modal-dialog-modal-content-modal-body-modal-btn-wrap-cancel-btn-border-radius: 60px;
  --rules-modal-show-modal-dialog-modal-content-modal-body-modal-btn-wrap-agree-btn-background: var(--button-blue-back);
  --rules-modal-show-modal-dialog-modal-content-modal-body-modal-btn-wrap-agree-btn-box-shadow: var(--button-shadow);
  --rules-modal-show-modal-dialog-modal-content-modal-body-modal-btn-wrap-agree-btn-color: var(--base-color2);
  --rules-modal-show-modal-dialog-modal-content-modal-body-modal-btn-wrap-agree-btn-font-family: var(--font-regular);
  --rules-modal-show-modal-dialog-modal-content-modal-body-modal-btn-wrap-agree-btn-font-size: 36px;
  --rules-modal-show-modal-dialog-modal-content-modal-body-modal-btn-wrap-agree-btn-line-height: 36px;
  --rules-modal-show-modal-dialog-modal-content-modal-body-modal-btn-wrap-agree-btn-border-radius: 60px;
  --consumber-advice-popup-modal-dialog-modal-content-modal-body-title-font-family: var(--font-bold);
  --consumber-advice-popup-modal-dialog-modal-content-modal-body-btns-wrap-btn-font-size: 48px;
  --consumber-advice-popup-modal-dialog-modal-content-modal-body-btns-wrap-btn-line-height: 48px;
  --consumber-advice-popup-modal-dialog-modal-content-modal-body-btns-wrap-btn-btnprimary-active-background: var(--color2);
  --consumber-advice-popup-modal-dialog-modal-content-modal-body-btns-wrap-btn-btnprimary-active-border-color: var(--color2);
  /* Showtimes Page Style Variables End (showtimes/index.scss) */

  /*Splash Page Style Variables Start (splash/index.scss)*/
  --splash-container-slick-slider-background: var(--color2);
  --splash-container-top-sec-timer-sec-h3-color: var(--base-color2);
  --splash-container-top-sec-timer-sec-h3-font-family: var(--font-bold);
  --splash-container-top-sec-timer-sec-h3-font-size: 80px;
  --splash-container-top-sec-timer-sec-h3-line-height: 84px;
  --splash-container-top-sec-timer-sec-p-color: var(--base-color2);
  --splash-container-top-sec-timer-sec-p-font-family: var(--secondary-font-regular);
  --splash-container-top-sec-timer-sec-p-font-size: 28px;
  --splash-container-top-sec-timer-sec-p-line-height: 32px;
  --splash-container-top-sec-timer-sec-location-font: 22px/24px var(--secondary-font-regular);
  --splash-container-top-sec-timer-sec-location-color: var(--color2);
  --splash-container-welcome-blk-h1-font: 100px/104px var(--welcome-text-font);
  --splash-container-welcome-blk-h1-color: var(--color2);
  --splash-container-welcome-blk-h1-span-font: 136px/140px var(--font-regular);
  --splash-container-welcome-blk-h1-span-color: var(--base-color2);
  --splash-container-buttons-container-button-border-radius: 14px;
  --splash-container-buttons-container-button-font-size: 64px;
  --splash-container-buttons-container-button-line-height: 68px;
  --splash-container-buttons-container-button-border-color: transparent;
  --splash-container-buttons-container-button-font-family: var(--font-light);
  --splash-container-buttons-container-button-span-font-family: var(--font-bold) er;
  --splash-container-buttons-container-button-i-font: 60px/64px var(--tertiary-font);
  --splash-container-buttons-container-button-i-color: #6b5004;
  --splash-container-buttons-container-button-get-tickets-button-background: var(--base-color2);
  --splash-container-buttons-container-button-get-tickets-button-color: var(--color1);
  --splash-container-buttons-container-button-order-fnb-button-background: var(--color2);
  --splash-container-buttons-container-button-order-fnb-button-color: var(--color1);
  --splash-container-buttons-container-button-print-ticket-button-background: transparent;
  --splash-container-buttons-container-button-print-ticket-button-border-color: var(--base-color2);
  --splash-container-powered-by-influx-p-font-size: 16px;
  --splash-container-powered-by-influx-p-line-height: 16px;
  --splash-container-powered-by-influx-p-font-family: var(--secondary-font-regular);
  --splash-container-powered-by-influx-p-color: var(--base-color2);
  --splash-container-slick-slider-after-background: linear-gradient(0deg, rgba($color: var(--color5), $alpha: 0.6) 15%, rgba($color: var(--color1), $alpha: 0.6) 70%);
  /*Splash Page Style Variables End (splash/index.scss) */

  /*Success Page Style Variables Start (success/index.scss)*/
  --success-container-header-wrap-before-background: var(--header-multi-back);
  --success-container-header-wrap-before-border-radius: 0 0 50% 50%/0 0 100% 100%;
  --success-container-header-wrap-logo-wrap-home-wrap-home-link-font-size: 14px;
  --success-container-header-wrap-logo-wrap-home-wrap-home-link-line-height: 16px;
  --success-container-header-wrap-logo-wrap-home-wrap-home-link-color: var(--base-color2);
  --success-container-header-wrap-logo-wrap-home-wrap-home-link-font-family: var(--font-regular);
  --success-container-header-wrap-header-print-print-btn-background: var(--color3);
  --success-container-header-wrap-header-print-print-btn-color: var(--color1);
  --success-container-header-wrap-header-print-print-btn-font-size: 18px;
  --success-container-header-wrap-header-print-print-btn-line-height: 18px;
  --success-container-header-wrap-header-print-print-btn-font-family: var(--font-regular);
  --success-container-header-wrap-header-print-print-btn-border-radius: 60px;
  --success-container-banner-wrap-movie-detail-wrap-movie-status-h1-color: var(--base-color2);
  --success-container-banner-wrap-movie-detail-wrap-movie-status-h1-font-size: 38px;
  --success-container-banner-wrap-movie-detail-wrap-movie-status-h1-line-height: 65px;
  --success-container-banner-wrap-movie-detail-wrap-movie-status-h1-font-family: var(--font-regular);
  --success-container-banner-wrap-movie-detail-wrap-movie-status-h1-span-color: var(--base-color2);
  --success-container-banner-wrap-movie-detail-wrap-movie-status-h1-span-font-size: 58px;
  --success-container-banner-wrap-movie-detail-wrap-movie-status-h1-span-line-height: 65px;
  --success-container-banner-wrap-movie-detail-wrap-movie-status-h1-span-font-family: var(--font-bold);
  --success-container-success-wrap-booking-wrap-booking-id-color: var(--color1);
  --success-container-success-wrap-booking-wrap-booking-id-font-size: 46px;
  --success-container-success-wrap-booking-wrap-booking-id-line-height: 52px;
  --success-container-success-wrap-booking-wrap-booking-id-font-family: var(--font-regular);
  --success-container-success-wrap-booking-wrap-booking-id-span-font-family: var(--font-bold);
  --success-container-success-wrap-booking-wrap-sms-wrap-border-bottom: 0.7px solid var(--color1) 0;
  --success-container-success-wrap-booking-wrap-sms-wrap-p-color: var(--color1) 1;
  --success-container-success-wrap-booking-wrap-sms-wrap-p-font-size: 30px;
  --success-container-success-wrap-booking-wrap-sms-wrap-p-line-height: 24px;
  --success-container-success-wrap-booking-wrap-sms-wrap-p-font-family: var(--font-regular);
  --success-container-success-wrap-movie-detail-cont-movie-title-color: var(--color1);
  --success-container-success-wrap-movie-detail-cont-movie-title-font-size: 40px;
  --success-container-success-wrap-movie-detail-cont-movie-title-line-height: 40px;
  --success-container-success-wrap-movie-detail-cont-movie-title-font-family: var(--font-bold);
  --success-container-success-wrap-movie-detail-cont-movie-desc-font-bold-font-family: var(--font-bold);
  --success-container-success-wrap-movie-detail-cont-movie-desc-span-font-size: 22px;
  --success-container-success-wrap-movie-detail-cont-movie-desc-span-line-height: 22px;
  --success-container-success-wrap-movie-detail-cont-movie-desc-span-font-family: var(--font-regular);
  --success-container-success-wrap-movie-detail-cont-movie-desc-span-color: var(--color1);
  --success-container-success-wrap-movie-detail-cont-movie-desc-span-after-background-color: var(--color1) 0;
  --success-container-success-wrap-ticket-summary-summary-title-color: var(--color9);
  --success-container-success-wrap-ticket-summary-summary-title-font-size: 36px;
  --success-container-success-wrap-ticket-summary-summary-title-line-height: 36px;
  --success-container-success-wrap-ticket-summary-summary-title-font-family: var(--font-bold);
  --success-container-success-wrap-ticket-summary-summary-title-border-bottom: 0.7px solid var(--color7);
  --success-container-success-wrap-ticket-summary-ticket-type-color: var(--color1);
  --success-container-success-wrap-ticket-summary-ticket-type-font-size: 32px;
  --success-container-success-wrap-ticket-summary-ticket-type-line-height: 28px;
  --success-container-success-wrap-ticket-summary-ticket-type-font-family: var(--font-bold);
  --success-container-success-wrap-ticket-summary-tick-info-seat-type-color: var(--color1);
  --success-container-success-wrap-ticket-summary-tick-info-seat-type-font-size: 28px;
  --success-container-success-wrap-ticket-summary-tick-info-seat-type-line-height: 28px;
  --success-container-success-wrap-ticket-summary-tick-info-seat-type-font-family: var(--font-regular);
  --success-container-success-wrap-ticket-summary-tick-info-seat-count-color: var(--color1);
  --success-container-success-wrap-ticket-summary-tick-info-seat-count-font-size: 28px;
  --success-container-success-wrap-ticket-summary-tick-info-seat-count-line-height: 28px;
  --success-container-success-wrap-ticket-summary-tick-info-seat-count-font-family: var(--font-regular);
  --success-container-success-wrap-ticket-summary-tick-info-price-txt-color: var(--color1);
  --success-container-success-wrap-ticket-summary-tick-info-price-txt-font-size: 28px;
  --success-container-success-wrap-ticket-summary-tick-info-price-txt-line-height: 28px;
  --success-container-success-wrap-ticket-summary-tick-info-price-txt-font-family: var(--font-bold);
  --success-container-success-wrap-ticket-summary-voucher-wrap-border-bottom: 0.7px solid var(--color7);
  --success-container-success-wrap-ticket-summary-info-dec-info-txt-font-bold-font-family: var(--font-bold);
  --success-container-success-wrap-ticket-summary-info-dec-info-txt-color: var(--color1);
  --success-container-success-wrap-ticket-summary-info-dec-info-txt-font-size: 28px;
  --success-container-success-wrap-ticket-summary-info-dec-info-txt-line-height: 21px;
  --success-container-success-wrap-ticket-summary-info-dec-info-txt-font-family: var(--font-regular);
  --success-container-success-wrap-ticket-summary-info-dec-info-txt-span-font-family: var(--font-regular);
  --success-container-success-wrap-ticket-summary-info-dec-price-txt-font-family: var(--font-bold);
  --success-container-success-wrap-ticket-summary-info-dec-price-txt-color: var(--color1);
  --success-container-success-wrap-ticket-summary-info-dec-price-txt-font-size: 28px;
  --success-container-success-wrap-ticket-summary-info-dec-price-txt-line-height: 28px;
  --success-container-success-wrap-ticket-summary-total-info-dec-border-top: 0.7px solid var(--color7);
  --success-container-success-wrap-ticket-summary-total-info-dec-info-txt-font-bold-font-family: var(--font-bold);
  --success-container-success-wrap-ticket-summary-total-info-dec-info-txt-color: var(--color9);
  --success-container-success-wrap-ticket-summary-total-info-dec-info-txt-font-size: 32px;
  --success-container-success-wrap-ticket-summary-total-info-dec-info-txt-line-height: 40px;
  --success-container-success-wrap-ticket-summary-total-info-dec-info-txt-font-family: var(--font-regular);
  --success-container-success-wrap-ticket-summary-total-info-dec-info-txt-span-font-family: var(--font-regular);
  --success-container-success-wrap-ticket-summary-total-info-dec-price-txt-font-family: var(--font-bold);
  --success-container-success-wrap-ticket-summary-total-info-dec-price-txt-color: var(--color9);
  --success-container-success-wrap-ticket-summary-total-info-dec-price-txt-font-size: 32px;
  --success-container-success-wrap-ticket-summary-total-info-dec-price-txt-line-height: 40px;
  --success-container-success-wrap-print-btn-wrap-footer-print-background: var(--color9);
  --success-container-success-wrap-print-btn-wrap-footer-print-color: var(--base-color2);
  --success-container-success-wrap-print-btn-wrap-footer-print-font-size: 30px;
  --success-container-success-wrap-print-btn-wrap-footer-print-line-height: 36px;
  --success-container-success-wrap-print-btn-wrap-footer-print-font-family: var(--font-regular);
  --success-container-success-wrap-print-btn-wrap-footer-print-border-radius: 60px;
  --success-container-success-wrap-home-wrap-home-link-wrap-home-link-color: var(--color1);
  --success-container-success-wrap-home-wrap-home-link-wrap-home-link-font-size: 14px;
  --success-container-success-wrap-home-wrap-home-link-wrap-home-link-line-height: 16px;
  --success-container-success-wrap-home-wrap-home-link-wrap-home-link-font-family: var(--font-bold);
  /*Success Page Style Variables End (success/index.scss) */

  /*swipe card page Style Variables Start (swipe-card-modal/index.scss)*/
  --swipe-card-container-swipe-inner-swipe-card-p-font: 36px/48px var(--secondary-font-semibold);
  --swipe-card-container-swipe-inner-swipe-card-p-color: var(--base-color2);
  --swipe-card-container-swipe-inner-swipe-card-p-span-font: 20px/26px var(--secondary-font-semibold);
  --swipe-card-container-swipe-inner-cancel-btn-btn-background: transparent;
  --swipe-card-container-swipe-inner-cancel-btn-btn-border-color: var(--base-color2);
  --swipe-card-container-swipe-inner-cancel-btn-btn-font-size: 48px;
  --swipe-card-container-swipe-inner-cancel-btn-btn-line-height: 48px;
  --swipe-card-container-swipe-inner-cancel-btn-btn-color: var(--base-color2);
  /*swipe card page Style Variables End (swipe-card-modal/index.scss) */

  /* your details page Style Variables Start (your-details/index.scss) */
  --yourdetails-page-yr-details-wrapper-scan-btn-btn-btn-primary-active-background: var(--color2);
  --yourdetails-page-yr-details-wrapper-scan-btn-btn-btn-primary-active-border-color: var(--color2);
  --yourdetails-page-yr-details-wrapper-scan-btn-p-font: 24px/24px var(--secondary-font-semibold);
  --yourdetails-page-yr-details-wrapper-scan-btn-p-color: var(--color1);
  --yourdetails-page-yr-details-wrapper-details-blk-h1-font: 56px/56px var(--font-bold);
  --yourdetails-page-yr-details-wrapper-details-blk-h1-color: var(--color5);
  --yourdetails-page-yr-details-wrapper-details-blk-form-blk-form-grp-fm-inner-input-font: 24px/24px var(--secondary-font-bold);
  --yourdetails-page-yr-details-wrapper-details-blk-form-blk-form-grp-fm-inner-input-color: var(--color1);
  --yourdetails-page-yr-details-wrapper-details-blk-form-blk-form-grp-fm-inner-input-border: 1px solid var(--color1);
  --yourdetails-page-yr-details-wrapper-details-blk-form-blk-form-grp-fm-inner-input-border-radius: 12px;
  --yourdetails-page-yr-details-wrapper-details-blk-form-blk-form-grp-fm-inner-input-background: transparent;
  --yourdetails-page-yr-details-wrapper-details-blk-form-blk-country-field-border: 1px solid var(--color1);
  --yourdetails-page-yr-details-wrapper-details-blk-form-blk-country-field-border-radius: 12px;
  --yourdetails-page-yr-details-wrapper-details-blk-country-field-fm-inner-input-font: 24px/24px var(--secondary-font-bold);
  --yourdetails-page-yr-details-wrapper-details-blk-country-field-fm-inner-input-color: var(--color1);
  --yourdetails-page-yr-details-wrapper-details-blk-country-field-fm-inner-input-border: 0;
  --yourdetails-page-yr-details-wrapper-details-blk-country-field-fm-inner-input-background: transparent;
  --yourdetails-page-yr-details-wrapper-details-blk-country-field-fm-inner-country-wrap-border-right: 1px solid var(--color1);
  --yourdetails-page-yr-details-wrapper-details-blk-country-field-fm-inner-country-wrap-span-font: 24px/24px var(--secondary-font-bold);
  --yourdetails-page-yr-details-wrapper-details-blk-country-field-fm-inner-country-wrap-span-color: var(--color6);
  --yourdetails-page-yr-details-wrapper-details-blk-btn-sec-p-font: 20px/24px var(--secondary-font-semibold);
  --yourdetails-page-yr-details-wrapper-details-blk-btn-sec-p-color: var(--color1);
  --yourdetails-page-yr-details-wrapper-details-blk-procced-text-p-font: 36px/36px var(--font-regular);
  --yourdetails-page-yr-details-wrapper-details-blk-procced-text-p-a-color: var(--color1);
  --yourdetails-page-yr-details-wrapper-details-blk-procced-text-p-span-font-size: 32px;
  --yourdetails-page-yr-details-wrapper-details-blk-procced-text-p-span-color: var(--color7);
  /* your details page Style Variables End (your-details/index.scss) */

  /* Your voucher page Style Variables Start (your-voucher/index.scss) */
  --yourvoucher-page-yourvoucher-wrapper-custom-banner-content-rewards-redeem-text-font: 23px/29px var(--secondary-font-regular);
  --yourvoucher-page-yourvoucher-wrapper-your-voucher-component-h4-color: var(--color5);
  --yourvoucher-page-yourvoucher-wrapper-your-voucher-component-h4-font: 58px/54px var(--font-bold) er;
  --yourvoucher-page-yourvoucher-wrapper-your-voucher-component-your-voucher-sec-background-color: var(--color3);
  --yourvoucher-page-yourvoucher-wrapper-your-voucher-component-your-voucher-sec-border-radius: 30px;
  --yourvoucher-page-yourvoucher-wrapper-your-voucher-component-your-voucher-sec-voucher-head-h5-color: var(--color1);
  --yourvoucher-page-yourvoucher-wrapper-your-voucher-component-your-voucher-sec-voucher-head-h5-font: 46px/54px var(--font-bold) er;
  --yourvoucher-page-yourvoucher-wrapper-your-voucher-component-your-voucher-sec-voucher-list-li-border-bottom: 1px solid var(--color1);
  --yourvoucher-page-yourvoucher-wrapper-your-voucher-component-your-voucher-sec-voucher-list-li-p-font: 28px/32px var(--secondary-font-semibold);
  --yourvoucher-page-yourvoucher-wrapper-your-voucher-component-your-voucher-sec-voucher-list-li-p-color: var(--color1);
  --yourvoucher-page-yourvoucher-wrapper-your-voucher-component-your-voucher-sec-voucher-list-li-p-span-font: 28px/28px var(--secondary-font-regular);
  --yourvoucher-page-yourvoucher-wrapper-your-voucher-component-your-voucher-sec-voucher-list-li-p-span-color: var(--color5);
  --yourvoucher-page-yourvoucher-wrapper-your-voucher-component-your-voucher-sec-voucher-list-li-remove-text-font: 22px/28px var(--font-bold) er;
  --yourvoucher-page-yourvoucher-wrapper-your-voucher-component-your-voucher-sec-voucher-list-li-remove-text-color: var(--color1);
  --yourvoucher-page-yourvoucher-wrapper-your-voucher-component-scan-btn-btn-btn-primary-active-background: var(--color2);
  --yourvoucher-page-yourvoucher-wrapper-your-voucher-component-scan-btn-btn-btn-primary-active-border-color: var(--color2);
  --yourvoucher-page-yourvoucher-wrapper-your-voucher-component-scan-btn-btn-plus-icon-font: 77px/36px var(--font-bold) er;
  --yourvoucher-page-yourvoucher-wrapper-your-voucher-component-vouchers-not-p-font: 24px/28px var(--font-bold);

  /* Your voucher page Style Variables End (your-voucher/index.scss) */

  /* Barcode Modal Component Style Variables Start (components/barcodemodal/index.scss) */
  --barcode-popup-modal-content-border-radius: 12px;

  --barcode-popup-modal-content-modal-body-close-btn-background: var(--color2);
  --barcode-popup-modal-content-modal-body-close-btn-border: 2px solid var(--base-color2);
  --barcode-popup-modal-content-modal-body-close-btn-border-radius: 6px;
  --barcode-popup-modal-content-modal-body-close-btn-box-shadow: 0 1px 6px 0px rgba(var(--base-color1), 0.3);

  --barcode-popup-modal-content-modal-body-content-h1-font: 58px/62px var(--font-bold);
  --barcode-popup-modal-content-modal-body-content-h1-color: var(--color5);

  --barcode-popup-modal-content-modal-body-content-h2-font: 58px/58px var(--font-semibold);
  --barcode-popup-modal-content-modal-body-content-h2-color: var(--color1);

  --barcode-popup-modal-content-modal-body-content-form-blk-fm-inner-border: 1px solid var(--color1);
  --barcode-popup-modal-content-modal-body-content-form-blk-fm-inner-border-radius: 12px;

  --barcode-popup-modal-content-modal-body-content-form-blk-fm-inner-input-wrap-input-font: 28px/28px var(--secondary-font-bold);
  --barcode-popup-modal-content-modal-body-content-form-blk-fm-inner-input-wrap-input-color: var(--color1);
  --barcode-popup-modal-content-modal-body-content-form-blk-fm-inner-input-wrap-input-background: transparent;
  --barcode-popup-modal-content-modal-body-content-form-blk-fm-inner-input-wrap-input-border: 0;

  --barcode-popup-modal-content-modal-body-content-form-blk-fm-inner-input-wrap-input-placeholder-font: 18px/22px var(--secondary-font-semibold);
  --barcode-popup-modal-content-modal-body-content-form-blk-fm-inner-input-wrap-input-placeholder-color: var(--color1);

  --barcode-popup-modal-content-modal-body-content-loader-blk-p-font: 20px/24px var(--font-bold);
  --barcode-popup-modal-content-modal-body-content-loader-blk-p-color: var(--color5);

  --barcode-popup-modal-content-modal-body-content-scan-btn-a-font-size: 42px;
  --barcode-popup-modal-content-modal-body-content-scan-btn-a-line-height: 42px;

  --barcode-popup-modal-content-modal-body-content-error-blk-p-font: 30px/34px var(--font-bold);
  --barcode-popup-modal-content-modal-body-content-error-blk-p-color: var(--color4);

  --login-barcodescan-keyboard-hg-button-font-size: 22px;
  --login-barcodescan-keyboard-hg-button-line-height: 26px;
  /* Barcode Modal Component Style Variables End (components/barcodemodal/index.scss) */

  /* Booking Flow Component Style Variables Start (components/booking-flow/index.scss) */
  --booking-flow-step-name-font-size: 18px;
  --booking-flow-step-name-line-height: 18px;
  --booking-flow-step-name-font-family: var(--secondary-font-semibold);
  --booking-flow-step-name-color: var(--color1);

  --booking-flow-step-name-step-number-border-radius: 50%;
  --booking-flow-step-name-step-number-border: transparent;
  --booking-flow-step-name-step-number-background: var(--color7);
  --booking-flow-step-name-step-number-font-size: 16px;
  --booking-flow-step-name-step-number-line-height: 20px;
  --booking-flow-step-name-step-number-color: var(--base-color2);

  --booking-flow-step-active-name-color: var(--color5);
  --booking-flow-step-active-name-font-family: var(--secondary-font-bold);

  --booking-flow-step-active-name-step-number-background: var(--color2);
  --booking-flow-step-active-name-step-number-color: var(--color1);

  --booking-flow-step-not-last-child-after-border-top: 1px dashed var(--color7);
  /* Booking Flow Component Style Variables End (components/booking-flow/index.scss) */

  /* Booking Summary Component Style Variables Start (components/booking-summary/index.scss) */
  --purchase-footer-background-color: var(--color2);

  --purchase-footer-back-btn-svg-font-size: 40px;

  --purchase-footer-back-btn-a-font-family: var(--font-bold);
  --purchase-footer-back-btn-a-font-size: 40px;
  --purchase-footer-back-btn-a-color: var(--color1);
  --purchase-footer-back-btn-a-p-font-size: 40px;
  --purchase-footer-back-btn-a-p-line-height: 40px;

  --purchase-footer-purchase-summary-purchase-grand-total-p-font-family: var(--secondary-font-semibold);
  --purchase-footer-purchase-summary-purchase-grand-total-p-font-size: 28px;
  --purchase-footer-purchase-summary-purchase-grand-total-p-line-height: 28px;
  --purchase-footer-purchase-summary-purchase-grand-total-p-color: var(--base-color2);
  --purchase-footer-purchase-summary-purchase-grand-total-p-background: var(--color5);
  --purchase-footer-purchase-summary-purchase-grand-total-p-border-radius: 6px;

  --purchase-footer-purchase-summary-purchase-grand-total-p-span-font-family: var(--secondary-font-bold);
  --purchase-footer-purchase-summary-purchase-grand-total-p-span-font-size: 28px;
  --purchase-footer-purchase-summary-purchase-grand-total-p-span-line-height: 28px;

  --purchase-footer-purchase-next-button-font-family: var(--font-bold);
  --purchase-footer-purchase-next-button-font-size: 50px;
  --purchase-footer-purchase-next-button-line-height: 50px;
  --purchase-footer-purchase-next-button-border: 0;
  --purchase-footer-purchase-next-button-background: transparent;
  --purchase-footer-purchase-next-button-color: var(--color1);

  --purchase-footer-border-radius: 12px;
  --purchase-footer-offcanvas-body-border-radius: 12px;

  --ticket-summary-section-border-radius: 12px;

  --booking-summary-each-ticket-div-font-size: 14px;
  --booking-summary-each-ticket-div-line-height: 20px;
  --booking-summary-each-ticket-div-font-family: var(--font-semibold);

  --booking-summary-each-ticket-div-name-font-size: 28px;
  --booking-summary-each-ticket-div-name-line-height: 34px;
  --booking-summary-each-ticket-div-name-color: var(--color1);
  --booking-summary-each-ticket-div-name-font-family: var(--secondary-font-semibold);

  --booking-summary-each-ticket-div-modifiers-font-size: 18px;
  --booking-summary-each-ticket-div-modifiers-line-height: 22px;
  --booking-summary-each-ticket-div-modifiers-font-family: var(--secondary-font-regular);
  --booking-summary-each-ticket-div-modifiers-color: var(--color1);

  --booking-summary-each-ticket-div-each-qty-font-family: var(--font-bold);
  --booking-summary-each-ticket-div-each-qty-font-size: 36px;
  --booking-summary-each-ticket-div-each-qty-line-height: 36px;
  --booking-summary-each-ticket-div-each-qty-color: var(--color1);
  --booking-summary-each-ticket-div-each-qty-inc-dec-div-for-item-background: transparent;

  --booking-summary-each-ticket-div-each-ticket-paragraph-font-size: 12px;
  --booking-summary-each-ticket-div-each-ticket-paragraph-line-height: 16px;
  --booking-summary-each-ticket-div-each-ticket-paragraph-font-family: var(--font-regular);

  --booking-summary-each-ticket-div-each-ticket-paragraph-close-icon-font-size: 16px;
  --booking-summary-each-ticket-div-each-ticket-paragraph-close-icon-line-height: 18px;
  --booking-summary-each-ticket-div-each-ticket-paragraph-close-icon-color: var(--color8);

  --booking-summary-each-ticket-div-price-div-font-family: var(--font-bold);
  --booking-summary-each-ticket-div-price-div-font-size: 36px;
  --booking-summary-each-ticket-div-price-div-line-height: 36px;
  --booking-summary-each-ticket-div-price-div-color: var(--color1);

  --booking-summary-each-ticket-div-original-price-color: var(--color1);

  --booking-summary-each-ticket-div-total-cost-font-family: var(--font-bold);
  --booking-summary-each-ticket-div-total-cost-font-size: 48px;
  --booking-summary-each-ticket-div-total-cost-line-height: 48px;
  --booking-summary-each-ticket-div-total-cost-color: var(--color5);

  --booking-summary-each-ticket-div-pre-cost-font-family: var(--font-bold);
  --booking-summary-each-ticket-div-pre-cost-font-size: 44px;
  --booking-summary-each-ticket-div-pre-cost-line-height: 44px;
  --booking-summary-each-ticket-div-pre-cost-color: var(--color5);

  --booking-summary-each-ticket-div-voucher-type-name-color: var(--color5);
  --booking-summary-each-ticket-div-voucher-type-name-span-font-family: var(--secondary-font-semibold);
  --booking-summary-each-ticket-div-voucher-type-name-span-modifiers-font-size: 20px;
  --booking-summary-each-ticket-div-voucher-type-name-span-modifiers-line-height: 24px;
  --booking-summary-each-ticket-div-voucher-type-name-span-modifiers-font-family: var(--secondary-font-semibold);
  --booking-summary-each-ticket-div-voucher-type-name-span-modifiers-color: var(--color5);

  --booking-summary-each-ticket-div-voucher-type-color: var(--color5);

  --booking-summary-each-ticket-div-voucher-fnb-type-name-font-size: 26px;
  --booking-summary-each-ticket-div-voucher-fnb-type-name-line-height: 32px;
  --booking-summary-each-ticket-div-voucher-fnb-type-name-color: var(--color5);

  --booking-summary-each-ticket-div-voucher-fnb-type-name-span-font-family: var(--secondary-font-semibold);
  --booking-summary-each-ticket-div-voucher-fnb-type-name-span-modifiers-font-size: 20px;
  --booking-summary-each-ticket-div-voucher-fnb-type-name-span-modifiers-line-height: 24px;
  --booking-summary-each-ticket-div-voucher-fnb-type-name-span-modifiers-font-family: var(--secondary-font-semibold);
  --booking-summary-each-ticket-div-voucher-fnb-type-name-span-modifiers-color: var(--color5);

  --booking-summary-each-ticket-div-voucher-fnb-type-color: var(--color5);

  --booking-summary-heading-color: var(--color5);
  --booking-summary-heading-font-size: 32px;
  --booking-summary-heading-line-height: 32px;
  --booking-summary-heading-font-family: var(--secondary-font-bold);

  --booking-summary-booking-summary-heading-font-family: var(--font-bold);
  --booking-summary-booking-summary-heading-font-size: 54px;
  --booking-summary-booking-summary-heading-line-height: 54px;

  --booking-summary-separator-background: var(--color1);

  --booking-summary-continue-button-background: var(--color2);
  --booking-summary-continue-button-border-radius: 10px;
  --booking-summary-continue-button-font-family: var(--font-semibold);
  --booking-summary-continue-button-font-size: 50px;
  --booking-summary-continue-button-line-height: 50px;
  --booking-summary-continue-button-border: none;

  --inc-dec-div-for-item-background: var(--color3);

  --inc-dec-div-for-item-quty-p-font: 20px/20px var(--secondary-font-bold);
  --inc-dec-div-for-item-quty-p-color: var(--color6);

  --inc-dec-div-for-item-button-border-radius: 40px;
  --inc-dec-div-for-item-button-border-color: var(--color5);
  --inc-dec-div-for-item-button-border-width: 2px;

  --inc-dec-div-for-item-dec-button-inc-button-font-size: 22px;
  --inc-dec-div-for-item-dec-button-inc-button-line-height: 22px;
  --inc-dec-div-for-item-dec-button-inc-button-font-family: var(--font-semibold);
  --inc-dec-div-for-item-dec-button-inc-button-color: var(--color5);
  --inc-dec-div-for-item-dec-button-inc-button-active-background: transparent;
  --inc-dec-div-for-item-dec-button-inc-button-active-color: var(--color5);

  --inc-dec-div-for-item-item-qty-font-size: 28px;
  --inc-dec-div-for-item-item-qty-line-height: 28px;
  --inc-dec-div-for-item-item-qty-color: var(--color1);
  --inc-dec-div-for-item-item-qty-font-family: var(--secondary-font-bold);
  --inc-dec-div-for-item-item-qty-border: none;

  --summary-bg-open-background: rgba(var(--base-color1), 0.5);

  /* Booking Summary Component Style Variables End (components/booking-summary/index.scss) */

  /* Custom Banner Component Style Variables Start (components/custom-banner/index.scss) */
  --custom-banner-header-a-button-font: 40px/40px var(--font-bold);
  --custom-banner-header-a-button-color: var(--color2);

  --custom-banner-content-h1-font: 76px/80px var(--font-bold);
  --custom-banner-content-h1-color: var(--color2);

  --custom-banner-content-h3-font: 70px/74px var(--font-bold);
  --custom-banner-content-h3-color: var(--base-color2);

  --custom-banner-content-span-font: 36px/46px var(--secondary-font-semibold);
  --custom-banner-content-span-font-family: var(--secondary-font-regular);
  --custom-banner-content-span-color: var(--base-color2);

  --custom-banner-content-span-b-font-family: var(--secondary-font-semibold);
  --custom-banner-content-span-b-pc2-text-color: var(--color2);

  --custom-banner-content-rewards-redeem-text-font: 18px/24px var(--secondary-font-regular);
  --custom-banner-content-rewards-redeem-text-color: var(--base-color2);
  /* Custom Banner Component Style Variables End (components/custom-banner/index.scss) */

  /* Custom Modal Component Style Variables Start (components/custom-modal/index.scss) */
  --custom-modal-modal-dialog-modal-content-box-shadow: 2px 2px 2px 0px #0000004e;
  --custom-modal-modal-dialog-modal-content-background-color: var(--base-color2);
  --custom-modal-modal-dialog-modal-content-border-radius: 12px;

  --custom-modal-modal-dialog-modal-content-modal-body-title-font-size: 58px;
  --custom-modal-modal-dialog-modal-content-modal-body-title-line-height: 58px;
  --custom-modal-modal-dialog-modal-content-modal-body-title-color: var(--color1);
  --custom-modal-modal-dialog-modal-content-modal-body-title-font-family: var(--font-regular);

  --custom-modal-modal-dialog-modal-content-modal-body-description-font-size: 30px;
  --custom-modal-modal-dialog-modal-content-modal-body-description-line-height: 40px;
  --custom-modal-modal-dialog-modal-content-modal-body-description-font-family: var(--secondary-font-semibold);
  --custom-modal-modal-dialog-modal-content-modal-body-description-color: var(--color1);

  --custom-modal-modal-dialog-modal-content-modal-body-btns-wrap-btn-font-size: 42px;
  --custom-modal-modal-dialog-modal-content-modal-body-btns-wrap-btn-line-height: 42px;

  /* Custom Modal Component Style Variables End (components/custom-modal/index.scss) */

  /* Custom Slider Component Style Variables Start (components/custom-slider/index.scss) */
  --custom-slider-arrow-left-right-border: 0.5px solid var(--color7);
  --custom-slider-arrow-left-right-border-radius: 32px;
  --custom-slider-arrow-left-right-background-color: var(--color3);

  --custom-slider-arrow-left-right-svg-color: var(--color1);
  --custom-slider-arrow-disabled-left-right-svg-color: var(--color1);
  /* Custom Slider Component Style Variables End (components/custom-slider/index.scss) */

  /* Fnb/ Age Restriction Component Style Variables Start (components/fnb/age-restriction-modal/index.scss) */
  --age-restriction-popup-offcanvas-border-radius: 20px 20px 0 0;
  --age-restriction-popup-offcanvas-ok-button-border-radius: 0;

  --age-restriction-popup-modal-content-border-radius: 12px;

  --age-restriction-popup-modal-close-button-span-background-color: var(--color2);
  --age-restriction-popup-modal-close-button-span-border-radius: 6px;
  --age-restriction-popup-modal-close-button-span-border: 4px solid var(--base-color2);
  --age-restriction-popup-modal-close-button-span-box-shadow: 0 1px 6px 0px rgba(var(--base-color1), 0.3);

  --age-restriction-popup-modal-close-button-color: var(--base-color1);
  --age-restriction-popup-modal-close-button-font-size: 20px;
  --age-restriction-popup-modal-close-button-line-height: 30px;

  --age-restriction-popup-header-div-alcohol-icon-font-size: 60px;
  --age-restriction-popup-header-div-alcohol-icon-color: var(--color2);

  --age-restriction-popup-header-div-age-restriction-icon-path-fill: var(--color2);

  --age-restriction-popup-header-div-heading-font-size: 16px;
  --age-restriction-popup-header-div-heading-line-height: 22px;
  --age-restriction-popup-header-div-heading-font-family: var(--secondary-font-regular);

  --age-restriction-popup-dob-div-heading-font-size: 30px;
  --age-restriction-popup-dob-div-heading-line-height: 30px;
  --age-restriction-popup-dob-div-heading-color: var(--color5);
  --age-restriction-popup-dob-div-heading-font-family: var(--font-bold);

  --age-restriction-popup-dob-div-dob-fields-input-field-label-font-size: 18px;
  --age-restriction-popup-dob-div-dob-fields-input-field-label-line-height: 18px;
  --age-restriction-popup-dob-div-dob-fields-input-field-label-font-family: var(--font-bold);
  --age-restriction-popup-dob-div-dob-fields-input-field-label-color: var(--color5);

  --age-restriction-popup-dob-div-dob-fields-form-control-font-family: var(--font-regular);
  --age-restriction-popup-dob-div-dob-fields-form-control-font-size: 22px;
  --age-restriction-popup-dob-div-dob-fields-form-control-line-height: 22px;
  --age-restriction-popup-dob-div-dob-fields-form-control-focus-box-shadow: none;
  --age-restriction-popup-dob-div-dob-fields-form-control-focus-border-color: var(--color5);

  --age-restriction-popup-footer-div-heading-font-size: 16px;
  --age-restriction-popup-footer-div-heading-line-height: 24px;
  --age-restriction-popup-footer-div-heading-font-family: var(--secondary-font-regular);

  --age-restriction-popup-ok-button-background: var(--color2);
  --age-restriction-popup-ok-button-border: none;
  --age-restriction-popup-ok-button-border-radius: 0 0 12px 12px;
  --age-restriction-popup-ok-button-color: var(--base-color2);
  --age-restriction-popup-ok-button-font: 26px/26px var(--font-bold);
  --age-restriction-popup-ok-button-text-color: var(--color1);

  --age-restriction-keyboard-hg-button-font-size: 22px;
  --age-restriction-keyboard-hg-button-line-height: 26px;
  /* Fnb/ Age Restriction Component Style Variables End (components/fnb/age-restriction-modal/index.scss) */

  /* Fnb/ Custom Slider Component Style Variables End (components/fnb/custom-slider/index.scss) */
  --fnb-custom-slider-arrow-left-right-border: none;
  --fnb-custom-slider-arrow-left-right-border-radius: 32px;
  --fnb-custom-slider-arrow-left-right-background-color: transparent;
  --fnb-custom-slider-arrow-left-right-svg-color: var(--base-color1);
  --fnb-custom-slider-arrow-left-right-svg-font-size: 40px;
  --fnb-custom-slider-arrow-left-right-disabled-arrow-svg-color: var(--base-color1);
  /* Fnb/ Custom Slider Component Style Variables End (components/fnb/custom-slider/index.scss) */

  /* Fnb / Fnb Categories Header Component Style Variables Start (components/fnb/fnb-categories-header/index.scss) */
  --fnb-categories-header-is-fixed-background-color: var(--base-color2);
  --fnb-categories-header-category-btn-background: var(--color3);
  --fnb-categories-header-category-btn-border-radius: 6px;
  --fnb-categories-header-category-btn-font-family: var(--font-semibold);
  --fnb-categories-header-category-btn-color: var(--color1);
  --fnb-categories-header-category-btn-font-size: 28px;
  --fnb-categories-header-category-btn-line-height: 32px;
  --fnb-categories-header-category-btn-box-shadow: 1px 3px 7px 0px rgba(var(--base-color1), 0.3);
  --fnb-categories-header-category-btn-is-active-background: var(--color5);
  --fnb-categories-header-category-btn-is-active-color: var(--base-color2);
  --fnb-categories-header-category-btn-span-is-3d-show-background: var(--color5);
  --fnb-categories-header-category-btn-span-is-3d-show-color: var(--base-color2);
  --fnb-categories-header-category-btn-span-is-3d-show-font-size: 10px;
  --fnb-categories-header-category-btn-span-is-3d-show-line-height: 22px;
  --fnb-categories-header-category-btn-span-is-3d-show-font-family: var(--font-semibold);
  /* Fnb / Fnb Categories Header Component Style Variables End (components/fnb/fnb-categories-header/index.scss) */

  /*Fnb / Fnb Item Card Component Style Variables Start (components/fnb/fnb-item-card/index.scss)*/
  --fnb-item-card-item-image-container-border: 1px solid var(--color3);
  --fnb-item-card-item-image-container-border-radius: 10px 10px 0 0;
  --fnb-item-card-item-image-container-box-shadow: 0px 2px 4px 0px rgba(100, 100, 100, 0.498);
  --fnb-item-card-item-image-container-item-image-border-top-left-radius: 10px;
  --fnb-item-card-item-image-container-item-image-border-top-right-radius: 10px;
  --fnb-item-card-item-image-container-item-price-background-color: var(--base-color2);
  --fnb-item-card-item-image-container-item-price-border-radius: 4px 8px;
  --fnb-item-card-item-image-container-item-price-span-background-color: var(--color5);
  --fnb-item-card-item-image-container-item-price-span-color: var(--base-color2);
  --fnb-item-card-item-image-container-item-price-span-border-radius: 5px;
  --fnb-item-card-item-details-background: var(--base-color2);
  --fnb-item-card-item-details-border: 1px solid var(--color3);
  --fnb-item-card-item-details-border-bottom-left-radius: 10px;
  --fnb-item-card-item-details-border-bottom-right-radius: 10px;
  --fnb-item-card-item-details-box-shadow: 0px 2px 4px 0px rgba(100, 100, 100, 0.498);
  --fnb-item-card-item-details-h3-font-size: 22px;
  --fnb-item-card-item-details-h3-line-height: 26px;
  --fnb-item-card-item-details-h3-font-family: var(--secondary-font-bold);
  --fnb-item-card-item-details-h3-color: var(--color5);
  --fnb-item-card-item-details-item-details-font-size: 15px;
  --fnb-item-card-item-details-item-details-line-height: 22px;
  --fnb-item-card-item-details-item-details-font-family: var(--secondary-font-regular);
  --fnb-item-card-item-details-item-price-font-size: 36px;
  --fnb-item-card-item-details-item-price-line-height: 40px;
  --fnb-item-card-item-details-item-price-font-family: var(--font-regular);
  --fnb-item-card-item-details-item-price-color: var(--color5);
  --fnb-item-card-item-details-item-price-currency-font-family: var(--font-regular);
  --fnb-item-card-item-details-item-price-strike-price-font-size: 28px;
  --fnb-item-card-item-details-item-price-strike-price-line-height: 28px;
  --fnb-item-card-item-details-item-price-strike-price-color: var(--color1);
  --fnb-item-card-item-details-item-price-strike-price-font-family: var(--font-semibold);
  --fnb-item-card-item-details-item-price-cart-border-top: 1px solid var(--color1);
  --fnb-item-card-item-details-item-price-cart-vouchers-applied-details-p-font-size: 26px;
  --fnb-item-card-item-details-item-price-cart-vouchers-applied-details-p-line-height: 30px;
  --fnb-item-card-item-details-item-price-cart-vouchers-applied-details-p-font-family: var(--font-bold);
  --fnb-item-card-item-details-item-price-cart-vouchers-applied-details-p-color: var(--color5);
  --fnb-item-card-item-details-button-add-to-cart-color: var(--color1);
  --fnb-item-card-item-details-button-add-to-cart-background: var(--color2);
  --fnb-item-card-item-details-button-add-to-cart-border: 0;
  --fnb-item-card-item-details-button-add-to-cart-font-size: 32px;
  --fnb-item-card-item-details-button-add-to-cart-line-height: 32px;
  --fnb-item-card-item-details-button-add-to-cart-border-radius: 6px;
  --fnb-item-card-item-details-button-add-to-cart-font-family: var(--font-bold);
  /*Fnb / Fnb Item Card Component Style Variables End (components/fnb/fnb-item-card/index.scss) */

  /* Fnb / Modifiers/ Content Component Style Variables Start (components/fnb/modifiers-content/index.scss) */
  --imageContainer-modifierPopupItemImage-border-radius: 29px 0 0 29px;
  --fnbItemDetailsContainer-fnbItemName-font-size: 40px;
  --fnbItemDetailsContainer-fnbItemName-line-height: 48px;
  --fnbItemDetailsContainer-fnbItemName-font-family: var(--font-bold);
  --fnbItemDetailsContainer-fnbItemName-color: var(--base-color2);
  --fnbItemDetailsContainer-modifierTitle-color: var(--color5);
  --fnbItemDetailsContainer-fnbItemDescription-font-size: 15px;
  --fnbItemDetailsContainer-fnbItemDescription-line-height: 22px;
  --fnbItemDetailsContainer-fnbItemDescription-font-family: var(--secondary-font-regular);
  --fnbItemDetailsContainer-fnbItemDescription-color: var(--base-color2);
  --fnbItemDetailsContainer-modifierGroupDiv-border-bottom: 0.5px solid var(--color3);
  --fnbItemDetailsContainer-modifierGroupDiv-border: 1px solid var(--color14);
  --fnbItemDetailsContainer-modifierGroupDiv-border-radius: 12px;
  --fnbItemDetailsContainer-modifierGroupDiv-background-color: var(--color13);
  --fnbItemDetailsContainer-modifierGroupDiv-options-chk-blk-input-checked-border-color: var(--color5);
  --fnbItemDetailsContainer-modifierGroupDiv-options-chk-blk-form-check-input-border: 2px solid var(--color5);
  --fnbItemDetailsContainer-modifierGroupDiv-incDecButtonDiv-button-font-size: 24px;
  --fnbItemDetailsContainer-modifierGroupDiv-incDecButtonDiv-button-line-height: 24px;
  --fnbItemDetailsContainer-modifierGroupDiv-incDecButtonDiv-button-border-radius: 25px;
  --fnbItemDetailsContainer-modifierGroupDiv-incDecButtonDiv-button-border: 2px solid var(--color5);
  --fnbItemDetailsContainer-modifierGroupDiv-incDecButtonDiv-button-color: var(--color5);
  --fnbItemDetailsContainer-modifierGroupDiv-incDecButtonDiv-button-font-family: var(--font-bold);
  --fnbItemDetailsContainer-modifierGroupDiv-incDecButtonDiv-button-hover-background-color: transparent;
  --fnbItemDetailsContainer-modifierGroupDiv-incDecButtonDiv-selectedQty-font-size: 22px;
  --fnbItemDetailsContainer-modifierGroupDiv-incDecButtonDiv-selectedQty-line-height: 22px;
  --fnbItemDetailsContainer-modifierGroupDiv-incDecButtonDiv-selectedQty-font-family: var(--font-bold);
  --fnbItemDetailsContainer-modifierGroupDiv-form-check-radio-btn-input-background: var(--base-color2);
  --fnbItemDetailsContainer-modifierGroupDiv-form-check-radio-btn-input-border: 2px solid var(--color5);
  --fnbItemDetailsContainer-modifierGroupDiv-form-check-radio-btn-input-focus-box-shadow: none;
  --fnbItemDetailsContainer-modifierGroupDiv-form-check-radio-btn-input-checked-after-background: var(--color5);
  --fnbItemDetailsContainer-modifierGroupDiv-form-check-input-focus-box-shadow: none;
  --fnbItemDetailsContainer-modifierGroupDiv-form-check-input-checked-background-color: var(--color5);
  --fnbItemDetailsContainer-modifierGroupDiv-form-check-input-checked-border-color: var(--color5);
  --fnbItemDetailsContainer-modifierGroupDiv-modifierItemName-font-size: 18px;
  --fnbItemDetailsContainer-modifierGroupDiv-modifierItemName-line-height: 22px;
  --fnbItemDetailsContainer-modifierGroupDiv-modifierItemName-font-family: var(--secondary-font-semibold);
  --fnbItemDetailsContainer-modifierGroupDiv-smartMod-hypen-color: #5e5e5e;
  --fnbItemDetailsContainer-modifierGroupDiv-modifierItemName-color: var(--color1);
  --fnbItemDetailsContainer-modifierGroupDiv-modifierItemPrice-color: var(--color1);
  --fnbItemDetailsContainer-modifierGroupDiv-modifierItemPrice-font-size: 18px;
  --fnbItemDetailsContainer-modifierGroupDiv-modifierItemPrice-line-height: 21px;
  --fnbItemDetailsContainer-modifierGroupDiv-modifierItemPrice-font-family: var(--secondary-font-bold);
  --fnbItemDetailsContainer-modifierGroupDiv-modifierItemPrice-strikePrice-font-size: 16px;
  --fnbItemDetailsContainer-modifierGroupDiv-modifierItemPrice-selectedQty-color: var(--color5);
  --fnbItemDetailsContainer-modifierGroupDiv-smartModBtn-incButton-border-radius: 4px;
  --fnbItemDetailsContainer-modifierGroupDiv-smartModBtn-incButton-active-background-color: transparent;
  --fnbItemDetailsContainer-modifierGroupDiv-smartModBtn-incButton-active-before-background: var(--fnbItemDetailsContainer-modifierGroupDiv-smartModBtn-incButton-active-before-background);
  --fnbItemDetailsContainer-modifierGroupDiv-smartModBtn-decButton-border-radius: 4px;
  --fnbItemDetailsContainer-modifierGroupDiv-smartModBtn-decButton-active-background-color: transparent;
  --fnbItemDetailsContainer-modifierGroupDiv-smartModBtn-decButton-active-before-background: var(--fnbItemDetailsContainer-modifierGroupDiv-smartModBtn-decButton-active-before-background);
  --fnbItemDetailsContainer-modiferGroupName-font-size: 30px;
  --fnbItemDetailsContainer-modiferGroupName-line-height: 36px;
  --fnbItemDetailsContainer-modiferGroupName-color: var(--color1);
  --fnbItemDetailsContainer-modiferGroupName-font-family: var(--font-bold);
  --fnbItemDetailsContainer-modiferItemName-font-size: 14px;
  --fnbItemDetailsContainer-modiferItemName-line-height: 18px;
  --fnbItemDetailsContainer-modiferItemName-font-family: var(--font-semibold);
  --fnbItemDetailsContainer-modifierPopupFooter-incButton-font-size: 24px;
  --fnbItemDetailsContainer-modifierPopupFooter-incButton-line-height: 24px;
  --fnbItemDetailsContainer-modifierPopupFooter-incButton-font-family: var(--font-semibold);
  --fnbItemDetailsContainer-modifierPopupFooter-decButton-border-radius: 50%;
  --fnbItemDetailsContainer-modifierPopupFooter-decButton-border: 2px solid var(--color6);
  --fnbItemDetailsContainer-modifierPopupFooter-itemQty-border-radius: 0;
  --fnbItemDetailsContainer-modifierPopupFooter-itemQty-color: var(--color6);
  --fnbItemDetailsContainer-modifierPopupFooter-itemQty-font-family: var(--secondary-font-bold);
  --fnbItemDetailsContainer-modifierPopupFooter-submitButtonPriceDiv-button-font-family: var(--font-bold);
  --fnbItemDetailsContainer-modifierPopupFooter-submitButtonPriceDiv-button-font-size: 22px;
  --fnbItemDetailsContainer-modifierPopupFooter-submitButtonPriceDiv-button-line-height: 26px;
  --fnbItemDetailsContainer-modifierPopupFooter-proceedButton-border-radius: 0 0 12px 12px;
  --fnbItemDetailsContainer-modifierPopupFooter-proceedButton-background: var(--color2);
  --fnbItemDetailsContainer-modifierPopupFooter-proceedButton-font-size: 20px;
  --fnbItemDetailsContainer-modifierPopupFooter-proceedButton-line-height: 20px;
  --fnbItemDetailsContainer-modifierPopupFooter-proceedButton-background-2: var(--color2);
  --fnbItemDetailsContainer-modifierPopupFooter-proceedButton-border: none;
  --fnbItemDetailsContainer-modifierPopupFooter-proceedButton-color: var(--color1);
  --fnbItemDetailsContainer-modifierPopupFooter-proceedButton-font: 24px/24px var(--secondary-font-bold);
  --fnbItemDetailsContainer-modifierGroupsAccordionWrapper-modifierGroupDiv-accordion-item-border-top: 12px;
  --fnbItemDetailsContainer-modifierGroupsAccordionWrapper-modifierGroupDiv-accordion-item-border-right: 12px;
  --fnbItemDetailsContainer-modifierGroupsAccordionWrapper-modifierGroupDiv-accordion-item-border-left: 12px;
  --fnbItemDetailsContainer-modifierGroupsAccordionWrapper-modifierGroupDiv-accordion-item-border-radius: 12px;
  --fnbItemDetailsContainer-modifierGroupsAccordionWrapper-modifierGroupDiv-accordion-item-first-child-margin-top: 20px;
  --fnbItemDetailsContainer-modifierGroupsAccordionWrapper-accordion-button-background: none;
  --fnbItemDetailsContainer-modifierGroupsAccordionWrapper-accordion-button-font-size: 24px;
  --fnbItemDetailsContainer-modifierGroupsAccordionWrapper-accordion-button-line-height: 30px;
  --fnbItemDetailsContainer-modifierGroupsAccordionWrapper-accordion-button-color: var(--color1);
  --fnbItemDetailsContainer-modifierGroupsAccordionWrapper-accordion-button-font-family: var(--font-bold);
  --fnbItemDetailsContainer-modifierGroupsAccordionWrapper-accordion-button-span-font-size: 18px;
  --fnbItemDetailsContainer-modifierGroupsAccordionWrapper-accordion-button-span-line-height: 24px;
  --fnbItemDetailsContainer-modifierGroupsAccordionWrapper-accordion-button-span-color: var(--color4);
  --fnbItemDetailsContainer-modifierGroupsAccordionWrapper-accordion-button-span-optional-color: var(--color5);
  --fnbItemDetailsContainer-modifierGroupsAccordionWrapper-accordion-button-span-font-family: var(--font-regular);
  --fnbItemDetailsContainer-modifierGroupsAccordionWrapper-accordion-button-border-radius: 0;
  --fnbItemDetailsContainer-modifierGroupsAccordionWrapper-accordion-button-box-shadow: none;
  --fnbItemDetailsContainer-modifierGroupsAccordionWrapper-smartModifiersWrap-accordion-item-first-child-border-top: 0.5px solid var(--color3);
  --fnbItemDetailsContainer-modifierGroupsAccordionWrapper-modiferGroupName-span-font-size: 22px;
  --fnbItemDetailsContainer-modifierGroupsAccordionWrapper-modiferGroupName-span-line-height: 28px;
  --add-remove-blk-rve-add-blk-p-font-size: 18px;
  --add-remove-blk-rve-add-blk-p-line-height: 18px;

  /* Fnb / Modifiers/ Content Component Style Variables End (components/fnb/modifiers-content/index.scss) */

  /*Fnb / Modifiers / Index Style Variables Start (components/fnb/modifiers/index.scss)*/
  --modifierPopup-modal-content-border-radius: 12px;
  --modifierPopup-modifierWindowCloseButton-color: var(--base-color1);
  --modifierPopup-modifierWindowCloseButton-font-size: 20px;
  --modifierPopup-modifierWindowCloseButton-line-height: 30px;
  --modifierPopup-modifierWindowCloseButton-background-color: var(--color2);
  --modifiers-offcanvas-border-top-left-radius: 20px;
  --modifiers-offcanvas-border-top-right-radius: 20px;
  --modifiers-offcanvas-offcanvas-body-imageContainer-modifierPopupItemImage-border-radius: 0;
  --modifiers-offcanvas-offcanvas-body-modifierPopupFooter-background-color: var(--base-color2);
  --modifiers-offcanvas-offcanvas-body-submitButtonPriceDiv-totalItemPrice-font-size: 18px;

  /*Fnb / Modifiers / Index Style Variables End (components/fnb/modifiers/index.scss) */

  /* Fnb / Index Style Variables Start (components/fnb/index.scss) */
  --fnb-items-container-fnb-items-list-fnb-item-card-fnb-item-card-inner-addedOverlay-background:rgba(var(--base-color2),0.1)
  --fnb-items-container-fnb-items-list-fnb-item-card-fnb-item-card-inner-addedOverlay-border: 1px solid var(--color5);
  --fnb-items-container-fnb-items-list-fnb-item-card-fnb-item-card-inner-addedOverlay-border-radius: 10px;
  --fnb-items-container-fnb-items-list-fnb-item-card-fnb-item-card-inner-addedOverlay-p-font-size: 23px;
  --fnb-items-container-fnb-items-list-fnb-item-card-fnb-item-card-inner-addedOverlay-p-line-height: 24px;
  --fnb-items-container-fnb-items-list-fnb-item-card-fnb-item-card-inner-addedOverlay-p-font-family: var(--font-semibold);
  --fnb-items-container-fnb-items-list-fnb-item-card-fnb-item-card-inner-addedOverlay-p-color: var(--color5);
  --addedToCartDrawer-background: var(--color5);
  --addedToCartDrawer-offcanvas-body-icon-font-size: 40px;
  --addedToCartDrawer-offcanvas-body-p-font-family: var(--secondary-font-bold);
  --addedToCartDrawer-offcanvas-body-p-font-size: 24px;
  --addedToCartDrawer-offcanvas-body-p-line-height: 24px;
  --redeem-fnb-vouchers-container-fnb-vouchers-block-background:rgba(var(--color2),0.1);
  --redeem-fnb-vouchers-container-fnb-vouchers-block-border-color: var(--color2);
  --redeem-fnb-vouchers-container-fnb-vouchers-block-fnb-vouchers-block-header-h2-font-size: 44px;
  --redeem-fnb-vouchers-container-fnb-vouchers-block-fnb-vouchers-block-header-h2-font-family: var(--font-regular);
  --redeem-fnb-vouchers-container-fnb-vouchers-block-fnb-vouchers-block-header-h2-line-height: 44px;
  --redeem-fnb-vouchers-container-fnb-vouchers-block-fnb-vouchers-block-header-h2-color: var(--color5);
  /* Fnb / Index Style Variables End (components/fnb/index.scss) */

  /* Footer Component Style Variables Start (components/footer/index.scss) */
  --purchase-footer-background-color: var(--color2);
  --purchase-footer-back-btn-a-font-family: var(--font-bold);
  --purchase-footer-back-btn-a-font-size: 40px;
  --purchase-footer-back-btn-a-color: var(--color1);
  --purchase-footer-back-btn-a-p-font-size: 40px;
  --purchase-footer-back-btn-a-p-line-height: 40px;
  --purchase-footer-purchase-summary-purchase-grand-total-p-font-family: var(--secondary-font-semibold);
  --purchase-footer-purchase-summary-purchase-grand-total-p-font-size: 28px;
  --purchase-footer-purchase-summary-purchase-grand-total-p-line-height: 28px;
  --purchase-footer-purchase-summary-purchase-grand-total-p-color: var(--base-color2);
  --purchase-footer-purchase-summary-purchase-grand-total-p-background: var(--color5);
  --purchase-footer-purchase-summary-purchase-grand-total-p-border-radius: 6px;
  --purchase-footer-purchase-summary-purchase-grand-total-p-span-font-family: var(--secondary-font-bold);
  --purchase-footer-purchase-summary-purchase-grand-total-p-span-font-size: 28px;
  --purchase-footer-purchase-summary-purchase-grand-total-p-span-line-height: 28px;
  --purchase-footer-purchase-next-button-font-family: var(--font-bold);
  --purchase-footer-purchase-next-button-font-size: 50px;
  --purchase-footer-purchase-next-button-line-height: 50px;
  --purchase-footer-purchase-next-button-color: var(--color1);
  --purchaseFooter-border-radius: 12px 12px 0 0;
  --purchaseFooter-offcanvas-body-border-radius: 12px 12px 0 0;
  --incDecDivForItem-background: var(--color3);
  --incDecDivForItem-quty-p-font: 20px/20px var(--secondary-font-bold);
  --incDecDivForItem-quty-p-color: var(--color6);
  --incDecDivForItem-itemQty-border-radius: 40px;
  --incDecDivForItem-itemQty-border-color: var(--color5);
  --incDecDivForItem-decButton-font-size: 22px;
  --incDecDivForItem-decButton-line-height: 22px;
  --incDecDivForItem-decButton-font-family: var(--font-semibold);
  --incDecDivForItem-decButton-color: var(--color5);
  --incDecDivForItem-decButton-active-color: var(--color5);
  --incDecDivForItem-itemQty-font-size: 28px;
  --incDecDivForItem-itemQty-line-height: 28px;
  --incDecDivForItem-itemQty-border-radius-2: 0;
  --incDecDivForItem-itemQty-color: var(--color1);
  --incDecDivForItem-itemQty-font-family: var(--secondary-font-bold);
  /* Footer Component Style Variables End (components/footer/index.scss) */

  /* Gift Card Modal Component Style Variables Start (components/gift-card-modal/index.scss) */
  --gift-card-popup-modal-content-border-radius: 12px;
  --gift-card-popup-modal-content-modal-body-close-btn-background: var(--color2);
  --gift-card-popup-modal-content-modal-body-close-btn-border: 2px solid var(--base-color2);
  --gift-card-popup-modal-content-modal-body-close-btn-border-radius: 6px;
  --gift-card-popup-modal-content-modal-body-close-btn-box-shadow: 0 1px 6px 0px rgba(var(--base-color1), 0.3);
  --gift-card-popup-modal-content-modal-body-content-h1-font: 58px/62px var(--font-regular);
  --gift-card-popup-modal-content-modal-body-content-h1-color: var(--color5);
  --gift-card-popup-modal-content-modal-body-content-h2-font: 58px/58px var(--font-semibold);
  --gift-card-popup-modal-content-modal-body-content-h2-color: var(--color5);
  --gift-card-popup-modal-content-modal-body-content-form-blk-p-font: 36px/40px var(--font-regular);
  --gift-card-popup-modal-content-modal-body-content-form-blk-p-color: var(--color1);
  --gift-card-popup-modal-content-modal-body-content-form-blk-fm-inner-border: 1px solid var(--color1);
  --gift-card-popup-modal-content-modal-body-content-form-blk-fm-inner-border-radius: 12px;
  --gift-card-popup-modal-content-modal-body-content-form-blk-fm-inner-input-wrap-border-right: 1px solid var(--color1);
  --gift-card-popup-modal-content-modal-body-content-form-blk-fm-inner-input-wrap-input-font: 28px/28px var(--secondary-font-bold);
  --gift-card-popup-modal-content-modal-body-content-form-blk-fm-inner-input-wrap-input-color: var(--color1);
  --gift-card-popup-modal-content-modal-body-content-form-blk-fm-inner-input-wrap-input-placeholder-font: 18px/22px var(--secondary-font-semibold);
  --gift-card-popup-modal-content-modal-body-content-form-blk-fm-inner-input-wrap-input-placeholder-color: var(--color1);
  --gift-card-popup-modal-content-modal-body-content-scan-btn-a-font-size: 42px;
  --gift-card-popup-modal-content-modal-body-content-scan-btn-a-line-height: 42px;
  --gift-card-popup-modal-content-modal-body-content-scan-btn-a-disabled-color: #be941c;
  --gift-card-popup-modal-content-modal-body-content-scan-btn-a-btnPrimary-active-background: var(--color2);
  --gift-card-popup-modal-content-modal-body-content-scan-btn-a-btnPrimary-active-border-color: var(--color2);
  --gift-card-popup-modal-content-modal-body-content-loader-blk-p-font: 20px/24px var(--font-bold);
  --gift-card-popup-modal-content-modal-body-content-loader-blk-p-color: var(--color5);
  --gift-card-popup-modal-content-modal-body-content-loader-blk-clickhere-font: 20px/24px var(--font-regular);
  --gift-card-popup-modal-content-modal-body-content-loader-blk-clickhere-color: var(--base-color1);
  --gift-card-popup-modal-content-modal-body-content-loader-blk-clickhere-a-font-family: var(--font-bold);
  --gift-card-popup-modal-content-modal-body-content-loader-blk-clickhere-a-color: var(--base-color1);
  --gift-card-popup-modal-content-modal-body-content-error-blk-p-font: 28px/34px var(--font-bold);
  --gift-card-popup-modal-content-modal-body-content-error-blk-p-color: var(--color4);
  --giftcard-keyboard-border-radius: 0;
  --giftcard-keyboard-hg-button-font-size: 22px;
  --giftcard-keyboard-hg-button-line-height: 26px;
  /* Gift Card Modal Component Style Variables End (components/gift-card-modal/index.scss) */

  /*Header Component Style Variables Start (components/header/index.scss)*/
  --innerPageHeader-background: var(--color1);
  --innerPageHeader-rightColumn-homeButton-background: var(--color1);
  --innerPageHeader-rightColumn-homeButton-span-font: 14px/18px var(--secondary-font-semibold);
  --innerPageHeader-rightColumn-homeButton-span-color: var(--base-color2);
  --innerPageHeader-timer-blk-time-txt-font: 24px/28px var(--secondary-font-regular);
  --innerPageHeader-timer-blk-time-txt-color: var(--base-color2);
  --innerPageHeader-timer-blk-timer-count-font: 38px/42px var(--secondary-font-bold);
  --innerPageHeader-timer-blk-timer-count-color: var(--color2);
  /*Header Component Style Variables End (components/header/index.scss) */

  /*Idle Stay Modal Component Style Variables Start (components/idle-stay-modal/index.scss)*/
  --idle-stay-popup-modal-content-border-radius: 12px;
  --idle-stay-popup-modal-content-modal-body-content-progress-sec-RadialProgressIndicator-label-font-family: var(--secondary-font-semibold);
  --idle-stay-popup-modal-content-modal-body-content-p-font: 22px/28px var(--secondary-font-semibold);
  --idle-stay-popup-modal-content-modal-body-content-p-color: var(--base-color1);
  --idle-stay-popup-modal-content-modal-body-content-btn-wrap-btn-active-background: var(--color2);
  --idle-stay-popup-modal-content-modal-body-content-btn-wrap-btn-active-border-color: var(--color2);
  /*Idle Stay Modal Component Style Variables End (components/idle-stay-modal/index.scss) */

  /* Login Component Style Variables Start (components/login/index.scss) */
  --loginComponent-scanYourBarcode-font: 36px/40px var(--secondary-font-bold);
  --loginComponent-scanYourBarcode-color: var(--base-color1);
  --loginComponent-scan-btn-btn-btnPrimary-active-background: var(--color2);
  --loginComponent-scan-btn-btn-btnPrimary-active-border-color: var(--color2);
  --loginComponent-scan-btn-p-font: 24px/24px var(--secondary-font-semibold);
  --loginComponent-scan-btn-p-color: var(--color1);
  --loginComponent-or-para-font: 32px/32px var(--font-regular);
  --loginComponent-or-para-color: var(--color7);
  --loginComponent-procced-text-p-font: 50px/50px var(--font-regular);
  --loginComponent-procced-text-p-a-color: var(--color1);
  --loginComponent-procced-text-p-span-font-size: 32px;
  --loginComponent-procced-text-p-span-color: var(--color7);
  /* Login Component Style Variables End (components/login/index.scss) */

  /* Movie Info component Style Variables Start (components/movie-info/index.scss) */
  --banner-wrap-color: var(--base-color2);

  --banner-wrap-noAfter-color: var(--color1);
  --banner-wrap-noAfter-font-family: var(--secondary-font-regular);
  --banner-wrap-noAfter-after-background: transparent;
  --banner-wrap-noAfter-movie-title-font-size: 54px;
  --banner-wrap-noAfter-movie-title-color: var(--color1);
  --banner-wrap-noAfter-movie-title-border-color: var(--color2);
  --banner-wrap-noAfter-movie-desc-border-color: var(--color2);
  --banner-wrap-noAfter-movie-desc-span-color: var(--color1);
  --banner-wrap-noAfter-movieSupportInfo-color: var(--color1);
  --banner-wrap-noAfter-movieSupportInfo-span-font-family: var(--secondary-font-semibold);
  --banner-wrap-noAfter-movieSupportInfo-span-font-size: 22px;
  --banner-wrap-noAfter-movieSupportInfo-span-after-background: var(--color2);
  --banner-wrap-noAfter-poster-wrap-img-border-radius: 8px;

  --banner-wrap-movie-detail-wrap-poster-wrap-img-border-radius: 8px;

  --banner-wrap-banner-wrap-movie-detail-wrap-movie-detail-movie-title-font: 54px/48px var(--font-bold);
  --banner-wrap-banner-wrap-movie-detail-wrap-movie-detail-movie-title-color: var(--base-color2);
  --banner-wrap-banner-wrap-movie-detail-wrap-movie-detail-movie-title-border-bottom: 1px solid var(--color7);
  --banner-wrap-banner-wrap-movie-detail-wrap-movie-detail-movie-desc-font-family: var(--font-regular);
  --banner-wrap-banner-wrap-movie-detail-wrap-movie-detail-movie-desc-border-bottom: 1px solid var(--color7);
  --banner-wrap-banner-wrap-movie-detail-wrap-movie-detail-movie-desc-span-font: 22px/22px var(--secondary-font-regular);
  --banner-wrap-banner-wrap-movie-detail-wrap-movie-detail-movie-desc-span-color: var(--base-color2);
  --banner-wrap-banner-wrap-movie-detail-wrap-movie-detail-movie-desc-span-ratingSpan-font-family: var(--secondary-font-bold);
  --banner-wrap-banner-wrap-movie-detail-wrap-movie-detail-movie-desc-span-after-background: var(--color2);

  --banner-wrap-banner-wrap-movie-detail-wrap-movie-detail-movie-cast-font-size: 18px;
  --banner-wrap-banner-wrap-movie-detail-wrap-movie-detail-movie-cast-line-height: 28px;
  --banner-wrap-banner-wrap-movie-detail-wrap-movie-detail-movie-cast-color: var(--base-color2);
  --banner-wrap-banner-wrap-movie-detail-wrap-movie-detail-movie-cast-font-family: var(--secondary-font-regular);
  --banner-wrap-banner-wrap-movie-detail-wrap-movie-detail-movie-cast-font-bold-font-family: var(--secondary-font-bold);

  --banner-wrap-banner-wrap-movie-detail-wrap-movie-detail-movie-synopsis-webkit-scrollbar-track-background-color: var(--color1);
  --banner-wrap-banner-wrap-movie-detail-wrap-movie-detail-movie-synopsis-webkit-scrollbar-track-border-radius: 10px;
  --banner-wrap-banner-wrap-movie-detail-wrap-movie-detail-movie-synopsis-webkit-scrollbar-thumb-background: var(--color5);
  --banner-wrap-banner-wrap-movie-detail-wrap-movie-detail-movie-synopsis-webkit-scrollbar-thumb-border-radius: 10px;
  --banner-wrap-banner-wrap-movie-detail-wrap-movie-detail-movie-synopsis-webkit-scrollbar-thumb-background-color: var(--color2);

  --banner-wrap-banner-wrap-movie-detail-wrap-movie-detail-movieSupportInfo-span-font: 26px/22px var(--secondary-font-bold);
  --banner-wrap-banner-wrap-movie-detail-wrap-movie-detail-movieSupportInfo-seat-blk-span-line-height: 34px;
  /* Movie Info component Style Variables End (components/movie-info/index.scss) */

  /* Seats / EmptySeatTooltip Component Style Variables Start (components/seats/empty-seat-tooltip/index.scss) */
  --empty-seat-tooltip-background-color: var(--color1) 1;
  --empty-seat-tooltip-border: 1px solid var(--color1) 0;
  --empty-seat-tooltip-box-shadow: 0px 4px 24px 5px var(--color3);
  --empty-seat-tooltip-border-radius: 12px;

  --empty-seat-tooltip-content-h5-font-size: 16px;
  --empty-seat-tooltip-content-h5-line-height: 21px;
  --empty-seat-tooltip-content-h5-color: var(--base-color2);

  --empty-seat-tooltip-content-p-font-size: 14px;
  --empty-seat-tooltip-content-p-line-height: 18px;
  --empty-seat-tooltip-content-p-color: #ffffffcc;

  --empty-seat-tooltip-react-tooltip-arrow-border-right-color: var(--color1) 0;
  --empty-seat-tooltip-react-tooltip-arrow-border-bottom-color: var(--color1) 0;

  --empty-seat-tooltip-content-mobile-h5-font-size: 14px;
  --empty-seat-tooltip-content-mobile-h5-line-height: 18px;

  --empty-seat-tooltip-content-mobile-p-font-size: 12px;
  --empty-seat-tooltip-content-mobile-p-line-height: 15px;
  /* Seats / EmptySeatTooltip Component Style Variables End (components/seats/empty-seat-tooltip/index.scss) */

  /* Seats/ TicketTypeDrawer Component Style Variables Start (components/seats/ticket-type-drawer/index.scss) */
  --ticket-type-drawer-border-top-left-radius: 12px;
  --ticket-type-drawer-border-top-right-radius: 12px;

  --ticket-type-drawer-content-font-family: var(--font-regular);

  --ticket-type-drawer-close-btn-background-color: var(--color2);
  --ticket-type-drawer-close-btn-border-radius: 6px;
  --ticket-type-drawer-close-btn-box-shadow: 0 1px 6px 0px rgba(var(--base-color1), 0.3);
  --ticket-type-drawer-close-btn-border: 2px solid var(--base-color2);

  --ticket-type-drawer-h3-title-font-size: 58px;
  --ticket-type-drawer-h3-title-font-family: var(--font-bold);

  --ticket-type-drawer-vertical-ticket-type-btn-font-size: 50px;
  --ticket-type-drawer-vertical-ticket-type-btn-line-height: 50px;
  --ticket-type-drawer-vertical-ticket-type-btn-font-family: var(--font-bold);

  --ticket-type-drawer-voucherCode-font: 28px/24px var(--secondary-font-semibold);

  --ticket-type-drawer-ticket-type-btn-border-radius: 20px;
  --ticket-type-drawer-ticket-type-btn-color: var(--color5);
  --ticket-type-drawer-ticket-type-btn-border: 2px solid var(--color5);
  --ticket-type-drawer-ticket-type-btn-font-family: var(--font-bold);

  --ticket-type-drawer-ticket-type-desc-font-size: 40px;
  --ticket-type-drawer-ticket-type-desc-line-height: 40px;

  --ticket-type-drawer-ticket-type-price-font-size: 24px;
  --ticket-type-drawer-ticket-type-price-line-height: 24px;
  --ticket-type-drawer-ticket-type-price-font-family: var(--secondary-font-semibold);

  --ticket-type-drawer-ticket-type-btn-selected-background: var(--color5);
  --ticket-type-drawer-ticket-type-btn-selected-color: var(--base-color2);

  --ticket-type-drawer-note-font-size: 18px;
  --ticket-type-drawer-note-line-height: 22px;
  --ticket-type-drawer-note-font-family: var(--secondary-font-regular);
  --ticket-type-drawer-note-color: var(--color1);
  --ticket-type-drawer-note-span-font-family: var(--secondary-font-bold);

  --ticket-type-drawer-drawer-footer-background-color: var(--color3);

  --ticket-type-drawer-MuiCheckbox-root-Mui-checked-color: var(--base-color2);

  --ticket-type-drawer-MuiFormControlLabel-label-font-size: 28px;
  --ticket-type-drawer-MuiFormControlLabel-label-line-height: 34px;
  --ticket-type-drawer-MuiFormControlLabel-label-font-family: var(--secondary-font-regular);

  --ticket-type-drawer-form-check-input-border-color: var(--color5);
  --ticket-type-drawer-form-check-input-border-radius: 4px;
  --ticket-type-drawer-form-check-input-background-color: var(--base-color2);

  --ticket-type-drawer-form-check-label-font-size: 28px;
  --ticket-type-drawer-form-check-label-line-height: 34px;
  --ticket-type-drawer-form-check-label-font-family: var(--secondary-font-semibold);

  --ticket-type-drawer-custom-button-font-size: 50px;
  --ticket-type-drawer-custom-button-line-height: 50px;
  /* Seats/ TicketTypeDrawer Component Style Variables End (components/seats/ticket-type-drawer/index.scss) */

  /* Seats/ TicketTypeTooltip Component Style Variables Start (components/seats/ticket-type-tooltip/index.scss) */
  --ticket-types-tooltip-border-radius: 20px;
  --ticket-types-tooltip-border: 1px solid var(--color1) 0;
  --ticket-types-tooltip-box-shadow: 0px 4px 24px 5px var(--color3);
  --ticket-types-tooltip-background-color: var(--color1) 1;
  --ticket-types-tooltip-color: var(--base-color2);

  --ticket-types-tooltip-arrow-border-top-color: var(--color1) 0;

  --ticket-types-tooltip-h5-font-size: 16px;
  --ticket-types-tooltip-h5-line-height: 21px;

  --ticket-types-tooltip-label-border-bottom: 1px solid var(--color7);

  --ticket-types-tooltip-note-font-size: 12px;
  --ticket-types-tooltip-note-line-height: 16px;
  --ticket-types-tooltip-note-color: var(--color7);

  --ticket-types-tooltip-footer-background: var(--color1) 0;
  --ticket-types-tooltip-footer-border-radius: 0 0 20px 20px;

  --ticket-types-tooltip-MuiCheckbox-checked-color: var(--base-color2);

  --ticket-types-tooltip-MuiFormControlLabel-label-font-size: 14px;
  --ticket-types-tooltip-MuiFormControlLabel-label-line-height: 18px;

  --ticket-types-tooltip-react-tooltip-arrow-background: var(--color1) 0;
  /* Seats/ TicketTypeTooltip Component Style Variables End (components/seats/ticket-type-tooltip/index.scss) */

  /*Seats/ Index Style Variables Start (components/seats/index.scss)*/
  --seat-types-li-img-selected-seat-fill-color:var(--color2);
  --seat-types-li-img-booked-seat-fill-color:var(--color1);
  --seat-types-li-span-color: var(--color1);
  --seat-types-li-span-font-size: 18px;
  --seat-types-li-span-line-height: 18px;
  --seat-types-li-span-font-family: var(--secondary-font-semibold);

  --seat-types-zoomIconDiv-border-radius: 80px;
  --seat-types-zoomIconDiv-background: var(--color5);
  --seat-types-zoomIconDiv-color: var(--base-color2);

  --seat-types-zoomIcon-font-size: 36px;

  --seats-container-zoomed-in-seat-row-title-font-size: 26px;
  --seats-container-zoomed-in-seat-row-title-line-height: 26px;
  --seats-container-zoomed-in-seat-row-title-font-family: var(--secondary-font-bold);

  --seat-row-title-font-size: 18px;
  --seat-row-title-line-height: 18px;

  --scrollbar-thumb-background: var(--color2);
  --scrollbar-thumb-border-radius: 10px;

  --scrollbar-track-background: var(--color3);
  --scrollbar-track-border-radius: 10px;

  --sofa-seat-btn-selected-background-color: red;
  /*Seats/ Index Style Variables End (components/seats/index.scss) */

  /* Ticket Summary Component Style Variables Start (components/ticket-summary/index.scss) */
  --ticket-summary-title-color: var(--color9);
  --ticket-summary-title-font-size: 48px;
  --ticket-summary-title-line-height: 48px;
  --ticket-summary-title-font-family: var(--font-bold);
  --ticket-summary-title-border-bottom: 0.7px solid var(--color7);

  --ticket-summary-ticket-type-color: var(--color1);
  --ticket-summary-ticket-type-font-size: 32px;
  --ticket-summary-ticket-type-line-height: 28px;
  --ticket-summary-ticket-type-font-family: var(--font-bold);

  --ticket-summary-tickt-type-wrap-border-top: 0.7px solid var(--color7);

  --ticket-summary-tick-info-seat-color: var(--color1);
  --ticket-summary-tick-info-seat-font-size: 28px;
  --ticket-summary-tick-info-seat-line-height: 28px;
  --ticket-summary-tick-info-seat-font-family: var(--font-regular);

  --ticket-summary-tick-info-price-txt-color: var(--color1);
  --ticket-summary-tick-info-price-txt-font-size: 28px;
  --ticket-summary-tick-info-price-txt-line-height: 28px;
  --ticket-summary-tick-info-price-txt-font-family: var(--font-bold);

  --ticket-summary-buy-collct-msg-font-size: 20px;
  --ticket-summary-buy-collct-msg-line-height: 20px;
  --ticket-summary-buy-collct-msg-font-family: var(--font-regular);
  --ticket-summary-buy-collct-msg-color: var(--color8);

  --ticket-summary-info-dec-info-txt-font-bold-font-family: var(--font-bold);

  --ticket-summary-info-dec-info-txt-color: var(--color1);
  --ticket-summary-info-dec-info-txt-font-size: 28px;
  --ticket-summary-info-dec-info-txt-line-height: 21px;
  --ticket-summary-info-dec-info-txt-font-family: var(--font-regular);

  --ticket-summary-info-dec-info-txt-span-font-family: var(--font-regular);

  --ticket-summary-info-dec-info-txt-vat-per-font-size: 24px;

  --ticket-summary-info-dec-price-txt-font-family: var(--font-bold);
  --ticket-summary-info-dec-price-txt-color: var(--color1);
  --ticket-summary-info-dec-price-txt-font-size: 28px;
  --ticket-summary-info-dec-price-txt-line-height: 28px;

  --ticket-summary-total-info-dec-border-top: 0.7px solid var(--color7);
  --ticket-summary-total-info-dec-border-bottom: 0.7px solid var(--color7);

  --ticket-summary-total-info-dec-info-txt-font-bold-font-family: var(--font-bold);

  --ticket-summary-total-info-dec-info-txt-color: var(--color9);
  --ticket-summary-total-info-dec-info-txt-font-size: 32px;
  --ticket-summary-total-info-dec-info-txt-line-height: 40px;
  --ticket-summary-total-info-dec-info-txt-font-family: var(--font-regular);

  --ticket-summary-total-info-dec-info-txt-span-font-family: var(--font-regular);

  --ticket-summary-total-info-dec-price-txt-font-family: var(--font-bold);
  --ticket-summary-total-info-dec-price-txt-color: var(--color9);
  --ticket-summary-total-info-dec-price-txt-font-size: 32px;
  --ticket-summary-total-info-dec-price-txt-line-height: 40px;

  --ticket-summary-payment-blk-border-top: 0.7px solid var(--color7);

  --ticket-summary-payment-has-3d-blk-border-top: 0;
  --ticket-summary-payment-has-3d-blk-border-bottom: 0.7px solid var(--color7);

  --ticket-summary-success-has-3d-blk-border-top: 0;
  --ticket-summary-success-payment-blk-border-top: 0.7px solid var(--color7);
  /* Ticket Summary Component Style Variables End (components/ticket-summary/index.scss) */

  /*Warning Tooltip Component Style Variables Start (components/warning-tooltip/index.scss)*/
  --warning-tooltip-content-p-font-size: 16px;
  --warning-tooltip-content-p-line-height: 21px;
  --warning-tooltip-content-p-font-family: $AltivoMedium;
  --warning-tooltip-content-p-color: #ffffffcc;

  --warning-tooltip-arrow-border-left: 4px;
  --warning-tooltip-arrow-border-right: 4px;
  --warning-tooltip-arrow-border-bottom: 4px;

  --warning-tooltip-mobile-content-p-font-size: 12px;
  --warning-tooltip-mobile-content-p-line-height: 15px;
  /*Warning Tooltip Component Style Variables End (components/warning-tooltip/index.scss) */

  /* Styles/ Common Style Variables Start (styles/common.scss) */
  --btn-font: 400 50px/56px var(--font-bold);
  --btn-background: none;
  --btn-border: 2px solid var(--base-color1);
  --btn-border-radius: 15px;

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

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

  /* Common Alert Popup */
  --common-alert-popup-border-radius: 12px;

  --common-alert-popup-swal2-html-container-font-size: 22px;
  --common-alert-popup-swal2-html-container-line-height: 28px;
  --common-alert-popup-swal2-html-container-font-family: var(--secondary-font-semibold);

  --common-alert-popup-swal2-html-container-p-font-size: 22px;
  --common-alert-popup-swal2-html-container-p-line-height: 28px;
  --common-alert-popup-swal2-html-container-p-font-family: var(--secondary-font-semibold);

  --common-alert-popup-fnb-disabled-text-font-family: var(--secondary-font-bold);
  --common-alert-popup-fnb-disabled-text-color: var(--color1);
  --common-alert-popup-fnb-disabled-text-span-font-family: var(--secondary-font-semibold);

  --common-alert-popup-voucherCodeList-p-span-font-size: 18px;
  --common-alert-popup-voucherCodeList-p-span-line-height: 24px;

  --common-alert-popup-fnb-section-disabled-swal2-cancel-font-size: 26px;
  --common-alert-popup-fnb-section-disabled-swal2-cancel-line-height: 30px;
  --common-alert-popup-fnb-section-disabled-swal2-cancel-color: var(--base-color1);
  --common-alert-popup-fnb-section-disabled-swal2-cancel-border: 0;

  /* Alert Buttons */
  --alert-btn-font-size: 30px;
  --alert-btn-line-height: 36px;
  --alert-btn-color: var(--color1);

  --alert-btn-btnSecondary-color: var(--color5);
  --alert-btn-btnSecondary-border: 1px solid var(--color5);

  /* Session Expired Popup */
  --session-expired-popup-p-font: 20px/24px;
  --session-expired-popup-p-color: var(--color1);

  --session-expired-popup-a-font-family: var(--secondary-font-bold);
  --session-expired-popup-a-color: var(--color1);

  /* Custom Button */
  --custom-button-font: 28px / 58px;
  --custom-button-font-family: var(--font-semibold);
  --custom-button-padding: 0 30px;
  --custom-button-border: 1px solid var(--base-color2);
  --custom-button-border-radius: 8px;
  --custom-button-text-decoration: none;
  --custom-button-text-transform: uppercase;
  --custom-button-box-shadow: 0px 2px 4px 0px rgba(100, 100, 100, 0.4980392157);
  --custom-button-background: var(--color2);
  --custom-button-border-color: var(--color2);

  /* Close Button */
  --btn-close-background-color: var(--color2);
  --btn-close-box-shadow: 0 1px 6px 0px rgba(var(--base-color1), 0.3);
  --btn-close-border: 4px solid var(--base-color2);
  --btn-close-border-radius: 12px;
  --btn-close-font-size: 20px;

  /* Modal Close Button */
  --modal-close-button-span-background-color: var(--color2);
  --modal-close-button-span-border-radius: 6px;
  --modal-close-button-span-border: 4px solid var(--base-color2);
  --modal-close-button-span-box-shadow: 0 1px 6px 0px rgba(var(--base-color1), 0.3);

  /* Fonts */
  --secondaryFontRegular-font-family: var(--secondary-font-regular);

  /* Booking Timer Popup */
  --booking-timer-popup-modal-content-border-radius: 12px;

  --booking-timer-popup-content-p-font: 22px/28px;
  --booking-timer-popup-content-p-color: var(--color1);

  --booking-timer-popup-progress-sec-h2-font: 16px/22px;
  --booking-timer-popup-progress-sec-h2-color: var(--color1);

  --booking-timer-popup-RadialProgressIndicator__label-font-family: var(--secondary-font-semibold);

  --booking-timer-popup-ok-btn-btn-active-background: var(--color2);
  --booking-timer-popup-ok-btn-btn-active-border-color: var(--color2);
  /* Styles/ Common Style Variables End (styles/common.scss) */
}