*,*::before,*::after {box-sizing: border-box;}
html { font-family: 'Roboto', sans-serif; height: 100%; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
footer,header,main,section { display: block;}
body { margin: 0; font-family: 'Roboto', sans-serif; font-size: 1rem; font-weight: 400; counter-reset: section; line-height: 1.5; color: #212529; text-align: left; background-color: #f0f0f0;}
main,body,.app-wrapper,.main-wrapper,.section-main{ float: left; width: 100%;}
button { font-family: 'Roboto', sans-serif; font-size: 1rem; cursor: pointer;}
/* Common Style */
header { background: #e40000; height: 90px; width: 100%; padding: 0 15px; display: table; font-size: 1rem; color: #fff; letter-spacing: 0.5px;}
header img { margin: 19px 15px 0 0; float: left;}
.top-categories { padding: 12px 0 12px 15px; font-size: 1rem;}
.over-flow-1 { overflow-y: scroll; max-height: 380px;}
.help-n-sup { margin-top: -30px !important; border-radius: 5px; background: #fafafa !important;}
.help-n-sup h1 { margin: 0; padding: 0; font-size: 1rem;}
.help-n-sup p { width: 75%; padding-bottom: 15px; font-size: 0.8125rem; color: #707070;}
.help-n-sup img { position: absolute; right: 0; top: 0; width: 100%; height: 100%; max-width: 74px;}
@media (max-width: 320px) {  .help-n-sup img{ max-width: 86px;}
.tab-two{ line-height: 2 !important;}}
.fs-1 { font-size: 1rem !important;}
.p-0 { padding: 0 !important;}
.fw-600 { font-weight: 600 !important;}
.main-wrapper { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; float: left;}
.section-main { width: 100%; position: relative; background: #fff; padding: 15px; margin-top: 15px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);}
.mt-0 { margin-top: 0 !important;}
.mt-5 { margin-top: 5px !important;}
.mt-10 { margin-top: 10px !important;}
.mt-15 {margin-top: 15px !important;}
.mt-20 { margin-top: 20px !important;}
.mb-10 { margin-bottom: 10px !important;}
.mb-15 { margin-bottom: 15px !important;}
.pt-0 { padding-top: 0 !important;}
.pb-0 { padding-bottom: 0 !important;}
.pb-10 { padding-bottom: 10px !important;}
.pt-5 { padding-top: 5px !important;}
.pt-10 { padding-top: 10px !important;}
.pt-15 { padding-top: 15px !important;}
.pb-15 { padding-bottom: 15px !important;}
.pb-50 { padding-bottom: 50px !important;}
.height-55 { height: 55px !important;}
.text-center{ text-align: center !important;}

/* Accrodian */
.accrodian { position: relative; width: 100%; float: left; background: #fff; border-bottom: 1px solid #e6e6e6; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);}
.tab { position: relative; margin-bottom: 1px; width: 100%; color: #fff; overflow: hidden;}
.tab input { position: absolute; opacity: 0; z-index: -1;}
.tab label { position: relative; display: flex; align-items: center; padding: 0 50px 0 16px; font-weight: bold; line-height: 3; cursor: pointer; color: #333333; font-size: 0.875rem; margin: 5px 0 0 0;}
.tab-content { max-height: 0; overflow: hidden; padding: 0 17px 0px; -webkit-transition: max-height 0.55s; -o-transition: max-height 0.55s; transition: max-height 0.55s;}
.tab-content p { line-height: 24px; font-size: 0.875rem; color: #707070;}
.tab input:checked ~ .tab-content { max-height: 100vh; -webkit-transition: 1s; -o-transition: 1s; transition: 1s; transition-delay: 0.1s;}
.tab label::after { position: absolute; content: ' '; top: 17px; right: 20px; z-index: 1;}
.tab input[type='checkbox']:checked + label::before { transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.tab label::before { position: absolute; content: ''; border: solid #707070; border-width: 0 2px 2px 0; display: inline-block; padding: 3px;
 right: 25px; z-index: 1; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.btm-info { width: 100%; float: left; font-size: 0.875rem;}
.btm-info p { text-align: center; color: #000; font-weight: 500;}
.btm-info span { color: #1693e6; padding-left: 5px;}
.phone-icon{ background: url(../images/phone.svg) no-repeat 4px 13px; padding: 10px;}
.tnc ul { padding: 0;}
.tnc li {font-size: 0.875rem; color: #707070; text-align: justify; padding: 0 25px 0 0; margin: 0 0 10px 33px; line-height: 25px;}
.benefit-label ,.para{ font-size: 0.875rem; color: #707070; padding: 0 18px 0;}
.benefit-label {font-weight: 600; display: block;}
.benefit-label::before {counter-increment: section; content: "" counter(section) ") ";}