@font-face {
    font-family: 'Gotham Pro';
    src: url('GothamPro.eot');
    src: url('GothamPro.eot?#iefix') format('embedded-opentype'),
        url('GothamPro.woff2') format('woff2'),
        url('GothamPro.woff') format('woff'),
        url('GothamPro.svg#GothamPro') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Pro';
    src: url('GothamPro-Light.eot');
    src: url('GothamPro-Light.eot?#iefix') format('embedded-opentype'),
        url('GothamPro-Light.woff2') format('woff2'),
        url('GothamPro-Light.woff') format('woff'),
        url('GothamPro-Light.svg#GothamPro-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Pro';
    src: url('GothamPro-Bold.eot');
    src: url('GothamPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('GothamPro-Bold.woff2') format('woff2'),
        url('GothamPro-Bold.woff') format('woff'),
        url('GothamPro-Bold.svg#GothamPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Pro';
    src: url('GothamPro-Medium.eot');
    src: url('GothamPro-Medium.eot?#iefix') format('embedded-opentype'),
        url('GothamPro-Medium.woff2') format('woff2'),
        url('GothamPro-Medium.woff') format('woff'),
        url('GothamPro-Medium.svg#GothamPro-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


*{ font-family: 'Gotham Pro'; font-weight:normal ; padding:0; margin:0;box-sizing: border-box; text-decoration:none; font-size:14px; color:#000; line-height:20px}
body{ background:#fff;}
a{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
html {
  scroll-behavior: smooth;
}

.outerContainer{ max-width:1440px; width:100%; padding:0 0px; margin:0 auto}

.header{ padding:16px 0px; margin-bottom:0px}
.header img{ height:40px; padding-left:40px}
.bannerContainer{align-items: flex-start; display: flex; gap: 32px; justify-content: space-between; width: 100%;}

.leftBannerContainer{align-items: flex-start; display: flex; gap: 32px; justify-content: space-between; margin-top: 0px; width: 100%; position:relative}

.leftBannerContainer{flex-basis: 70%; flex-shrink: 2;  position: relative; width:100%}
.rightBannerContainer{flex-basis: 45%; flex-direction: column;  flex-shrink: 1; justify-content: space-between;  width: 100%;}

.leftBannerBox{ width:100%}

.orangeBg{ position:absolute; top:69%; width:100%}
.oragneBox{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; padding:70px 40px 40px; display:flex;align-items: center}

.bannerTxt p{ color:#fff}

.bannerTxt .txt{ padding:6px 0}
.bannerTxt .txtt{ padding:6px 0; margin:12px 0;line-height: 26px; }

h1{color: #fff;
  font-family: "Gotham Pro";
  font-size: 34px;
  font-style: normal;
  line-height: normal;
  margin-bottom: 6px; font-weight: 500;}

.bannerTxt{ max-width:400px}

.orangeBg span{ color:#6C210E; font-size:18px; font-weight:500}

.orangeBgImg{ width:100%}
.bannerImg{ width:calc(100% - 36px)}

.tabsBox{ display:flex; position:absolute; top:0; bottom:0; right:0; z-index:1}
.tabsInner{ display:flex; align-self: center; flex-direction: column; grid-gap: 12px;}

.tabs { background:#ffefe4; border-radius:8px; padding:8px 60px; width:246px; color:#221f20; font-weight: 500; line-height:15px !important; min-height:64px; align-content: center; cursor:pointer}

.tab1{ background-image:url(../images/icon1.svg),url(../images/arrow.svg); background-repeat:no-repeat,no-repeat; background-position:16px center, calc(100% - 16px) center}
.tab2{ background-image:url(../images/icon2.svg),url(../images/arrow.svg); background-repeat:no-repeat,no-repeat; background-position:16px center, calc(100% - 16px) center}
.tab3, .tab4{ background-image:url(../images/icon3.svg),url(../images/arrow.svg); background-repeat:no-repeat,no-repeat; background-position:16px center, calc(100% - 16px) center}


.onl-basic-details-container {
  display: flex;
  flex-basis: 45%;
  flex-direction: column;
  flex-shrink: 1;

  justify-content: space-between;
  width: 100%;
  z-index: 11;
}
.onl-basic-details-container .bd-stepper {
  display: flex;
  font-size: 14px;
  font-weight: bold; font-family:'Gotham Pro';
  justify-content: space-between;
}
.onl-basic-details-container .bd-stepper > div {
  align-items: center;
  display: flex;
  gap: 8px;
}
.onl-basic-details-container .bd-stepper > div:first-child .bd-stepper__number {
  background-color: #ffefe4;
  border: none;
}
.onl-basic-details-container .bd-stepper__number {
  align-items: center;
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 50%;
  color: #f26e10;
  display: flex;
  height: 32px; min-width:32px;
  justify-content: center;
  text-align: center;
  width: 32px;
}

.bd-stepper span{ font-weight:bold}

.formContainer{ display:flex; flex-direction: column;}
.formBox{ display:flex; grid-gap:10px 16px; flex-wrap: wrap;}
.formBox div{ width:calc(50% - 8px); font-size:12px; line-height:26px; margin-top:7px; position:relative}
.formBox div.mobileFix{ position:absolute; z-index:2; top:25px; left:12px; font-weight:500; width:22px; font-size: 14px;}
#mobileNumberId{ padding-left:37px !important;}

.formBox input[type="text"], .formBox input[type="date"], .formBox input[type="tel"], .formBox input[type="email"], .formBox select{ width:100%; border:1px solid #b3b0b1; border-radius:8px; padding:8px 12px; min-height:39px; font-weight:500}

input::placeholder{ font-weight:normal}

.mandatoryTxt{ color:red; font-size:10px}

#genderfield{width:100%; border:1px solid #b3b0b1; border-radius:8px; padding: 2px 2px 1px 2px; min-height: 43px;}

#genderfield input[type="radio"]{ opacity:0; width:1px; height:1px}
#genderfield label span{ padding:15px 10px 1px 10px; font-size:12px; color:#000; float:left; text-align:center; width:100%}
#genderfield label{ display: block; margin:0px 0 0 0;float:left; width:33.3%; cursor:pointer}

#genderfield .maleIcon{ background: url(../images/male.png) center 4px no-repeat; background-size:12px;}
#genderfield .maleIcon input[type="radio"]:checked + span{ background:#00427e url(../images/male-active.png) center 4px no-repeat; background-size:12px; color:#fff; border-radius:8px}

#genderfield .femaleIcon{ background: url(../images/female.png) center 4px no-repeat; background-size:12px;}
#genderfield .femaleIcon input[type="radio"]:checked + span{ background:#00427e url(../images/female-active.png) center 4px no-repeat; background-size:12px; color:#fff; border-radius:8px}

#genderfield .otherIcon{ background: url(../images/other.png) center 4px no-repeat; background-size:12px;}
#genderfield .otherIcon input[type="radio"]:checked + span{ background:#00427e url(../images/other-active.png) center 4px no-repeat; background-size:12px; color:#fff; border-radius:8px}

.mandatory{ color:red}

.basicDetails{ padding:10px 0; border-bottom:1px solid #999999; margin:45px 0 30px 0}
.agreeBox{ width:100% !important; line-height:20px !important;display: flex;  align-items: start; padding:20px 0}
.agreeBox input{ margin-right:10px; margin-top:4px}

.formBox div input[type="Submit"]{ color:#fff; font-size:16px; background:#00427e; padding:12px; text-align:center; width:100%; border-radius:30px; border:0; cursor:pointer}

.formBox div .productBrochure{ color:#000; font-size:16px; font-weight:500; background:#fff url(../images/download.svg) no-repeat 10px center;  padding:12px 12px 12px 40px; text-align:center; width:100%; border-radius:30px; border:1px solid #b3b0b1; cursor:pointer}

.fullwidth{ width:100% !important}

a:link, a:visited{ color:#00427e; text-decoration:underline; font-size:12px}

.closeBtn{ float:right; width: 15px; margin:-5px -25px 0 auto; cursor:pointer}
.popOuterBox{ position:fixed; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,0.7); z-index:12; display:none }
.innerPopBox{ width:100%; max-width:386px; padding:40px 40px; background-color: #ffefe4;  border-radius: 16px; display:flex; margin:0 auto; flex-direction: column;}
.innerPopContainer{   margin: 0;  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#boxPop1{ background:#ffefe4;}
#boxPop2{ background:#ffefe4; }
#boxPop3, #boxPop4{ background:#ffefe4;}
.popHeading{ font-weight:600; padding-bottom:5px; font-size:16px}
#boxPop1, #boxPop2, #boxPop3, #boxPop4{ display:none}

.steps{ display:flex; grid-gap:18px}
.stepsH{ font-size:12px; font-weight:400}
.stepsS{font-size: 20px; padding:10px 0 20px 0; font-weight:400}
.stepsTxt{font-size: 14px;}
.stepsBg{ border-radius:8px; width:100%; background:#ffefe4; padding:24px}
.stepsBg img{ margin:12px 0 12px 0}

h2{font-size: 32px; font-weight:500; padding:0 0 30px 0; line-height: 25px;}

.containerSpacing{ margin:70px auto; max-width:1368px; padding:0 0px}

.tooltip {
  position: relative;
  display: inline-block; float:right; text-align:right;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 280px;
  background-color: #1c2945;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  margin-bottom:7px;
  bottom: 100%;
  right: 50%; line-height:16px;
  margin-right: -200px; padding:10px; font-size:12px;
  
  /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
  opacity: 0;
  transition: opacity 1s;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #1c2945 transparent transparent transparent;
}


.tabBoxes{ display:flex; grid-gap:16px; max-width:1026px}

.tabBoxes div:nth-child(1){ background:#ffefe4; padding:24px 16px; border-radius:8px}
.tabBoxes div:nth-child(2){ background:#ffd0af; padding:24px 16px; border-radius:8px}
.tabBoxes div:nth-child(3){ background:#ffb17e; padding:24px 16px; border-radius:8px}

.tabBoxes div p.tabBoxesH{ font-size:20px; font-weight:500; padding:15px 0; color:#000}
.tabBoxes div p{ color:#aa3800}
.tabBoxes div img{ padding-top:5px}
.tabBoxes div { width:100%}

.tabHeader,.tabHeader li{ list-style:none; display:inline-block; padding-bottom:5px}
.tabHeader li{ font-size:18px; margin-right:24px; cursor:pointer}
.tabHeader{ margin-bottom:24px}
.tabContentImg{ margin:24px auto; display:block}

.tabactive{ color:#f26e10; border-bottom:2px solid #f26e10}

.tabContentt{ display:none}
.tabContent1.tabContentt{ display:block}

.whyChoose{ display:flex; grid-gap:24px}
.whyChoose div{ width:100%; background-color:#edf4fd; padding:40px 16px; border-radius:24px; align-content: center;}

.chooseBox p:nth-child(1){ font-size:24px; padding-bottom:5px; font-weight:500; line-height:normal}
.chooseBox p:nth-child(2){ font-size:14px}
.whyChoose .chooseBox{ padding-left:70px;}

.choose1{ background:url(../images/choose1.svg) no-repeat 20px center #edf4fd}
.choose2{ background:url(../images/choose2.svg) no-repeat 20px center #edf4fd}
.choose3{ background:url(../images/choose3.svg) no-repeat 20px center #edf4fd}
.choose4{ background:url(../images/choose4.svg) no-repeat 20px center #edf4fd}

.claimBox{display:flex; grid-gap:24px}
.claimContainer{ border:1px solid #b3b0b1; border-radius:16px; padding:24px; width:100%}
.claimContainer p:nth-child(1){ font-size:24px; font-weight:500; padding-bottom:10px}
.claimContainer p:nth-child(2){}
.claim1{ background:url(../images/claim1.svg) no-repeat 20px 20px #fff; padding-top:80px}
.claim2{ background:url(../images/claim2.svg) no-repeat 20px 20px #fff; padding-top:80px}
.claim3{ background:url(../images/claim3.svg) no-repeat 20px 20px #fff; padding-top:80px}

.planOptionsBox{display:flex; grid-gap:32px; }
.planOptions{ padding:24px; border:1px solid #b3b0b1; border-radius:16px; width:100%}
.planOptions ul, .planOptions ul li{ list-style:none;}
.planOptions img{ width:100%}
.optionHeading{ font-size:15px; font-weight:500; padding:16px 0 16px 0}
.planOptionsBox .planOptions ul li img{ width:auto}
.planOptions ul li { display:flex; grid-gap:8px; margin-bottom:12px}
.hideList{ display:none !important}
.showList{ display:flex !important}

.helpTxt .accordion:nth-child(1){ border-top:0}

.optionReadMoree, .optionReadMore{ cursor:pointer; color:#19417a; font-weight:500; text-decoration:underline}
.accordion {
  cursor: pointer;
  padding: 20px 16px 20px 0;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
   border-top:1px solid #ccc;
  transition: 0.4s; 
}

.accordion.active {
  background: url(../images/less.svg) no-repeat right center !important;
}

.panel {
  padding: 0 0 18px 0;
  display: none;
  background-color: white;
  overflow: hidden;
}
.panel p, .panel{ color:#221f20; font-size:16px; line-height:24px}
.tabLeft{ width:33%}
.tabRight{ width:67%}
.weHelp{ width:100%; display:flex}
.tabLeft ul li{ list-style:none; border-left:2px solid #c7e0f8; padding:18px 24px; font-weight:400; font-size:20px; cursor:pointer}
.tabLeft ul li.activeHelp{ border-color:#f26e10}
.accordion{ color:#19417A; font-size:18px; font-weight:400;background:url(../images/more.svg) no-repeat right center !important;}
.panel p, .panel ul li{ padding:5px 0;}
.helpBox2,.helpBox3,.helpBox4, .disclaimerHide{ display:none}
.disTxt{ font-size:18px; font-weight:500; padding:16px; cursor:pointer;}
.disTxt img{ width:20px; vertical-align:middle}
.disTxtBox{ border:1px solid #b3b0b1; padding:16px; border-radius:24px}
.disclaimerHide p{ padding:5px 0}

.disTxt.showDis{ background:url(../images/less.svg) right center no-repeat;}
.disTxt{ background:url(../images/more.svg) right center no-repeat;}

.beware{ padding:16px; width:100%; padding:24px 40px; background:#edf4fd}
.beware p{ max-width:100%; margin:0 auto; color:#19417a}

.stepsBg p{ color:#000}

.panel ul li{ list-style:disc; margin-left: 15px; padding-left: 0px; font-size:16px; line-height:24px}

p b{ font-weight:600}
.panel td{ padding:5px}

input:focus{ outline:none; border:0}

.hideMobile, .no-js .owl-carousel.hideMobile{ display:block}
.showMobile, .no-js .owl-carousel.showMobile, .owl-carousel.owl-loaded.showMobile,
.no-js .owl-carousel.showMobile, .owl-carousel.owl-loaded.showMobile

{ display:none}

@media screen and (max-width:1400px) {
.rightBannerContainer { padding-right:20px}
.bd-stepper span { font-weight: bold; font-size: 12px; line-height: normal; }
.containerSpacing{ padding:0 50px}
}


@media screen and (max-width:760px) {
.rightBannerContainer { padding-right:20px}
.bd-stepper span { font-weight: bold; font-size: 12px; line-height: normal; }
.containerSpacing{ padding:0 16px}
.stepsBg{ padding:16px}
.stepsS{font-size:14px}
.stepsTxt{ font-size:10px; line-height:14px}
.stepsBg img{ padding:0 0 5px 0; margin:0; height:35px}
.tooltip{ float:none}
.steps {
  display: flex;
  grid-gap: 16px;
  flex-wrap:wrap;
}
.stepsBg {width:calc(50% - 8px);}
.whyChoose { grid-gap: 16px;  flex-wrap: wrap;}
.whyChoose div { width: calc(50% - 8px);}
.chooseBox p:nth-child(1){ font-size:14px}
.chooseBox p:nth-child(2){ font-size:10px}
.whyChoose .chooseBox{ padding:60px 16px 16px 16px; background-size: auto 30px; border-radius: 16px;}

.choose1{ background:url(../images/choose1.svg) no-repeat 20px 20px #edf4fd}
.choose2{ background:url(../images/choose2.svg) no-repeat 20px 20px #edf4fd}
.choose3{ background:url(../images/choose3.svg) no-repeat 20px 20px #edf4fd}
.choose4{ background:url(../images/choose4.svg) no-repeat 20px 20px #edf4fd}

.leftBannerContainer, .rightBannerContainer { flex-basis:100%}
.leftBannerContainer{flex-shrink:0}
.bannerContainer{flex-direction: column;}
.orangeBg,.oragneBox{ position:relative}
.rightBannerContainer{ padding:0 16px}


.mobileBanner{ margin:15px auto; width:100%; padding:0}
.mobileBannerImage{ width:100%}
.mobileOrangeBg{ background:#F26E10; border-radius:16px; padding:50px 25px; width:calc(100% - 32px); margin:16px}
.rightBannerContainer{ padding:0}
.bd-stepper, .formContainer { padding:0 16px}
.formBox div{ width:100%}
.formBox div.btn{ width:45%; display:inline-block}
.formBox div.btn input{ font-size:14px}
.tooltip{ width:20px !important}
.basicDetails{ margin:16px 0}

h1{ font-size:23px}
p.txt{ font-size:11px; color:#fff}
p.txtt{font-size:11px; color:#fff; padding-top:16px}
p.txt span, p.txtt span{ font-size:11px}
.bd-stepper span{ font-size:11px}
.onl-basic-details-container .bd-stepper > div { align-items: center; display: flex; gap: 8px; width:100%; flex-direction: column;  text-align: center; } 
.onl-basic-details-container .bd-stepper > div:nth-child(2) .bd-stepper__text,
.onl-basic-details-container .bd-stepper > div:nth-child(3) .bd-stepper__text,
.onl-basic-details-container .bd-stepper > div:nth-child(4) .bd-stepper__text{ display:none}

.tabsBoxx{ position:relative}
.tabsInnerr{flex-direction: row;}
.tabsBoxx{ padding:0 16px}
.tabs{ margin:0 auto; width:100%; font-size:11px; padding:8px 40px}
.tab1, .tab2, .tab3 ,.tab4{background-position: 10px center, calc(100% - 10px) center;  background-size: 20px;}

.tabOuter{width: 100%; overflow-x: auto;}
.tabOuter .tabHeader, .tabOuter .tabContent{ width:1000px; overflow-x:auto}
h2{ font-size:20px}
.item .claimContainer, .planOptions{ width:calc(100% - 2px)}
.planOptions{ padding:12px}
.planOptions ul li img{ width:auto}

.weHelp {  flex-direction: column;}
.tabLeft, .tabRight{ width:100%}
.tabLeft{overflow-x: auto;}
.tabLeft ul{width: 650px;  padding-bottom: 10px;}

.tabLeft ul li{ display:inline-block; border:1px solid #19417A; border-radius:100px; padding:12px; font-size:14px; margin-right:5px}
.tabLeft ul li.activeHelp {
  border-color: #19417A; background:#19417A; color:#fff;
}
.accordion{ font-size:16px}
.panel p, .panel, .panel ul li{ font-size:14px}

.header img{ width:100%; max-width:310px; height:auto; padding:10px}
.header{ padding:0}
.onl-basic-details-container .bd-stepper > div{ position:relative}
.onl-basic-details-container .bd-stepper > div::after {
    background-color: #d8d8d8;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    top: 30%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    z-index: -1;
  }
.onl-basic-details-container .bd-stepper > div:nth-child(4)::after{ display:none}

.tooltip .tooltiptext{margin-right: -130px; width:250px}
.tabBoxes div p{ font-size:12px}
.tabHeader li{ font-size:16px}

.hideMobile{ display:none}
.showMobile{ display:block}

}
@media screen and (max-width:600px) {
.innerPopContainer{width: calc(100% - 40px);  max-width: 340px;}
}

@media screen and (max-width:420px) {
  .formBox div.btn input {
    font-size: 12px;
    text-wrap: wrap;
    line-height: normal;
  }
  .formBox div .productBrochure{background-size: 20px; padding:12px 0px 12px 25px}
}