@font-face {font-family: 'NewJuneLight';src: url("../fonts/NewJune-Light.otf");font-weight: normal;font-style: normal }
@font-face {font-family: 'NewJuneRegular';src: url("../fonts/NewJune-Regular.otf");font-weight: normal;font-style: normal }
@font-face {font-family: 'NewJuneSemibold';src: url("../fonts/NewJune-Semibold.otf");font-weight: bold;font-style: normal }
@font-face {font-family: 'NewJuneBold';src: url("../fonts/NewJune-Bold.otf");font-weight: bolder;font-style: normal }
@font-face {font-family: 'NewJuneMedium';src: url("../fonts/NewJune-Medium.otf");font-weight: bold;font-style: normal }

.status-bg {background-color: #fff;background-image: url(../images/status-bg.svg);background-repeat: no-repeat;background-position: top center; background-size: cover; min-height: 100%;  height: auto;}
.parent-container {display: flex;justify-content: center;align-items: center;height: 100vh;}
.stat-container  {display: flex;justify-content: left;align-items: center;height: 100vh;}
.stat-name  {color: #5f5f5f; font-size: 14px;}
.stat-title  {color: #1a1a1a; font-size: 36px;line-height: 40px;}
.stat-content  {color: #5f5f5f; font-size: 15px;line-height: 25px;}
.stat-content .fa-circle-check, .stat-content .fa-circle-xmark  {font-size: 20px;}
.stat-content > .text-success  {color: #40ab58 !important;}
.stat-ok  {color:#40AB58;font-family: "NewJuneMedium"}
.stat-content .fa-angle-right  {font-size: 16px;}
.stat-content a:link, .stat-content a:visited  {color:#00546c;font-family: "NewJuneMedium"}

/*fpx receipt panel included from fpx/TokioNow_PaymentSuccess.jsp - the old assets/css/style.css rules for these
  classes aren't loaded on the V2 pages. laid out with grid, not the fragment's floats, so it can't collapse.*/
#claiming .paymentGood  {display: grid;grid-template-columns: 1fr 1fr;column-gap: 24px;background: #fff;border: 1px solid #e8e8e8;border-radius: 16px;padding: 20px;color: #5f5f5f;}
#claiming .paymentGood h4  {grid-column: 1 / -1;color: #1a1a1a;font-family: "NewJuneMedium";font-size: 15px;line-height: 24px;margin-bottom: 16px;}
#claiming .clearfix  {display: none;}
#claiming .policydetails  {width: 100%;font-size: 13px;line-height: 20px;}
#claiming .policydetails td  {vertical-align: top;padding: 2px 0;}
#claiming .policydetails td:first-child  {width: 42%;}
#claiming .policydetails td:first-child + td  {width: 8%;}
#claiming .policydetails p  {margin: 0;word-break: break-word;}
#claiming .foot-fpx  {grid-column: 1 / -1;font-size: 12px;color: #555;text-align: right;margin-top: 12px;}
@media only screen and (max-width: 991px) {
  #claiming .paymentGood  {grid-template-columns: 1fr;}
}

.stat-app  {background-color: #e5eef0;background-image: url(../images/stat-app-bg.svg);background-repeat: no-repeat;background-position: left center;height: 99px;padding:15px 20px 16px 90px;border-radius: 8px;margin: 16px 0;}
.app-container  {width: 50%; font-size: 14px;}
.app-title  {font-family: "NewJuneMedium";color: #1a1a1a;font-size: 16px;}
.app-content  {line-height: 20px;color: #5f5f5f}
.ios-icon  {position: absolute;top: 35%;right: 23%}
.andr-icon  {position: absolute;top: 35%;right: 3%}


/*radio box toggle*/   
.radio-group {margin: 20px 0;}
.radio-option {padding: 0 27px; margin: 18px 0; background: #fff;border-radius: 16px;border: 1px solid #e8e8e8;transition: all 0.2s;height: 80px;line-height: 78px;position: relative}        
.radio-option:hover {border-color: #cccccc;}        
.radio-option input[type="radio"] {transform: scale(1.4);position: absolute;top:30px;right:30px;accent-color: #00546C;}
.radio-option label {cursor: pointer;font-size: 16px;color: #333;font-weight: 500;}
.toggle-div {display: none; margin-top: 15px; padding: 16px; background: #fafafa; border-radius: 16px; border:1px solid #e8e8e8; animation: slideDown 0.3s ease;}
@keyframes slideDown {
from {
    opacity: 0;
    transform: translateY(-20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}        
.toggle-div h3 {margin: 0 0 10px 0; color: #1a73e8;}
.toggle-div p {margin: 10px 0;color: #333;line-height: 1.5;}
.toggle-div ul {margin: 10px 0;padding-left: 20px;}
.toggle-div li {margin: 5px 0;color: #555;}
.icon {width: 150px;display: inline-block;}
/*radio box toggle*/     
.alertBox  {position: fixed;z-index: 1021;right: 50px;top:60px;padding:15px;background: #FAECEC;border: 1px solid #D14343;border-radius:8px;color: #D14343;font-family: "NewJuneMedium";font-size:16px;line-height:125%}
.chk-spc input[type="checkbox"]:checked + label::after {top: 35%;}
.chk-spc  {padding: 0 0 0 35px;}
.chk-spc label::before {top: 35%;}
.termsBox  {color: #5F5F5F; font-size: 14px; line-height: 155%;margin-bottom: 20px}
a:hover, a:focus {color: #00546C; opacity:0.5}
.summ-remove  {color: #D14343; font-size: 16px;font-family: "NewJuneSemibold";padding: 0 10px}
.summ-edit  {color: #00546C; font-size: 16px;font-family: "NewJuneSemibold";padding: 0 10px}
.text-style-01  {color: #1a1a1a; font-size: 20px;font-family: "NewJuneSemibold";font-weight: 400;line-height: 125%}
.text-style-02  {color: #5F5F5F;font-size: 14px;font-weight: 400;margin-top: 1%}
.text-style-03  {color: #1a1a1a;font-size: 24px;font-family: "NewJuneMedium"; font-weight: 400;line-height: 125%;text-align: right}
.text-style-04  {color: #00546C;font-size: 14px;font-family: "NewJuneMedium"; font-weight: 400;margin-top: 1%;text-align: right;cursor: pointer}
.text-style-05  {color: #1a1a1a;font-size: 18px;font-family: "NewJuneMedium"; font-weight: 400;line-height: 165%}
.text-style-06  {color: #1a1a1a;font-size: 16px;font-family: "NewJuneMedium"; font-weight: 400;margin-top: 1%}
.boxy-01  {color:#00546C; font-size: 14px;padding: 10px; text-align: center;background-color: #E5EEF0;border-radius: 8px}
.boxy-02  {margin-bottom: 8px;padding: 6px 0;border-bottom: 1px solid #E8E8E8}
.mt-custom-03  {margin-top: 12px}
.mt-custom-04  {margin-top: 34px}
.ad-input-visible  {font-size: 16px; color: #1a1a1a;font-weight: 400;font-family: "NewJuneMedium";}
.ad-label-visible  {color: #767676; font-size: 14px;font-weight: 400;}
.show-mobile  {display: none;}
.ad-sep1  {width: 1px;background: #E8E8E8;height: 100%;padding: 5px 0px;position: absolute; right:5px; top:0;}
.infoRow  {border: 1px solid #E8E8E8;border-radius: 8px; padding: 20px 24px;background-color:#FAFAFA;}
.title-pg h4  {color: #1A1A1A; font-size: 20px;line-height: 125%;font-family: "NewJuneMedium";font-weight: 400;margin: 0;}
.title-pg a:link, .title-pg a:visited  {color: #00546C; font-size: 16px;font-family: "NewJuneSemibold";font-weight: 400;}
.mt-custom-05  {margin-top: 50px;}
.form-group + .form-group {border-top: 0px solid #f3f3f3;padding-top: 0x; padding-top:0;}
.ad-remove:hover {opacity: 0.5;color: #D14343;}
.ad-remove  {display: block;float: left;font-size: 12px; font-family: "NewJuneMedium";font-weight: 400;color: #D14343; padding: 0 15px;width: 50%;text-align: center;}
.ad-edit:hover  {opacity: 0.5;color: #00546C;}
.ad-edit  {display: block;float: left;font-size: 12px; font-family: "NewJuneMedium";font-weight: 400;color: #00546C; padding: 0 15px;width: 50%;text-align: center;border-right: 1px solid #E8E8E8;}
.ad-action-sep  {display: block;float: left;width: 1px;background: #E8E8E8;height: 22px;}
.ad-sep  {width: 1px;background: #E8E8E8;height: 100%;padding: 5px 0px;position: absolute; right:15px; top:0;}
.ad-input  {font-size: 14px; color: #1a1a1a;font-weight: 400;}
.ad-label  {color: #767676; font-size: 12px;}
.position-fixed-02-mob  {display: none;}
.btn-large {background-color: #00546c;border-color: #00546c #00546c #00546c;color: #FFF;width: 95%;margin: 0px 15px;border-radius: 10px; font-family: "NewJuneSemibold"; font-size: 16px;font-weight: 400;}
.btn-large:hover, .btn-large.hover {background-color: #0090a0;border-color: #0090a0 #0090a0 #0090a0;color: #FFF;}
.show-detail  {width: 100%;padding: 15px 10px;text-align: center;font-size: 14px;color:#00546C; font-family: "NewJuneSemibold";background-color: #E5EEF0;border: 1px solid #E8E8E8;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.totalAmount  {color: #1a1a1a; font-size: 24px; font-weight: 400;}
.totalText  {font-size: 16px;color: #767676;font-weight: 400;}
.premiumTotal  {background-color: #fff;padding: 20px 20px;}
.premiumTitle  {color: #000; font-size:16px;}
.premiumSep  {width: 100%; height: 1px;background-color: #E8E8E8;}
.premiumDig  {color: #1a1a1a; font-size:16px;width: 30%;text-align: right}
.premiumPercent  {color: #A3A3A3;}
.premiumContent  {padding: 10px 20px;background-color: #FAFAFA;font-size: 14px;color:#767676;font-weight: 400;}
.premiumTop  {padding: 20px;height: auto;position: relative;border-bottom: 1px solid #E8E8E8;}
.premiumBox  {background-color: #fff;border-radius: 10px;border: 1px solid #E8E8E8;margin: 80px 15px 15px;}
.premiumBox .premPrice span {color: #1a1a1a;}
.premiumBox .premPrice h3 {color: #1a1a1a;}
.show-control  {width: 100%;padding: 20px 10px;text-align: center;font-size: 14px;color:#00546C; font-family: "NewJuneMedium";}
.add-recommend-1  {position: absolute;left:25px;top:-15px;padding: 2px 8px;background-color: #897AE3;color: #fff;font-size: 10px;letter-spacing: 1px;border-radius: 4px;text-transform: uppercase;}
.add-recommend  {position: absolute;left:25px;top:-15px;padding: 2px 8px;background-color: #ED6F39;color: #fff;font-size: 10px;letter-spacing: 1px;border-radius: 4px;text-transform: uppercase;}
.custom-close  {position: absolute; right:25px; top:25px;}
.modal-subtitle  {display: block;}
.mt-custom-01  {margin-top:15px;}
.btn-outline-primary {color: #00546C; border-color: #00546C;}
.btn-outline-primary:hover {color: #fff;background-color: #00546C; border-color: #00546C;}
.addonTitle a:link, .addonTitle a:visited  {font-size: 12px; color: #00546C; font-family: "NewJuneMedium";}
.addonTitle span  {display: block;font-size: 16px; font-family: "NewJuneMedium";color: #1a1a1a;}
.addonTitle  {display: inline;float: left;margin-top:8px;}
.addonIcon  {display: inline;float: left;margin-right: 24px;}
.addonRow  {border: 1px solid #E8E8E8;border-radius: 8px; padding: 20px 24px;}
.addonContainer  {margin-top: 70px;}
.recPlan  {position: absolute;left:20px;top:-15px;padding: 2px 8px;background-color: #ED6F39;color: #fff;font-size: 10px;letter-spacing: 1px;border-radius: 4px;}
.border-top  {display: none}
.step-Mob  {display: none;}
.mobstep  {display: none;}
.plan-total  {font-size: 14px;color: #767676;}
.plan-details  {font-size: 16px;color: #1A1A1A;padding: 9px 0;margin: 15px}
.plan-covered  {font-size: 16px;color: #1A1A1A; text-align: center;padding: 9px 0;background-color: #E9F4F6;border-radius:6px;margin: 15px}
.plan-not-covered  {font-size: 16px;color: #1A1A1A; text-align: center;padding: 9px 0;background-color: #FAFAFA;border-radius:6px;margin: 15px}
.newButton {background-color: #E8E8E8;border-color: #00546c; color: #00546c; width: 100%;}
.newButton:hover {background-color: #0090a0; border-color: #0090a0 #0090a0 #0090a0; color: #FFF;}
.newDiv {border: 1px solid #00546c;margin: 80px 15px 15px;background-color: #fff; border-radius: 10px; box-shadow: 0px 2px 12px 0px #00000014;}
.position-fixed-01  {position: fixed;width: 100%;height: 100vh}
.position-fixed-02  {position: fixed;width: 100%;padding: 20px;bottom: 0;background-color: #fff;box-shadow: 0px -4px 16px 1px #0000001F;
}
.plan-color {background: linear-gradient(to bottom, #E6F5F6 252px, white 0px);  }
.plan-amount  {color: #1a1a1a;font-size: 24px; font-family: "NewJuneMedium";}
.plan-info  {color: #5F5F5F;font-size: 12px;}
.planBottom  {padding: 20px;background-color:#E8E8E8;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
.planBottom .collapse { background-color: #E8E8E8; }
.planTop  {padding: 20px;height: 110px;position: relative;}
.plan-title  {font-size: 20px; font-family: "NewJuneMedium";line-height: 125%;color: #1a1a1a;}
.plan-subtitle  {font-size: 14px;line-height: 125%;margin-top: 12px;}
.pg-adj03  {padding: 0px 15px 0px 150px !important}
.pg-adj02  {padding: 80px 30px 30px 30px !important;}
.pg-adj01  {padding: 0px 15px 0px 250px !important}
.modal-backdrop.show {background-color: #000000;opacity: 0.9 !important;}
.modal-title {color:#1A1A1A;font-size: 24px; font-family: "NewJuneSemibold";}
.cursor-pointer  {cursor: pointer;}
.custom-picker-02  {border-right: 0 !important;}
.custom-picker  {border-left: 0;background: #fff;}
.custom-picker i  {color: #00546C}
.toSeperator  {position:absolute;bottom: 40%; left: 50%; transform: translateX(-50%); width: 22px; height: 2px; background-color: #1A1A1A;}
.popover-header  {background-color: #E9F4F6;}
.popIcon  {width: 18px; margin-left: 5px;margin-top: -3px;cursor: pointer;}
.boxItem  {width: 1px; height: 100%; position:absolute; right: 0; top: 0; background: #BCDFE4;}
h4.vehInfo-item-title  {color: #5F5F5F;font-size: 14px;}
h3.vehInfo-title  {margin:0;padding:0;color: #1a1a1a; font-family: "NewJuneMedium";font-size: 24px;}
h4.vehInfo-subtitle  {color: #767676;font-size: 14px;}
.vehicleInfo-top  {padding: 24px 24px 16px 24px}
.vehicleInfo-bottom  {padding: 16px 24px 24px 24px;background-color: #E9F4F6;}
.vehicleInfo  {border: 1px solid #E8E8E8;box-shadow: 0px 8px 20px -2px #0000001A;border-radius: 8px;}
.form-control:disabled {background-color: #F2F2F2;color:#A3A3A3;}
h5.pageTitle {color: #00546C; font-family: "NewJuneSemibold"; font-size: 16px;padding-top: 5px;text-align:right;}
h5.pageTitle a:link, h5.pageTitle a:visited  {color: #00546C; font-family: "NewJuneSemibold"; font-size: 16px;padding-top: 5px;text-align:right;}
h4.pageTitle {color: #1a1a1a; font-family: "NewJuneMedium"; font-size: 20px;}
.btn-contact {background-color: #00546c; border-color: #00546c #00546c #00546c; color: #FFF; width: 100%;margin-bottom: 10px;}
.btn-contact:hover, .btn-contact.hover {background-color: #0090a0;border-color: #0090a0 #0090a0 #0090a0;color: #FFF;}
.btn-browse {border: 1px solid #00546C; color: #00546C; font-family: "NewJuneSemibold", Arial, sans-serif; width: 100%;margin-bottom: 10px;}
.btn-browse:hover {border: 1px solid #00546C; color: #fff;background: #00546C;}
.error-tit-1 {font-family: "NewJuneSemibold", Arial, sans-serif; font-size: 14px; color: #A3A3A3; text-transform: uppercase;margin-top: 10px;}
.error-tit-2 {font-weight: 400; font-size: 28px; color: #1A1A1A;line-height: 125%;margin-top: 5px;}
.error-tit-3 {font-weight: 400; font-size: 16px; color: #5F5F5F;line-height: 125%;margin-top: 10px;}
.noBorder  {border: 0 !important;}
.noMargin  {margin: 0 !important}
.noPadding  {padding: 0 !important}
.renewalBox .img-02  {display: none;}
.ms-custom-01  {margin-left: 80px;}
.clearfix  {clear: both;}
.backButton-mobile  {display: none;}
.helpMobile  {display: none;}
.dropdown-toggle i  {color:#00546C;}
.dropdown-toggle::after {display: none;}
.border-radius-tr-br  {border-bottom-right-radius: 0px;border-top-right-radius: 0px;}
.error-desc  {font-size: 12px;color:#C10000;}
.input-error  {border-color:#C10000 !important;}
.label-error  {color:#C10000;}
.btn-renew {border: 1px solid #00546C; color: #00546C;font-family: "NewJuneSemibold", Arial, sans-serif;}
.btn-renew:hover {border: 1px solid #00546C; color: #fff;background: #00546C;}
.renewalBox  {position: relative; width:100%;height: 78px;line-height: 78px;background-color:#E5EEF0;margin: 24px 0;border-radius: 8px;}
.renewalBox .img-01 {position: absolute; left: 0; top:0; border-top-left-radius: 8px;border-bottom-left-radius: 8px;}
.renewalBox h4  {font-family: "NewJuneSemibold", Arial, sans-serif;font-size:16px;color:#1A1A1A;margin-bottom:0;margin-top:15px;}
.renewalBox h5  {font-size:14px;color:#1A1A1A;margin-top:0;margin-bottom: 0px;}
.dropdown-menu .title-link  {font-size: 12px;font-weight: 600;margin: 0px 0px 10px;color: #1a1a1a}
.special-ios  {position: relative;padding: 15px;height: 50px;line-height: 35px;background-color: #0096a9;border-radius: 8px;width: 100%}
.special-ios .ios-switch {position: absolute;right: 10px;top: 13px}
.text-size-01  {font-size: 12px;}
.line-height-01 {line-height: 16px;height: 40px;display: table-cell;vertical-align: middle;}
.planIcon  {background-color: #e6fcfa;padding: 5px;border-radius: 5px;margin-right: 10px;display: block;float: left;}
.accWrap .accordion-item:last-of-type {border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;border-bottom: 1px solid #dee2e6;box-shadow: none;}
.accWrap .accordion-button  {padding-top: 10px; padding-bottom: 10px;background-color: #fafafa;}
.accWrap h4  {padding-bottom: 0 !important;}
.accWrap .accordion-button .collapsed {background-color: #fafafa !important;}
.accWrap .accordion-button:not(.collapsed) {background-color: #fafafa !important;}
.accWrap h2  {margin-top: 0 !important;}
.accWrap .accordion-item  {background-color: #fafafa;border: 1px solid #dee2e6;border-top-left-radius: 10px!important; border-top-right-radius: 10px!important;}
.minusM  {margin-top: -50px;}
.spcLabel label  {color: #737272;font-family: 'NewJuneRegular' !important;font-size: 12px; font-weight:bold; }
.phD  {color: #525050;font-weight: bold;font-size: 14px;}
.Lmore  {color: #00546c;}
.Lmore:hover  {color: #0090a0;}
.btn-next {background-color: #00546c;border-color: #00546c #00546c #00546c;color: #FFF;width: 100%;}
.btn-next:hover {background-color: #0090a0;border-color: #0090a0 #0090a0 #0090a0;color: #FFF;width: 100%;}
.bEdit  {float: right;padding-left: 8px;font-size: 11px;font-weight: 600;color: #00546c;}
.bRemove  {float: right;padding-left: 8px;font-size: 11px;color: #ed1c24;font-weight: 600;}
.travBox .btn-primary {background-color: #fff;border-color: #19a0b1 #19a0b1 #19a0b1;color: #19a0b1;}
.travBox .btn-primary:hover, .btn-primary.hover {background-color: #0090a0;border-color: #0090a0 #0090a0 #0090a0;color: #FFF;}
.btn-primary {background-color: #19a0b1;border-color: #19a0b1 #19a0b1 #19a0b1;color: #FFF;}
.btn-primary:hover, .btn-primary.hover {background-color: #0090a0;border-color: #0090a0 #0090a0 #0090a0;color: #FFF;}
.nxtBox .btn  {width: 100%; margin-top: 10px;}
.travBox .btn  {width: 100%; margin-top: 10px;}
.bN  {font-size: 11px;}
.bNvalue  {font-size: 11px;font-weight: bold;}
.bCont  {background-color: #fafafa;padding: 10px;margin-top: 20px;border: 1px solid #ededed; border-radius: 10px;}
.specialSep  {width: 100%;height: 1px;background-color: #ccc;margin: 10px 0px;}
.text-primary  {color: #00546c !important;}
.margin-special-03  {margin-top: 30px;}
.margin-special-04  {margin-top: 38px;}
.switch.switch-primary .ios-switch .on-background {background: #19657a;}
.ios-switch .state-background {background-color: #ccc;background-image: none;}
.spcCont h3, .spcCont h4  {font-weight: bold;color: #252525;margin-top: 0px;}
.spcCont  {background-color: #fafafa;padding: 15px;margin-top: 20px;border: 1px solid #ededed; border-radius: 10px;}
.spcContInner  {background-color: #fff;padding: 15px;border: 1px solid #ededed; border-radius: 10px;}
.m-0-auto  {margin: 0 auto;}
.bg-plan-2  {background-color: #E9F4F6 !important;}
.bg-plan-grad1  {background: #FFFFFF;background: linear-gradient(180deg, rgba(255, 255, 255, 1) 30%, rgba(233, 244, 246, 1) 100%);}
.calSep  {width: 100%; height: 0.045rem; background-color: #949292;margin: 10px 0px;}
.accordion-button:focus {z-index: 3; border-color: none;outline: 0px;box-shadow: none;}
.calcBox h2 {margin-top: 0px !important;}
.accordion-item:first-of-type .accordion-button {border-radius: 10px;}
.accordion-button:not(.collapsed)::after {color:#00546c !important;transform: rotate(0deg);}
.accordion-item:last-of-type {border-bottom-left-radius: 0;border-bottom-right-radius: 0;border-bottom: 0;
  box-shadow: none;}
.accordion-button::after  {color:#00546c !important;transform: rotate(-90deg);}
.accordion-button:not(.collapsed) {box-shadow: none !important;color: #1a1a1a !important;}
.calcBox .accordion-button  {padding: 15px !important;background-color: #fff;border-bottom: 0;}
.calcBox .card-header {background: #fff;}
.calcBox .accordion .card-header a {display: block;padding: 0px;color: #1a1a1a;}
.planBoxSP  {background-color: #fff;border-radius: 10px;-webkit-box-shadow: -1px 1px 5px 2px rgba(0,0,0,0.13);-moz-box-shadow: -1px 1px 5px 2px rgba(0,0,0,0.13);box-shadow: -1px 1px 5px 2px rgba(0,0,0,0.13);position: relative;}
.planBoxSP .boxPrice  {padding: 15px;background-color: #00546c;text-align: left;position: relative;border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.planBoxSP .premPrice span {margin: 0;font-weight: 400;font-size: 12px;color: #fff;}
.planBoxSP .premPrice h3 {margin: 0;font-family: 'NewJuneBold';color: #fff;margin-top: -4px;}
.planBoxSP .btn-submit {background-color: #0090a0;border-color: #0090a0 #0090a0 #0090a0;color: #FFF;width: 25%;}
.planBoxSP .boxDetails  {padding: 30px 25px;text-align: left; letter-spacing: normal;height: 140px;background-color: #0096a9;border-top-left-radius: 10px; border-top-right-radius: 10px;}
.planBoxSP .boxDetails p  {line-height: normal;font-weight: 400;margin:0;color: #fff;}
.planBoxSP .boxDetails h4  {margin-top: 0;margin-bottom: 4px;letter-spacing: normal;font-family: 'NewJuneBold';color:#fff;}
.choice-box  {display: inline-block;padding: 2px;width: 100%;text-align: center;background-color: #d2d711;color: #00546c;border-radius: 4px;text-transform: uppercase;font-size: 0.90em;letter-spacing: 0.05rem;margin-top: 15px;}
.setBox  {width: 25%; vertical-align: top !important;}
.activePast  {color: #79c48a !important;}
.activePast .horz-line {background-color: #79c48a;}
.activePast .steps-number {background-color: #79c48a;}
.inner-wrapper {padding-top: 0px !important;}
.content-body {padding: 0px !important;}
html, body {background: #fff;height: 100vh;}
body {color: #5F5F5F; font-family: "NewJuneRegular", Arial, sans-serif;}
.form-control  {border: 1px solid #E8E8E8;border-radius: 6px;}
.form-control-lg {font-size: 14px;}

.highlighted {background-color: #99ccff;}
.left-box-color {flex: 0 0 20%;max-width: 20%;}
.right-box-color {flex: 0 0 80%;max-width: 80%;}
.left-box-color  {background: linear-gradient(to bottom, #E6F5F6 50%, #E6F5F6 50%); }
.left-box  {height: 100vh; position: relative;padding: 0px 20px;}
.logo-box  {background-color: #fff; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; -webkit-box-shadow: 0 1px 10px 0 rgba(0,0,0,.1); box-shadow: 0 1px 10px 0 rgba(0,0,0,.1); height: 105px; max-width: 300px; padding: 16px; position: absolute; top: 0; width: auto; z-index: 2; left: 34px;}
.fix-box  {margin-top: 130px;}
.fix-box img  {border-radius: 16px;margin-bottom: 24px}
.fix-box h4  {font-family: "NewJuneSemibold", Arial, sans-serif; letter-spacing: normal;color: #1a1a1a;font-size: 24px;margin-top: 0;}
.fix-box p  {line-height: 22px;color: #5f5f5f;margin-bottom: 12px;font-size: 1.09em;}
.fix-box ul {padding: 0;margin: 0 0 12px 0;}
.fix-box ul li  {list-style-type: none; background-image: url("../images/ETPA-bullet-tick.svg");background-repeat: no-repeat; background-position: left center; background-size: 18px;padding: 0 0 0 30px;margin: 0 0 8px 0;font-size: 1.09em;}
.fix-box a:link, .fix-box a:visited  {font-weight: 600; color:#00546C;margin-top: 10px;}
.fix-box a:hover  {color: #00546C;}
.steps-container  {border-bottom: 1px solid #ddd;padding: 0px 15px;background-color: #fff;z-index: 1;position: relative;display: flex;justify-content: left;align-items: left;}
.steps  {display: inline-block;padding: 14px 35px 14px 14px;position: relative;color: #BABABA;font-size: 14px;}
.horz-line  {width: 30px; height: 2px; background-color: #33ABBA; position: absolute; bottom: 29px;right: -8px;}
.horz-line-before {width: 30px;height: 2px;background-color: #BABABA;position: absolute;bottom: 29px;right: -8px;}
.steps-number  {width: 33px;height: 33px; text-align: center;line-height: 33px;border-radius: 50%;display: inline-block; background-color: #BABABA;color: #fff;font-family: "NewJuneSemibold", Arial, sans-serif;font-size: 14px;margin-right: 10px;}
.steps-container a:link, .steps-container a:visited  {color: #BABABA;}
.steps-container a:hover  {color: #0090a0;}
.steps-container a:hover > .steps-number, .steps-container a:hover > .horz-line  {background-color: #0090a0;}
.active > .steps-number, .active > .horz-line  {background-color: #33ABBA !important;}
.active-past > .steps-number, .active-past > .horz-line  {background-color: #79C48A !important;}
.active-past  {color: #79C48A !important;}
.steps .active  {color:#33ABBA !important;font-family: "NewJuneSemibold", Arial, sans-serif;}
.helpMe  {position: absolute; right: 15px; top: 16px;border: 1px solid #00546c !important;color: #00546c !important;}
.helpMe:hover  {background-color: #00546c !important;color: #fff !important;}
.getQuote  {position: absolute; right: 80px; top: 16px;}
.getQuote .btn  {border: 1px solid #00546c !important;color: #00546c !important;}
.getQuote .btn:hover  {background-color: #00546c !important;color: #fff !important;}
.getQuote .btn:focus {color: #fff !important;}
.getQuote .dropdown-menu  {z-index: 9;background-color: #fff;}
.getQuote .dropdown-item  {padding: 5px 8px;color: #262626!important;}
.getQuote .dropdown-item img  {width: 40px; margin-right: 10px;}
.section-spacing  {padding: 50px 30px 30px; z-index: 0; position: relative;}
.section-spacing-main {padding: 30px;position: relative;}
.backButton  {color: #00546c;font-size: 16px;}
.backButton:hover  {color:#0090a0;}
.modNew h2  {font-family: "NewJuneSemibold";color: #1a1a1a;margin-top: 10px;}
.policyBox  {width: 100%;height: 59px; background-image: url("../images/ETPA-renew_policy_banner.png");background-position: left center; background-repeat: no-repeat;background-color: #e5edf1;border-radius: 10px;padding: 5px 10px 6px 80px;margin:20px 0px;position: relative;}
.policyBox h4  {letter-spacing: normal;color: #1a1a1a;font-family: "NewJuneSemibold";margin: 0px 0px 0px 0px;font-size: 1.2em;}
.policyBox h5  {letter-spacing: normal;color: #1a1a1a;margin: 0px;font-size: 1.1em;}
.policyBox button  {border: 1px solid #00546c !important;color: #00546c !important;position: absolute;right: 11px;top:11px;font-weight: 600;}
.policyBox button:hover  {background-color: #00546c !important;color: #fff !important;}
.display-block  {display: block;}
.width-100  {width: 100% !important;}
.modNew label  {font-family: "NewJuneRegular";font-size: 14px;}
.tooltip-custom  {color: #0090a0 !important;cursor: pointer;}
.radioSP .btn-outline-primary  {border: 1px solid #ddd;color: #878787;}
.radioSP .btn-outline-primary:hover  {border: 1px solid #0090a0;color:#0090a0;}
.radioSP .btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {color: #fff;background-color: #0090a0;border-color: #0090a0;}
.spacing-01  {margin: 18px 0px 0px;}
.radioSP-01 .radio-custom  {border: 1px solid #ddd;padding: 15px;border-radius: 10px;margin-bottom: 15px;}
.radioSP-01 .radio-custom label::before  {left: 15px;display: none}
.radioSP-01 .radio-custom input[type="radio"]:checked + label::after  {left: 19px;background-color: #0090a0;display: none}
.radioSP-01 .radio-custom label  {margin-left: 10px;}
.radioSP-01 .radio-custom input[type="radio"]  {left: 15px;}
.radioSP-01 .radio-content  {margin: 0 0 0 10px;}
.dateP .input-group-text  {background-color: #fff;}
.dateP .input-group-text i  {color: #0090a0;}
.dateP .form-control  {border-right: 1;}
.spinnerP .spinner-up  {border-left:0;border-color: #ddd;background-color:#fff;color: #0090a0;}
.spinnerP .spinner-down  {border-right:0;border-color: #ddd;background-color:#fff;color: #0090a0;}
.spinnerP .spinner-input  {text-align: center;background-color:#fff;}
.spacing-2  {margin-top: 20px;}
.btn-submit {background-color: #00546c;border-color: #00546c #00546c #00546c;color: #FFF;width: 25%;}
.padding-60  {padding-left: 60px;padding-right: 60px;}
html .btn-submit:hover, html .btn-submit.hover {background-color: #0090a0;border-color: #0090a0 #0090a0 #0090a0;color: #FFF;}
.spcMargin  {padding-left: 250px;}
.abso  {position: absolute!important;left: 50px;}
.bg-green-top  {background-color: #e6f5f7;width: 100%;height: 300px;position:absolute;top:0;left:0;z-index: 0;}
.bg-green-top-1  {background-color: #e6f5f7;width: 100%;height: 250px;position:absolute;top:0;left:0;z-index: 0;}
.margin-custom-01  {/*margin-left: 20px;*/margin-top: 20px;margin-right: 20px;}
.spcOffset  {margin-top: -44px;}
.spcOffset table th  {background-color: transparent;}
.planBox  {background-color: #fff;border-radius: 10px;box-shadow: 0px 2px 12px 0px #00000014;position: relative;margin: 80px 15px 15px;}
.planBox .premPrice span {color: #1a1a1a;}
.planBox .premPrice h3 {color: #1a1a1a;}
.boxDetails  {padding: 30px 25px;text-align: left; letter-spacing: normal;height: 140px;}
.boxDetails p  {line-height: normal;font-weight: 400;margin:0;}
.boxDetails h4  {margin-top: 0;margin-bottom: 4px;letter-spacing: normal;font-family: 'NewJuneBold';color: #1a1a1a;}
.boxPrice  {padding: 15px;background-color: #e8e8e8;text-align: left;position: relative;}
.planSelect table tr th  {color: #777;vertical-align: middle;}
.planSelect table tr td  {color: #79c48a;font-family: 'NewJuneBold';font-size: 16px;padding-top: 20px;padding-bottom: 20px;}
.premPrice  {position: relative;display: flex;flex-direction: column;align-items:center;}
.premPrice h3  {margin:0;font-family: 'NewJuneBold';color:#00546c;margin-top: -4px;}
.premPrice span  {margin:0;font-weight: 400;font-size: 12px;color:#00546c;}
.priceRow  {display: flex;flex-direction: column;gap: 30px;flex-wrap: wrap;align-items: center; margin-bottom: 10px;align-items: center;justify-content: center;}
.recom-box  {background-color: #e47d4d;border-radius: 4px;position: absolute; left: 10px; top: -10px;color: #fff;padding: 0 15px;}
.planSelect .table tbody {border-top: 0px solid #DDD;}
.noBord {border-bottom: 0px;}
.calcBox  {background-color: #fff;border-radius: 10px;box-shadow: -1px 1px 5px 2px rgba(0,0,0,0.13);-webkit-box-shadow: -1px 1px 5px 2px rgba(0,0,0,0.13);-moz-box-shadow: -1px 1px 5px 2px rgba(0,0,0,0.13);position: relative;margin-top: 8px;}
.calcBox h4  {letter-spacing: normal;padding: 15px;font-family: 'NewJuneSemibold';color:#1a1a1a;margin:0;position:relative;}
.calcSumm  {padding: 15px;border-top: 1px solid #ddd;background-color: #e6f5f7;color:#00546c;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.calcSumm span:nth-child(1) {float: left;font-family: 'NewJuneSemibold';}
.calcSumm span:nth-child(2) {float: right;font-family: 'NewJuneBold';font-size:1.6em;}
.calcDetails  {padding: 10px;background-color: #e6f5f7;text-align: center;}
.calcDetails a:link, .calcDetails a:visited  {color:#00546c;font-family: 'NewJuneSemibold';}
.topMargin  {margin-top: 70px;}
.topMargin02  {margin-top: 20px;}
.dropdown-menu  {width: auto;padding: 10px;}
.dropdown-menu ul li  {text-align: center;}
.mobN .btn  {border-top-right-radius: 0;border-bottom-right-radius: 0;border-color: #dee2e6;}
.topMargin h3  {letter-spacing: normal;font-family: "NewJuneSemibold"; color: #1a1a1a;margin-top: 0;display: inline-block;}
.topMargin02 h3  {letter-spacing: normal;font-family: "NewJuneSemibold"; color: #1a1a1a;margin-top: 0;display: inline-block;}
.editLink  {float: right;color:#00546c;font-weight: 600;}
.editLink:hover  {color:#0090a0;}
.offset-01  {margin-top: -44px;}
/*datepicker styling*/
.voucherBox  {background-color: #fafafa;margin: 0 15px 15px 15px;padding: 10px;border: 1px solid #ddd;}
.voucherBox a:link, .voucherBox a:visited  {color: #777;}
.voucherBox a:hover  {color: #0090a0;}
.voucherBox i  {float: right;margin-top: 5px;color: #0090a0;}
.voucherBox:hover  {color: #0090a0;border-color: #0090a0;}
.prodBox  {background-color: #fafafa; border: 1px solid #dee2e6;border-radius: 6px;padding: 15px;}
.prodBox h4  {font-family: "NewJuneBold";margin-top: 0;margin-bottom:5px;font-size: 1.4em;letter-spacing: normal;}
.prodBox h5  {color: #c2c2c2;letter-spacing: normal;margin-top: 0;margin-bottom: 0px;text-transform: uppercase;font-size: 0.9em;}
.prodPrice  {text-align: right;}
.prodPrice h4  {font-size: 1.6em;margin-bottom: 0px;}
.prodPrice a:link, .prodPrice a:visited  {color: #00546c;font-weight: 600;}
.prodPrice a:hover  {color: #0090a0;}
.destBox  {background-color: #ffff; border: 1px solid #dee2e6;border-radius: 6px;padding: 0px;}
.destBox h4  {color: #525050;font-family: "NewJuneBold";margin-top: 0;margin-bottom:5px;font-size: 1.4em;letter-spacing: normal;}
.destBox h5  {color: #737272;letter-spacing: normal;margin-top: 0;margin-bottom: 0px;text-transform: uppercase;font-size: 0.9em;}
.destBoxHead  {margin: 15px;}
.boxSep  {display: block;width: 100%;height: 1px; background-color:#dee2e6; }
.destBoxBody  {padding:15px;background-color: #e9f4f7;}
.destDdateD {color: #525050;font-family: "NewJuneBold";margin-top: 5px;margin-bottom: 0;font-size: 1.4em;letter-spacing: normal;}
.destSeperator  {border-left: 1px solid #dee2e6;}
.destDdate  {text-transform: uppercase;color: #737272;font-size: 0.9em;}
.prodBox1  {background-color: #fafafa; border: 1px solid #dee2e6;border-radius: 6px;padding: 15px;}
.prodBox1 h5  {color: #737272;letter-spacing: normal;margin-top: 0;margin-bottom: 0px;font-size: 0.9em;}
.prodBox1 h4  {font-family: "NewJuneBold";margin-top: 0;margin-bottom:0px;font-size: 1.4em;letter-spacing: normal;}
.link-danger  {margin: 12px 12px;display: inline-block;font-weight: 600;}
.link-success  {margin: 12px 12px;display: inline-block;font-weight: 600;}
.prodBox2  {background-color: #fafafa; border: 1px solid #dee2e6;border-radius: 6px;padding: 15px;}
.prodBox2 h5  {color: #c2c2c2;letter-spacing: normal;margin-top: 0;margin-bottom: 0px;font-size: 0.9em;}
.prodBox2 h4  {font-family: "NewJuneBold";margin-top: 0;margin-bottom:0px;font-size: 1.2em;letter-spacing: normal;}
.topMargin02 p  {margin-bottom: 5px;}
.link-success-1  {margin: 0px;display: inline-block;font-weight: 600;color: #00546c;}
.link-success-1:hover  {color: #0090a0;}
.border-bottom-01  {height: 1px; background-color:#dee2e6;margin-bottom: 12px;}
.topMargin02 h4  {letter-spacing: normal;font-family: "NewJuneSemibold"; color: #1a1a1a;margin-top: 0;display: inline-block;padding-bottom: 15px;}
.link-success-2  {margin: 5px 0px 0px 0px;display: inline-block;font-weight: 600;color: #00546c;}
.link-success-2:hover  {color: #0090a0;}
.paymentBox  {margin-top: 70px;background-color: #fafafa; border: 1px solid #dee2e6; border-radius: 6px; padding: 0px;position: relative;}
.paymentHead  {padding: 0px 15px;background-color: #fff; border-top-left-radius: 6px;border-top-right-radius: 6px;height: 60px;line-height: 60px;}
.paymentHead i  {color: #0090a0;font-size: 26px;position: absolute;top: 17px;left: 60px;}
.paymentTitle  {padding-left:90px;font-weight: bold; font-size: 16px;}
.paymentBody  {padding: 15px;}
.bg-success-pg  {z-index: 0;position: absolute;left: 0;top:0;width: 500px;height: 500px;background-image: url("../images/yellow-grad.jpg"); background-position: left top; background-repeat: no-repeat;}
.bg-success2-pg  {position: absolute;right: 0;bottom:0;width: 500px;height: 500px;background-image: url("../images/blue-grad.jpg"); background-position: left top; background-repeat: no-repeat;}
.successBox  {margin-top: 12%;z-index: 1;position: relative;}
.btn-margin-01  {padding-left: 50px;padding-right: 50px;}
.btn-outline-success  {border-color: #00546c; color: #00546c;}
.btn-outline-success:hover  {background-color: #00546c;color: #fff;}
.btn-success  {border-color: #00546c; color: #fff;background-color: #00546c;}
.btn-success:hover  {background-color: #0090a0; color: #fff;border-color: #0090a0;}
h1, h2, h3, h4, h5, h6 {letter-spacing: normal;}
.box-contain  {width: 520px;}
.policyBox1  {width: 100%;height: 59px; background-image: url("../images/ETPA-renew_policy_banner-dl.png");background-position: left center; background-repeat: no-repeat;background-color: #e5edf1;border-radius: 10px;padding: 0px 10px 6px 60px;margin:20px 0px;position: relative;}
.policyBox1 h4  {letter-spacing: normal;color: #1a1a1a;font-family: "NewJuneSemibold";margin: 0px 0px 0px 0px;font-size: 1.0em;}
.policyBox1 h5  {letter-spacing: normal;color: #777;margin: 0px;font-size: 0.8em;line-height: normal;}
.policyBox1 button  {border: 1px solid #00546c !important;color: #00546c !important;position: absolute;right: 11px;top:11px;font-weight: 600;}
.policyBox1 button:hover  {background-color: #00546c !important;color: #fff !important;}
.btn-Gplay  {position: absolute;right: 130px; top: 14px;}
.btn-Apps  {position: absolute;right: 15px; top: 14px;}
.bg-grey  {background-color: #e5e5e5 !important;}
.width-25p  {width: 25%;}
.mobHidden  {display: none;}
.ageLabel  {text-align: center;color: #0090a0;}
.backButtonMob  {display: none;}
.option.active {border-color: #0090a0; background: #0090a0;color: #fff;cursor: pointer}
.sticky-wrapper {position: sticky;top: 20px;}
.sticky-wrapper .btn-submit {margin-top: 15px;}
.hideBenefit {display: none;}
.accordion-label {flex: 1;}
.arrow-only {width: 40px;background: transparent;box-shadow: none;}
.arrow-only::after {margin-left: 0;}
.arrow-only:not(.collapsed) {background: transparent;}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) {
  .parent-container {justify-content: center;align-items: center;height: 35vh;}
  .centered-element  {text-align: center;}
  .centered-element img  {width: 50%;}
  .stat-container {justify-content: center; align-items: center; height: 35vh;}
  .boxItem  {display: none}
  h3.vehInfo-title {font-size: 20px;padding-bottom: 8px;border-bottom: 1px solid #e8e8e8;margin-bottom: 8px}
  .text-style-01 {font-size: 18px;}
  .text-style-03 {text-align: left;margin-top: 10px;}
  .text-style-04 {text-align: left;margin-top:0}
  .btn-large {width: 97%;margin: 0px 5px;}
  .premiumBox {margin: 80px 5px 5px;}
  .pg-adj02 {padding: 80px 10px 10px 10px !important;}
  .infoRow {margin-bottom: 14px;}
  .premiumSep, .ad-sep1, .ad-sep  {display: none;}
  .ad-input-visible, .ad-input {margin-bottom: 14px}
  .ad-input-visible:last-child  {margin-bottom: 0;}
  .steps-number {width: 22px !important;height: 22px !important;line-height: 22px !important;}
  .plan-details {margin: 5px 15px 15px 15px;}
  .plan-color {background: linear-gradient(to bottom, #E6F5F6 235px, white 0px);}
  .plan-amount  {margin-bottom: 10px}
  .plan-title {font-size: 16px;}
  .getQuote {right: 80px;top: 11px !important;}
  .steps-container {display: flex;justify-content: left;padding-left: 30px;}
  .boxDetails p {font-size: 10px;}
  .planBoxSP .boxDetails {padding: 20px 8px;height: 140px;}
  .planBoxSP .boxPrice {padding: 8px;}
  .boxPrice .btn.btn-sm {font-size: 10px;}
  .boxDetails {padding: 20px 8px;height: 140px;}
  .boxPrice {padding: 8px;}
  .premPrice h3 {font-size: 15px;margin-top: -8px;}
  .premPrice span {font-size: 10px;}
  .premPrice {left: 8px; top: 0px;}
  .planBoxSP .premPrice span {font-size: 10px;}
  .planBoxSP .premPrice h3 {font-size: 15px;margin-top: -8px;}
  .choice-box {font-size: 0.70em;margin-top: 10px;}
  .abso {left: 15px;}
  .spcMargin {padding-left: 110px;}
  .steps-number {width: 20px;height: 20px;line-height: 20px;font-size: 10px;margin-right: 2px;}
  .steps a:link  {font-size: 10px;}
  .horz-line, .horz-line-before {width: 10px;bottom: 20px;right: 2px;}
  .steps {padding: 10px 20px 10px 0px;}
  .helpMe  {top: 7px}
  .margin-custom-01 {margin-left: 0px;margin-right: 0px;}
  .section-spacing {padding: 16px;}
  .bg-green-top-1 {height: 210px;}
  .topMargin {margin-top: 40px;}
  .offset-01 {margin-top: 10px;}
  .fix-box {position: relative;margin-top: 15px;margin-bottom: 15px;top: 0px;left: 0px;}
  .left-box {height: auto;margin-top: 100px;padding: 0;}
  .modNew  {margin-top: 0px;}
  .fix-box img {float: left;}
  .mobMove  {float: left;margin-left: 0px;}
  .mobMove1  {float: left;}
  .fix-box ul li {margin: 0 0 2px 0;}
  .fix-box ul  {margin-top: 10px;}
  .successBox {margin-top: 18%;}
  .box-contain {width: 100%;}
  .btn-margin-01 {padding-left: 30px;padding-right: 30px;}
  .btn-Gplay  {top: 5px;right: 10px;}
  .btn-Gplay img  {height: 20px;}
  .btn-Apps  {bottom: 7px;right: 10px; top: auto;}
  .btn-Apps img  {height: 20px;} 
  .logo-box {max-width: 150px !important; padding: 16px; top: 0; width: auto; z-index: 1000;  left: 20px;height: 80px;}
  .fix-box h4 {font-size: 1.1em;margin: 5px 0 5px;}
  .fix-box p {line-height: 18px;font-size: 0.90em;}
  .fix-box ul li {font-size: 0.80em;line-height: 20px;}
  .fix-box a:link, .fix-box a:visited {font-size: 0.70em;}
  .logo-box img  {height: 50px !important;}
}

@media (max-width: 767.98px) {
  .infoRow {margin-bottom: 14px;}
  .premiumSep, .ad-sep1, .ad-sep  {display: none;}
  .ad-input-visible, .ad-input {margin-bottom: 14px}
  .ad-input-visible:last-child  {margin-bottom: 0;}
  .logo-box img  {height: 50px !important;}
	.left-box  {padding: 0;}
	.fix-box {padding: 0}
	.logo-box {height: 80px;}
	.fix-box h4 {font-size: 20px;margin-bottom: 2px;font-weight: 400;}
	.fix-box p {line-height: 19px;font-size: 14px;}
	.fix-box ul li {font-size: 14px;line-height: 19px;}
	.fix-box a:link, .fix-box a:visited {font-size: 0.95em;}
	.steps-container {padding: 0px 0px 0px 30px;justify-content: left;}
  .hideText1, .hideText8   {display: none;}
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
  h3.vehInfo-title {font-size: 20px;padding-bottom: 8px;border-bottom: 1px solid #e8e8e8;margin-bottom: 8px}
  .text-style-01 {font-size: 16px;}
  .text-style-03 {text-align: left;margin-top: 10px;}
  .text-style-04 {text-align: left;margin-top:0}
  .infoRow {margin-bottom: 14px;}
  .premiumSep, .ad-sep1, .ad-sep  {display: none;}
  .ad-input-visible, .ad-input {margin-bottom: 14px}
  .ad-input-visible:last-child  {margin-bottom: 0;}
  .ad-sep  {display: none;}
  .ad-label  {display: none;}
  .show-mobile  {display: block;}
  .hide-mobile  {display: none}
  .premiumDig {font-size: 14px; width: 40%;}
  .plan-details-mob  {color: #00546C;font-size: 12px;}
  .plan-amount1  {color: #1a1a1a;font-size: 16px; font-family: "NewJuneMedium";}
  .mob-hide  {display: none}
  .position-fixed-02-mob  {display: block;width: 100%;padding: 10px;bottom: 0;background-color: #fff;box-shadow: 0px -4px 16px 1px #0000001F;}
  .btn-outline-primary  {padding: 5px;font-size: 14px;font-family: "NewJuneSemibold";font-weight: 400;}
  .add-recommend-1, .add-recommend {left: 13px;}
  .addonRow {padding: 10px 14px;}
  .addonTitle span {font-size: 14px;}
  .addonIcon  {display: none;}
  .plan-color {background: linear-gradient(to bottom, #E6F5F6 210px, white 0px);}
  .recPlan  {left:5px;letter-spacing: 0;}
  .btn-contact {margin-top: 10px;}
  .position-fixed-02 {padding: 10px;}
  .border-top  {display: block; border-top:1px solid #E8E8E8;}
  .plan-details {font-size: 14px; margin: 15px 15px 0px 15px;padding: 19px 0 4px;}
  .newDiv {margin: 15px 0px;}
  .plan-amount {font-size: 16px;margin-bottom: 0px;}
  .planTop {height: auto;}
  .plan-subtitle, .plan-info {display: none}
  .plan-title  {font-size: 14px;}
  .planBox {margin: 15px 5px;}
  .horz-line-before {display: none;}
  .pg-adj03 {padding: 0px 15px 0px 10px !important;}
  .step-Mob  {display: block;}
  .mobstep  {display: block;}
  .mobIcon  {color: #00546c;font-size: 20px;margin-top: 8px;}
  .pg-adj02 {padding: 100px 10px 10px 10px !important;}
  .itemSep  {padding-bottom:10px; }
  .boxItem {display: none;}
  h5.pageTitle {font-size: 12px;}
  h3.vehInfo-title {font-size: 16px;}
  .btn-contact, .btn-browse  {width: 100%;}
  .error-tit-2 {font-size: 20px;}
  .btn-submit {width: 100%;}
  .planBoxSP .btn-submit {width: 100%;}
  .ms-custom-01 {margin-left: 0px;}
  .btn-renew {width: 100%}
  .renewalBox {height: auto;padding:0px 14px;}
  .renewalBox .img-01  {display: none;}
  .section-spacing-main {padding: 40px 13px;position: relative;}
  .renewalBox .img-02  {display: block;width: 80px;position: absolute; right:0;top: 0;}
  .backButton-mobile  {display: block;color:#00546C;font-size: 12px;font-family: "NewJuneSemibold";}
  .backButton  {display: none}
  .helpMobile  {display: block; position: absolute;right: 15px;top: 25px}
  .helpMobile a:link, .helpMobile a:visited  {color: #00546C; font-size: 14px;cursor: pointer;font-family: "NewJuneSemibold";}
  .logo-box  {z-index: 0 !important;}
  .getQuote {right: 85px;top: 10px !important;}
  .helpMe  {position: absolute;top:10px;right:10px;}
  .header-mob .btn  {float: right;margin-right: 0px;}
  .helpMeOther  {position: absolute;top:0;right:0;left:0;}
  .header-mob  {display: block;padding: 10px;position: relative;background-color: #fff;}
  .header-hidden-mob  {display: none;}
  .left-box-color {flex: none;display: block;max-width: 100%;}
  .right-box-color {flex: none;display: block;max-width: 100%;border-top: 1px solid #E8E8E8;}
  .mobHidden .accordion  {margin-top: 10px;}
  .mobHidden .accordion .card-header a  {color: #777;}
   html .mobHidden .card-primary .card-header {background: #fff;border: 1px solid #ccc;border-radius: 10px;}
  .planBoxSP .boxDetails {height: 140px;}
  .boxDetails {height: 140px;}
  .boxDetails p {font-size: 14px;}
  .mobHidden  {display: inline-block;}
  .spcOffset {margin-top: 0px;}
  .planSelect, .Lmore  {display: none;}/*hide plan table*/
  .minusM {margin-top: 20px;}
  .logo-box img {height: 50px;margin-top: 0px;}
  .abso {left: 15px;}
  .spcMargin {padding-left: 110px;}
  .steps-number {width: 30px;height: 30px;line-height: 30px;font-size: 13px;margin-right: 3px;}
  .steps a:link  {font-size: 10px;}
  .horz-line {display: none;}
  .calcBox {margin-bottom: 20px;}
  .steps {padding: 4px;}
  .margin-custom-01 {margin-left: 0px;margin-right: 0px;}
  .section-spacing {padding: 10px 16px 30px 16px;}
  .bg-green-top-1 {height: 230px;}
  .topMargin {margin-top: 40px;}
  .offset-01 {margin-top: 10px;}
  div.scrollmenu {overflow: auto;white-space: nowrap;width: 160px;}
  .modNew h2 {font-size: 20px;line-height: normal;margin-top: 22px;}
  .logo-box  {position: absolute;left: 15px;height: 70px;padding: 10px;}
  .fix-box {position: relative;margin-top: 15px;margin-bottom: 40px;top: 0px;left: 0px;width: 100%;max-width: 100%;}
  .left-box {height: auto;margin-top: 85px;}
  .steps-container {padding-left: 5px;background-color: transparent;border-bottom: 0px;margin-top: 0px;position: inherit;}
  .hideText  {display: none;}
  .modNew  {margin-top: 0px;}
  .fix-box img {float: left;width: 100%;}
  .mobMove  {float: left;margin-left: 0px;}
  .mobMove1  {float: left;}
  .fix-box ul li {margin: 0 0 2px 0;}
  .fix-box ul  {margin-top: 10px;}
  .policyBox {height: auto;}
  .policyBox button  {position: relative;right: 0;top: 0;}
  .destSeperator {border-left: 0px;}
  .mobMar-01  {margin-bottom: 15px;}
  .prodPrice {text-align: left !important;margin-top: 10px;}
  .successBox {margin-top: 32%;}
  .resizeMob  {width: 200px;}
  .text-special-center  {text-align: center;}
  .box-contain {width: 100%;margin-top:20px;}
  .btn-margin-01 {padding-left: 5px; padding-right: 5px;}
  .btn-Gplay  {top: 5px;right: 10px;}
  .btn-Gplay img  {height: 20px;}
  .btn-Apps  {bottom: 7px;right: 10px; top: auto;}
  .btn-Apps img  {height: 20px;}
  .bg-success2-pg {width: 200px;height: 200px;}
  .backButtonMob  {display: block;color: #00546c;}
  /*.backButton  {display: none;}*/
}

@media (min-width: 375px) and (max-width: 480px) {
    .parent-container {justify-content: left;align-items: flex-start;height: 350px;}
  .centered-element  {text-align: left;margin-top: 100px;margin-left: 20px;}
  .centered-element img  {width: 55%;}
  .stat-container {justify-content: center; align-items: center; height: auto;padding: 0px 20px}
  .app-container {width: 100%;}
  .stat-app {height: 120px; padding: 8px 20px 16px 90px;}
  .ios-icon {top: 63%;right: 47%; width: 27%}
  .andr-icon {top: 63%; right: 16%; width: 27%}
}

@media (min-width: 320px) and (max-width: 375px) {
    .parent-container {justify-content: left;align-items: flex-start;height: 60vh;}
  .centered-element  {text-align: left;margin-top: 100px;margin-left: 20px;}
  .centered-element img  {width: 55%;}
  .stat-container {justify-content: center; align-items: center; height: 40vh;padding: 0px 20px}
  .app-container {width: 100%;}
  .stat-app {height: 120px; padding: 8px 20px 16px 90px;}
  .ios-icon {top: 63%;right: 49%;}
  .andr-icon {top: 63%; right: 18%;}
}

@media (min-width: 1200px) {
  .logo-box img {height: 70px;}
}
@media only screen and (min-width: 768px) {
  
  html.fixed .content-body {margin-left: 0px !important;}
}