:root {
  /* add the theme override variables here */
  --add-voucher-rewards-redeem-text-font: 23px/29px var(--font-regular);

  /*Splash Page Style Variables Start (splash/index.scss)*/
  --splash-container-top-sec-timer-sec-h3-font-family: var(--font-semibold);
  /* --splash-container-top-sec-timer-sec-h3-font-size: 78px; */
  --splash-container-top-sec-timer-sec-p-color: var(--base-color1);
  --splash-container-welcome-blk-h1-color: var(--base-color1);
  /* --splash-container-top-sec-timer-sec-p-font-size: 32px;
  --splash-container-top-sec-timer-sec-p-line-height: 27px; */
  --splash-container-top-sec-timer-sec-p-font-family: var(--font-semibold);
  --splash-container-top-sec-timer-sec-location-font: 22px/24px var(--font-medium);
  --splash-container-top-sec-timer-sec-location-color: var(--base-color2);
  --splash-container-welcome-blk-h1-font: 100px/100px var(--font-semibold);
  --splash-container-welcome-blk-h1-span-font: 106px/140px var(--font-bold);
  --splash-container-buttons-container-button-font-family: var(--font-semibold);
  --splash-container-buttons-container-button-font-size: 42px;
  --splash-container-buttons-container-button-line-height: 38px;
  --splash-container-buttons-container-button-order-fnb-button-background: var(--base-color2);
  --splash-container-buttons-container-button-order-fnb-button-color: var(--base-color1);
  --splash-container-buttons-container-button-get-tickets-button-background: var(--base-color2);
  --splash-container-buttons-container-button-get-tickets-button-color: var(--base-color1);
  --splash-container-buttons-container-button-pickup-tickets-button-background: var(--color1);
  --splash-container-buttons-container-button-pickup-tickets-button-color: var(--base-color2);
  --splash-container-buttons-container-button-i-font: 42px/38px var(--font-semibold);
  --splash-container-buttons-container-button-i-margin: 0px;
  --splash-container-buttons-container-button-i-color: var(--base-color1);
  --splash-container-powered-by-influx-p-font-family: var(--font-regular);

  /* Movies pages Style Variables Start (movies-pages/index.scss) */
  --movie-container-background: unset;
  --innerPageHeader-rightColumn-homeButton-span-font: 14px/18px var(--font-medium);
  --innerPageHeader-logged-welcome-font: 14px/18px var(--font-medium);
  --innerPageHeader-logged-welcome-color: var(--base-color2);
  --movie-container-slick-slider-hero-banner-background: var(--color4);
  --movie-container-op-sec-timer-p-color: var(--base-color1);
  --movie-container-op-sec-timer-p-font-family: var(--font-semibold);
  --movie-container-op-sec-rt-sec-filter-btn-color: var(--base-color1);
  --movie-container-op-sec-filter-count-font-family: var(--font-semibold);
  --movie-container-movie-sec-movies-list-cont-sec-h4-font: 26px/26px var(--font-semibold);
  --movie-container-movie-sec-movies-list-cont-sec-h4-color: var(--base-color1);
  --movie-container-movie-sec-movies-list-cont-sec-p-font: 16px/22px var(--font-medium);
  --movie-container-movie-sec-movies-list-cont-sec-span-lang-font-family: var(--font-semibold);
  --movie-container-movie-sec-movies-list-cont-sec-p-color: var(--color4);
  --movie-container-movie-sec-movies-list-next-show-details-p-color: var(--color4);
  --movie-container-movie-sec-movies-list-next-show-details-p-font: 14px/14px var(--font-medium);
  --movie-container-movie-sec-movies-list-next-show-details-show-time-font-family: var(--font-medium);
  --movie-container-movie-sec-movies-list-next-show-details-show-experience-font-family: var(--font-medium);
  --movie-container-movie-sec-movies-list-next-show-details-show-time-background: var(--color1);
  --movie-container-movie-sec-movies-list-next-show-details-show-experience-color: var(--color4);
  --movie-container-movies-footer-background: var(--color5);
  --movie-container-movies-footer-span-font-family: var(--font-medium);
  --movie-container-movies-footer-span-color: var(--base-color1);
  --movie-container-movie-sec-movies-list-movie-det-ad-book-border-radius: 0px 8px 8px 0px;
  --movie-container-movie-sec-movies-list-movie-det-ad-book-background: var(--color1);
  --movie-container-movie-sec-movies-list-movie-det-ad-book-span-font-family: var(--font-semibold);
  --movie-container-op-sec-rt-sec-filter-btn-border: 2px solid var(--color1);
  --movie-container-op-sec-rt-sec-filter-btn-font: 28px/58px var(--font-bold);
  --movie-container-movie-sec-movies-list-movie-det-mov-type-span-font: 14px/14px var(--font-bold);
  --movie-container-movie-sec-no-movies-found-p-font-family: var(--font-semibold);
  --experience-modal-apply-button-color: var(--base-color2);
  --experience-modal-apply-button-background: var(--color1);
  --experience-modal-apply-button-border-color: var(--color1);
  --experience-modal-reset-button-color: var(--base-color1);
  --experience-modal-modal-body-experience-div-font-family: var(--font-semibold);
  --experience-modal-modal-body-experience-div-color: var(--base-color1);
  --experience-modal-close-button-background: var(--base-color2);
  --experience-modal-close-button-icon-color: var(--base-color1);
  --experience-modal-button-font-family: var(--font-bold);
  --experience-modal-close-button-border: 2px solid var(--color1);
  --experience-modal-modal-body-error-message-font-size: 28px;
  --experience-modal-modal-body-error-message-line-height: 28px;

  --banner-wrap-bg-color: var(--color4);
  --banner-wrap-banner-wrap-movie-detail-wrap-movie-detail-movie-title-font: 54px/48px var(--font-semibold);
  --banner-wrap-banner-wrap-movie-detail-wrap-movie-detail-movie-desc-border-bottom: 1px solid var(--color6);
  --banner-wrap-banner-wrap-movie-detail-wrap-movie-detail-movie-title-border-bottom: 1px solid var(--color6);
  --banner-wrap-banner-wrap-movie-detail-wrap-movie-detail-movie-cast-font-bold-font-family: var(--font-semibold);
  --banner-wrap-banner-wrap-movie-detail-wrap-movie-detail-movie-cast-font-family: var(--font-regular);
  --showtime-container-time-wrap-ul-movie-date-wrap-color: var(--color4);
  --showtime-container-time-wrap-ul-movie-date-wrap-today-background: var(--base-color1);
  --showtime-container-time-wrap-future-date-caution-p-color: var(--color1);
  --showtime-container-time-wrap-ul-movie-date-wrap-movie-day-font: 20px/20px var(--font-regular);
  --showtime-container-play-wrap-ul-play-date-wrap-showtime-available-play-time-color: var(--base-color1);
  --showtime-container-play-wrap-ul-play-date-wrap-showtime-available-play-time-border-color: var(--base-color1);
  --showtime-container-play-wrap-ul-play-date-wrap-showtime-fast-filling-play-time-color: var(--color1);
  --showtime-container-play-wrap-ul-play-date-wrap-showtime-fast-filling-play-time-border-color: var(--color1);
  --showtime-container-play-wrap-ul-play-date-wrap-showtime-fast-filling-span-color: var(--color1);
  --showtime-container-play-wrap-ul-play-date-wrap-showtime-sold-play-time-color: var(--color5);
  --showtime-container-play-wrap-ul-play-date-wrap-showtime-sold-play-time-border-color: var(--color5);
  --showtime-container-play-wrap-play-icon-wrap-h2-font: 28px/32px var(--font-semibold);
  --showtime-container-play-wrap-ul-play-date-wrap-play-time-font: 28px/28px var(--font-semibold);
  --showtime-modal-show-modal-dialog-modal-content-modal-body-movie-info-modal-experince-heading-font-family: var(--font-bold);
  --showtime-modal-show-modal-dialog-modal-content-modal-body-movie-info-modal-movie-info-desc-font: 24px/42px var(--font-regular);
  --showtime-modal-show-modal-dialog-modal-content-modal-body-movie-info-modal-movie-info-desc-color: var(--base-color1);
  --showtime-modal-show-modal-dialog-modal-content-modal-close-background: var(--base-color2) url(/assets/images/close-icon.svg) no-repeat center center;
  --showtime-modal-show-modal-dialog-modal-content-modal-close-border: 2px solid var(--color1);
  --showtime-container-time-wrap-future-date-caution-p-font-family: var(--font-semibold);
  --showtime-container-play-wrap-ul-play-date-wrap-span-font-family: var(--font-semibold);
  --showtime-container-time-wrap-ul-movie-date-wrap-movie-date-font: 30px/20px var(--font-bold);

  --purchase-footer-background-color: var(--base-color1);
  --purchase-footer-back-btn-a-color: var(--base-color2);
  --purchase-footer-back-btn-a-font-family: var(--font-semibold);
  --back-arrow-color: var(--base-color2);

  --custom-modal-modal-dialog-modal-content-modal-body-title-color: var(--base-color1);
  --custom-modal-modal-dialog-modal-content-modal-body-description-color: var(--base-color1);
  --custom-modal-modal-dialog-modal-content-modal-body-description-font-family: var(--font-regular);
  --custom-modal-modal-dialog-modal-content-modal-body-title-font-family: var(--font-bold);

  --common-alert-popup-swal2-html-container-p-font-family: var(--font-medium);
  --common-alert-popup-swal2-html-container-p-color: var(--base-color1);
  --common-alert-popup-swal2-html-container-font-family: var(--font-semibold);
  --common-alert-popup-fnb-disabled-text-font-family: var(--font-bold);
  --common-alert-popup-fnb-disabled-text-span-font-family: var(--font-semibold);

  --custom-banner-header-a-button-color: var(--base-color2);
  --custom-banner-header-a-button-font: 40px/40px var(--font-semibold);
  --custom-banner-content-span-font: 36px/46px var(--font-bold);
  --custom-banner-content-span-font-family: var(--font-bold);
  --custom-banner-content-rewards-redeem-text-font: 18px/24px var(--font-medium);
  --custom-banner-content-span-b-font-family: var(--font-semibold);
  --custom-banner-content-span-b-pc2-text-color: var(--base-color2);

  --login-page-content-h2-font: 48px/52px var(--font-bold);
  --login-page-back-arrow-color: var(--base-color2);
  --login-page-content-h2-color: var(--base-color1);
  --innerPageHeader-timer-blk-time-txt-font: 24px/28px var(--font-light);
  --innerPageHeader-timer-blk-timer-count-font: 38px/42px var(--font-semibold);
  --innerPageHeader-logged-username-font: 18px/22px var(--font-semibold);
  --innerPageHeader-timer-blk-timer-count-color: var(--base-color1);

  --loginComponent-scan-btn-p-color: var(--base-color1);
  --loginComponent-scan-btn-btn-btnPrimary-scanBarCode-bg-color: var(--base-color1);
  --loginComponent-scan-btn-btn-btnPrimary-scanBarCode-border-color: var(--base-color1);
  --loginComponent-scan-btn-btn-btnPrimary-scanBarCode-color: var(--base-color2);
  --loginComponent-procced-text-p-span-color: var(--base-color1);
  --loginComponent-procced-text-p-a-color: var(--base-color1);
  --loginComponent-or-para-color: var(--base-color1);
  --loginComponent-or-para-font: 32px/32px var(--font-medium);
  --loginComponent-scan-btn-p-font: 24px/24px var(--font-medium);
  --loginComponent-procced-text-p-font: 34px/46px var(--font-bold);
  --loginComponent-scanYourBarcode-font: 36px/40px var(--font-bold);
  --user-selection-modal-title-color: var(--base-color1);
  --user-selection-modal-mobile-number-details-text-color: var(--color5);
  --user-selection-modal-mobile-number-details-mobile-number-color: var(--base-color1);
  --user-selection-modal-desc1-color: var(--base-color1);
  --user-selection-modal-desc2-color: var(--base-color1);
  --user-selection-modal-form-label-name-color: var(--base-color1);
  --user-selection-modal-form-label-email-color: var(--base-color1);
  --user-selection-modal-form-label-selected-name-color: var(--color1);
  --user-selection-modal-form-label-selected-email-color: var(--color1);
  --user-selection-modal-form-label-selected-radio-bg-color: var(--color1);
  --user-selection-modal-form-label-selected-radio-border-color: var(--color1);

  --booking-flow-step-not-last-child-after-border-top: 1px dashed var(--color5);
  --booking-flow-step-name-step-number-background: var(--color5);
  --booking-flow-step-name-color: var(--color5);
  --booking-flow-step-active-name-font-family: var(--font-semibold);
  --booking-flow-step-name-font-family: var(--font-regular);

  --seat-types-li-span-color: var(--base-color1);
  --seat-types-li-span-font-family: var(--font-medium);
  --seats-container-zoomed-in-seat-row-title-font-family: var(--font-bold);

  --seatlayout-container-showtimes-wrap-play-date-wrap-play-time-color: var(--base-color1);
  --seatlayout-container-showtimes-wrap-play-date-wrap-play-time-border: 2px solid var(--color1);
  --seatlayout-container-showtimes-wrap-play-date-wrap-active-play-time-background: var(--base-color1);
  --seatlayout-container-showtimes-wrap-play-date-wrap-play-time-font-family: var(--font-semibold);
  --seatlayout-container-movie-type-seat-count-color: var(--base-color1);
  --seatlayout-container-showtimes-wrap-play-date-wrap-span-font-family: var(--font-semibold);
  --seatlayout-container-movie-type-std-type-font-family: var(--font-bold);

  --ticket-type-drawer-ticket-type-btn-color: var(--base-color1);
  --ticket-type-drawer-ticket-type-btn-border: 2px solid var(--base-color1);
  --ticket-type-drawer-form-check-input-border-color: var(--color1);
  --ticket-type-drawer-vertical-ticket-type-btn-font-family: var(--font-medium);
  --ticket-type-drawer-form-check-label-font-family: var(--font-semibold);
  --ticket-type-drawer-voucherCode-font: 28px/24px var(--font-semibold);
  --ticket-type-drawer-ticket-type-price-font-family: var(--font-semibold);
  --ticket-type-drawer-note-font-family: var(--font-regular);
  --ticket-type-drawer-note-span-font-family: var(--font-bold);
  --ticket-type-drawer-MuiFormControlLabel-label-font-family: var(--font-regular);

  --btn-btnSecondary-border-color: var(--base-color1);
  --btn-btnSecondary-color: var(--base-color1);

  --btn-btnPrimary-background: var(--color1);
  --btn-btnPrimary-border-color: var(--color1);
  --btn-btnPrimary-color: var(--base-color2);
  --alert-btn-color: var(--base-color2);
  --alert-btn-btnSecondary-color: var(--base-color1);
  --alert-btn-btnSecondary-border: 1px solid var(--base-color1);

  --ticket-type-drawer-form-check-input-checkbox-background: url(/assets/images/check-icon.svg) white no-repeat center center !important;
  --ticket-type-drawer-close-btn-background-color: var(--base-color2);
  --ticket-type-drawer-close-btn-border: 2px solid var(--color1);
  --purchase-footer-purchase-summary-purchase-grand-total-p-background: var(--color1);
  --purchase-footer-purchase-next-button-color: var(--base-color2);
  --purchase-footer-purchase-next-button-font-family: var(--font-semibold);
  --purchase-footer-purchase-summary-purchase-grand-total-p-font-family: var(--font-semibold);
  --purchase-footer-purchase-summary-purchase-grand-total-p-span-font-family: var(--font-bold);
  --incDecDivForItem-quty-p-font: 20px/20px var(--font-bold);
  --incDecDivForItem-itemQty-font-family: var(--font-bold);

  --booking-summary-heading-color: var(--base-color1);
  --booking-summary-each-ticket-div-name-color: var(--base-color1);
  --booking-summary-continue-button-color: var(--base-color2);
  --booking-summary-each-ticket-div-total-cost-color: var(--base-color1);
  --booking-summary-continue-button-background: var(--color1);
  --booking-summary-each-ticket-div-each-qty-color: var(--base-color1);
  --booking-summary-each-ticket-div-price-div-color: var(--base-color1);
  --booking-summary-each-ticket-div-pre-cost-color: var(--base-color1);
  --booking-summary-separator-background: var(--color6);
  --booking-summary-booking-summary-heading-font-family: var(--font-bold);
  --booking-summary-heading-font-family: var(--font-bold);
  --booking-summary-each-ticket-div-name-font-family: var(--font-regular);
  --booking-summary-each-ticket-div-each-qty-font-family: var(--font-regular);
  --booking-summary-each-ticket-div-price-div-font-family: var(--font-regular);
  --booking-summary-each-ticket-div-total-cost-font-family: var(--font-bold);
  --booking-summary-each-ticket-div-modifiers-font-family: var(--font-regular);
  --booking-summary-continue-button-font-family: var(--font-bold);
  --booking-summary-each-ticket-div-pre-cost-font-family: var(--font-semibold);
  --booking-summary-each-ticket-div-font-family: var(--font-bold);
  --booking-summary-each-ticket-div-voucher-type-name-span-font-family: var(--font-semibold);
  --booking-summary-each-ticket-div-voucher-type-name-span-modifiers-font-family: var(--font-semibold);
  --booking-summary-each-ticket-div-voucher-fnb-type-name-span-font-family: var(--font-semibold);
  --booking-summary-each-ticket-div-voucher-fnb-type-name-span-modifiers-font-family: var(--font-semibold);

  --btn-close-background-color: var(--base-color2);
  --btn-close-border: 4px solid var(--color1);
  --btn-close-color: var(--color1);
  --barcode-popup-modal-content-modal-body-content-scan-btn-a-disabled: var(--base-color2);

  --order-review-container-review-order-div-color: var(--color1);
  --order-review-container-booking-summary-booking-summary-heading-color: var(--base-color1);
  --banner-wrap-noAfter-movie-title-color: var(--base-color1);
  --banner-wrap-noAfter-movie-desc-span-color: var(--base-color1);
  --banner-wrap-noAfter-movieSupportInfo-color: var(--base-color1);
  --banner-wrap-banner-wrap-movie-detail-wrap-movie-detail-movieSupportInfo-span-font: 26px/22px var(--font-regular);
  --banner-wrap-noAfter-movieSupportInfo-span-font-family: var(--font-regular);
  --banner-wrap-noAfter-font-family: var(--font-regular);
  --banner-wrap-banner-wrap-movie-detail-wrap-movie-detail-movie-desc-span-font: 22px/22px var(--font-regular);
  --banner-wrap-banner-wrap-movie-detail-wrap-movie-detail-movie-desc-span-ratingSpan-font-family: var(--font-bold);

  --your-details-blk-h3-color: var(--base-color1);
  --content-blk-choose-payment-sec-payment-list-ul-li-border: 2px solid var(--color4);
  --content-blk-choose-payment-sec-payment-list-ul-li-p-span-color: var(--base-color1);
  --content-blk-choose-payment-sec-payment-list-ul-li-p-span-font: 30px/48px var(--font-semibold);
  --content-blk-choose-payment-sec-payment-list-ul-li-gift-card-giftcard-details-h4-font: 30px/34px var(--font-bold);
  --content-blk-choose-payment-sec-payment-list-ul-li-gift-card-giftcard-details-h4-span-font: 26px/30px var(--font-semibold);

  --gift-card-popup-modal-content-modal-body-close-btn-background: var(--color1);
  --gift-card-popup-modal-close-icon: url(./assets/images/close-icon.svg) no-repeat;
  --gift-card-popup-modal-content-modal-body-content-h2-color: var(--base-color1);
  --gift-card-popup-modal-content-modal-body-content-form-blk-fm-inner-input-wrap-input-color: var(--base-color1);
  --gift-card-popup-modal-content-modal-body-content-form-blk-fm-inner-input-wrap-input-placeholder-color: var(--base-color1);
  --gift-card-popup-modal-content-modal-body-content-form-blk-fm-inner-input-wrap-input-font: 28px/28px var(--font-bold);
  --gift-card-popup-modal-content-modal-body-content-form-blk-fm-inner-input-wrap-input-placeholder-font: 18px/22px var(--font-semibold);

  --barcode-popup-modal-content-modal-body-close-btn-bg: url(/assets/images/close-icon.svg) no-repeat;
  --barcode-popup-modal-content-modal-body-content-h2-color: var(--base-color1);
  --barcode-popup-modal-content-modal-body-content-form-blk-fm-inner-input-wrap-input-font: 28px/28px var(--font-medium);
  --barcode-popup-modal-content-modal-body-content-form-blk-fm-inner-input-wrap-input-color: var(--base-color1);
  --barcode-popup-modal-content-modal-body-content-form-blk-fm-inner-input-wrap-input-placeholder-color: var(--base-color1);
  --barcode-popup-modal-content-modal-body-close-btn-background: var(--base-color2);
  --barcode-popup-modal-content-modal-body-close-btn-border: 2px solid var(--color1);

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

  --barcode-popup-modal-content-modal-body-content-error-blk-alert-bg: url(/assets/images/info-icon.svg) no-repeat;

  --payment-container-accordion-button-border-bottom: 1px solid var(--color6);
  --payment-container-movie-detail-wrap-movie-detail-movie-desc-span-font-family: var(--font-semibold);
  --payment-container-movie-detail-wrap-movie-detail-movie-desc-span-rating-font-family: var(--font-bold);
  --payment-container-accordion-button-banner-wrap-movie-detail-wrap-movie-detail-movieSupportInfo-span-font-family: var(--font-semibold);
  --payment-container-accordion-body-eachTicketDiv-giftcard-payment-preCost-font: 28px/28px var(--font-semibold);
  --payment-container-accordion-body-eachTicketDiv-giftcard-payment-preCost-font: 28px/28px var(--font-semibold);

  --swipe-card-container-swipe-inner-swipe-card-p-font: 36px/48px var(--font-medium);
  --swipe-card-container-swipe-inner-swipe-card-p-span-font: 20px/26px var(--font-semibold);

  --confirmation-summary-separator-bg-color: var(--color6);
  --confirmation-summary-movie-detail-movie-status-h1-font-family: var(--font-medium);
  --confirmation-summary-movie-detail-movie-booking-wrap-booking-id-font-family: var(--font-light);
  --confirmation-summary-movie-detail-movie-booking-wrap-booking-id-span-font-family: var(--font-semibold);
  --confirmation-summary-movie-detail-movie-booking-wrap-border-bottom: 1px solid var(--color6);
  --confirmation-summary-booking-summary-heading-color: var(--base-color1);
  --confirmation-summary-booking-summary-payment-types-heading-color: var(--base-color1);
  --confirmation-summary-booking-summary-payment-types-ticket-name-color: var(--base-color1);
  --confirmation-summary-ticket-summary-home-link-color: var(--color1);
  --confirmation-summary-booking-summary-payment-types-ticket-price-color: var(--base-color1);
  --confirmation-summary-ticket-summary-home-link-font-family: var(--font-medium);
  --confirmation-summary-movie-detail-wrap-movie-status-h1-color: var(--base-color2);
  --confirmation-summary-movie-detail-movie-status-h1-font-family: var(--font-regular);
  --confirmation-summary-movie-detail-movie-status-span-font-family: var(--font-semibold);
  --confirmation-summary-failure-wrap-movie-detail-wrap-border-bottom: 1px solid var(--color6);
  --confirmation-summary-failure-transaction-fail-p-color: var(--color1);
  --confirmation-summary-failure-transaction-fail-p-font-family: var(--font-medium);
  --confirmation-summary-failure-home-wrap-home-link-font-family: var(--font-medium);
  --confirmation-summary-failure-transaction-fail-border-radius: 12px;
  --confirmation-summary-movie-detail-food-counter-font: 26px/30px var(--font-semibold);
  --confirmation-summary-booking-summary-payment-types-ticket-name-strong-font-family: var(--font-semibold);

  --your-details-blk-h3-span-font: 26px/30px var(--font-semibold);
  --content-blk-your-details-blk-form-blk-input-wrap-input-font: 18px/18px var(--font-semibold);
  --content-blk-your-details-blk-tandc-blk-form-groups-label-font: 22px/40px var(--font-regular);
  --content-blk-your-details-blk-tandc-blk-form-groups-label-a-font-family: var(--font-bold);

  --recent-bookings-page-booking-details-film-status-font-family: var(--font-semibold);
  --recent-bookings-page-booking-details-film-status-span-font-family: var(--font-bold);
  --recent-bookings-page-booking-details-booking-id-font-family: var(--font-regular);
  --recent-bookings-page-booking-details-booking-id-span-font-family: var(--font-bold);
  --recent-bookings-page-booking-details-film-details-span-font-family: var(--font-semibold);
  --recent-bookings-page-buy-food-cta-content-description-font-family: var(--font-semibold);

  --yourdetails-page-yr-details-wrapper-details-blk-btn-sec-p-color: var(--base-color1);
  --yourdetails-page-yr-details-wrapper-details-blk-form-blk-form-grp-fm-inner-input-color: var(--base-color1);
  --yourdetails-page-yr-details-wrapper-details-blk-form-blk-form-grp-fm-inner-input-border: 1px solid var(--base-color1);
  --yourdetails-page-yr-details-wrapper-scan-btn-p-font: 24px/24px var(--font-semibold);
  --yourdetails-page-yr-details-wrapper-details-blk-form-blk-form-grp-fm-inner-input-font: 24px/24px var(--font-bold);
  --yourdetails-page-yr-details-wrapper-details-blk-country-field-fm-inner-input-font: 24px/24px var(--font-bold);
  --yourdetails-page-yr-details-wrapper-details-blk-country-field-fm-inner-country-wrap-span-font: 24px/24px var(--font-bold);
  --yourdetails-page-yr-details-wrapper-details-blk-btn-sec-p-font: 20px/24px var(--font-semibold);
  --yourdetails-page-yr-details-wrapper-details-blk-procced-text-p-span-color: var(--base-color1);
  --yourdetails-page-yr-details-wrapper-details-blk-procced-text-p-a-color: var(--base-color1);
  --yourdetails-page-yr-details-wrapper-details-blk-procced-text-p-font: 36px/36px var(--font-bold);

  --yourvoucher-page-yourvoucher-wrapper-custom-banner-content-rewards-redeem-text-font: 23px/29px var(--font-regular);
  --yourvoucher-page-yourvoucher-wrapper-your-voucher-component-your-voucher-sec-voucher-list-li-p-font: 28px/32px var(--font-semibold);
  --yourvoucher-page-yourvoucher-wrapper-your-voucher-component-your-voucher-sec-voucher-list-li-p-span-font: 28px/28px var(--font-regular);

  --inc-dec-div-for-item-quty-p-font: 20px/20px var(--font-bold);
  --inc-dec-div-for-item-item-qty-font-family: var(--font-bold);

  --delivery-type-container-description-font-family: var(--font-semibold);
  --delivery-type-card-content-note-font-family: var(--font-bold);

  --age-restriction-popup-header-div-heading-font-family: var(--font-regular);
  --age-restriction-popup-footer-div-heading-font-family: var(--font-regular);

  --fnb-item-card-item-details-h3-font-family: var(--font-bold);
  --fnb-item-card-item-details-item-details-font-family: var(--font-regular);
  --fnbItemDetailsContainer-fnbItemDescription-font-family: var(--font-regular);
  --fnbItemDetailsContainer-modifierGroupDiv-modifierItemName-font-family: var(--font-semibold);
  --fnbItemDetailsContainer-modifierGroupDiv-modifierItemPrice-font-family: var(--font-bold);
  --fnbItemDetailsContainer-modifierPopupFooter-itemQty-font-family: var(--font-bold);
  --fnbItemDetailsContainer-modifierPopupFooter-proceedButton-font: 24px/24px var(--font-bold);

  --addedToCartDrawer-offcanvas-body-p-font-family: var(--font-bold);

  --idle-stay-popup-modal-content-modal-body-content-progress-sec-RadialProgressIndicator-label-font-family: var(--font-semibold);
  --idle-stay-popup-modal-content-modal-body-content-p-font: 22px/28px var(--font-semibold);

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

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

  --secondaryFontRegular-font-family: var(--font-regular);

  --btn-font: 400 30px / 30px var(--font-bold);

  --pickup-tickets-page-content-h2-font: 34px/48px var(--font-medium);
  --pickup-tickets-page-content-h2-color: var(--base-color1);
  --pickup-tickets-component-scan-btn-font-size: 34px;
  --pickup-tickets-component-scan-btn-line-height: 30px;
  --pickup-tickets-component-or-para-font: 34px/48px var(--font-medium);
  --pickup-tickets-component-or-para-color: var(--base-color1);
  --pickup-tickets-component-skip-text-color: var(--color4);
  --pickup-tickets-component-skip-text-font: 34px/48px var(--font-medium);
  --purchaseFooter-offcanvas-btn-close-font-size: 24px;
  --bs-btn-close-color: var(--color1) !important;

  --bs-btn-active-color: var(--base-color2);
  --bs-btn-active-bg: var(--color1);
  --bs-btn-active-border-color: var(--color1);

  /* --color2Fill-color: var(--base-color2); */
  /* --baseColor2Fill-color: var(--base-color1); */
  --color2stroke-color: var(--base-color1);
  --color1Fill-color: var(--base-color1);
  --color2Fill-color: var(--color1);
  --color3Fill-color: var(--base-color2);
  --color4Fill-color: var(--color1);
  --color5Fill-color: var(--color1);
  --color7Fill-color: var(--color5);
  --color17Fill-color: var(--base-color1);
}