@charset "utf-8";

.simply-insurance { max-width: 400px; padding: 15px 0px; margin-left: auto; }

.simply-insurance.loaded { display: block; padding: 10px 15px; }

.simply-insurance .header-wrap { display: flex; -webkit-box-align: center; align-items: center; justify-content: space-between; width: 100%; }

.simply-insurance .header-wrap .plan_info_btn { width: 40px; }

.simply-insurance .header-wrap .title-image-wrap { display: flex; -webkit-box-align: center; align-items: center; justify-content: center; text-align: left; gap: 15px; }

.simply-insurance .header-wrap .title-image-wrap img { width: 40px; }

.simply-insurance .header-wrap h3 { padding-right: 5px; font-size: 15px; }

.simply-insurance .header-wrap .tooltipCstm { position: relative; display: inline-block; border-bottom: 1px dotted rgb(0, 0, 0); }

.simply-insurance .header-wrap .tooltipCstm .toolltiptextCstm { visibility: hidden; width: 120px; background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); text-align: center; border-radius: 6px; padding: 5px 0px; position: absolute; z-index: 1; bottom: 100%; left: 50%; margin-left: -60px; }

.simply-insurance .header-wrap .tooltipCstm:hover .toolltiptextCstm { visibility: visible; }

.simply-insurance .header-wrap .tooltipCstm .toolltiptextCstm { font-size: 12px; text-align: left; height: auto; display: inline-block; line-height: 14px; min-width: 100px; word-break: break-word; white-space: normal; margin-bottom: 5px; padding-left: 10px; padding-right: 10px; border-radius: 10px; width: 200px !important; }

.simply-insurance .header-wrap .btnCstm.tooltipCstm { width: auto; background: none; border: none; display: inline-block; }

.simply-insurance p { font-size: 12px; }

.simply-insurance .plan_title { font-weight: 700; margin: 0px; }

.simply-insurance .plan_subtitle { margin: 0px; }

.simply-insurance .plan-description { text-align: left; }

.simply-insurance .plan-description.hide { display: none; }

.simply-insurance .switch-button .cart-insurance-input { display: none; }

.simply-insurance .switch { display: inline-block; position: relative; width: 40px; height: 20px; border-radius: 20px; background: rgb(223, 217, 234); transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1); vertical-align: middle; cursor: pointer; }

.simply-insurance .switch::before { content: ""; position: absolute; top: 1px; left: 2px; width: 17px; height: 17px; background: rgb(250, 250, 250); border-radius: 50%; transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); }

.simply-insurance .switch:active::before { box-shadow: rgba(0, 0, 0, 0.28) 0px 2px 8px, rgba(128, 128, 128, 0.1) 0px 0px 0px 20px; }

.simply-insurance input:checked + .switch { background: rgb(114, 218, 103); }

.simply-insurance input:checked + .switch::before { left: 20px; background: rgb(255, 255, 255); }

.simply-insurance input:checked + .switch:active::before { box-shadow: rgba(0, 0, 0, 0.28) 0px 2px 8px, rgba(0, 150, 136, 0.2) 0px 0px 0px 20px; }

.plan_info_btn { position: relative; width: auto; background: none; border: none; display: inline-block; }

.plan_info_btn .plan_info { visibility: hidden; width: 120px; background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); text-align: center; border-radius: 6px; padding: 5px 0px; position: absolute; z-index: 1; bottom: 100%; left: 50%; margin-left: -60px; }

.plan_info_btn:hover .plan_info { visibility: visible; }

.plan_info_btn .plan_info { font-size: 12px; text-align: left; height: auto; display: inline-block; line-height: 14px; min-width: 100px; word-break: break-word; white-space: normal; margin-bottom: 5px; padding-left: 10px; padding-right: 10px; border-radius: 10px; width: 200px !important; }