:root {

    /* ==========================================================================
    COLORS
    ========================================================================== */

    --mcg-green: #34D3BD; /* Bright Teal */
    --mcg-green-light: #7BE6D6; /* Soft Teal Tint */
    --mcg-green-lighter: #E5FAF7;
    --mcg-green-even-lighter: #EDF8F4;
    --mcg-cyan-light: #DBFFFA99;
    --mcg-teal-light: #34D3BD1A;
    --mcg-blue-light: #4A6F75; /* Muted Slate Blue */
    --mcg-blue: #0E4F56; /* Deep Teal */
    --mcg-blue-dark: #16484A;
    --mcg-blue-darker: #083A40; /* Gardian Dark Teal */
    --mcg-dark: #2B3F42; /* Charcoal Teal */
    --mcg-darker: #164849;
    --mcg-white: #FFFFFF;
    --mcg-orange: #FD7F20; /* Signal Orange */
    --mcg-yellow: #FACC15;
    --mcg-yellow-dark: #EBAF00;
    --mcg-gray: #9AA6AC; /* Neutral Mid Gray */
    --mcg-gray-dark: #9CA3AF;
    --mcg-gray-darker: #767676;
    --mcg-gray-light: #E6ECEF; /* Cool Light Gray */
    --mcg-gray-lighter: #F0F5F4;
    --mcg-cream: #FAF9F7;  /* Soft Warm White */
    --mcg-red: #E5533D;

    /* ==========================================================================
    DEFAULT THEME
    ========================================================================== */

    --mcg-logo-width: auto;
    --mcg-logo-height: auto;
    --mcg-header-background: var(--mcg-cream);
    --mcg-header-button-background: var(--mcg-orange);
    --mcg-header-button-color: var(--mcg-white);
    --mcg-header-current-ico-color: var(--mcg-orange);

    --mcg-banner-title-1-color: var(--mcg-blue-dark);
    --mcg-banner-title-2-color: var(--mcg-green);
    --mcg-banner-title-3-color: var(--mcg-darker);
    --mcg-banner-button-background: var(--mcg-orange);
    --mcg-banner-button-color: var(--mcg-white);
    --mcg-banner-icon-color: var(--mcg-white);
    --mcg-banner-dot-color: var(--mcg-orange);

    /* ==========================================================================
    CHECKBOX
    ========================================================================== */

    --mcg-checkbox-background: var(--mcg-white);
    --mcg-checkbox-border-color: var(--mcg-gray-light);
    --mcg-checkbox-checked-background: var(--mcg-green);
    --mcg-checkbox-checked-border-color: var(--mcg-green);
    --mcg-checkbox-darker-border-color: var(--mcg-gray-darker);

    /* ==========================================================================
    FOOTER
    ========================================================================== */

    --mcg-footer-background: var(--mcg-blue-darker);
    --mcg-footer-title-color: var(--mcg-white);
    --mcg-footer-link-color: var(--mcg-gray);
    --mcg-footer-default-color: var(--mcg-gray);
    --mcg-footer-logo-width: auto;
    --mcg-footer-logo-height: auto;
    --mcg-footer-button-background: var(--mcg-orange);
    --mcg-footer-button-color: var(--mcg-white);

    /* ==========================================================================
    FAQs Default
    ========================================================================== */

    --faq-bubble-background: #F3F3F3;
    --faq-question-color: var(--mcg-blue-darker);
    --faq-answer-color: var(--mcg-blue);
    --faq-icon-color: var(--mcg-blue-darker);
    --faq-bubble-open-background: var(--mcg-blue);
    --faq-question-open-color: #FDFDFD;
    --faq-answer-open-color: #F3F3F3;
    --faq-icon-open-color: #FDFDFD;


    /* ==========================================================================
    FORMS & FIELDS
    ========================================================================== */

    --mcg-form-edit-button: var(--mcg-green);
    --mcg-form-close-button: var(--mcg-orange);

    /* SELECT */
    --mcg-select-background: var(--mcg-white);
    --mcg-select-color: var(--mcg-dark);
    --mcg-select-font: var(--font-regular-16);

    --mcg-select-box-shadow: 0 0 0 1px var(--dxp-g-root, #fff), 0 0 0 4px var(--dxp-g-brand-1);

    --mcg-select-placeholder-color: var(--mcg-gray-dark);
    --mcg-select-placeholder-font: var(--font-regular-16);
    --mcg-select-disabled-placeholder-color: var(--mcg-gray-dark);
    --mcg-select-disabled-placeholder-font: var(--font-regular-16);

    --mcg-select-border: 1px solid var(--mcg-gray-light);
    --mcg-select-background-image: url("data:image/svg+xml,%3Csvg width='22' height='11' viewBox='0 0 22 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4462 9.96363C11.0749 10.2741 10.5345 10.2741 10.1632 9.96363L0.360727 1.76715C-0.356153 1.16772 0.0677246 -2.98937e-07 1.00219 -2.17243e-07L20.6072 1.49668e-06C21.5417 1.57837e-06 21.9655 1.16773 21.2486 1.76715L11.4462 9.96363Z' fill='%23FD7F20'/%3E%3C/svg%3E");

    --mcg-select-disabled-border: unset;
    --mcg-select-disabled-background-color: var(--mcg-gray-light);
    --mcg-select-disabled-background-image: url("data:image/svg+xml,%3Csvg width='22' height='11' viewBox='0 0 22 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4462 9.96363C11.0749 10.2741 10.5345 10.2741 10.1632 9.96363L0.360727 1.76715C-0.356153 1.16772 0.0677246 -2.98937e-07 1.00219 -2.17243e-07L20.6072 1.49668e-06C21.5417 1.57837e-06 21.9655 1.16773 21.2486 1.76715L11.4462 9.96363Z' fill='%239AA6AC'/%3E%3C/svg%3E");

    --mcg-select-inquiry-border: 1px solid var(--mcg-blue);
    --mcg-select-error-border: 1px solid var(--mcg-red);

    /* ==========================================================================
    MISC
    ========================================================================== */

    --mcg-badge-background: var(--mcg-green);
    --mcg-badge-span-color: var(--mcg-blue-darker);
    --mcg-badge-p-color: var(--mcg-gray);

    --mcg-bonus-background: linear-gradient(90deg, var(--mcg-green) 0%, var(--mcg-green-light) 100%);
    --mcg-bonus-color: var(--mcg-blue-darker);
    --mcg-bonus-icon-color: var(--mcg-blue-darker);

    /* ==========================================================================
    Home page
    ========================================================================== */

    --home-review-dot-background: var(--mcg-gray-light);
    --home-review-dot-active-background: var(--mcg-orange);
    --home-review-dot-width: 15px;
    --home-review-dot-height: 15px;
    --home-review-dot-margin-top: 32px;
    --home-review-dot-gap: 8px;
    --home-review-dot-transition: background-color 0.3s ease;
    --home-review-background: var(--mcg-white);
    --home-review-border: 1px solid var(--mcg-gray-light);
    --home-review-border-radius: 12px;
    --home-review-top-font: 400 16px / 24px "Poppins";
    --home-review-top-color: var(--mcg-blue);
    --home-review-middle-font: 700 16px / 24px "Poppins";
    --home-review-middle-color: var(--mcg-blue);
    --home-review-bottom-font: var(--font-b14);
    --home-review-bottom-color: var(--mcg-gray);

    --home-section2-font: var(--font-medium-24);
    --home-section2-color: var(--mcg-blue-light);

    --home-section3-2-font: 600 72px / 120% "Poppins";
    --home-section3-2-mobile-font: 600 48px / 56px "Poppins";

    --home-section4-4-background: var(--mcg-gray-light);
    --home-section4-4-font: 600 72px / 80px 'Poppins';
    --home-section4-4-color: var(--mcg-blue-darker);
    --home-section4-4-mobile-font: 600 36px / 110% 'Poppins';
    --home-section4-4-p: 600 18px / 150% 'Poppins';
    --home-section4-4-color: var(--mcg-gray);
    --home-section4-6-border: 6px solid var(--mcg-green);
    --home-section4-6-b-font: var(--font-raleway-60);
    --home-section4-6-b-mobile-color: var(--mcg-green-light);
    --home-section4-6-b-mobile-font: var(--font-raleway-42);
    --home-section4-6-p-font: var(--font-raleway-24);
    --home-section4-6-p-mobile-font: var(--font-raleway-18);

    /* ==========================================================================
    Plans/Coverage page
    ========================================================================== */

    --plans-faq-bubble-background: var(--mcg-green-light);
    --plans-faq-question-color: var(--mcg-blue-darker);
    --plans-faq-answer-color: var(--mcg-blue-darker);
    --plans-faq-icon-color: var(--mcg-blue-darker);
    --plans-faq-bubble-open-background: var(--mcg-green-light);
    --plans-faq-question-open-color: var(--mcg-blue-darker);
    --plans-faq-answer-open-color: var(--mcg-blue-darker);
    --plans-faq-icon-open-color: var(--mcg-blue-darker);

    /* ==========================================================================
    'Why coverage matter' page
    ========================================================================== */

    --why-linear-gradient: linear-gradient(180deg, rgba(250, 249, 247, 0) 0%, #FAF9F7 100%);
    --why-banner-title-font: var(--font-bold-60);
    --why-banner-title-mobile-font: var(--font-bold-36);
    --why-banner-title-1-color: var(--mcg-green-light);
    --why-banner-title-2-color: var(--mcg-blue);
    --why-section-1-title-font: var(--font-semi-bold-48);
    --why-section-1-title-color: var(--mcg-green-light);
    --why-section-1-subtitle-font: var(--font-regular-18);
    --why-section-1-subtitle-color: var(--mcg-cream);
    --why-features-button-background: var(--mcg-orange);
    --why-features-button-icon-color: var(--mcg-white);
    --why-features-button-color: var(--mcg-white);
    --why-section-2-h1-font: 600 60px / 72px 'Poppins Medium';
    --why-section-2-h1-color: var(--mcg-blue-darker);
    --why-section-2-p-font: var(--font-regular-16);
    --why-section-2-p-color: var(--mcg-blue-light);
    --why-cards-card-title-font: 700 24px / 32px 'Poppins Bold';
    --why-cards-card-title-color: var(--mcg-blue);
    --why-cards-card-subtitle-font: var(--font-regular-16);
    --why-cards-card-subtitle-color: var(--mcg-dark);
    --why-cards-card-icon-color: var(--mcg-orange);
    --why-faq-title-font: 700 36px / 40px 'Poppins Bold';
    --why-faq-title-color: var(--mcg-blue-darker);
    --why-faq-subtitle-font: 400 18px / 28px 'Poppins';
    --why-faq-subtitle-color: var(--mcg-gray);

    /* ==========================================================================
    'How it works' page
    ========================================================================== */

    --how-linear-gradient: linear-gradient(180deg, rgba(250, 249, 247, 0) 0%, #FAF9F7 100%);
    --how-title-font: 700 60px / 60px 'Poppins';
    --how-title-mobile-font: 700 36px / 36px 'Poppins';
    --how-title-1-color: var(--mcg-blue-light);
    --how-title-1-mobile-color: var(--mcg-blue-light);
    --how-title-2-color: var(--mcg-green);
    --how-title-2-mobile-color: var(--mcg-blue);
    --how-p-font: var(--font-regular-16);
    --how-p-color: var(--mcg-dark);
    --how-h1-font: 600 60px / 72px 'Poppins';
    --how-h1-color: var(--mcg-blue-darker);
    --how-h1-mobile-font: 600 48px / 52px 'Poppins';
    --how-features-title-color: var(--mcg-green);
    --how-features-title-font: var(--font-semi-bold-48);
    --how-features-title-max-width: 476px;
    --how-features-items-color: var(--mcg-cream);
    --how-features-button-background: var(--mcg-orange);
    --how-features-button-color: var(--mcg-white);
    --how-features-icons-color: var(--mcg-green);
    --how-section-3-background: var(--mcg-cream);
    --how-faq-title-font: 700 36px / 40px 'Poppins Bold';
    --how-faq-title-color: var(--mcg-blue-darker);
    --how-faq-subtitle-font: 400 18px / 28px 'Poppins';
    --how-faq-subtitle-color: var(--mcg-gray);
    --how-section-3-h1-font: 700 36px / 40px "Poppins Bold";
    --how-section-3-h1-color: var(--mcg-blue-darker);
    --how-cards-card-title-font: 700 20px / 28px 'Poppins Bold';
    --how-cards-card-title-color: var(--mcg-blue);
    --how-cards-card-subtitle-font: 400 16px / 24px 'Poppins';
    --how-cards-card-subtitle-color: var(--mcg-blue-light);

    /* ==========================================================================
    Support Center page
    ========================================================================== */

    --support-loader-color: var(--mcg-orange);
    --support-title-font: 600 72px / 100% "Poppins";
    --support-title-color1: var(--mcg-blue);
    --support-title-color2: var(--mcg-orange);
    --support-subtitle-font: 400 20px / 150% 'Poppins';
    --support-subtitle-color: var(--mcg-dark);
    --support-categories-background: #FDFDFD;
    --support-categories-border: 1px solid var(--mcg-green);
    --support-categories-border-radius: 99px;
    --support-categories-font: 600 28px / 100% "Poppins";
    --support-categories-color: var(--mcg-blue);
    --support-categories-items-height: 30px;
    --support-categories-items-height: 22px;
    --support-categories-items-font: 500 16px / 140% "Poppins";
    --support-categories-items-color: var(--mcg-gray);
    --support-categories-items-border: 1px solid var(--mcg-gray);
    --support-categories-items-border-radius: 4px 4px 0px 0px;
    --support-categories-items-padding: 4px 12px;
    --support-form-border: 6px solid var(--mcg-red);
    --support-form-b-font: var(--font-raleway-60);
    --support-form-b-mobile-font: var(--font-raleway-42);
    --support-form-p-font: var(--font-raleway-24);
    --support-form-p-mobile-font: var(--font-raleway---font-raleway-18);
    --support-form-b-color: var(--mcg-green-light);
    --support-form-p-color: #EEF1F5;

    --support-faqs-title-font: 600 42px / 100% 'Poppins';
    --support-faqs-title-color: var(--mcg-blue);
    --support-faq-bubble-background: var(--faq-bubble-background);
    --support-faq-question-color: var(--faq-question-color);
    --support-faq-answer-color: var(--faq-answer-color);
    --support-faq-icon-color: var(--faq-icon-color);
    --support-faq-bubble-open-background: var(--faq-bubble-open-background);
    --support-faq-question-open-color: var(--faq-question-open-color);
    --support-faq-answer-open-color: var(--faq-answer-open-color);
    --support-faq-icon-open-color: var(--faq-icon-open-color);

    /* ==========================================================================
    Quote expired
    ========================================================================== */

    --quote-expired-max-width: 672px;
    --quote-expired-section-background: #FCFAF8;

    --quote-expired-main-desktop-padding: 24px 42px;
    --quote-expired-main-mobile-padding: 48px 24px 40px 24px;
    --quote-expired-main-gap: 32px;
    --quote-expired-main-desktop-margin-top: 112px;
    --quote-expired-main-desktop-margin-bottom: 294px;
    --quote-expired-main-mobile-margin-top: 31px;
    --quote-expired-main-mobile-margin-bottom: 40px;
    --quote-expired-main-background: rgba(255, 255, 255, 0.2);
    --quote-expired-main-backdrop-filter: blur(45px); 
    --quote-expired-main-box-shadow: 218px 235px 128px rgba(0, 0, 0, 0.01), 123px 132px 108px rgba(0, 0, 0, 0.03), 55px 59px 80px rgba(0, 0, 0, 0.04), 14px 15px 44px rgba(0, 0, 0, 0.05);
    --quote-expired-main-border-radius: 28px;
    --quote-expired-main-max-width: 720px;
    --quote-expired-main-max-width: 720px;

    --quote-expired-clock-width: 160px;
    --quote-expired-clock-height: 160px;
    --quote-expired-clock-inner-width: 144px;
    --quote-expired-clock-inner-height: 144px;
    --quote-expired-clock-border-radius: 120px;
    --quote-expired-clock-inner-border-radius: 100px;
    --quote-expired-clock-padding: 28px;
    --quote-expired-clock-background: var(--mcg-green-light);
    --quote-expired-clock-inner-background: #E6ECEF;

    --quote-expired-comments-gap: 24px;
    --quote-expired-comments-h1-font: 700 36px / 40px 'Poppins';
    --quote-expired-comments-h1-color: var(--mcg-dark);
    --quote-expired-comments-p-font: 400 18px / 150% 'Poppins';
    --quote-expired-comments-p-color: #4A6F75;
    --quote-expired-comments-p-b-font: 600 20px / 30px 'Poppins';
    --quote-expired-comments-p-b-color: var(--mcg-dark);

    --quote-expired-box-height: 53px;
    --quote-expired-box-background: #E6ECEF;
    --quote-expired-box-span-font: var(--font-regular-14);
    --quote-expired-box-span-color: #0E4F56;
    --quote-expired-box-padding: 16px 24px;
    --quote-expired-box-gap: 24px;
    --quote-expired-box-border-radius: 12px;
    --quote-expired-box-ellipse-background: var(--mcg-green);
    --quote-expired-box-ellipse-width: 6px;
    --quote-expired-box-ellipse-height: 6px;

    --quote-expired-button-desktop-font: 600 18px / 150% 'Poppins' !important;
    --quote-expired-button-desktop-color: #FAF9F7;
    --quote-expired-button-mobile-font: 600 18px / 150% 'Poppins' !important;
    --quote-expired-button-mobile-color: #FAF9F7;

    --quote-expired-bottom-span-font: var(--font-regular-16);
    --quote-expired-bottom-span-color: #4A6F75;
    --quote-expired-bottom-b-font: 600 16px / 150% "Poppins";
    --quote-expired-bottom-b-color: #0E4F56;

    /* ==========================================================================
    CHECKOUT FLOW
    ========================================================================== */

    /* GENERAL */
    --checkout-main-background: linear-gradient(90deg, var(--mcg-cream) 41.83%, var(--mcg-cyan-light) 83.65%, var(--mcg-teal-light) 100%), var(--mcg-white);
    --mcg-checkout-logo-width: auto;
    --mcg-checkout-logo-height: auto;
    --checkout-header-background: var(--mcg-cream);
    --checkout-header-button-background: var(--mcg-orange);
    --checkout-header-button-color: var(--mcg-white);

    --checkout-flow-transition-duration: 250ms;
    --checkout-flow-transition-easing: ease-in-out;

    --checkout-burger-menu-background: var(--mcg-orange);
    --checkout-burger-menu-color: var(--mcg-white);
    --checkout-burger-menu-box-shadow: 0px 14px 5px rgba(0, 0, 0, 0.01), 0px 8px 5px rgba(0, 0, 0, 0.05), 0px 3px 3px rgba(0, 0, 0, 0.09), 0px 1px 2px rgba(0, 0, 0, 0.1);
    --checkout-burger-menu-border-radius: 8px;
    --checkout-burger-menu-close-background: var(--mcg-green);
    --checkout-burger-menu-close-color: var(--mcg-blue-darker);
    --checkout-burger-menu-close-box-shadow: -13px 16px 8px rgba(0, 0, 0, 0.01), -8px 9px 7px rgba(0, 0, 0, 0.05), -3px 4px 5px rgba(0, 0, 0, 0.09), -1px 1px 3px rgba(0, 0, 0, 0.1);
    --checkout-burger-menu-close-border-radius: 8px;

    /* ICONS */
    --svg-ico-color-1: #FE7F20;
    --svg-ico-color-2: #34D1BC;
    --svg-ico-color-3: #135259;
    --svg-ico-color-4: #E2E8EB;

    /* CHECKOUT STEPPER */
    --checkout-stepper-background: linear-gradient(90deg, var(--mcg-blue) 0%, var(--mcg-blue-darker) 100%);
    --checkout-stepper-counter-background: var(--mcg-green-light);
    --checkout-stepper-counter-color: var(--mcg-blue-darker);
    --checkout-step-circle-dot-background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNSIgY3k9IjUiIHI9IjUiIGZpbGw9IiNGRDdGMjAiLz4KPC9zdmc+Cg==) center center / 10px 10px no-repeat;

    --checkout-step-label-font: var(--font-regular-14);
    --checkout-step-label-color: var(--mcg-blue-light);
    --checkout-step-label-active-color: var(--mcg-green);
    --checkout-step-label-done-color: var(--mcg-blue-light);

    --checkout-step-circle-font: var(--font-semi-bold-14);
    --checkout-step-circle-icon-color: var(--mcg-white);

    --checkout-step-circle-background: var(--mcg-blue-light);
    --checkout-step-circle-active-background: var(--mcg-green);
    --checkout-step-circle-done-background: var(--mcg-blue-light);

    --checkout-step-circle-color: var(--mcg-white);
    --checkout-step-circle-active-color: var(--white);
    --checkout-step-circle-done-color: var(--mcg-white);

    --checkout-step-connector-color: var(--mcg-blue-light);
    --checkout-step-connector-active-color: var(--mcg-green);
    --checkout-step-connector-done-color: var(--mcg-blue-light);

    /* STEP 1 */
    --checkout-step1-card-background: linear-gradient(180deg, #FFFFFF 0%, #EDFAF8 100%);
    --checkout-step1-card-border: 2px solid var(--mcg-gray-light);
    --checkout-step1-card-active-background: var(--mcg-green-even-lighter);
    --checkout-step1-card-active-border: var(--mcg-green);

    /* STEP 3 */
    --checkout-step3-mark-background: var(--mcg-green-lighter);
    --checkout-step3-mark-icon-color: var(--mcg-green);
    --checkout-step3-mark-color: var(--mcg-gray);

    /* STEP 4 */
    --checkout-step4-product-card-background: linear-gradient(180deg, var(--mcg-white) 0%, #EDFAF8 100%);
    --checkout-step4-product-card-border: var(--mcg-gray-light);
    --checkout-step4-product-card-border-select: var(--mcg-green);

    --checkout-step4-addon-card-background: linear-gradient(180deg, var(--mcg-white) 0%, #FFF4EC 100%);
    --checkout-step4-addon-card-border: var(--mcg-gray-light);
    --checkout-step4-addon-card-border-select: #FDC094;

    /* STEP 5 */
    --checkout-step5-mark-background: var(--mcg-green-lighter);
    --checkout-step5-mark-icon-color: var(--mcg-green);
    --checkout-step5-mark-title-color: var(--mcg-dark);
    --checkout-step5-mark-content-color1: var(--mcg-gray);
    --checkout-step5-mark-content-color2: var(--mcg-gray);

    /* ==========================================================================
    QUOTE FLOW
    ========================================================================== */

    --quote-main-background: linear-gradient(90deg, var(--mcg-cream) 41.83%, var(--mcg-cyan-light) 83.65%, var(--mcg-teal-light) 100%), var(--mcg-white);
    --mcg-quote-logo-width: auto;
    --mcg-quote-logo-height: auto;
    --quote-header-background: var(--mcg-cream);
    --quote-header-button-background: var(--mcg-orange);
    --quote-header-button-color: var(--mcg-white);
    --quote-flow-transition-duration: 250ms;
    --quote-flow-transition-easing: ease-in-out;

    --quote-burger-menu-background: var(--mcg-orange);
    --quote-burger-menu-color: var(--mcg-white);
    --quote-burger-menu-box-shadow: 0px 14px 5px rgba(0, 0, 0, 0.01), 0px 8px 5px rgba(0, 0, 0, 0.05), 0px 3px 3px rgba(0, 0, 0, 0.09), 0px 1px 2px rgba(0, 0, 0, 0.1);
    --quote-burger-menu-border-radius: 8px;
    --quote-burger-menu-close-background: var(--mcg-green);
    --quote-burger-menu-close-color: var(--mcg-blue-darker);
    --quote-burger-menu-close-box-shadow: -13px 16px 8px rgba(0, 0, 0, 0.01), -8px 9px 7px rgba(0, 0, 0, 0.05), -3px 4px 5px rgba(0, 0, 0, 0.09), -1px 1px 3px rgba(0, 0, 0, 0.1);
    --quote-burger-menu-close-border-radius: 8px;

    /* CHECKOUT STEPPER */
    --quote-stepper-background: transparent;
    --quote-stepper-counter-background: var(--mcg-green-light);
    --quote-stepper-counter-color: var(--mcg-blue-darker);

    --quote-step-label-font: var(--font-regular-14);
    --quote-step-label-color: var(--mcg-blue-light);
    --quote-step-label-active-color: var(--mcg-green);
    --quote-step-label-done-color: var(--mcg-blue-light);

    --quote-step-circle-font: var(--font-semi-bold-14);
    --quote-step-circle-icon-color: var(--mcg-white);

    --quote-step-circle-background: var(--mcg-blue-light);
    --quote-step-circle-active-background: var(--mcg-green);
    --quote-step-circle-done-background: var(--mcg-blue-light);

    --quote-step-circle-color: var(--mcg-white);
    --quote-step-circle-active-color: var(--white);

    --quote-step-circle-dot-background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNSIgY3k9IjUiIHI9IjUiIGZpbGw9IiNGRDdGMjAiLz4KPC9zdmc+Cg==) center center / 10px 10px no-repeat;
    --quote-step-circle-done-color: var(--mcg-white);

    --quote-step-connector-color: transparent;
    --quote-step-connector-active-color: transparent;
    --quote-step-connector-done-color: transparent;

    /* STEP 2 */
    --quote-step2-selection-color: var(--mcg-green, var(--mcg-orange));
    --quote-step2-selection-light-color: var(--mcg-green-light);
    --quote-step2-option-background: linear-gradient(180deg, var(--mcg-white) 0%, #EDFAF8 100%);
    --quote-step3-option-selected-background: linear-gradient(180deg, var(--mcg-white) 0%, #EDFAF8 100%);
    --quote-step2-option-border: 2px solid var(--mcg-gray-light);
    --quote-step2-option-width: 440px;
    --quote-step2-option-height: 90px;
    --quote-step2-title: var(--mcg-blue-light);
    --quote-step2-subtitle: var(--mcg-blue-light);
    --quote-step2-label-color: var(--mcg-darker);
    --quote-step2-description-color: var(--mcg-blue-dark);
    --quote-step2-radio-border: 1px solid var(--mcg-gray-darker);

    /* STEP 3 */
    --quote-step3-selection-color: var(--mcg-green);
    --quote-step3-selection-light-color: var(--mcg-green-light);
    --quote-step3-option-width: 440px;
    --quote-step3-option-height: 90px;
    --quote-step3-selection-color: var(--mcg-green, var(--mcg-orange));
    --quote-step3-title-color: var(--mcg-dark);
    --quote-step3-card-border: 2px solid var(--mcg-gray-light);
    --quote-step3-card-background: linear-gradient(180deg, var(--mcg-white) 0%, #EDFAF8 100%);
    --quote-step3-card-selected-background: linear-gradient(180deg, var(--mcg-white) 0%, #EDFAF8 100%);
    --quote-step3-card-selected-border: var(--mcg-green);
    --quote-step3-label-color: var(--mcg-darker);

    /* STEP 4 */

    /* STEP 5 */
    --quote-step5-button-next-border: transparent;
    --quote-step5-button-next-background: var(--mcg-orange);
    --quote-step5-button-next-color: var(--mcg-dark);
    --quote-step5-button-save-border: 2px solid var(--mcg-orange);
    --quote-step5-button-save-background: var(--mcg-white);
    --quote-step5-button-save-color: var(--mcg-dark);

    --quote-step5-recommended-border: 2px dashed #5DCAA5;
    --quote-step5-recommendation-color: #111;
    --quote-step5-description-color: #666;
    --quote-step5-infos-background: #5DCAA5;
    --quote-step5-infos-color: #0F4F4A;
    --quote-step5-discount-background: var(--mcg-green);
    --quote-step5-discount-color: var(--mcg-white);
    --quote-step5-recommendation-star-color: var(--mcg-yellow);

    /* STEP 6 */
    --quote-step6-button-next-border: transparent;
    --quote-step6-button-next-background: var(--mcg-orange);
    --quote-step6-button-next-color: var(--mcg-dark);
    --quote-step6-button-save-border: 2px solid var(--mcg-orange);
    --quote-step6-button-save-background: var(--mcg-white);
    --quote-step6-button-save-color: var(--mcg-dark);

    --quote-step6-button-border-radius: 12px;
    --quote-step6-button-padding: 18px 16px;
    --quote-step6-button-gap: 8px;

    --quote-step6-button-green-min-height: 76px;
    --quote-step6-button-green-background: #5DCAA5;
    --quote-step6-button-green-color: #0F4F4A;
    --quote-step6-button-green-border: none;

    --quote-step6-button-yellow-min-height: 76px;
    --quote-step6-button-yellow-background: #FAEBC7;
    --quote-step6-button-yellow-color: #5C3D0E;
    --quote-step6-button-yellow-border: none;

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

    @media (max-width: 768px) {
        --mcg-checkout-logo-width: auto;
        --mcg-checkout-logo-height: auto;
    }


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

    @media (max-width: 475px) {
        --mcg-checkout-logo-width: auto;
        --mcg-checkout-logo-height: auto;
        --quote-step2-subtitle: var(--mcg-blue-darker);
    }

}