@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 }

.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: inline-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  {}
.nxtBox .btn  {width: 100%; margin-top: 10px;}
.travBox  {}
.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;}
.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 !important;height: 100vh;}
body {color: #777; font-family: "NewJuneRegular", Arial, sans-serif;}

.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-color: #e6f5f7;}
.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: 10px;}
.fix-box h4  {font-family: "NewJuneSemibold", Arial, sans-serif; letter-spacing: normal;color: #1a1a1a;font-size: 1.6em;}
.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: 16px;padding: 0 0 0 20px;margin: 0 0 7px 0;font-size: 1.09em;}
.fix-box a:link, .fix-box a:visited  {font-weight: 600; color:#0096a9;margin-top: 10px;}
.fix-box a:hover  {color: #005864;}
.steps-container  {border-bottom: 1px solid #ddd;padding: 0px 15px;background-color: #fff;z-index: 1;position: relative;display: flex;justify-content: center;align-items: center;}
.steps  {display: inline-block;padding: 14px 35px 14px 14px;position: relative;color: #b9b9b9;}
.horz-line  {width: 30px; height: 0.100rem; background-color: #b9b9b9; position: absolute; bottom: 29px;right: 0;}
.steps-number  {width: 33px;height: 33px; text-align: center;line-height: 33px;border-radius: 50%;display: inline-block; background-color: #b9b9b9;color: #fff;font-weight: 600;font-size: 14px;margin-right: 10px;}
.steps-container a:link, .steps-container a:visited  {color: #b9b9b9;}
.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: #0090a0 !important;}
.steps .active  {color:#0090a0 !important;}
.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;}
.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%;}
.modNew label  {font-family: "NewJuneSemibold";}
.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;}
.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;-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;}
.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: 767px) and (max-width: 1194px) {
  .getQuote {right: 80px;top: 11px !important;}
  .steps-container {display: flex;justify-content: left;padding-left: 120px;}
  .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 {width: 10px;bottom: 24px;}
  .steps {padding: 14px 14px 14px 4px;}
  .helpMe  {top: 11px}
  .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: 50px;}
  .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 {}
  .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) {
    .logo-box img  {height: 50px !important;}
	.left-box  {padding: 0;}
	.fix-box {padding: 0}
	.logo-box {height: 80px;}
	.fix-box h4 {font-size: 1.1em;margin-bottom: 2px;}
	.fix-box p {line-height: 18px;font-size: 0.95em;}
	.fix-box ul li {font-size: 0.9em;line-height: 18px;}
	.fix-box a:link, .fix-box a:visited {font-size: 0.95em;}
	.steps-container {padding: 0px 0px 0px 120px;justify-content: left;}
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
  .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%;}
  .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: 10px;margin-right: 2px;}
  .steps a:link  {font-size: 10px;}
  .horz-line {width: 10px;bottom: 28px;}
  .calcBox {margin-bottom: 20px;}
  .steps {padding: 14px 14px 14px 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: 1.7em;line-height: normal;}
  .logo-box  {position: absolute;left: 30px;height: 70px;padding: 10px;}
  .fix-box {position: relative;margin-top: 15px;margin-bottom: 15px;top: 0px;left: 0px;width: 100%;max-width: 100%;}
  .left-box {height: auto;margin-top: 100px;}
  .steps-container {padding-left: 25px;background-color: transparent;border-bottom: 0px;margin-top: 90px;position: inherit;}
  .hideText  {display: none;}
  .modNew  {margin-top: 0px;}
  .fix-box img {float: left;}
  .mobMove  {float: left;margin-left: 15px;}
  .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: 1200px) {
  .logo-box img {height: 70px;}
}
@media only screen and (min-width: 768px) {
  
  html.fixed .content-body {margin-left: 0px !important;}
}