﻿.et-modal { position: fixed; z-index: 3000; top: 0; left: 0; width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; display: none; }
.insurance_modal .et-modal-body { height: 100%; width: 100%; margin: auto; max-width: 640px; overflow-x: hidden; background: #ffffff 0% 0% no-repeat padding-box; box-shadow: 0px 1px 10px #0000000d; border-radius: 10px; padding: 24px 19px; }
.insurance_modal .et-modal-body { width: 658px; max-width: 658px; position: relative}
.choose_plan_modal p,
.welcome_modal p,
.insurance_modal p { color: #222222; font-size: 20px; max-width: 482px; margin: 17px auto 30px; line-height: 26px; }
.insurance_modal p { line-height: 36px; }
.insurance_modal p { max-width: 522px; }
.insurance_modal .user-modal-redeeem-body { padding: 0 40px 24px; }
.insurance_modal .user-modal-redeeem-body h3 { width: 100%; max-width: 100%; }
button.et-btn.et-modal-close.insurance_modal_close { float: right; margin-bottom: 20px; clear: both; }
.insurance_modal svg { width: 15px; height: 15px; }
.insurance_modal .user-modal-redeeem-body { clear: both; }
.insurance_modal .list-inline-item:not(:last-child) { margin-right: 1rem; }
.insurance_modal ul:not(.btn_group) { margin-bottom: 30px; }
.insurance_modal .btn_group li a { background: #7a133e; width: 208px; height: 58px; font-size: 25px; border-radius: 10px; line-height: 58px; display: block; color: #fff; }
.et-modal.insurance_modal { z-index: 99999; }
.insurance_modal .user-modal-redeeem-body, .insurance_modal_close { position: relative; z-index: 999; }
.mod-blur + #confetti { opacity: 1; z-index: 9999; }

button.et-btn.et-modal-close.choose_plan_modal_close, button.et-btn.et-modal-close.welcome_modal_close, button.et-btn.et-modal-close.cvv_modal_close, button.et-btn.et-modal-close.insurance_modal_close {
     float: right; margin-bottom: 20px; clear: both;
    position: relative;
    z-index: 9999
}

#icon-container { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; }
@media (max-width: 767px) {
    .et-modal.choose_plan_modal, .et-modal.welcome_modal, .et-modal.insurance_modal { height: auto; margin-top: 80px  }
    .insurance_modal p { max-width: 522px; }
    .flowchart_img img.process_img { width: 52px; }
    .insurance_modal .et-modal-body { width: 90%; }
}