/* Fonts style starts */
@font-face {
  font-family: 'Inter-Black';
  src: url('../fonts/Inter-Black/Inter-Black.otf');
  src: url('../fonts/Inter-Black/Inter-Black.woff2') format('woff2'),
       url('../fonts/Inter-Black/Inter-Black.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Inter-SemiBold';
  src: url('../fonts/Inter-Bold/Inter-Bold.otf');
  src: url('../fonts/Inter-Bold/Inter-Bold.woff2') format('woff2'),
       url('../fonts/Inter-Bold/Inter-Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Inter-Regular';
  src: url('../fonts/Inter-Regular/Inter-Regular.otf');
  src: url('../fonts/Inter-Regular/Inter-Regular.woff2') format('woff2'),
       url('../fonts/Inter-Regular/Inter-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Inter-Medium';
  src: url('../fonts/Inter-Medium/Inter-Medium.otf');
  src: url('../fonts/Inter-Medium/Inter-Medium.woff2') format('woff2'),
       url('../fonts/Inter-Medium/Inter-Medium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Inter-Light';
  src: url('../fonts/Inter-Light/Inter-Light.otf');
  src: url('../fonts/Inter-Light/Inter-Light.woff2') format('woff2'),
       url('../fonts/Inter-Light/Inter-Light.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/materialicons/MaterialIcons-Regular.eot");
  src: url("../fonts/materialicons/MaterialIcons-Regular.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/materialicons/materialicon.woff2") format("woff2"),
    url("../fonts/materialicons/MaterialIcons-Regular.woff") format("woff"),
    url("../fonts/materialicons/MaterialIcons-Regular.ttf") format("truetype");
}
/* Fonts style ends */

.p0{
  padding: 0 !important;
}

/* The sidebar menu */
.sidebar {
  height: 100%; /* 100% Full-height */
  width: 280px;
  position: fixed; /* Stay in place */
  z-index: 3; /* Stay on top */
  top: 0;
  right: -280px;
  padding-top: 91px;
  background-color: #107591;
  overflow-x: hidden; /* Disable horizontal scroll */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidebar */
}

/* The sidebar links */
.sidebar a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-family: "Inter-Medium";
  font-size: 20px;
  line-height: 24px;
  color: #ffffff;
  display: block;
}

/* When you mouse over the navigation links, change their color */
.sidebar a:hover {
  background-color: #056b88;
}
/* .sidebar a.closebtn:hover {
  background-color: none; 
} */

/* Position and style the close button (top right corner) */
.sidebar .closebtn {
  right: 0;
  font-size: 36px;
  margin-right: 0px;
  display: block;
  text-align: right;
  position: absolute;
  padding: 5px;
}
.closebtn {
  padding: 0;
  margin: 0px 12px 0 0;
  height: 30px;
  width: 30px;
  top: 20px;
  right: 20px !important;
}
.closebtn svg {
  float: left;
  width: 20px;
}
/* The button used to open the sidebar */
.openbtn {
  position: relative;
  cursor: pointer;
  border: none;
  margin-right: 30px;
  background: none;
  z-index: 1;
  float: right;
  margin-top: 6px;
  padding: 0;
}

.openbtn img {
  width: 37px;
}

.openbtn:focus {
  outline: none;
}

.expertPopupWrap {
  width: 100%;
}

.expertTopWrap {
  width: 100%;
  height: 40px;
  padding: 12px;
}

.expertTopWrap .close {
  opacity: 1;
  outline: none;
}

.close img {
  width: 24px;
}
.expertForm form {
  display: flex;
  font-family: "Inter-Medium";
  font-size: 16px;
  line-height: 24px;
}
.expertImg {
  font-family: "Inter-Medium";
  font-size: 14px;
  line-height: 24px;
}
.expertImg img {
  width: 70px;
  height: 70px;
  display: block;
  float: left;
  border: solid 1px #e3e4e8;
  border-radius: 50%;
}
.expertImg .expertTxt {
  position: relative;
  padding: 10px 14px;
  font-family: "Inter-Regular";
  display: block;
  padding-left: 86px;
  width: 100%;
}
.expertImg .expertTxt.sendQuotesPopupWrap span {
  font-family: "Inter-SemiBold";
}
.expertEditWrap {
  font-family: "Inter-Medium";
  font-size: 12px;
  line-height: 18px;
  color: #107591;
  position: absolute;
  top: -16px;
  right: 56px;
  cursor: pointer;
}
.expertEditWrap svg {
  float: left;
  margin: 3px 2px 0 0;
}
.sendQuoteMobError,
.sendQuoteEmailError {
  position: relative !important;
  font-size: 12px;
  float: left;
  margin: 2px 0 !important;
  line-height: 16px;
  color: #d43d3d;
  width: 100%;
}
.sendQuoteInputWrap input {
  display: inline-block;
  width: 124px;
  position: relative;
}
.sendQuoteInputEmail {
  width: 190px !important;
}
#sendQuotes input {
  border-bottom: solid 1px #e3e4e8;
  border-width: 0 0 1px;
  border-radius: 0;
  box-shadow: none;
  color: #333;
  font-size: 16px;
  padding: 0;
}
#sendQuotes .fieldError {
  position: absolute;
  font-size: 12px;
}
.expertImg span.fnamePop {
  padding: 0;
}
.expertForm {
  margin: 41px 0 48px 0;
}
.sendQuoteBtn {
  text-align: center;
  margin: 22px 0 30px 0;
}
.sendQuoteUnderLine {
  text-decoration: underline;
}
.expertForm form .float-label {
  margin-bottom: 0;
  width: 80%;
  margin-right: 2%;
}
.expertForm button {
  width: 120px;
  height: 60px;
  border-radius: 4px;
  border: solid 1px #e3e4e8;
  background-color: #dcdde0;
  color: #969799;
  font-family: 'Inter-SemiBold';
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
}
.expertFooter {
  text-align: center;
  color: #333;
  font-family: "Inter-Regular";
  font-size: 14px;
  font-weight: 500;
  background-color: #f1f2f6;
  height: 74px;
  line-height: 20px;
  padding: 25px 0;
}
/* custom classes starts */
html {
  max-width: 100%;
  overflow-x: hidden;
  height: 100%;
}
body {
  position: relative;
  font-family: "Inter-Regular";
  color: #333;
  padding-bottom: 80px;
  min-height: 110%;
  margin: 0 auto -50px;
}
header {
  z-index: 1;
  background-color: #f1f2f6;
  border-bottom: solid 0.5px #E3E4E8;
}
/* Bootstrap to 8PT conversion starts */
.container {
  padding-right: 15px;
  padding-left: 15px;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  padding-right: 16px;
  padding-left: 16px;
}
/* Bootstrap to 8PT conversion ends */
/* scrollbar width */
body::-webkit-scrollbar {
  width: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
/* .row{
  text-align: center;
} */
.modal-dialog {
  margin: 48px auto!important;
  width: 640px;
}
.modelWrap,
.sendQuotesModelWrap {
  width: 468px;
  margin: 0 auto;
}
#datepicker {
  word-spacing: -3px;
}
.workIdToolTip + .popover {
  width: 275px;
  height: 150px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #1c1c1c;
  line-height: 18px;
  font-family: "Inter-Regular";
  font-size: 14px;
  color: #e3e4e8;
  border-radius: 0;
  padding: 16px 12px;
  top: -104px !important;
  margin-left: 11px !important;
}
.workIdToolTip + .popover.right > .arrow {
  top: 90% !important;
}
.popover.right > .arrow:after {
  border-right-color: #1c1c1c;
}
.popover.top > .arrow:after {
  border-top-color: #1c1c1c;
}
.workIdToolTip + .popover.my-popover {
  margin-top: -20px;
}
.popover-title {
  background-color: #1c1c1c;
  font-family: "Inter-SemiBold";
  padding: 0 8px 6px 8px;
}
.popover-content {
  padding: 12px 8px;
}
.inputFieldCust {
  width: 320px;
  float: left;
  margin-bottom: 24px; /* 32px */
}
.inputFieldCust:first-child {
  margin-right: 22px;
}
.genderFieldCust {
  width: 152px;
  display: inline-block;
  margin: 0 6px;
  text-align: left;
  outline: none;
}
.genderFieldCust:hover > .ratioButton {
  background-color: #107591;
  fill: #fff;
  /* -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1); */
}
.genderFieldCust:hover .radioTxt,
.radioCheckedColor:hover .radioTxt,
.radioCheckedColor .radioTxt,
.radioCheckedColor svg,
.radioCheckedColor .smokingTxt,
.radioCheckedColor .termTxt {
  /* -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1); */
  color: #fff;
  fill: #fff;
}
/* :checked+label{ 
  border: solid 1px red;
} */
.radioCheckedColor {
  background-color: #107591 !important;
  border: solid 1px #107591;
}
.customWrap {
  width: 695px;
  margin: 0 auto;
  display: table;
}
.genderFieldCust .ratioButton {
  height: 60px;
  font-size: 18px;
  font-family: "Inter-Regular";
  /* color: rgba(0, 0, 0, 0.6); */
}
.inputFieldCust .form-group {
  margin: 0;
}
.radioCust {
  position: relative;
  /* top: -10px; */
}
.form-control:active,
.form-control:focus {
  border-radius: 4px;
  border-color: #107591;
  box-shadow: none;
  background-color: rgba(246, 246, 246, 0.2);
}
.ratioButton.form-control:focus {
  /* .ratioButton.form-control:active */
  border: solid 1px #107591;
}
.bs-searchbox .form-control:active,
.bs-searchbox .form-control:focus {
  border-radius: 4px;
  border: solid 1px #e3e4e8;
  box-shadow: none;
  background-color: #f1f2f6;
}
.navbar {
  /* margin: 0 auto;
  width: 1110px; */
  height: 88px;
  position: relative;
  padding: 18px 0;
  margin: 0;
}
.navbar .logoLink {
  z-index: 2;
  position: relative;
}
.mainLogo {
  float: left;
  margin-left: 40px;
  width: 160px;
  margin-top: 0;
  height: 54px;
}
.callBtn {
  display: none;
  position: absolute;
  height: 38px;
  right: 60px;
  z-index: 2;
  border: none;
  background-color: #DCDDE0;
  border-radius: 50%;
  padding: 6px 6px 1px 6px;
}
.callBtn svg {
  width: 24px;
}
.callBtn span {
  font-family: "Inter-Medium";
  position: absolute;
  bottom: -24px;
  font-size: 14px;
  left: -22px;
  width: 91px;
  color: #333;
  line-height: 24px;
}
.talkExpert {
  background-color: #edeced;
  border: solid 1px #e3e4e8;
  padding: 11px 10px;
  border-radius: 4px;
  z-index: 2;
  width: 161px;
  height: 48px;
  font-size: 16px;
  color: #333;
  float: right;
  margin-right: 24px;
  position: relative;
}
.talkExpert:focus,
.expertForm button:focus,
button {
  outline: none;
}
.talkExpert svg {
  float: left;
  width: 27px;
  height: 24px;
  margin-right: 6px;
}
.quoteTalkExpert {
  background: none;
  border: solid 1px #e3e4e8;
  padding: 8px 12px;
  border-radius: 4px;
  z-index: 2;
  /* width: 162px; */
  height: 54px;
  font-family: "Inter-Regular";
  font-size: 16px;
  line-height: 20px;
  color: #333;
  float: right;
  margin-top: -2px;
  margin-right: 20px;
  position: relative;
}
.quoteTalkExpert:focus,
.quoteExpert:focus {
  outline: none;
}
.quoteTalkExpert svg {
  float: left;
  width: 22px;
  height: 22px;
  margin-right: 6px;
}
.quoteTalkExpertSvg {
  margin-right: 0 !important;
}
.quoteExpert {
  background-color: #edeced;
  border: solid 1px #e3e4e8;
  padding: 8px;
  border-radius: 4px;
  z-index: 1;
  width: 138px;
  height: 47px;
  font-family: "Inter-Regular";
  font-size: 16px;
  line-height: 20px;
  color: #333;
  float: right;
  margin-top: -14px;
  position: relative;
}
.quoteExpert svg {
  float: left;
  width: 18px;
  height: 18px;
  margin-top: 2px;
  margin-right: 6px;
}
.stepper-mainHeader {
  width: 100%;
  font-family: "Inter-Medium";
  font-size: 34px;
  font-weight: 500;
  margin-bottom: 0;
  text-align: center;
  color: #333;
  line-height: 28px;
  margin-top: 16px;
}

.stepper-subHeader,
.stepper-subHeader2,
.stepper-subHeader3,
.stepper-subHeader4 {
  font-family: "Inter-Regular";
  color: #333;
  font-size: 20px;
  font-weight: normal;
  margin: 8px 0 24px 0;
  padding: 0 30px;
  text-align: center;
  line-height: 24px;
}
.stepper-subHeader2 {
  margin-top: 12px;
  margin-bottom: 12px;
}
.stepper-subHeader3 {
  margin-top: 12px;
  margin-bottom: 12px;
  line-height: 20px;
}
.stepper-boldHeader {
  font-family: "Inter-SemiBold";
  color: #333;
  /* margin-bottom: 50px;
  margin-top: 15px; */
  font-size: 28px;
  font-weight: normal;
  margin: 0 0 8px 0;
  padding: 0 30px;
  text-align: center;
  line-height: 28px;
}

.stepper-lightHeader {
  font-family: "Inter-Regular";
  color: rgba(0, 0, 0, 0.6);
  /* margin-bottom: 50px;
  margin-top: 15px; */
  font-size: 18px;
  font-weight: normal;
  margin: 0 0 6px 0;
  padding: 0 30px;
  text-align: center;
  line-height: 28px;
}
.smokingWrap {
  width: 380px;
  margin: 0 auto;
  padding-top: 26px;
}
.smokingWrap .smokingInput:first-child {
  margin-right: 16px;
}
.smokingInput {
  float: left;
  text-align: center;
  padding: 20px 10px 50px 10px !important;
  width: 181px;
  height: 163px !important;
  border-radius: 4px;
  border: solid 2px #e3e4e8;
  background-color: rgba(246, 246, 246, 0.1);
}

.smokingImgYes,
.smokingImgNo {
  padding-bottom: 10px;
  margin: 0 auto;
  display: block;
  width: 45px;
}

.termPolicyWrap .smokingImgYes {
  min-height: 70px;
  padding-bottom: 0px;
}

.smokingInput .checkmark {
  top: auto;
  left: calc(50% - 9px);
  /* Firefox */
  left: -moz-calc(50% - 9px);
  /* WebKit */
  left: -webkit-calc(50% - 9px);
  margin-top: 13px;
}

.smokingTxt {
  display: block;
  font-size: 28px;
  line-height: 24px;
  font-family: "Inter-Regular";
}
.termPolicyWrap {
  width: 764px;
  margin: 0 auto;
  padding-top: 26px;
}
.termTxt {
  display: flex;
  font-size: 20px;
  line-height: 24px;
  min-height: 60px;
  /* padding-top: 6px; */
  vertical-align: middle;
  justify-content: center;
  align-items: center;
}

.minHeightRadio {
  min-height: 154px;
  width: 246px;
  float: left;
  height: 222px !important;
  padding-top: 36px !important;
  padding-bottom: 24px !important;
  margin-right: 12px;
  border: solid 1px #e3e4e8 !important;
}

.minHeightRadio:last-child {
  margin-right: 0;
}

.laxIconWrap {
  position: relative;
  text-align: center;
  width: 116px;
  margin: 0 auto;
}

.laxIcon {
  width: 114px;
  border: solid 2px #e3e4e8;
  border-radius: 50%;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
}

footer {
  min-height: 64px;
  border-top: solid 1px #e3e4e8;
  background-color: #f1f2f6;
  position: absolute;
  width: 100%;
  bottom: 0;
  padding: 21px 30px;
  font-size: 14px;
}
.footerWrap {
  /* width: 1110px;
  margin: 0 auto; */
  padding-right: 15px;
  padding-left: 15px;
}
.footerInline {
  /* display: inline; */
  float: left;
  width: 40%;
  font-family: "Inter-Regular";
}
.footerInline:first-child {
  width: 30%;
}
.footerInline:last-child {
  width: 30%;
}
.footerBold {
  float: left;
  color: #808080;
  width: 66.66666667%;
}
.footerCopy {
  float: left;
  width: 33.33333333%;
}
.footerBold span {
  font-family: 'Inter-Medium';
}
.footerBold,
.footerCopy {
  padding: 0;
}
.workIdToolTip {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 18px;
  right: 12px;
}
.mobReviewTotal{
  display: none;
}
.proceedNext {
  position: relative;
  width: 224px;
  height: 54px;
  border-radius: 4px;
  border: solid 1px #e3e4e8;
  background-color: #DCDDE0;
  color: #969799;
  font-family: "Inter-Medium";
  font-size: 20px;
  font-weight: 500;
  outline: none;
  border: none;
  margin: 0 auto;
  cursor: default;
}
/* .proceedNext:hover{
  background-color: #ff4d07
} */
#proceedNextSaveBtn {
  display: none;
}
.activeBtn {
  background-color: #f2581b !important;
  color: #ffffff!important;
  border: none !important;
  cursor: pointer;
}
.proceedNext div {
  width: 116px;
  position: relative;
  margin: 0 auto;
  height: 28px;
}
.proceedNext span {
  float: left;
}
.proceedNext svg {
  width: 32px;
  transition: 0.5s;
  position: absolute;
  right: 0;
  top: -2px;
}
.proceedNext:hover svg {
  right: -8px;
}
.customWrapProceed {
  width: 100%;
  float: left;
  text-align: center;
  margin-top: 8px;
}
.backBtn button {
  position: absolute;
  left: 40px;
  top: 136px;
  border: none;
  background: none;
  color: #7a7d80;
  font-size: 16px;
  font-family: "Inter-Medium";
}
.backBtn button svg {
  width: 20px;
  height: 20px;
  float: left;
  margin-top: 1px;
}
.loader {
  display: none;
  width: 100%;
  text-align: center;
  position: fixed;
  margin: 0 auto;
  z-index: 99999;
  top: 0;
  bottom: 0;
  height: 100%;
  left: 0;
  background: rgba(255, 255, 255, 0.9);
}
.loader img {
  width: 60px;
  position: absolute;
  z-index: 99;
  top: 50%;
  left: 49%;
}

/* .backBtn button img{
  width: 19px;
} */
.formBkBtn {
  border: none;
  background: none;
  color: #808080;
  font-size: 14px;
  font-family: "Inter-Regular";
  margin-top: 18px;
  margin-left: 40px;
  display: block;
  position: absolute;
  text-transform: uppercase;
}
.formBkBtn svg {
  width: 15px;
  height: 15px;
  float: left;
  margin-top: 3px;
}
.stepCounterWrap {
  display: block;
  position: absolute;
  top: 136px;
  right: 40px;
  color: #808080;
}
.has-error,
.requiredField,
.minField,
.minExpertField,
.emailErrorField,
.genderField,
.ageField {
  color: #d43d3d;
  font-family: "Inter-Regular" !important;
}
.has-error .form-control,
.has-error .form-control:focus,
.has-error .dropdown-toggle {
  box-shadow: none !important;
  border-color: #d43d3d !important;
  border-width: 2px !important;
}
.bs-searchbox .form-control,
.bs-searchbox .form-control:focus {
  border-color: #e3e4e8 !important;
}
.requiredField {
  display: none;
}
.minField {
  display: none;
}
.minExpertField {
  display: none;
}
.emailErrorField {
  display: none;
}
.invalidFnameError {
  display: none;
}
.genderField {
  display: none;
  padding-left: 6px;
  text-align: left;
  position: absolute;
  margin-top: 4px;
}
.ageField,
.emailErrorField,
.minField,
.errorExpertAdvice,
.fieldError {
  position: relative; /* absolute */
  margin-top: 4px;
  display: block;
}
.ageField {
  display: none;
}
.errorClass {
  display: block;
  position: absolute;
  margin-top: 4px;
}

.progress {
  background-color: #fff;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 95px;
  overflow: visible;
  height: 4px;
  box-shadow: none;
}
.progressTxt {
  margin-left: -120px;
  color: #8d9194;
  font-size: 16px;
  font-family: "Inter-Medium";
  bottom: -10px;
  position: relative;
}
.progress-bar {
  box-shadow: none;
}
.progress-bar-warning {
  background-color: #ffe157;
}
#prevBtn {
  outline: none;
}
.nextIcon {
  display: none;
  width: 40px;
  position: absolute;
  right: 30px;
  top: 136px;
  cursor: pointer;
}
.nextIcon svg {
  display: block;
}
.continueIcon {
  display: none;
  position: absolute;
  right: 36px;
  top: 127px;
  cursor: pointer;
  background-color: #ffffff;
  font-family: "Inter-Medium";
  font-size: 16px;
  color: #f2581b;
  line-height: 20px;
  width: 124px;
  height: 40px;
  border-radius: 4px;
  border: solid 1px #f2581b;
}
.continueIcon:focus {
  outline: none;
}
.continueIcon div {
  width: 110px;
  margin: 2px 0 0 6px;
}
.continueIcon span {
  float: left;
  margin: 0;
}
.continueIcon svg {
  width: 17px;
  margin-top: 2px;
}
/* custom styles ends */

/* radio button custom class stars */
/* Customize the label (the container) */
.ratioButton {
  display: block;
  position: relative;
  padding-top: 15px;
  padding-left: 44px;
  margin-bottom: 0;
  height: 44px;
  cursor: pointer;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 100;
  box-shadow: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ratioButton.smokingInput:hover {
  background-color: #107591;
  border: solid 2px #107591;
  color: #fff;
}
.checked {
  background-color: #107591 !important;
  border: none !important;
}
.checked .smokingTxt,
.checked .smokingImgNo,
.checked .smokingImgYes,
.checked .termTxt {
  /* -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1); */
  fill: #fff;
}
.ratioButton.smokingInput:hover > .smokingImgYes,
.ratioButton.smokingInput:hover > text,
.ratioButton.smokingInput:hover > .smokingImgNo,
.ratioButton.smokingInput:hover > .smokingTxt,
.ratioButton.smokingInput:hover > .termTxt {
  /* -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1); */
  fill: #fff;
}
/* Hide the browser's default radio button */
.ratioButton input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 18px;
  left: 15px;
  height: 22px;
  width: 22px;
  border: solid 2px #e3e4e8;
  border-radius: 50%;
  bottom: 24px;
}

/* On mouse-over, add a grey background color */
.ratioButton:hover input ~ .checkmark {
  background-color: #fbfbfb;
}

/* When the radio button is checked, add a blue background */
.ratioButton input:checked ~ .checkmark {
  background-color: #ffffff;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.ratioButton input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.ratioButton .checkmark:after {
  top: 4px;
  left: 4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #107591;
}
/* radio button custom class ends */

/* floating input Starts  */
.float-label {
  margin: 0;
  padding: 0;
  border: 0;
  /* margin-bottom: 30px;
  height: 3.5em; */
  box-sizing: border-box;
  box-shadow: none;
  position: relative;
}
.float-label label {
  z-index: 0;
  width: 100%;
  height: 0;
  left: 0px;
  top: 0px;
  position: absolute;
  top: 17px;
  left: 20px;
  font-weight: 500;
  color: #333;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  font-size: 18px;
  font-family: "Inter-Regular";
  pointer-events: none;
}
.float-label input {
  z-index: 1;
  height: 60px;
  border: solid 1px #e3e4e8;
  font-size: 18px;
  font-family: "Inter-Regular";
  color: #333;
  box-shadow: none;
}
.capitalize {
  text-transform: capitalize;
}
.uppercase {
  text-transform: uppercase;
}
.float-label input:valid,
.float-label input:focus {
  padding: 20px 8px 5px 20px;
}
.float-label input:focus {
  background: #ffffff;
  box-shadow: none !important;
}
.float-label input:valid + label,
.float-label input:focus + label {
  font-family: "Inter-Regular";
  color: #107591;
  font-size: 12px;
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}
.float-label input:valid + label .dobSubTitle,
.float-label input:focus + label .dobSubTitle {
  font-size: 10px;
}
/* floating input Ends */

/* Style the input fields */
input {
  padding: 10px;
  width: 100%;
  font-size: 17px;
  border: 1px solid #aaaaaa;
}

/* Mark input boxes that gets an error on validation: */
input.invalid {
  background-color: #ffdddd;
}

/* selectbox style starts */
.selectIncome {
  position: relative;
  width: 320px;
  height: 60px;
  border-radius: 4px;
  margin: 26px auto 60px;
}
.selectIncome .bootstrap-select {
  text-align: center;
  width: 100% !important;
  font-family: "Inter-SemiBold";
  margin: 0 auto;
  /* Appearance: none will hide the default arrow */
  appearance: none;
  /* Best to include the browser prefix for cross-browser compatibility */
  -webkit-appearance: none;
  -moz-appearance: none;
}
.selectIncome > .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  line-height: 48px;
}
.filterMenuSelectWrap
  > .bootstrap-select
  .dropdown-toggle
  .filter-option-inner-inner {
  line-height: 30px;
  padding: 0 12px;
  width: 100%;
  font-size: 16px;
  /* text-overflow: ellipsis; */
}
.nomineeGetsMainFilter {
  width: 260px !important;
}
.nomineeLumsumOff
  .filterMenuSelectWrap
  > .bootstrap-select
  .dropdown-toggle
  .filter-option-inner-inner {
  width: 100%;
}
.selectIncome .bs-caret {
  display: none;
}
.selectIncome .bootstrap-select .dropdown-menu {
  padding: 0;
  margin: 0;
}
.selectIncome .bootstrap-select .dropdown-menu li a {
  padding: 15px 20px;
  font-size: 16px;
  line-height: 23px;
  color: #333;
  /* font-family: 'Inter-Medium'; */
  outline: none;
}
.filterMenuWrap .selectIncome .bootstrap-select .dropdown-menu li a {
  padding: 8px 14px;
}
.bs-actionsbox,
.bs-donebutton,
.bs-searchbox {
  padding: 4px 6px;
}
.selectIncome > .btn-default.active,
.btn-default:active,
.selectIncome > .open > .dropdown-toggle.btn-default {
  background-color: #fff;
}
.filterMenuWrap .selectIncome > .open > .dropdown-toggle.btn-default {
  border: solid 2px #107591 !important;
  padding: 8px 0 !important;
  height: 48px !important;
  font-family: "Inter-SemiBold" !important;
  /* position: absolute; */
  left: 0;
  top: 0;
  z-index: 1;
}
.filterMenuSelectWrap .rotateDropArrow {
  right: 10px !important;
  top: 16px !important;
}
.selectIncome > .bootstrap-select .dropdown-toggle:focus {
  outline: none !important;
}
/* .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu{
  top: 56px;
} */
.dropdown .dropdown-menu > .active > a {
  background-color: #107591;
  color: #fff !important;
}
.selectIncome > .open > .dropdown-toggle.btn-default {
  -webkit-appearance: none;
  color: rgba(0, 0, 0, 0.6);
  border: solid 2px #107591;
}
.selectIncome .bootstrap-select .dropdown-menu.inner {
  max-height: 156px;
}
.dropArrow {
  display: block;
  background: url(../img/arrow_selectBox.png) no-repeat;
  background-position: 0;
  background-size: 24px;
  position: absolute;
  right: 16px;
  top: 22px;
  width: 24px;
  height: 18px;
  pointer-events: none;
}
.filterMenuSelectWrap .dropArrow {
  right: 6px;
  top: 8px;
  background-size: 16px;
  width: 16px;
  filter: invert(32%) sepia(22%) hue-rotate(163deg) saturate(4275%)
    brightness(76%) contrast(60%);
  z-index: 1;
}
.filterMainSelectWrap .dropArrow {
  right: 0;
  top: 2px;
  background: url(../img/arrow_down_slate4.svg) no-repeat;
  background-size: 20px;
  width: 20px;
}
.rotateDropArrow {
  animation-name: rotateDropArrow;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}
@keyframes rotateDropArrow {
  0% {
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
  }
}
.filterMenuSelectWrap > .bootstrap-select > .dropdown-toggle {
  border: none !important;
  padding: 0 !important;
  font-family: "Inter-Medium" !important;
  font-size: 18px !important;
  line-height: 23px !important;
  color: #107591 !important;
  height: 30px !important;
}
.filterMainSelectWrap > .bootstrap-select > .dropdown-toggle {
  border: none !important;
  padding: 0 !important;
  font-family: "Inter-Medium" !important;
  font-size: 14px !important;
  line-height: 20px !important;
  color: #333 !important;
  height: 24px !important;
}
.selectIncome > .bootstrap-select > .dropdown-toggle {
  width: 100%;
  padding: 5px 20px;
  font-size: 18px;
  font-family: "Inter-Regular";
  line-height: 1;
  border: solid 1px #e3e4e8;
  border-radius: 5px;
  background-color: #fff;
  height: 60px;
  -webkit-appearance: none;
  color: #333;
  box-shadow: none;
}
.selectIncome > .bootstrap-select > .dropdown-toggle:hover {
  -webkit-appearance: none;
  background-size: 20px;
}
.bs-searchbox > input {
  background: url(../img/search.png) no-repeat rgba(221, 222, 223, 0.6);
  background-position: right 14px top 50%, 0 0;
  color: #333;
  background-size: 19px;
  font-family: "Inter-Regular";
  font-size: 18px;
  height: 44px;
  border-radius: 4px;
  padding-right: 40px;
}
.selectIncome > .form-control:active,
.selectIncome > .form-control:focus {
  height: 44px;
  border-radius: 4px;
  border: 1px solid #e3e4e8;
  box-shadow: none;
}
.selectIncome .bootstrap-select .dropdown-menu.open {
  border: solid 2px #107591;
  /* max-height: 217px!important;
  min-height: 216px!important;
  top: 56px; */
}
.lifeEligibilityFormClass .selectIncome .bootstrap-select .dropdown-menu.open {
  min-height: auto !important;
}
.lifeEligibilityFormPhyText{
  display: none;
  float: left;
  width: 100%;
  font-family: "Inter-Regular";
  font-size: 14px;
  line-height: 17px;
  color: #d43d3d;
  text-align: center;
  padding: 10px 0;
  border: dashed 1px #d43d3d;
  margin: 14px 0 22px;
}
/* .filterMenuSelectWrap .bootstrap-select .dropdown-menu.open{
  max-height: auto!important;
  min-height: 43px!important;
  padding: 0;
} */
.filterMainSelectWrap .bootstrap-select .dropdown-menu li a {
  padding: 8px 24px 8px 14px;
}
/* .filterMenuSelectWrap .bootstrap-select .dropdown-menu.open{
  top: 32px;
} */
.filterMenuSelectWrap .bs-searchbox > input {
  height: 40px;
}
.bootstrap-select .dropdown-menu li a {
  font-family: "Inter-Regular";
}
.filterMainSelectWrap .bootstrap-select .dropdown-menu.open {
  /* top: 30px; */
  max-width: 218px;
  left: -106px;
  min-height: auto !important;
  padding: 0;
}
.subFilterContainer .bootstrap-select .dropdown-menu.open {
  min-width: 218px;
}
.sortFilterWidth .bootstrap-select .dropdown-menu.open {
  left: -67px;
}
/* .bootstrap-select .dropdown-menu{
  max-width: 100%;
} */
/* selectbox style ends */

/* Hide all steps by default: */
.tab {
  display: none;
}

/* Make circles that indicate the steps of the form: */
.step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbbbbb;
  border: none;
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
}

/* Mark the active step: */
.step.active {
  opacity: 1;
}

/* Mark the steps that are finished and valid: */
.step.finish {
  background-color: #4caf50;
}

.termsCondition {
  font-size: 14px;
  margin-top: 8px;
  font-family: "Inter-Regular";
  color: #333;
}
.termsCondition a {
  color: #333;
  text-decoration: none;
}
.footerCopy {
  text-align: right;
  font-family: 'Inter-Regular';
  font-size: 12px;
  color: #808080;
  margin-top: 4px;
}
.callMeSubmitWrap,
.sendQuotesSubmitWrap {
  display: none;
  /* text-align: center; */
  margin-top: -28px;
}
.sendQuotesSubmitWrap {
  margin-bottom: 40px;
}
.callMeText {
  width: 340px;
  margin: 7px auto 37px;
  text-align: center;
  font-family: "Inter-Regular";
  font-size: 16px;
  color: #333;
}

/* spinner starts */
.spinner {
  margin: auto 0;
  width: 70px;
  text-align: center;
  height: 200px;
  padding-top: 0px;
  position: absolute;
  z-index: 99;
  top: 50%;
  left: 48%;
}
.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #ff4d07;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/* spinner ends */
/* Life Quote style starts */

/* ----------- filter section starts ----------------- */
.filterHeadWrap {
  width: 1110px;
  margin: 0 auto;
  padding: 30px 0;
  font-family: "Inter-Regular";
  font-size: 14px;
  line-height: 20px;
  color: #333;
}
.filterMain {
  font-family: "Inter-SemiBold";
  margin-right: 8px;
}
.filterMainTxt {
  padding-right: 14px;
  margin-right: 12px;
  border-right: solid 1px #e3e4e8;
}
.filterMainTxt:nth-last-child(2) {
  padding-right: 0;
  margin-right: 0;
  border-right: none;
}
.filterEdit {
  color: #107591;
  margin-left: 18px;
  text-decoration: underline;
  cursor: pointer;
}
.filterMenuWrap {
  width: 1110px;
  margin: 52px auto 16px;
  padding: 12px 0;
  height: 80px;
  font-family: "Inter-Regular";
  font-size: 20px;
  line-height: 25px;
  color: #333;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 1px 2px 0 rgba(228, 228, 229, 0.5);
  border: solid 1px #e3e4e8;
}
.filterMenuCont {
  float: left;
  position: relative;
  border-right: solid 1px #e3e4e8;
  /* display: inline-block; */
  width: 206px;
  height: 60px;
  /* padding-left : 8px;
  padding-right: 12px; */
}
.nomineeLumsumOff,
.nomineeLumsumOn {
  width: 228px;
}
.filterMenuCont:last-child {
  padding-right: 0;
  border-right: none;
}
.tabletCoverAmt {
  width: 274px;
}
.tabletCoverUpto {
  width: 160px;
}
.tabletMonthlyAmt {
  width: 270px;
}
.filterMenuTxt {
  font-family: "Inter-Regular";
  font-size: 14px;
  line-height: 25px;
  margin-bottom: 2px;
  padding: 0 12px;
}
.limitedPayValue {
  display: none;
  position: absolute;
  top: 7px;
  left: 104px;
  font-family: "Inter-Medium";
  font-size: 14px;
  line-height: 23px;
  color: #107591;
  z-index: 0;
  cursor: pointer;
  pointer-events: none;
}
.filterMenuSelectWrap {
  position: relative;
  font-family: "Inter-Medium";
  font-size: 18px;
  line-height: 30px;
  height: 30px;
  color: #107591;
  width: 100%;
  margin: 0;
}
.paymentTermOverlay {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 390px;
  height: 436px;
  background-color: #fff;
  padding: 24px;
  border-radius: 4px;
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.26);
  border: solid 1px #e3e4e8;
  z-index: 1;
}
.paymentTermOverlayClose {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.paymentTermTitle {
  font-family: "Inter-SemiBold";
  font-size: 16px;
  line-height: 20px;
  color: #333;
  margin-bottom: 24px;
}
.paymentTermRadioWrap {
  float: left;
  width: 100%;
  margin-bottom: 18px;
}
.paymentTermRadioWrap:last-child {
  margin-bottom: 0;
}
.paymentTermRadioWrap .panel-heading {
  width: 100%;
  height: 20px;
  position: relative;
  padding: 0;
  margin: 0;
}
.paymentTermRadioWrap .radioCheckedColor {
  border: none;
  background: none !important;
}
.paymentTermRadioWrap .ratioButton .checkmark:after {
  top: 2px;
  left: 2px;
  width: 10px;
  height: 10px;
}
.paymentTermRadioWrap .checkmark {
  top: 1px;
  left: 0;
  height: 18px;
  width: 18px;
}
.paymentTermRadioWrap .smokingTxt {
  font-size: 14px;
  line-height: 18px;
  color: #107591;
  padding-left: 26px;
}
.paymentTermRadioWrap .smokingTxt {
  font-size: 14px;
  line-height: 18px;
  color: #107591;
  padding-left: 26px;
}
.paymentTermRadioWrap .radioCheckedColor .smokingTxt {
  font-family: "Inter-Medium";
}
.paymentTermRadioContent {
  font-family: "Inter-Regular";
  font-size: 14px;
  line-height: 18px;
  color: #333;
  margin-top: 12px;
  padding-left: 26px;
}
.paymentTermRadioWrap .nomiMenuSelectWrap {
  margin-top: 12px;
}
.paymentTermRadioWrap .selectIncome > .open > .dropdown-toggle.btn-default {
  padding: 9px 10px !important;
  height: 40px !important;
}
.paymentTermRadioWrap .dropArrow {
  z-index: 1;
}
.filterMainSelectWrap {
  font-family: "Inter-Medium";
  font-size: 14px;
  line-height: 20px;
  height: 20px;
  color: rgba(0, 0, 0, 0.6);
  width: 104px;
  margin: -2px 0 0 6px;
  float: left;
}
.sortFilterWidth {
  width: 144px;
}
.subFilterRightMain
  .subFilterBtn
  .filterMainSelectWrap
  > .bootstrap-select
  .dropdown-toggle
  .filter-option-inner-inner {
  line-height: 22px;
  width: 100%;
  /* text-overflow: ellipsis; */
}
.subFilterRightMain
  .subFilterBtn:last-child
  .filterMainSelectWrap
  > .bootstrap-select
  .dropdown-toggle
  .filter-option-inner-inner {
  line-height: 22px;
  width: 126px;
  text-overflow: ellipsis;
}
.amtReadonly .bootstrap-select.disabled,
.amtReadonly .bootstrap-select > .disabled {
  cursor: pointer !important;
  opacity: 1;
}
.tabletShow,
.mobileShow {
  display: none;
}
.modifyTabFilterDetails {
  float: left;
  /* display: flex; */
  font-family: "Inter-Regular";
  font-size: 12px;
  line-height: 15px;
  color: #333;
  width: 192px;
  height: 32px;
  border-radius: 4px;
  background-color: #f2f3f7;
  text-align: center;
  padding: 7px 0;
  text-transform: uppercase;
}
/* .modifyTabFilterDetails:last-child{
  width: 132px;
  margin-left: 16px;
} */
/* ----------- filter section ends ----------------- */

/* ----------- Sub filter section starts ----------------- */
.subFilterContainer {
  width: 1110px;
  margin: 0 auto;
  display: table;
}
.subFilterRightWrap {
  float: right;
}
.subFilterRightMain {
  /* display: inline; */
  height: 40px;
}
.subFilterBtn {
  float: right;
  font-family: "Inter-Regular";
  font-size: 16px;
  line-height: 20px;
}
.premiumFilterWrap {
  font-family: "Inter-Regular";
  font-size: 14px;
  line-height: 20px;
  width: 218px;
  height: 40px;
  border-radius: 4px;
  border: solid 1px #e3e4e8;
  color: #333;
  padding: 10px 0 10px 10px;
  margin-left: 12px;
}
.premiumFilterlabel {
  float: left;
  font-family: "Inter-Regular";
  font-size: 14px;
  line-height: 16px;
  color: #333;
}
.subFilterRightTxt {
  font-family: "Inter-Medium";
  font-size: 12px;
  line-height: 15px;
  color: #107591;
  text-align: right;
  padding-top: 8px;
}
.gstBold {
  font-family: "Inter-SemiBold";
  font-style: italic;
}
.gstBorder {
  width: 168px;
  height: 1px;
  margin-left: 448px;
  border-bottom: 1px dashed #107591;
}
.whiteListCupWrap{
  float: left;
  margin: 8px 0 5px;
  font-family: 'Inter-Regular';
  color: #107591;
  font-size: 16px;
  line-height: 20px;
}
.whiteListCupWrap span{
  font-family: 'Inter-SemiBold';
}
.whiteListCupWrap svg{
  width: 18px;
  margin-right: 1px;
  vertical-align: middle;
}
.morePlansWrap {
  display: none;
  float: left;
  font-family: "Inter-Regular";
  margin-top: 28px;
  margin-bottom: 0;
}
.morePlanTitle {
  float: left;
  font-family: "Inter-Medium";
  font-size: 16px;
  line-height: 26px;
  color: #333;
  margin-right: 9px;
  margin-top: 2px;
}
.morePlanCheck {
  float: left;
  font-size: 14px;
  line-height: 20px;
  color: #333;
  margin: 6px 0;
}
.morePlanCheckBox {
  float: left;
  position: relative !important;
  height: 18px;
  width: 18px;
  margin: 1px 0 0 0 !important;
}
.morePlanCheck label {
  float: left;
  padding-left: 0;
}
.morePlanCheck :checked + label {
  border: none;
}
.morePlanCheck .fieldError {
  float: left;
  padding-left: 26px;
  color: #d43d3d;
  font-family: "Inter-Regular";
}
.compareBtn {
  width: 154px;
  height: 40px;
  border-radius: 4px;
  background-color: #fff;
  border: solid 1px #e3e4e8 !important;
  font-family: "Inter-Regular";
  font-size: 14px;
  line-height: 14px;
  color: #333;
  border: none;
  outline: none;
}
.compareBtnDisable {
  border: solid 1px #DCDDE0 !important;
  background-color: #DCDDE0 !important;
  color: #969799 !important;
  cursor: auto;
}
.compareOffBtn {
  display: none;
  width: 154px;
  height: 40px;
  border-radius: 4px;
  background-color: #f2581b;
  color: #fff;
  border: none;
  outline: none;
  font-family: 'Inter-SemiBold';
  font-size: 12px;
  text-transform: uppercase;
}
.morePlanCheck input[type="checkbox"] {
  visibility: hidden;
  width: 0;
}
.morePlanCheck input[type="checkbox"] + label:before {
  border: 1px solid #107591;
  border-radius: 2px;
  content: "\00a0";
  display: inline-block;
  font: 14px/1em sans-serif;
  height: 18px;
  margin: 1px 8px 0 0;
  padding: 1px 0 0;
  vertical-align: top;
  width: 18px;
}
.morePlanCheck input[type="checkbox"]:checked + label:before {
  background: #107591;
  background-image: url(../img/check.svg);
  color: #fff;
  content: "";
  /* content: "\2714"; */
  text-align: center;
}
.morePlanCheck input[type="checkbox"]:checked + label:after {
  font-weight: bold;
}
.morePlanCheck input[type="checkbox"]:focus + label::before {
  outline: rgb(59, 153, 252) auto 5px;
}
/* ----------- Sub filter section ends ----------------- */

/* ----------- card section starts ----------------- */
.cardMainContainer {
  width: 1110px;
  margin: 30px auto 0;
}
.cardContainer {
  width: 1110px;
  margin: 0;
  padding: 0 0 30px 0;
}
.cardContainerSingle {
  margin: 0;
  padding: 0;
}
.cardCongrats{
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0 0 20px 0;
}
.cardCongrats img{
  width: 18px;
  margin: 0 5px 0 0;
}
.cardCongrats p{
  color: #107591;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  font-family: Inter-regular;
}
.cardWrapper{
  display: flex;
}
.cardContainerSingle .cardItemWrap {
  width: auto;
  height: 293px;
  padding: 0;
  margin-right: 6px !important;
}
.cardContainerSingle .cardItemHeader {
  position: relative;
  width: 640px;
  padding: 18px 12px 12px 12px;
}
.cardContainerSingle .cardPlanLogo {
  width: 75px;
  height: 34px;
}
.cardContainerSingle .cardPlanLogoTxt {
  display: inline-block;
  margin-left: 12px;
  width: 155px;
}
.cardContainerSingle .cardItemTitle {
  font-size: 16px;
  line-height: 19px;
  max-height: 56px;
}
.cardContainerSingle .cardTopSection {
  height: 97px;
  padding-bottom: 12px;
}
.cardContainerSingle .cardTopLeft {
  width: 220px;
}
.cardContainerSingle .cardTopRight {
  width: 436px;
  padding-left: 0;
}
.cardContainerSingle .cardTopRate {
  float: left;
  font-family: 'Inter-Light';
  font-size: 24px;
  line-height: 24px;
  color: #333;
  height: 85px;
  /* width: 228px; */
  margin-right: 15px;
  padding-top: 28px;
}
.cardContainerSingle .cardBuyBtn {
  height: 48px;
  margin-top: 18px;
  background-color: #f2581b!important;
  border: 1px solid #f2581b;
  color: #ffffff;
  margin-left: 0;
}
.cardContainerSingle .cardBottomSection .cardBtmLeft {
  width: 190px;
  padding: 0;
  vertical-align: middle;
  border-left: none;
  border-right: 1px solid #e3e4e8;
}
.cardContainerSingle .cardMiddleNominee,
.cardContainerSingle .cardMiddleDuration {
  text-align: center;
}
.nomMonIncrease, .nomLumMonIncrease{
  display: list-item;
  list-style: none;
  width: 100%;
  text-align: center;
  font-family: 'Inter-Regular';
  font-size: 10px;
  line-height: 10px;
  color: #333;
}
.desktopShow .nomLumMonIncrease{
  display: inline;
  list-style: none;
  width: 100%;
  text-align: left;
  font-family: 'Inter-Regular';
  font-size: 14px;
  line-height: 10px;
  color: #333;
}
.cardContainerSingle .cardMiddleTermYr,
.cardContainerSingle .cardMiddleDuration {
  font-size: 14px;
  line-height: 20px;
  color: #333;
  text-transform: lowercase;
}
.cardContainerSingle .cardMiddleTerm,
.cardContainerSingle .cardMiddleNominee {
  font-size: 12px;
  line-height: 20px;
  color: #808080;
}
.cardContainerSingle .cardBtmMiddle {
  width: 240px;
  border-right: 1px solid #e3e4e8;
}
/* .cardContainerSingle .cardKnowMore {
  text-align: right;
  padding-right: 38px;
} */
.cardContainerSingle .cardBtmMiddle .cardMiddleTerm,
.cardContainerSingle .cardBtmLeft .cardMiddleTerm {
  font-size: 12px;
  line-height: 14px;
}
.cardContainerSingle .cardMiddleClaim,
.cardContainerSingle .cardMiddleTermNbr {
  font-family: "Inter-Regular";
  font-size: 14px;
  line-height: 20px;
  color: #333333;
}
.cardContainerSingle .cardBtmLeft {
  width: 138px;
}
.cardContainerSingle .cardMiddleRight {
  padding-left: 0;
}
.cardContainerSingle .cardMiddleRight .cardMiddleDuration {
  font-size: 14px;
  height: 20px;
  margin-top: 0;
}
.cardContainerSingle .cardBtmRight {
  vertical-align: middle;
}
.cardBtmRightCont {
  width: 152px;
  margin: 0 auto;
}
.mediTestSvg {
  float: left;
  margin-right: 6px;
}
.mediTestTxt {
  /* width: 140px; */
  font-family: "Inter-Regular";
  font-size: 12px;
  line-height: 16px;
  color: #333333;
  display: table-cell;
  vertical-align: middle;
  height: 40px;
}
.cardSuggestedTablet {
  display: none;
  position: absolute;
  top: -50px;
  left: -6px;
}
.cardSuggestedTablet img {
  position: absolute;
  width: 64px;
  height: 64px;
  border: solid 1px #e3e4e8;
  border-radius: 50%;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
}
.cardSuggestedTabletNew{
  display: none;
  background-color: #107591;
  align-items: center;
  padding: 5px 10px;
  position: relative;
}
.cardSuggestedTabletNew .laxmiImg{
  width: 35px;
  border: solid 1px #e3e4e8;
  border-radius: 50%;
  margin: 0 10px 0 0;
}
.cardSuggestedTabletNew .trophy{
  width: 12px;
  color: #fff;
  margin: 0 5px 0 0;
  position: relative;
  top: 3px;
}
.cardSuggestedTabletNew p{
  color: #fff;
  margin: 0;
  font-size: 12px;
  line-height: 15px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.cardSuggestedTabletNew span{
  background-color: #107591;
  border-radius: 24px;
  padding: 3px 6px;
  color: #fff;
  font-size: 10px;
  line-height: 14px;
  position: absolute;
  right: 23px;
  bottom: -14px;
  z-index: 3;
}
.cardSugTabletTxt {
  float: left;
  margin-top: 24px;
  margin-left: 60px;
  /* width: 218px; */
  height: 26px;
  background-color: #107591;
  font-family: "Inter-SemiBold";
  font-size: 12px;
  line-height: 24px;
  color: #fff;
  padding: 1px 40px 0 22px;
  border-top-right-radius: 30px;
}
.cardSuggested {
  display: flex;
  flex-direction: column;
  /* float: left; */
  position: relative;
  width: 183px;
  /* height: 100%; */
  padding: 6px 6px 5px 10px;
  /* background-color: #107591; */
}
.cardSuggestedBg {
  position: absolute;
  width: 138px;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #107591;
  border-radius: 4px 0 0 4px;
}
.cardSuggestedBg:after {
  content: "";
  position: absolute;
  height: 0;
  width: 0;
  left: 137px;
  top: 0;
  border: 146px solid transparent;
  border-left: 48px solid #107591;
}
.cardSuggested img {
  position: relative;
  z-index: 2;
  width: 82px;
  height: 82px;
  border: solid 1px #e3e4e8;
  border-radius: 50%;
}
.suggestTxt {
  position: relative;
  z-index: 2;
  font-family: "Inter-Regular";
  font-size: 16px;
  line-height: 19px;
  color: #fff;
  margin-bottom: 8px;
  margin-top: 16px;
}
.suggestTxt2 {
  position: relative;
  z-index: 2;
  font-family: "Inter-Regular";
  font-size: 14px;
  line-height: 19px;
  color: #fff;
  /* width: 162px; */
}
.cardCheckBox {
  display: none;
  position: absolute;
  top: -14px;
  right: 18px;
  padding: 0;
  margin: 0;
  z-index: 1;
}
.cardCheckBox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 28px;
  width: 28px;
  background: #fff;
  border: solid 2px #e3e4e8;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  bottom: 0;
}
.cardItemWrap {
  position: relative;
  padding: 30px 14px 12px 12px;
  width: 540px;
  height: 260px;
  /* overflow: hidden; */
  margin: 0 0 60px;
  border-radius: 4px;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
    0 10px 10px -5px rgba(0, 0, 0, 0.04);
  border: solid 1px #e3e4e8;
  background-color: #ffffff;
}
.cardItemWrap:hover {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
.cardItemWrap:nth-child(odd) {
  margin-right: 30px;
}
.cardSelectBorder{
  border: solid 2px #107591;
}
.cardCheckContainer {
  cursor: pointer;
}
.cardCheckContainer .cardBuyBtn,
.cardCheckContainer .cardKnowMore {
  pointer-events: none;
}
.cardOfferText {
  float: left;
  width: 100%;
  margin: 6px 0 24px 0;
  font-family: "Inter-Medium";
  font-size: 20px;
  color: #333;
}
label.cardCheckBox .checkmark:after {
  background: url(../img/check_circle.png) no-repeat;
  top: -5px;
  left: -5px;
  width: 34px;
  height: 34px;
  background-size: cover;
}
.cardItemHeader {
  float: left;
}
.cardHilight {
  position: absolute;
  top: -5px;
  left: 8px;
}
.cardHilightIcon {
  float: left;
  height: 30px;
  width: 18px;
}
.cardHilightTxt {
  float: left;
  padding: 7px 0 0 5px;
  font-family: "Inter-SemiBold";
  font-size: 12px;
  line-height: 19px;
  color: #107591;
}
.cardContainerSingle .cardTopSection,
.cardContainerSingle .cardMiddleSection,
.cardContainerSingle .cardBottomSection {
  float: left;
  width: 100%;
  border-bottom: 1px solid #e3e4e8;
  padding: 20px 0 12px 0;
}
.cardContainerSingle .cardTopSection {
  padding: 0 0 12px 0;
}
.cardContainerSingle .cardBottomSection {
  border-bottom: none;
}
.cardTopSection,
.cardMiddleSection,
.cardBottomSection {
  float: left;
  width: 100%;
  border-bottom: 1px solid #e3e4e8;
  padding: 10px 0 12px 0;
}
.cardTopSection {
  padding-top: 0;
  height: 80px;
}
.cardMiddleSection {
  display: inline-table;
  height: 64px;
}
.cardBottomSection {
  border-bottom: none;
  display: inline-table;
  height: 68px;
}
.cardTopLeft {
  float: left;
  width: 280px;
  display: table;
  border-right: 1px solid #e3e4e8;
}
.cardTopRight {
  text-align: right;
  float: left;
  width: 230px;
  padding-left: 0;
}
.cardTopRightCenter {
  margin: 0 auto;
  display: inline-block;
}
.cardContainer .cardTopRight {
  margin-top: -10px;
}
.cardContainerSingle .cardTopRight {
  float: left;
  width: 363px;
  text-align: center;
  padding-left: 15px;
}
.cardPlanLogo {
  max-width: 82px;
  max-height: 30px;
  display: table-cell;
  vertical-align: top;
}
.cardPlanLogo img {
  max-width: 100%;
  max-height: 60px;
  margin: auto;
  display: block;
}
.cardPlanLogoTxt {
  margin-left: 10px;
  /* display: table-cell; */
  width: 196px;
  padding-right: 14px;
}
.cardItemTitle {
  width: 100%;
  font-family: "Inter-Medium";
  font-size: 12px;
  line-height: 15px;
  color: #333;
  /* margin-bottom: 10px; */
  max-height: 46px;
  min-height: 26px;
  overflow: hidden;
}
.cardItemSubTitle {
  width: 100%;
  font-family: "Inter-Regular";
  font-size: 12px;
  line-height: 15px;
  color: #333;
  height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cardTopRate {
  font-family: "Inter-Regular";
  font-size: 16px;
  line-height: 16px;
  color: #333;
  margin-bottom: 6px;
  text-align: center;
}
.cardBuyBtn {
  float: left;
  width: 156px;
  height: 40px;
  background-color: #fff;
  border: 1px solid #f2581b;
  color: #f2581b;
  font-family: "Inter-SemiBold";
  font-size: 12px;
  line-height: 24px;
  border-radius: 4px;
  margin-left: 40px;
  outline: none;
}
.cardMiddleLeft {
  text-align: center;
  display: table-cell;
  padding: 0;
  width: 94px;
  border-right: 1px solid #e3e4e8;
}
.cardContainerSingle .cardMiddleLeft {
  width: auto;
  padding: 0 6px;
}
.cardMiddleMiddle {
  display: table-cell;
  padding: 0 6px;
  border-right: 1px solid #e3e4e8;
  text-align: center;
}
.cardContainerSingle .cardMiddleMiddle {
  /* width: 316px;
  min-width: 160px; */
  max-width: 260px;
}
.cardMiddleRight {
  display: table-cell;
  padding-left: 6px;
  text-align: center;
}
.cardMiddleTerm {
  font-family: "Inter-Regular";
  font-size: 11px;
  line-height: 20px;
  color: #808080;
}
.cardBottomSection .cardBtmLeft {
  width: 144px;
  padding: 0 24px;
  border-left: 1px solid #e3e4e8;
}
.cardBtmLeft .cardMiddleTermYr {
  font-size: 13px;
  line-height: 20px;
  margin-top: 0;
}
.cardMiddleTermYr {
  font-family: "Inter-Regular";
  font-size: 13px;
  line-height: 20px;
  color: #333;
  text-transform: lowercase;
}
.cardBottomSection .cardBtmMiddle,
.cardBottomSection .cardBtmRight {
  vertical-align: middle;
  padding: 0 14px 0 1px;
}
.cardContainer .cardBtmRight {
  border-left: 1px solid #e3e4e8;
}
.cardBottomSection .cardBtmMiddle .cardMiddleTermYr,
.cardBottomSection .cardBtmRight .cardMiddleTermYr {
  font-size: 13px;
  line-height: 18px;
  text-transform: capitalize;
}
.cardMiddleClaim {
  font-family: "Inter-Medium";
  font-size: 16px;
  line-height: 18px;
  color: #333;
}
.cardMiddleTermNbr {
  font-family: "Inter-Medium";
  font-size: 20px;
  line-height: 24px;
  color: #333;
}
.cardMiddleNominee {
  font-family: "Inter-Regular";
  font-size: 11px;
  line-height: 20px;
  color: #808080;
}
.cardTooltipSvg {
  margin-top: 1px;
  position: absolute;
  margin-left: 4px;
  cursor: pointer;
  height: 16px;
  width: 16px;
}
.cardTooltipSvg + .popover {
  width: 275px;
  /* height: 150px; */
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #1c1c1c;
  line-height: 18px;
  font-family: "Inter-Regular";
  font-size: 14px;
  color: #e3e4e8;
  border-radius: 0;
  padding: 16px 10px;
  /* top: 0!important; */
  /* margin-left: 11px!important */
}
.cardTooltipSvg + .popover.right > .arrow {
  margin-top: -13px;
}
/* .cardTooltipSvg + .popover.right>.arrow{
  top: 90%!important;
} */
.popover.right > .arrow:after {
  border-right-color: #1c1c1c;
}
.popover.left > .arrow:after {
  border-left-color: #1c1c1c;
}
.popover.top > .arrow:after {
  border-top-color: #1c1c1c;
}
.cardTooltipSvg + .popover.my-popover {
  margin-top: -20px;
}
.popover-title {
  background-color: #1c1c1c;
  font-family: "Inter-SemiBold";
  padding: 0 8px 6px 8px;
}
.popover-content {
  padding: 12px 8px;
}

.cardMiddleDuration {
  font-family: "Inter-Regular";
  font-size: 13px;
  line-height: 20px;
  color: #333333;
  height: 40px;
  /* overflow: hidden; */
  text-transform: lowercase;
}
.cardBtmLeft,
.cardBtmMiddle,
.cardBtmRight {
  text-align: center;
  display: table-cell;
}
.cardBtmLeft {
  width: 171px;
}
#monthlyPlusLum .cardContainer .cardBtmLeft {
  border-left: 1px solid #e3e4e8;
}
.desktopHide, .desktopBlockHide{
  display: none;
}
#monthlyPlusLum .cardItemHeader .cardMiddleMiddle{
  border: none;
}
.desktopCellShow{
  border-left: 1px solid #e3e4e8;
}
.cardBtmMiddle {
  margin: 0 12px;
}
/* .cardContainerSingle .cardBtmMiddle{
  border-right: none;
} */
.cardKnowMore {
  /* float: left; */
  width: 100%;
  font-family: "Inter-Medium";
  font-size: 12px;
  line-height: 24px;
  color: #107591;
  /* text-transform: capitalize; */
}
.cardKnowMore a {
  text-decoration: underline;
  color: #107591;
}
.cardKnowMore a:hover {
  color: #107591;
}
/* ----------- card section ends ----------------- */

/* ----------- Exclusive offer box Aegon start ----------------- */
.excl-card-col{
  padding-right: 0;
}

.ribbon-banner {
  display: table;
  width: 100px;
  font-family: 'Inter-SemiBold';
  font-size: 12px;
  line-height: 14px;
  position: absolute;
  background: #f2db0c;
  color: #000;
  padding: 3px 0px 3px 8px;
  margin: 0;
  top: -9px;
  left: 0;
  z-index: 1;
}

.ribbon-banner:after {
  content: "";
  position: absolute;
  display: block;
  bottom: 0;
  border-width: 10px;
  border-style: solid;
  border-color: #f2db0c;
  right: -12px;
  border-left-width: 6px;
  border-right-width: 6px;
  border-right-color: transparent;
}

.excl-card-offer{
  position: relative;
  background-color: #E4F6FC;
  box-shadow: 0 20px 25px -5px rgb(0 0 0 / 10%), 0 10px 10px -5px rgb(0 0 0 / 4%);
}

.excl-card-offer:hover{
  box-shadow: 0 25px 50px -12px rgb(0 0 0 / 25%);
}

.excl-card-offer-header{
  position: relative;
  background-color: #107591;
  padding: 12px 6px 6px 6px;
  border-radius: 4px 4px 0px 0px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.excl-card-offer-header-col{
  display: inline-block;
  max-width: 200px;
  vertical-align: middle;
}

.excl-card-title{
  font-size: 16px;
  line-height: 22px;
  color: #fff;
  font-weight: 600;
  margin: 0;
  position: relative;
  top: 2px;
}

.excl-card-a{
  color: #fff;
  font-size: 12px;
  margin: 0;
  text-decoration: underline;
}

.excl-card-a:hover,
.excl-card-a:active,
.excl-card-a:focus{
  color: #fff;
  text-decoration: underline;
}

.gift{
  width: 63px;
  height: 56px;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  right: 0;
  top: 2px;
}

.excl-card-offer-body{
  background-color: #E4F6FC;
  padding: 8px;
  border-radius: 0 0 4px 4px;
  border-top: none !important;
  border: 1px solid #D0D2D9;
  min-height: 233px;
}

.excl-card-offer-brand-logo{
  max-width: 103px;
  min-width: 103px;
  width: 100%;
}

.excl-card-offer-brand-name{
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  margin: 0;
  max-width: 100px;
  font-family: 'Inter-Medium';
}

.excl-card-offer-line{
  border-top: 1px solid #D0D2D9;
  border-left: none;
  border-right: none;
  border-bottom: none;
  margin: 9px 0;
}

.excl-ul{
  margin: 0;
  padding: 0 0 0 15px;
  color: #333333;
  font-size: 14px;
  line-height: 20px;
  list-style-type: none;
  position: relative;
  font-family: 'Inter-Medium';
}

.excl-ul li{
  position: relative;
}

.excl-ul li:before{
  content: '';
  display: block;
  position: absolute;
  width: 11px;
  height: 11px;
  border-radius: 100%;
  background-image: url('../img/greenTick.svg');
  background-size: 11px 11px;
  left: -14px;
  top: 4px;
}

.excl-ul-2{
  padding: 0 0 0 3px !important;
}

.excl-claim-ratio-p{
  color: #808080;
  font-size: 12px;
  line-height: 18px;
  margin: 0 0 5px 0;
  text-align: center;
}

.excl-claim-ratio-p span{
  color: #333333;
  font-size: 14px;
  line-height: 20px;
}

.excl-claim-ratio-p .cardTooltipSvg{
  position: relative !important;
  vertical-align: middle;
  margin: 0 3px !important;
}

.excel-claim-ratio-amt{
  color: #333333;
  font-size: 16px;
  line-height: 20px;
  margin: 0 0 10px 0;
  text-align: center;
  font-family: 'Inter-Medium';
}

.excl-card-buy-btn{
  width: 100%;
  min-width: 242px;
  height: 40px;
  background-color: #fff;
  border: 1px solid #f2581b;
  color: #f2581b;
  font-family: "Inter-SemiBold";
  font-size: 12px;
  line-height: 24px;
  border-radius: 4px;
  outline: none;
}

.modal-insta-cov.fade .modal-dialog{
  transform: translate(0,25%) !important;
}

.modal-insta-cov.in .modal-dialog{
  transform: translate(0,0) !important;
}

.modal-insta-cov-expl{
  width: 942px;
}

.insta-cov-expl-header{
  font-size: 22px;
  line-height: 26px;
  text-align: center;
  font-family: 'Inter-SemiBold';
  margin: 0 0 50px 0;
  color: #080808;
}

.insta-cov-expl-wrap{
  border-radius: 4px 4px 0 0;
}

.insta-cov-expl-wrap .modal-body{
  padding: 30px 15px 30px 15px;
}

.insta-cov-expl-wrap .row{
  margin: 0 !important;
}

.insta-cov-expl-wrap .modelWrap{
  width: 100%;
}

.insta-cov-wrapper{
  display: flex;
  flex-direction: row;
  margin: 0 0 25px 0;
}

.insta-cov-col{
  position: relative;
  border: 1px solid #D0D2D9;
  border-radius: 8px;
  padding: 40px 20px 20px 20px;
  flex-basis: 33.33%;
  margin: 0 10px;
}

.insta-cov-col:first-child{
  margin-left: 0;
}

.insta-cov-col:last-child{
  margin-right: 0;
}

.insta-cov-col img{
  position: absolute;
  top: -30px;
  width: 58px;
}

.insta-cov-col h3{
  color: #080808;
  font-size: 16px;
  line-height: 18px;
  font-family: 'Inter-SemiBold';
  margin: 0 0 10px 0;
}

.insta-cov-col p{
  color: #080808;
  font-size: 12px;
  line-height: 16px;
  margin: 0 0 0 0;
  font-family: 'Inter-Regular';
}

.insta-cov-col-p-span{
  display: flex;
  font-family: 'Inter-SemiBold';
}

.insta-cov-info-p{
  color: #808080;
  font-size: 11px;
  line-height: 16px;
  font-family: 'Inter-Regular';
  margin: 0;
}

.insta-cov-expl-wrap .modal-footer{
  padding: 0;
  text-align: left;
}

.insta-cov-footer{
  background: #E3E4E8;
  border: 1px solid #D6D6D6;
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 16px 30px;
}

.insta-cov-footer-left{
  display: flex;
  flex-direction: row;
  flex-basis: 66%;
  justify-content: space-between;
  align-items: center;
}

.insta-cov-footer-right{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-basis: 34%;
}

.insta-cov-footer-logo{
  width: auto;
  height: 30px;
}

.insta-cov-footer-title{
  color: #808080;
  font-size: 12px;
  line-height: 18px;
  font-family: 'Inter-Regular';
  margin: 0 0 5px 0;
}

.insta-cov-footer-value{
  color: #333333;
  font-size: 16px;
  line-height: 20px;
  font-family: 'Inter-Medium';
  margin: 0;
}

.insta-cov-buy-btn{
  width: 152px;
  height: 50px;
  background-color: #f2581b;
  border: 1px solid #f2581b;
  color: #fff;
  font-family: "Inter-SemiBold";
  font-size: 12px;
  line-height: 24px;
  border-radius: 4px;
  margin: 0;
  outline: none;
}

/* ----------- Exclusive offer box Aegon end ----------------- */


/* ----------- Exclusive banner start ----------------- */

.excl-banner{
  background-color: #C6F3FF;
  border: 1px solid #DBDBDB;
  border-top: none !important;
  padding: 5px;
  border-radius: 0px 0px 4px 4px;
  position: absolute;
  bottom: 28px;
  left: 0;
  right: 0;
  margin: auto;
  width: 92%;
  z-index: 1;
  text-align: center;
}

.excl-banner-col{
  display: inline-block;
}

.ribbon-banner-2 {
  display: inline-block;
  width: 106px;
  font-family: 'Inter-SemiBold';
  font-size: 12px;
  line-height: 14px;
  position: relative;
  background: #f2db0c;
  color: #000;
  padding: 3px 0px 3px 0px;
  margin: 0 30px;
  top: 0;
  left: 0;
  z-index: 1;
}

.ribbon-banner-2:before {
  content: "";
  position: absolute;
  display: block;
  bottom: 0;
  border-width: 10px;
  border-style: solid;
  border-color: #f2db0c;
  left: -12px;
  border-right-width: 6px;
  border-left-width: 6px;
  border-left-color: transparent;
}

.ribbon-banner-2:after {
  content: "";
  position: absolute;
  display: block;
  bottom: 0;
  border-width: 10px;
  border-style: solid;
  border-color: #f2db0c;
  right: -12px;
  border-left-width: 6px;
  border-right-width: 6px;
  border-right-color: transparent;
}

.ribbon-banner-2 .cardTooltipSvg{
  position: relative;
  margin: 0;
}

.excl-ul-banner{
  margin: 0;
  padding: 0 0 0 15px;
  color: #333333;
  font-size: 14px;
  line-height: 20px;
  list-style-type: none;
  position: relative;
  font-family: 'Inter-Medium';
  display: inline-block;
}

.excl-ul-banner li{
  position: relative;
  display: inline-block;
  padding: 0 30px 0 0;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  font-family: Inter-Medium;
}

.excl-ul-banner li:before{
  content: '';
  display: block;
  position: absolute;
  width: 11px;
  height: 11px;
  border-radius: 100%;
  background-image: url('../img/greenTick.svg');
  background-size: 11px 11px;
  left: -14px;
  top: 4px;
}

.excl-ul-banner li:last-child{
  padding: 0 20px 0 0;
}

.excl-banner2 {
  background-color: #C6F3FF;
  border: 1px solid #DBDBDB;
  border-top: none !important;
  padding: 5px;
  border-radius: 0px 0px 4px 4px;
  position: absolute;
  bottom: -40px;
  left: 0;
  right: 0;
  margin: auto;
  width: 92%;
  z-index: 1;
  text-align: center;
}

.excl-banner-col2{
  display: flex;
  justify-content: center;
  margin: 8px 0 0 0;
}

.excl-banner3 {
  background-color: #C6F3FF;
  border: 1px solid #DBDBDB;
  border-top: none !important;
  padding: 5px;
  border-radius: 0px 0px 4px 4px;
  position: absolute;
  bottom: -40px;
  left: 0;
  right: 0;
  margin: auto;
  width: 92%;
  z-index: 1;
  text-align: center;
}

.ribbon-banner-3 {
  position: absolute;
  top: -10px;
  left: 0;
  right: 0;
  margin: auto;
}

.excl-ul-banner2 li:last-child{
  padding: 0;
}

.cardItemWrapRibbon{
  margin-bottom: 69px;
}

.cardItemWrapRibbon2{
  margin-bottom: 60px;
}

/* ----------- Exclusive banner end ----------------- */


/* ----------- Compare section starts ----------------- */
.compareContainer {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  height: 126px;
  width: 100%;
  background-color: #f1f2f6;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
  border-top: solid 1px #e3e4e8;
  z-index: 2;
}
.compareWrap {
  width: 1110px;
  margin: 0 auto;
  padding: 20px 16px;
}
.compareBoxSuggested,
.compareBox {
  position: relative;
  float: left;
  width: 190px;
  height: 86px;
  border-radius: 4px;
  border: dashed 1px #e3e4e8;
  background-color: #f1f2f6;
  margin-right: 32px;
  /* padding: 28px 19px; */
}
.compareBox {
  display: table;
}
.compareBoxPlaceholder {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-family: "Inter-Regular";
  font-size: 14px;
  line-height: 18px;
  color: #333;
}
.compareBoxContainer {
  float: left;
  position: relative;
  width: 856px;
  height: 88px;
}
.comparePlaceHolder,
.compareItemWrap {
  position: absolute;
  width: 100%;
}
/* .compareItemWrap .compareBoxItem:first-child .compareRemovePlan{
  display: none!important;
} */
.comparePlaceIcon {
  margin-top: 3px;
}
.comparePlaceTxt {
  display: block;
  margin: 4px 0 0 28px;
  font-family: "Inter-Regular";
  font-size: 14px;
  line-height: 18px;
  color: #333;
}
.compareBoxItem {
  float: left;
  position: relative;
  display: block;
  background-color: #f1f2f6;
  border-radius: 4px;
  border: solid 1px #e3e4e8;
  width: 190px;
  height: 86px;
  padding: 16px 12px;
  margin-right: 32px;
}
.compareLogo {
  width: 46px;
  float: left;
}
.compareRemovePlan {
  display: none;
  position: absolute;
  top: 4px;
  right: 4px;
  width: 16px;
  cursor: pointer;
}
.comparePlanName {
  float: left;
  width: 116px;
  padding-left: 10px;
  height: 52px;
  font-family: "Inter-SemiBold";
  font-size: 14px;
  line-height: 17px;
  color: #333;
  overflow: hidden;
}
.compareBoxBtn {
  width: 200px;
  margin: 16px 0 16px 22px;
  height: 54px;
  border-radius: 4px;
  background-color: #f2581b;
  border: solid 1px #f2581b;
  font-family: "Inter-SemiBold";
  font-size: 16px;
  line-height: 25px;
  color: #fff;
  text-transform: uppercase;
}
/* ----------- Compare section ends ----------------- */

/* ----------- Nominee Popup style starts ----------- */
/* Monthly starts */
.nomineePopupWrap {
  width: 752px;
}
.nomineePopupWrap .modelWrap {
  width: 520px;
  margin: 20px auto;
}
.nomineeTopWrap {
  position: absolute;
  top: 8px;
  right: 8px;
}
.nomineeTopWrap button {
  opacity: 1;
}
.nomineeHead {
  padding-bottom: 10px;
  text-align: center;
  border-bottom: solid 1px #e3e4e8;
}
.nomineeTitle {
  font-family: "Inter-SemiBold";
  font-size: 24px;
  line-height: 29px;
  color: #333;
  margin-bottom: 8px;
}
.nomineeSubTitle {
  font-family: "Inter-Regular";
  font-size: 16px;
  line-height: 20px;
  color: #333;
}
.nomMonthFormWrap {
  float: left;
  width: 100%;
}
.nomineeInfoWrap {
  float: left;
  display: block;
  width: 488px;
  /* height: 51px; */
  background-color: #f1f2f6;
  margin: 24px 14px 0;
  padding: 8px;
  font-family: "Inter-Regular";
  font-size: 12px;
  line-height: 15px;
  color: #262626;
}
.nomineeInfo2 {
  display: block;
  color: #262626;
}
.nomineeInfoTxt {
  float: left;
  width: 100%;
  text-transform: uppercase;
  font-family: "Inter-SemiBold";
  font-size: 12px;
  line-height: 24px;
  color: #107591;
}
.nomineeInfoTxt2 {
  margin-bottom: 8px;
}
.nomLumMomIncomeWrap {
  display: none;
  text-align: left;
  float: left;
  width: 100%;
  margin-bottom: 16px;
}
.nomineeSelectWrap {
  float: left;
  display: table;
  width: 100%;
  margin-top: 34px;
}
.nomineeSelectTxt {
  /* float: left; */
  width: 310px;
  padding: 0 12px 0 16px;
  font-family: "Inter-Regular";
  font-size: 16px;
  line-height: 20px;
  color: #262626;
  display: table-cell;
  vertical-align: middle;
  min-height: 40px;
}
.nomineeInfoInput {
  float: left;
  width: 136px;
  height: 40px;
  border-radius: 4px;
  border: solid 1px #e3e4e8;
  background-color: #ffffff;
  font-family: "Inter-Medium";
  font-size: 14px;
  line-height: 18px;
  color: #107591;
}
.nomineeInfoSelect {
  margin: 0 0 0 8px !important;
}
.nomineeInfoInput:focus {
  outline: none;
  border: 2px solid #107591;
}
.nomiMenuSelectWrap {
  position: relative;
  float: left;
  width: 196px;
  height: 40px;
  margin: 0;
  font-family: "Inter-Medium";
  font-size: 14px;
  line-height: 18px;
}
.percentageSuggestionWrap {
  display: none;
  position: absolute;
  border: 1px solid #e4e4e4;
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.16);
  border-radius: 4px;
  z-index: 1;
  background: white;
  width: 208px;
  left: -6px;
  top: -6px;
  padding-top: 46px;
  z-index: 1;
}
.percDropTitle {
  color: #333;
  margin: 6px 0;
  padding: 0 6px;
}
.percDropOptWrap {
  display: inline-table;
  float: left;
  width: 100%;
  padding: 0 4px 4px;
}
.percDropOpt {
  display: inline-block;
  width: 92px;
  height: 32px;
  border-radius: 4px;
  border: solid 1px #e3e4e8;
  color: #107591;
  text-align: center;
  cursor: pointer;
  margin: 2px;
  padding: 6px 0;
}
.percDropOpt:hover {
  background-color: #107591;
  color: #fff;
  border: solid 1px #107591;
}
.nomiMenuSelectWrap > .bootstrap-select > .dropdown-toggle {
  font-family: "Inter-Medium";
  font-size: 14px;
  line-height: 18px;
  color: #107591;
  height: 40px;
  padding: 10px 8px;
}
.nomiMenuSelectWrap > input {
  position: relative;
  width: 100%;
  height: 40px;
  font-family: "Inter-Medium";
  font-size: 14px;
  line-height: 18px;
  color: #107591;
  border: solid 1px #e3e4e8;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: none;
  padding: 10px 8px;
  z-index: 2;
}
.nomiMenuSelectWrap > input:focus {
  outline: none;
  border: solid 2px #107591;
}
.nomiMenuSelectWrap > input::-webkit-calendar-picker-indicator {
  display: none;
}
.nomiMenuSelectWrap
  > .bootstrap-select
  .dropdown-toggle
  .filter-option-inner-inner {
  line-height: 18px;
}
.nomiMenuSelectWrap .bootstrap-select .dropdown-menu.open {
  /* top: 36px; */
  max-height: 170px !important;
  min-height: 52px !important;
}
.nomiMenuSelectWrap .bootstrap-select .dropdown-menu li a {
  font-size: 14px;
  line-height: 18px;
  color: #333;
  padding: 10px;
}
.nomiMenuSelectWrap .bs-searchbox > input {
  background: url(../img/search.png) no-repeat rgba(221, 222, 223, 0.6);
  border: none;
  background-size: 14px;
  background-position: right 4px top 50%, 0 0;
  height: 30px;
  padding-right: 24px;
  font-family: "Inter-Medium";
  font-size: 14px;
  line-height: 18px;
}
.nomiMenuSelectWrap .dropArrow {
  background-size: 15px;
  right: 8px;
  top: 13px;
  width: 14px;
  height: 14px;
  filter: invert(32%) sepia(22%) hue-rotate(163deg) saturate(4275%)
    brightness(76%) contrast(60%);
}
.nomineeSelectSubTxt {
  float: left;
  font-family: "Inter-Regular";
  font-size: 12px;
  line-height: 15px;
  color: #808080;
  width: 268px;
  padding-left: 18px;
  padding-top: 8px;
}
.nomMonthBtnWrap {
  float: left;
  width: 100%;
  text-align: center;
  margin: 40px 0 25px 0;
}
.nomMonthBtn {
  width: 190px;
  height: 54px;
  border-radius: 4px;
  background-color: #f2581b;
  border: solid 1px #f2581b;
  font-family: 'Inter-SemiBold';
  line-height: 25px;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
}
.payTermPopBtn {
  width: 156px;
  height: 40px;
  border-radius: 4px;
  background-color: #f2581b;
  border: solid 1px #f2581b;
  font-family: 'Inter-SemiBold';
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  text-transform: uppercase;
  margin: 0 90px;
}
/* Monthly ends */
/* ----------- Nominee Popup style ends ----------- */

/* ----------- Modify Popup style starts ----------- */
#modifyDetails .modal-dialog,
#additionalFilter .modal-dialog {
  width: 630px;
}
#modifyDetails .modal-body,
#additionalFilter .modal-body {
  padding: 0 42px 26px;
}
#modifyDetails .row,
#additionalFilter .row {
  margin: 0;
}
/* #additionalFilter .modyPopTitle{
  text-align: center;
} */
.modyPopTitle {
  font-family: "Inter-SemiBold";
  font-size: 20px;
  line-height: 25px;
  color: #333;
}
.modyPopTitle svg {
  float: left;
  margin: 4px 4px 0 0;
}
.modyPopBody {
  float: left;
  margin-top: 24px;
}
.modyPopFieldWrap {
  float: left;
  width: 260px;
  margin-bottom: 24px;
}
.modyPopFieldWrap:nth-child(odd) {
  margin-right: 24px;
}
.modyPopName {
  font-family: "Inter-Medium";
  font-size: 12px;
  line-height: 24px;
  color: #107591;
  width: 100%;
}
.modyPopFieldWrap .selectIncome,
.modyPopFieldWrap .selectIncome > .bootstrap-select > .dropdown-toggle,
.modyPopFieldWrap .float-label input {
  margin: 0;
  height: 40px;
  width: 260px;
  font-size: 14px;
}
.modyPopFieldWrap .float-label input:valid,
.modyPopFieldWrap .float-label input:focus {
  padding: 5px 8px 5px 8px;
}
.yearCountWrap {
  display: none;
  position: absolute;
  top: 7px;
  right: 8px;
  background-color: #f1f2f6;
  font-family: "Inter-Medium";
  font-size: 12px;
  border-radius: 4px;
  width: 70px;
  height: 26px;
  color: #808080 !important;
  text-align: center;
  padding: 4px 0;
}
#lifePersonalForm .yearCountWrap {
  top: 11px;
}
.modyPopFieldWrap .selectIncome > .bootstrap-select > .dropdown-toggle {
  padding: 10px 12px;
}
.modyPopFieldWrap
  .selectIncome
  > .bootstrap-select
  .dropdown-toggle
  .filter-option-inner-inner {
  line-height: 18px;
}
.modyPopFieldWrap .dropArrow {
  background-size: 18px;
  right: 10px;
  top: 12px;
  width: 18px;
}
.modyPopFieldWrap .selectIncome .bootstrap-select .dropdown-menu.open {
  top: 36px;
}
.modyPopFieldWrap .bs-searchbox > input {
  background-position: right 6px top 50%, 0 0;
  background-size: 16px;
  font-size: 14px;
  height: 34px;
  padding-right: 22px;
}
.modyPopFieldWrap .selectIncome .bootstrap-select .dropdown-menu li a {
  font-size: 14px;
  padding: 6px 16px;
}
.modyPopFieldWrap .selectIncome .bootstrap-select .dropdown-menu.open {
  min-height: 74px !important;
  padding: 0;
}
.modyPopBtnWrap {
  float: left;
  width: 100%;
  text-align: center;
}
.modyPopBtn {
  width: 160px;
  height: 40px;
  border-radius: 4px;
  background-color: #f2581b;
  font-family: "Inter-SemiBold";
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  margin: 8px;
  outline: none;
  border: solid 1px #f2581b;
  text-transform: uppercase;
}
/* ----------- Modify Popup style ends ----------- */

/* ----------- Review and Update Popup style starts ----------- */
#reviewSubmit .modal-dialog {
  width: 1081px;
}
#reviewSubmit .modal-body {
  padding: 0 56px 22px;
}
#reviewSubmit .row {
  margin: 0;
}
.reviewPopBtnWrap {
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 26px;
}
.reviewPopTitle {
  font-family: "Inter-SemiBold";
  font-size: 24px;
  line-height: 29px;
  color: #333;
  text-align: center;
  margin-bottom: 22px;
}
#reviewSubmit .expertTopWrap {
  height: 32px;
  padding: 12px 0;
}
#reviewSubmit .expertTopWrap .close{
  position: absolute;
  right: 16px;
}
.reviewPopTitleIcon {
  width: 80px;
  height: 80px;
  border: solid 0.5px #e3e4e8;
  border-radius: 50%;
  margin-right: 14px;
}
.reviewPopBtn {
  width: 280px;
  height: 60px;
  border-radius: 4px;
  background-color: #f2581b;
  font-family: "Inter-SemiBold";
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  margin: 8px;
  outline: none;
  border: solid 1px #f2581b;
}
.reviewPopHead {
  float: left;
  width: 100%;
  margin-bottom: 32px;
}
.reviewPopLogo {
  float: left;
  margin-right: 20px;
}
.reviewPopLogo img {
  float: left;
  width: 62px;
  height: 62px;
}
.reviewPopPlanName {
  float: left;
  width: 246px;
  height: 60px;
  overflow: hidden;
  font-size: 14px;
  line-height: 18px;
  color: #333;
}
.reviewPopPlanNameText {
  float: left;
  font-family: "Inter-SemiBold";
}
.reviewPopPlanNameSubText {
  float: left;
  font-family: "Inter-Regular";
}
.reviewPopPlanCover {
  float: left;
  width: 162px;
}
.reviewPopPlanCoverTxt {
  float: left;
  width: 100%;
  font-family: "Inter-SemiBold";
  font-size: 12px;
  line-height: 24px;
  color: #333;
}
.reviewPopPlanCoverYear {
  float: left;
  width: 100%;
  font-family: "Inter-Regular";
  font-size: 14px;
  line-height: 18px;
  color: #333;
}
.reviewPopPlanNominee {
  float: left;
  width: 476px;
}
.reviewPopPlanNomineeTxt {
  float: left;
  width: 100%;
  font-family: "Inter-SemiBold";
  font-size: 12px;
  line-height: 24px;
  color: #333;
}
.reviewPopPlanNomineeYear {
  float: left;
  width: 100%;
  font-family: "Inter-Regular";
  font-size: 14px;
  line-height: 18px;
  color: #333;
}
.reviewPopQuoteWrap {
  float: left;
  width: 100%;
  padding: 0;
}
.reviewPopTableTitle {
  float: left;
  width: 100%;
  margin-bottom: 16px;
  font-family: "Inter-SemiBold";
  font-size: 16px;
  line-height: 20px;
  color: #333;
  text-align: left;
}
.reviewPopTableTitleTxt {
  float: left;
  width: 280px;
  padding-bottom: 6px;
  border-bottom: 1px solid #e3e4e8;
  margin-right: 60px;
}
.reviewPopTableTitleTxt:nth-child(3n),
.reviewPopTableBodyTxt:nth-child(3n) {
  margin-right: 0;
}
.reviewPopTableBody {
  float: left;
  width: 100%;
  font-family: "Inter-Regular";
  font-size: 14px;
  line-height: 18px;
  color: #333;
}
.reviewPopTableBodyTxt {
  float: left;
  width: 280px;
  margin-bottom: 12px;
  margin-right: 60px;
}
.reviewPopTableBodyTxt span {
  float: right;
  width: 60px;
  text-align: right;
}
.reviewPopTableTotalLable {
  font-family: "Inter-SemiBold";
  font-size: 12px;
  line-height: 15px;
  color: #107591;
}
.reviewPopTableTotalPrice {
  font-family: "Inter-Regular";
  font-size: 20px;
  line-height: 25px;
  color: #107591;
  margin-top: 6px;
}
.reviewPopAutoPayWrap{
  display: table;
  padding: 9px 10px;
  border-radius: 4px;
  background-color: #107591;
}
.reviewPopAutoLable{
  display: table-cell;
  font-family: "Inter-Regular";
  font-size: 13px;
  line-height: 20px;
  color: #fff;
}
.reviewPopAutoPayWrap.mobReviewTotal{
  display: none;
}
.reviewPopAutoCheck{
  display: table-cell;
  font-family: "Inter-Medium";
  /* font-size: 16px; */
  line-height: 24px;
  color: #fff;
  vertical-align: middle;
}
.reviewPopAutoPayWrap .upgradeCheckbox{
  float: right;
  margin: 0;
}
.reviewPopDisclaimer{
  font-family: "Inter-Regular";
  font-size: 11px;
  line-height: 15px;
  color: #808080;
  width: 505px;
  margin: 0 auto;
}
.reviewPopAutoCheck .custom-checkbox-input:checked + .custom-checkbox-label{
  background-color: #083d4b;
}
/* .reviewPopAutoPayWrap .upgradeCheckbox, 
.reviewPopAutoPayWrap .upgradeCheckbox div {
  font-size: 16px;
} */
/* ----------- Review and Update Popup style ends ----------- */

/* ----------- Payment Term Popup style starts ----------- */
#payTermPopup .modal-dialog {
  width: 676px;
}
.payTermPopupWrap .modelWrap {
  width: 560px;
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
.termTitle {
  font-family: "Inter-SemiBold";
  font-size: 24px;
  line-height: 29px;
  color: #333;
  text-align: center;
  margin-top: 16px;
  margin-bottom: 30px;
}
.payTermPopupWrap .ratioButton {
  height: 60px;
  padding: 19px 0 19px 51px;
}
.payTermPopupWrap .ratioButton .checkmark:after {
  top: 4px;
  left: 4px;
  width: 16px;
  height: 16px;
}
.payTermPopupWrap .checkmark {
  height: 24px;
  width: 24px;
}
.smokingTxt {
  font-family: "Inter-Regular";
  font-size: 16px;
  line-height: 20px;
}
.payTermPopupWrap .material-icons {
  position: absolute;
  right: 10px;
  top: 13px;
  font-size: 35px;
  color: #333;
  outline: none;
  border: none;
}
.payTermPopupWrap a:focus,
a:hover {
  text-decoration: none;
}
.payTermPopupWrap .radioCheckedColor.panel-heading a {
  color: #fff;
}
.payTermPopupWrap .ratioButton input:checked ~ .checkmark {
  border: none;
}
.panel-default {
  border: none;
}
.payTermPopupWrap .panel-default > .panel-heading {
  background-color: #fff;
  border: solid 1px #e3e4e8;
}
.payTermPopupWrap .panel-default > .panel-heading.radioCheckedColor {
  border: solid 1px #107591;
}
.payTermPopupWrap .panel-body {
  margin-top: 0;
  padding: 16px 50px 12px;
  font-family: "Inter-Regular";
  font-size: 16px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.6);
  border: solid 1px #e3e4e8;
  background-color: #f6f6f6;
  border-radius: 0 0 4px 4px;
  border-top-width: 0;
}
.termChoosWrap {
  float: left;
  width: 100%;
}
.termChoosLabel {
  float: left;
  font-family: "Inter-Medium";
  color: #107591;
  font-size: 14px;
  line-height: 18px;
  padding: 8px 0;
}
.payTermPopupWrap .nomiMenuSelectWrap {
  margin: 0 0 0 16px;
}
.payTermPopupWrap .nomMonthBtnWrap {
  margin: 30px 0 25px 0;
}
/* ----------- Payment Term Popup style ends ----------- */

/* ----------- Plan Details style starts ----------------- */
.headInfoContainer {
  width: 1110px;
  margin: 22px auto;
  display: table;
  position: relative;
}
.headInfoMainWrap {
  margin: 0 0 20px 0;
}
.headInfoWrap {
  width: 100%;
  height: 116px;
  border-radius: 4px;
  background-color: #ffffff;
  margin: 60px auto 40px;
  padding: 24px;
  overflow: hidden;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
    0 10px 10px -5px rgba(0, 0, 0, 0.04);
  border: solid 1px #e3e4e8;
}
.headInfoCont {
  display: inline-block;
  margin-right: 6px;
  vertical-align: text-top;
}
.headInfoCont:first-child {
  margin-right: 20px;
}
.headInfoCont:last-child {
  margin-right: 0;
  margin-top: -8px;
}
.headInfoContainer .formBkBtn {
  border: none;
  background: none;
  color: #333;
  font-size: 14px;
  font-family: "Inter-Medium";
  margin-top: 24px;
  display: block;
}
.headInfoContainer .formBkBtn svg {
  width: 15px;
  height: 15px;
  float: left;
  margin-top: 3px;
}
.headTitleMainWrap {
  margin: 0 auto 8px;
  text-align: center;
  float: left;
  width: 100%;
  font-family: "Inter-SemiBold";
  font-size: 20px;
  /* margin-top: 24px; */
  text-align: left;
}
.headTitleLeft {
  float: left;
  width: 312px;
  color: #333;
  font-family: "Inter-Medium";
  font-size: 16px;
}
.headTitleRight {
  float: left;
  position: relative;
  width: auto;
  font-family: "Inter-Medium";
  font-size: 16px;
  color: #f2581b;
  padding-left: 22px;
}
.formRightMainCont .headTitleMainWrap {
  display: none;
}
.headTitleRight svg {
  position: absolute;
  top: 1px;
  left: 20px;
}
.headTitleRight span {
  padding-left: 22px;
}
.headInfoIcon {
  width: 62px;
  height: 62px;
}
.headInfoName {
  width: 210px;
}
.headInfoTerm {
  width: 100px;
}
.headInfoNominee {
  width: 464px;
}
.headInfoAmt {
  width: 156px;
}
.headInfoTitle {
  font-family: "Inter-SemiBold";
  font-size: 14px;
  line-height: 18px;
  color: #333;
  max-height: 54px;
  overflow: hidden;
}
.headInfoSubTitle {
  font-family: "Inter-Regular";
  font-size: 14px;
  line-height: 18px;
  color: #333;
  max-height: 38px;
  overflow: hidden;
}
.headInfoHeadTitle {
  font-family: "Inter-Medium";
  font-size: 14px;
  line-height: 24px;
  color: #333;
  text-align: center;
}
.headInfoHeadSubTitle {
  font-family: "Inter-Regular";
  font-size: 16px;
  line-height: 20px;
  color: #333;
  text-align: center;
  overflow: hidden;
  max-height: 62px;
}
.headInfoPrice {
  font-family: "Inter-Regular";
  font-size: 20px;
  line-height: 25px;
  color: #333;
  text-align: center;
  margin-bottom: 8px;
}
.headInfoBtn {
  width: 156px;
  height: 40px;
  border-radius: 4px;
  background-color: #f2581b;
  border: solid 1px #f2581b;
  font-family: "Inter-SemiBold";
  font-size: 12px;
  line-height: 24px;
  color: #fff;
}
.befitTitle {
  font-family: "Inter-SemiBold";
  font-size: 20px;
  line-height: 20px;
  color: #333;
  margin-bottom: 40px;
  padding: 0;
}
.benfitWrap {
  width: 255px;
  height: 146px;
  background-color: #ffffff;
  margin-right: 30px;
  margin-bottom: 40px;
  padding: 24px 20px;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
    0 10px 10px -5px rgba(0, 0, 0, 0.04);
  border: solid 1px #e3e4e8;
  border-radius: 4px;
}
.benfitWrap:last-child {
  margin-right: 0;
}
.upgradeWrap {
  float: left;
  position: relative;
  width: 375px;
  height: 322px;
  background-color: #ffffff;
  border-radius: 4px;
  margin-right: 18px;
  margin-bottom: 16px;
  padding: 24px;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
    0 10px 10px -5px rgba(0, 0, 0, 0.04);
  border: solid 1px #e3e4e8;
}
.upgradeWrap:nth-child(odd) {
  margin-right: 0;
}
.upgradeAddOnDisable div:not(.upgradeAddOnDisableTxt){
  opacity: 0.6;
}
.upgradeAddOnDisable .upgradeDropWrap{
  display: none;
}
.upgradeAddOnDisableTxt{
  display: none;
}
.upgradeAddOnDisable .upgradeAddOnDisableTxt{
  display: block;
  width: 347px;
  position: absolute;
  bottom: 96px;
  left: 14px;
  border: dashed 1px #d43d3d;
  font-family: "Inter-Regular";
  font-size: 14px;
  line-height: 19px;
  color: #d43d3d;
  padding: 9px;
}
.upgradeAddOnDisable .upgradeAddBtn{
  pointer-events: none;
}
.benifitName {
  font-family: "Inter-SemiBold";
  font-size: 16px;
  line-height: 20px;
  color: #333;
  margin-bottom: 4px;
}
.benifitInfo {
  font-family: "Inter-Regular";
  font-size: 12px;
  line-height: 18px;
  color: #333;
  height: 72px;
  overflow: hidden;
}
.upgradeInfo {
  font-family: "Inter-Regular";
  font-size: 14px;
  line-height: 24px;
  color: #333;
  margin-top: 12px;
  margin-bottom: 8px;
  /* padding-right: 20px; */
}
.benifitCheckIcon {
  width: 30px;
  height: 30px;
  position: absolute;
  top: -14px;
  left: calc(50% - 15px);
  /* Firefox */
  left: -moz-calc(50% - 15px);
  /* WebKit */
  left: -webkit-calc(50% - 15px);
}
.upgradeCheckWrap {
  position: relative;
  font-family: "Inter-Regular";
  font-size: 16px;
  line-height: 20px;
  height: 24px;
  color: #333;
  padding: 4px 0 26px 0;
  margin-bottom: 16px;
  width: 100%;
}
.upgradeCheckbox,
.upgradeCheckbox div {
  float: left;
  font-size: 12px;
}
.upgradeCheckTxt {
  float: left;
  font-size: 14px;
  line-height: 20px;
  color: #333;
}
.nriSvg{
  margin-left: 4px;
  cursor: pointer;
}
.nonAcceptCountryWrap .upgradeCheckTxt{
  width: 100%;
  margin-bottom: 15px;
}
.nonAcceptCountryWrap .upgradeCheckTxt{
  font-size: 16px;
  line-height: 20px;
}
.nonAcceptCountryWrap .upgradeCheckbox{
  margin-left: 0;
}
.addOnCheckIcon {
  display: none;
  position: absolute;
  top: 4px;
  right: 4px;
  width: 24px;
  height: 24px;
}
.upgradeCheckbox {
  margin-left: 30px;
}
.upgradeProceedWrap {
  position: absolute;
  bottom: -80px;
  left: 0;
}
.upgradeProceedWrap button {
  background-color: #f2581b;
  border: #f2581b;
  border-radius: 4px;
  font-family: "Inter-SemiBold";
  font-size: 14px;
  line-height: 16px;
  color: #fff;
  width: 312px;
  height: 60px;
  text-align: center;
  padding: 15px 0;
  display: block;
}
.upgradeSkipWrap {
  display: block;
  position: absolute;
  margin-top: 24px;
  right: 36px;
  z-index: 1;
}
.upgradeSkipWrap a {
  background-color: #fff;
  border: solid 1px #e3e4e8;
  border-radius: 4px;
  font-family: "Inter-Medium";
  font-size: 12px;
  line-height: 24px;
  color: #808080;
  width: 185px;
  height: 40px;
  text-align: center;
  text-decoration: none;
  display: block;
  padding: 7px 0;
}
.upgradeSkipWrap a svg {
  display: none;
}
.addOnCount {
  display: inline !important;
}
.addOnCount2Up {
  display: none;
}
.upgradeSkipProceedWrap {
  display: none;
  position: absolute;
  margin-top: 24px;
  right: 36px;
  z-index: 1;
}
.upgradeSkipProceedWrap a {
  background-color: #f2581b;
  border: solid 1px #f2581b;
  border-radius: 4px;
  font-family: "Inter-SemiBold";
  font-size: 12px;
  line-height: 14px;
  color: #fff;
  width: 185px;
  height: 48px;
  text-align: center;
  text-decoration: none;
  display: block;
  padding: 10px 0;
}
/* .upgradeSkipProceedWrap span{
  display: block;
} */
.upgradeSkipProceedWrap .proceedWrapTitle,
.upgradeProceedWrap .proceedWrapTitle {
  display: none;
  font-size: 10px;
}
.diabeticError,
.heartPatientError {
  display: none;
  float: left;
  font-size: 12px;
  color: #d43d3d;
  margin-top: 2px;
}
.diabeticError {
  position: absolute;
  top: 24px;
}

.disableOptionsClass {
  opacity: 0.4;
  pointer-events: none;
}
.heartPatientError {
  width: 100%;
}
.lifeEligibilityFormClass .inputFieldCust {
  position: relative;
}
.pinLocSvg {
  display: none;
  position: absolute;
  top: 11px;
  right: 14px;
  font-family: "Inter-Medium";
  font-size: 14px;
  line-height: 18px;
  color: #107591;
  margin-top: 1px;
}
.pinLocSvg svg {
  float: left;
}
.pinLocSvg span {
  float: left;
  margin-top: 0;
  max-width: 224px;
  text-overflow: ellipsis;
  line-height: 22px;
  height: 22px;
  overflow: hidden;
  white-space: nowrap;
}
.custom-checkbox {
  width: 34px;
  height: 20px;
  overflow: hidden;
  border-radius: 20px;
  margin: 0 10px;
}
.custom-checkbox-label {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  cursor: pointer;
  background-color: #dddddd;
  transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
}
.custom-checkbox-label-aux {
  top: 2px;
  left: 3px;
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  cursor: pointer;
  border-radius: 100%;
  transition: left 0.3s;
  -o-transition: left 0.3s;
  background-color: white;
  -moz-transition: left 0.3s;
  -webkit-transition: left 0.3s;
  box-shadow: 0px 1px 5px 0px rgba(56, 55, 56, 0.61);
  -moz-box-shadow: 0px 1px 5px 0px rgba(56, 55, 56, 0.61);
  -webkit-box-shadow: 0px 1px 5px 0px rgba(56, 55, 56, 0.61);
}
.custom-checkbox-input:checked + .custom-checkbox-label {
  background-color: #107591;
}
.custom-checkbox-input:checked
  + .custom-checkbox-label
  .custom-checkbox-label-aux {
  left: 16px;
}
.custom-checkbox-input {
  display: none;
}
.upgradeDropWrap {
  float: left;
  width: 100%;
  position: absolute;
  bottom: 96px;
}
.existPolWrap{
  display: inline-block;
  font-family: 'Inter-Medium';
  font-size: 14px;
  line-height: 20px;
  color: #333;
}
.existPolWrap span{
  font-family: 'Inter-SemiBold';
}
.vehRadioWrap {
	display: flex;
	margin: 12px 0 24px;
	overflow: hidden;
}
.vehRadioWrap input {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
}
.vehRadioWrap label {
  height: 31px;
  width: 91px;
  background-color: #fff;
  border: solid 1px #e3e4e8;
  color: #333;
  font-family: 'Inter-Regular';
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  padding: 6px 0;
  margin-right: 12px;
  margin-bottom: 0;
  border-radius: 8px;
	transition: all 0.1s ease-in-out;
}
.vehRadioWrap label:hover {
	cursor: pointer;
}
.vehRadioWrap input:checked + label {
  font-family: 'Inter-SemiBold';
  background-color: #107591;
  color: #fff;
  box-shadow: none;
  border: none;
}


.upgradeAddWrap {
  float: left;
  width: 100%;
  /* position: absolute;
  bottom: 30px;
  width: calc(100% - 60px);
  width: -moz-calc(100% - 60px);
  width: -webkit-calc(100% - 60px); */
}
.upgradePhyTestWrap{
  display: none;
  position: absolute;
  bottom: 56px;
  width: 100%;
  left: 0;
  padding: 0 14px;
}
.upgradePhyTestCenterWrap{
  display: table;
  margin: 0 auto;
  width: 348px;
}
.upgradePhyTestSvg{
  display: table-cell;
  width: 20px;
  height: 20px;
  margin-right: 4px;
  vertical-align: middle;
}
.upgradePhyTestTxt{
  display: table-cell;
  vertical-align: middle;
  font-family: 'Inter-Regular';
  font-size: 12px;
  line-height: 15px;
  color: #d43d3d;
}
.upgradeAddAmtWrap {
  text-align: center;
  width: 347px;
  position: absolute;
  bottom: 8px;
  left: 14px;
}
.detailsBottomBtn,
.planInfoCollapsBtn,
.tabletView {
  display: none;
}
.formLeftCont .collapse {
  display: block;
}
.upgradeBtmAmt {
  font-family: "Inter-Regular";
  font-size: 16px;
  line-height: 18px;
  color: #333;
  margin-top: 36px;
}
.upgradeAmtTxt {
  font-family: "Inter-Regular";
  font-size: 20px;
  line-height: 24px;
  color: #333;
  margin-bottom: 10px;
}
.upgradeAddBtn {
  width: 100%;
  height: 40px;
  border-radius: 4px;
  border: solid 1px #107591;
  background-color: #107591;
  font-family: "Inter-SemiBold";
  font-size: 12px;
  line-height: 24px;
  color: #fff;
  outline: none;
}
.upgradeAdded {
  display: none;
  border: solid 1px #d43d3d;
  background: none;
  color: #d43d3d;
  width: 100%;
  height: 40px;
  border-radius: 4px;
  font-family: "Inter-SemiBold";
  font-size: 12px;
  line-height: 24px;
  outline: none;
}
.upgradeDropList {
  float: left;
  width: 156px;
  height: 40px;
  border-radius: 4px;
  border: solid 1px #e3e4e8;
  background-color: #ffffff;
  padding: 3px 0;
  margin-right: 8px;
  margin-top: 18px;
}
.upgradeDropList:last-child {
  margin-right: 0;
}
.upgradeDropLabel {
  font-family: "Inter-Medium";
  font-size: 10px;
  line-height: 12px;
  color: #107591;
  padding: 0 10px;
}
.upgradeDropList .filterMenuSelectWrap {
  height: 22px;
}
.upgradeDropList .filterMenuSelectWrap > .bootstrap-select > .dropdown-toggle {
  font-family: "Inter-Regular" !important;
  font-size: 14px !important;
  line-height: 18px !important;
  color: #333 !important;
  height: 20px !important;
}
.upgradeDropList .filterMenuSelectWrap > .bootstrap-select > .dropdown-toggle .filter-option-inner-inner{
  font-size: 14px !important;
}
.upgradeDropList .filterMenuSelectWrap,
.upgradeDropList
  .filterMenuSelectWrap
  > .bootstrap-select
  .dropdown-toggle
  .filter-option-inner-inner {
  line-height: 18px;
}
.upgradeDropList
  .filterMenuSelectWrap
  > .bootstrap-select
  .dropdown-toggle
  .filter-option-inner-inner {
  padding: 0 10px;
}
.upgradeDropList .filterMenuSelectWrap .dropArrow,
.upgradeDropList .filterMenuSelectWrap .rotateDropArrow {
  top: 1px !important;
  right: 8px !important;
}
/* .upgradeDropList .filterMenuSelectWrap .bootstrap-select .dropdown-menu.open{
  top: 22px;
} */
.upgradeDropList .bs-searchbox > input {
  background-position: right 8px top 50%, 0 0;
  background-size: 17px;
  font-size: 14px;
  height: 32px;
  padding-right: 26px;
}
.upgradeDropList .selectIncome .bootstrap-select .dropdown-menu li a {
  padding: 12px 10px;
  font-size: 14px;
  line-height: 16px;
}
/* ----------- Plan Details style ends ----------------- */

/* ----------- Plan Compare style starts ----------------- */
.headCompContainer {
  width: 1110px;
  margin: 32px auto;
}
.comparisonBtn {
  width: 226px;
  height: 40px;
  padding: 0 22px;
  border-radius: 4px;
  background-color: #fff;
  color: #107591;
  outline: none;
  border: solid 1px #107591;
}
.comparisonBtnTxt,
.comparisonBtnIcon {
  float: left;
  margin: 0 3px;
  font-family: "Inter-Regular";
  font-size: 14px;
  line-height: 18px;
  color: #107591;
}
.comparisonOffBtn {
  width: 154px;
  height: 40px;
  border-radius: 4px;
  background-color: #f2581b;
  font-family: "Inter-Regular";
  font-size: 14px;
  line-height: 18px;
  color: #fff;
  border: none;
  outline: none;
}

.cd-products-comparison-table .formBkBtn {
  position: absolute;
  border: none;
  background: none;
  color: #333;
  font-size: 14px;
  font-family: "Inter-Medium";
  top: -40px;
}
.cd-products-comparison-table .formBkBtn svg {
  width: 15px;
  height: 15px;
  float: left;
  margin-top: 3px;
}
.cd-products-comparison-table {
  width: 1110px;
  margin: 22px auto 0;
  position: relative;
}
.cd-products-table {
  position: relative;
  /* overflow: hidden; */
}
.cd-products-table .features {
  /* fixed left column - product properties list */
  position: absolute;
  top: 0;
  left: 0;
  width: 260px;
  padding-right: 48px;
}
.cd-products-table .features::after {
  /* color gradient on the right of .features -  visible while scrolling inside the .cd-products-table */
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  width: 4px;
  height: 100%;
  background-color: transparent;
  background-image: -webkit-linear-gradient(
    left,
    rgba(0, 0, 0, 0.06),
    transparent
  );
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.06), transparent);
  opacity: 0;
}
/* .cd-products-wrapper {} */
.cd-products-columns {
  /* products list wrapper */
  /* width: 1200px; */
  margin-left: 260px;
  list-style: none;
  padding: 0;
}
.cd-products-columns::after {
  clear: both;
  content: "";
  display: table;
}
.cd-products-columns .product {
  position: relative;
  float: left;
  text-align: center;
  margin-right: 11px;
  font-family: "Inter-Regular";
  font-size: 14px;
  line-height: 18px;
  color: #333333;
  border: solid 1px #e3e4e8;
  /* background-color: #f7fdff; */
  -webkit-transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
  -moz-transition: opacity 0.3s, visibility 0.3s, -moz-transform 0.3s;
  transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
}
.cd-products-columns .productRec {
  /* background-color: #f7fdff; */
  border-color: #e3e4e8;
}
.cd-products-columns .product:last-child {
  margin-right: 0;
}
.cd-features-list {
  padding: 0;
  list-style: none;
}
.cd-features-list li {
  padding-top: 52px;
  padding-bottom: 32px;
  font-size: 12px;
}
.cd-features-list li .planSubOptionValue {
  padding-bottom: 0;
  height: 39px;
  overflow: hidden;
}
.cd-features-list li .planSubOptionValue:last-child {
  padding-bottom: 0;
}
.features .cd-features-list li,
.cd-products-table .features .top-info {
  /* fixed left column - items */
  font-family: "Inter-Regular";
  font-size: 14px;
  line-height: 19px;
  color: #333;
  /* set line-height value equal to font-size of text inside product cells */
  line-height: 14px;
  padding: 0;
  text-align: left;
}
.features .cd-features-list li {
  /* truncate text with dots */
  font-family: "Inter-Regular";
  font-size: 14px;
  line-height: 19px;
  color: #333;
}
.cd-products-table .top-info {
  position: relative;
  height: 250px;
  text-align: center;
  padding: 0;
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  transition: height 0.3s;
}
.top-info img {
  width: 60px;
  margin: 24px 0;
}
.productRecLabel {
  position: absolute;
  top: -40px;
  left: -1px;
  background: #107591;
  font-family: "Inter-SemiBold";
  font-size: 12px;
  line-height: 24px;
  color: #fff;
  text-align: center;
  width: 188px;
  padding: 8px 0;
  border-radius: 2px 20px 0 0;
}
.planOptionHead {
  font-family: "Inter-SemiBold";
  font-size: 16px;
  line-height: 19px;
  color: #333;
  padding-bottom: 5px;
  border-bottom: 1px solid #e3e4e8;
  margin-right: 60px;
  margin-bottom: 14px;
}
.features .cd-features-list li .planOptionName {
  margin-bottom: 0;
  height: 38px;
  overflow: hidden;
}
.features .cd-features-list li .planOptionName:last-child {
  margin-bottom: 47px;
}
.planOptionNameSub {
  font-size: 12px;
  line-height: 16px;
  color: #808080;
  overflow: revert !important;
  margin-top: -16px;
  margin-bottom: 0px !important;
  height: 52px !important;
}
.top-info .planOptionHead {
  padding-top: 44px;
  border-bottom: 1px solid #e3e4e8;
  margin-right: 60px;
  padding-bottom: 6px;
}
.top-info .planOptionFName {
  margin-top: 24px;
  margin-bottom: 26px;
}
.planName {
  font-family: "Inter-SemiBold";
  font-size: 16px;
  line-height: 20px;
  color: #333;
  margin-bottom: 22px;
}
.planOptionValue {
  font-family: "Inter-Regular";
  font-size: 14px;
  line-height: 18px;
  color: #333333;
  width: 170px;
  margin: 0 auto 16px;
}
.planAmt {
  font-family: "Inter-Regular";
  font-size: 20px;
  line-height: 25px;
  color: #333333;
  margin-bottom: 8px;
}
.cd-products-columns .productRec .recPlanBuyBtn {
  width: 156px;
  border: solid 1px #f2581b;
  background-color: #f2581b;
  color: #fdfdfd;
}
.recPlanBuyBtn {
  height: 40px;
  width: 128px;
  background-color: #fff;
  border: solid 1px #f2581b;
  color: #f2581b;
  border-radius: 4px;
  outline: none;
  font-family: "Inter-SemiBold";
  font-size: 12px;
  line-height: 24px;
}
.cd-features-list li .planSubOptionValue .planSubOptionWrap SVG {
  width: 18px;
  height: 18px;
  float: left;
  margin-right: 4px;
}
.planSubOptionWrap {
  display: inline-table;
}
.planSubOptionVal {
  /* float: left; */
  display: contents;
}
.planTwoLineHeight {
  height: 40px;
  padding-top: 9px;
}
.productDividerPadding {
  margin-bottom: 16px !important;
}
.productRec .planStickyHeader {
  position: fixed !important;
  top: 0;
  width: 266px;
  border: solid 1px #e3e4e8;
  border-left-width: 0;
  border-top-width: 0;
  /* background-color: #f7fdff; */
}
.planStickyHeader {
  position: fixed !important;
  top: 0;
  width: 183px;
  border: solid 1px #e3e4e8;
  border-left-width: 0;
  border-top-width: 0;
  background-color: #fff;
}
.features .planStickyHeader {
  position: fixed !important;
  top: 0;
  width: 260px;
  border: none;
  background-color: #fff;
}
.planStickyHeader ~ .cd-features-list {
  margin-top: 320px;
}
#planDetailsPopup .modal-dialog {
  width: 999px;
}
#planDetailsPopup .modelWrap {
  float: left;
  width: 100%;
  padding: 17px 24px 40px 24px;
}
.detailsPopHeadWrap {
  float: left;
  width: 100%;
  padding-bottom: 14px;
  border-bottom: 1px solid #e3e4e8;
  margin-bottom: 24px;
}
.detailsPopLogo {
  float: left;
  width: 62px;
  margin-right: 12px;
}
.detailsPopLogo img {
  width: 62px;
}
.detailsPopPlanName {
  float: left;
  width: 200px;
  height: 60px;
  border-right: 1px solid #e3e4e8;
}
.detailsPopPlanN {
  font-family: "Inter-SemiBold";
  font-size: 14px;
  line-height: 18px;
  color: #333;
}
.detailsPopPlanT {
  font-family: "Inter-Regular";
  font-size: 14px;
  line-height: 18px;
  color: #333;
}
.dwnBrochureBtn{
  background-color: #fff;
  font-family: "Inter-SemiBold";
  font-size: 11px;
  line-height: 14px;
  color: #107591;
  padding: 6px 12px;
  border: solid 1px #107591;
  border-radius: 18px;
  margin-top: 4px;
}
.dwnBrochureBtn:hover{
  background-color: #107591;
  color: #fff;
}
.tabHead .dwnBrochureBtn{
  margin: 4px 0 0 12px;
}
#mobKnowYourPlan .dwnBrochureBtn {
  font-size: 9px;
  line-height: 11px;
  padding: 5px 7px 4px;
  margin: 2px 0 0 6px;
}
.detailsPopPlanCT {
  float: left;
  width: 130px;
  height: 60px;
  border-right: 1px solid #e3e4e8;
  text-align: center;
}
.detailsPopPlanCTN {
  font-family: 'Inter-Regular';
  font-size: 13px;
  line-height: 24px;
  color: #333;
}
.detailsPopPlanCTT {
  font-family: "Inter-Medium";
  font-size: 16px;
  line-height: 20px;
  color: #333;
}
.detailsPopPlanNG {
  float: left;
  width: 386px;
  height: 60px;
  text-align: center;
  padding-top: 0;
}
.detailsPopPlanAmt {
  float: left;
  text-align: center;
  margin-top: -5px;
}
.detailsPopPlanAmtN {
  font-family: "Inter-Regular";
  font-size: 20px;
  line-height: 25px;
  color: #333;
  margin-bottom: 8px;
}
.detailsPopPlanAmtT {
  width: 156px;
  height: 40px;
  border-radius: 4px;
  background-color: #f2581b;
  border: solid 1px #f2581b;
  outline: none;
  font-family: "Inter-SemiBold";
  font-size: 12px;
  line-height: 24px;
  color: #ffffff;
}
.detailsPopPlanAmtVer {
  float: none;
  display: table-cell;
  vertical-align: middle;
  height: 60px;
}
.detailPopTabs {
  float: left;
  width: 100%;
}
.detailPopTabs .nav-tabs > li > a {
  font-family: "Inter-Regular";
  font-size: 14px;
  line-height: 18px;
  color: #333;
  margin-right: -1px;
  border: 1px solid #e3e4e8;
  border-radius: 0;
  width: 260px;
  text-align: center;
}
.detailPopTabs .nav > li > a {
  padding: 20px 2px;
}
.detailPopTabs .nav-tabs > li.active > a,
.detailPopTabs .nav-tabs > li.active > a:focus,
.detailPopTabs .nav-tabs > li.active > a:hover {
  background-color: #107591;
  font-family: 'Inter-SemiBold';
  color: #fff;
  border: 1px solid #107591;
}
.detailPopTabs .nav > li > a:focus,
.detailPopTabs .nav > li > a:hover {
  background-color: #107591;
  color: #fff;
  border-top-color: #107591;
  border-bottom-color: #107591;
  /* border-left-color: #e3e4e8;
  border-right-color: #e3e4e8; */
}
.detailPopTabs .nav-tabs li:first-child a {
  border-radius: 4px 0 0 4px;
}
.detailPopTabs .nav-tabs li:last-child a {
  border-radius: 0 4px 4px 0;
}
.detailPopTabs .nav-tabs {
  border: none;
}
.detailPopTabs .tab-content {
  padding: 32px 0;
}
.detailDataWrap {
  float: left;
  width: 100%;
  margin-bottom: 32px;
}
.detailDataWrap:last-child {
  margin-bottom: 0;
}
.detailTitle {
  float: left;
  font-family: "Inter-SemiBold";
  font-size: 14px;
  line-height: 18px;
  color: #333;
  width: 310px;
}
.detailDivider {
  float: left;
  font-family: "Inter-SemiBold";
  font-size: 14px;
  line-height: 18px;
  color: #333;
}
.detailData {
  float: left;
  font-family: "Inter-Regular";
  font-size: 14px;
  line-height: 18px;
  color: #333;
  width: 530px;
  margin-left: 32px;
}
.detailsPopStepWrap {
  margin-bottom: 50px;
}
.detailsStepData1,
.detailsStepData3,
.detailsStepData4 {
  float: left;
  width: 100%;
  font-family: "Inter-Regular";
  font-size: 14px;
  line-height: 24px;
  color: #333;
}
.detailsStepData2 {
  float: left;
  width: 100%;
  font-family: "Inter-SemiBold";
  font-size: 16px;
  line-height: 28px;
  color: #333;
}
.detailsStepData1 {
  margin-bottom: 40px;
  margin-top: 50px;
}
.detailsStepData3 {
  margin-left: 20px;
}
.kypMenuWrap {
  float: left;
  width: 216px;
  margin-right: 22px;
  border: solid 1px #e3e4e8;
}
.kypContentWrap {
  float: left;
  width: 700px;
}
.kypMenuDivider {
  float: left;
  width: 100%;
  height: 43px;
  background-color: #f6f6f6;
  border-bottom: solid 1px #e3e4e8;
  padding: 12px 9px;
  font-family: "Inter-SemiBold";
  font-size: 14px;
  line-height: 18px;
  color: #107591;
}
#kyp .nav-tabs > li > a {
  font-family: "Inter-Regular";
  font-size: 12px;
  line-height: 15px;
  color: #333;
  width: 215px;
  padding: 6px 10px;
  text-align: left;
  border-bottom: solid 1px #e3e4e8;
}
#kyp .nav-tabs > li.active > a,
#kyp .nav-tabs > li.active > a:focus,
#kyp .nav-tabs > li.active > a:hover {
  background-color: #107591;
  font-family: "Inter-Regular";
  font-size: 12px;
  line-height: 15px;
  color: #fff;
}
#kyp .nav-tabs > li > a {
  margin-right: 0;
  border-width: 0 0 1px 0;
}
#kyp .nav > li > a:focus,
#kyp .nav > li > a:hover {
  color: #fff;
}
#kyp .kypContentWrap .tab-content {
  padding: 0;
}
.tabHead {
  font-family: "Inter-SemiBold";
  font-size: 16px;
  line-height: 20px;
  color: #333;
  margin: 14px 0 16px 0;
}
.tabQuestion {
  font-family: "Inter-SemiBold";
  font-size: 14px;
  line-height: 27px;
  color: #333;
}
.tabAnswer {
  font-family: "Inter-Regular";
  font-size: 14px;
  line-height: 22px;
  color: #333;
  margin-bottom: 18px;
}
#kyp table,
#kyp th,
#kyp td {
  border: 1px solid #333;
  border-collapse: collapse;
}
#kyp th,
#kyp td {
  padding: 5px;
  text-align: left;
}
#kyp ol {
  list-style-type: lower-alpha;
  line-height: 25px;
  padding-left: 20px;
}
#kyp ol.number-ol {
  list-style-type: decimal;
}
.progressbar {
  counter-reset: step;
}
.progressbar li {
  font-family: "Inter-SemiBold";
  font-size: 14px;
  line-height: 18px;
  color: #333;
  position: relative;
  list-style: none;
  float: left;
  width: 33.33%;
  text-align: center;
}
/* Circles */
.progressbar li:before {
  content: counter(step);
  counter-increment: step;
  width: 32px;
  height: 32px;
  font-family: "Inter-SemiBold";
  font-size: 14px;
  line-height: 18px;
  color: #333;
  border: 1px solid #f6f6f6;
  display: block;
  text-align: center;
  margin: 0 auto 10px auto;
  border-radius: 50%;
  background-color: #f6f6f6;

  /* Center # in circle */
  line-height: 30px;
}
.progressbar li:after {
  content: "";
  position: absolute;
  width: 90%;
  height: 2px;
  background: #e3e4e8;
  top: 16px; /*half of height Parent (li) */
  left: -45%;
  /* z-index: -1; */
}
.progressbar li:first-child:after {
  content: none;
}
.detailsPopStepIcon {
  position: absolute;
  left: 142px;
  top: -42px;
  width: 22px;
}
/* ----------- Plan Compare style starts ----------------- */

/* ----------- Plan Form style starts ----------------- */
.formHeaderWrap {
  width: 1110px;
  margin: 22px auto;
  display: table;
  position: relative;
}
.formHeaderWrap .formBkBtn {
  position: absolute;
  border: none;
  background: none;
  color: #333;
  font-size: 14px;
  font-family: "Inter-Medium";
  left: -88px;
}
.closeCollapseIcon {
  display: none;
}
.formHeaderWrap .formBkBtn svg {
  width: 15px;
  height: 15px;
  float: left;
  margin-top: 3px;
}
.formHeaderCont {
  margin: 0 auto 32px;
  text-align: center;
  /* display: inline; */
  float: left;
  width: 100%;
}
.formHeaderCont img {
  width: 96px;
  height: 96px;
  border: solid 0.5px #e3e4e8;
  border-radius: 50%;
  display: block;
  margin: -78px auto 4px;
}
.formHeaderCont span {
  font-family: "Inter-Regular";
  font-size: 24px;
  line-height: 24px;
  color: #333;
  display: block;
}
.formLeftCont {
  float: left;
  position: relative;
  width: 312px;
  border-radius: 4px;
  background-color: #ffffff;
  margin-right: 22px;
  padding: 24px 24px 32px 24px;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
    0 10px 10px -5px rgba(0, 0, 0, 0.04);
  border: solid 1px #e3e4e8;
}
.formRightMainCont {
  float: left;
  width: 768px;
}
.formRightCont {
  float: left;
  position: relative;
  width: 766px;
  border-radius: 4px;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
    0 10px 10px -5px rgba(0, 0, 0, 0.04);
  border: solid 1px #e3e4e8;
  background-color: #ffffff;
  padding: 24px 24px 30px 24px;
  margin-bottom: 22px;
}
.formRightPadCorr {
  padding: 24px 24px 10px 24px;
}
.formLeftLogo {
  float: left;
  width: 62px;
  height: 62px;
  margin-right: 18px;
}
.formLeftLogoNameWrap {
  float: left;
  width: 100%;
  margin-bottom: 28px;
}
.formLeftNameWrap {
  float: left;
  width: 178px;
}
.formLeftPlanName {
  font-family: "Inter-SemiBold";
  font-size: 14px;
  line-height: 18px;
  color: #333;
  max-height: 38px;
  overflow: hidden;
}
.formLeftPlanSubName {
  font-family: "Inter-Regular";
  font-size: 12px;
  line-height: 18px;
  color: #333;
  max-height: 38px;
  overflow: hidden;
}
.formLeftTermNomineeWrap {
  float: left;
  width: 100%;
  margin-bottom: 32px;
}
.formleftTerm {
  float: left;
  width: 80px;
  margin-right: 22px;
}
.formRightTerm {
  float: left;
  width: 158px;
}
.formleftTermHead {
  font-family: "Inter-SemiBold";
  font-size: 12px;
  line-height: 12px;
  color: #333;
  margin-bottom: 8px;
  text-transform: uppercase;
}
.formleftTermTxt {
  font-family: "Inter-Regular";
  font-size: 14px;
  line-height: 18px;
  color: #333;
}
.formLeftPremiumWrap {
  float: left;
  width: 100%;
  border-bottom: 1px solid #107591;
  margin-bottom: 12px;
}
.formLeftPremiumChkWrap {
  float: left;
  width: 100%;
  margin-bottom: 32px;
}
.formLeftPreHead {
  font-family: "Inter-SemiBold";
  font-size: 16px;
  line-height: 20px;
  color: #333;
  padding-bottom: 6px;
  border-bottom: solid 1px #e3e4e8;
  margin-bottom: 16px;
}
.formLeftPreTxt {
  float: left;
  display: inline-table;
  width: 100%;
  font-family: "Inter-Regular";
  font-size: 14px;
  line-height: 18px;
  color: #333;
  margin-bottom: 12px;
}
.formLeftPreTxt .cardTooltipSvg {
  display: inline;
}
.formLeftPreTxt span {
  display: table-cell;
  position: relative;
  padding-right: 12px;
}
.formLeftPreAmt {
  text-align: right;
  vertical-align: middle;
}
.formLeftPreAmt svg {
  top: -3px;
  position: absolute;
  right: 0;
}
.formLeftAmtWrap {
  float: left;
  width: 100%;
  margin-bottom: 32px;
}
.formLeftAmtTxt {
  float: left;
  width: 100%;
  font-family: "Inter-SemiBold";
  font-size: 12px;
  line-height: 15px;
  color: #107591;
  margin-bottom: 6px;
}
.formLeftAmtMon {
  float: left;
  width: 100%;
  font-family: "Inter-Regular";
  font-size: 20px;
  line-height: 25px;
  color: #107591;
  border-bottom: 1px solid #107591;
  padding-bottom: 12px;
}
.downloadBroBtn {
  width: 200px;
  height: 44px;
  font-family: "Inter-Medium";
  font-size: 14px;
  line-height: 18px;
  color: #fff;
  padding: 0 18px;
  margin: 0 32px;
  border-radius: 4px;
  background-color: #107591;
  border: none;
  outline: none;
}
.downloadBroBtnTxt {
  float: left;
  margin-right: 10px;
}
.downloadBroBtnIcon {
  float: left;
}
.formRightTitle {
  float: left;
  width: 100%;
  font-family: "Inter-Medium";
  font-size: 20px;
  line-height: 25px;
  color: #333;
  margin-bottom: 16px;
}
.formRightCont .customWrap {
  width: 100%;
}
.formRightCont .inputFieldCust,
.formRightCont .float-label input,
.formRightCont .selectIncome {
  float: left;
  height: 48px;
  width: 346px;
}
.formRightCont .selectIncome > .bootstrap-select > .dropdown-toggle {
  padding: 9px 14px;
  height: 48px;
  width: 346px;
}
.formRightCont .selectIncome {
  margin: 0 24px 24px 0;
}
.formRightCont .selectIncome:nth-child(even) {
  margin: 0 0 24px 0;
}
.formRightCont
  .selectIncome
  > .bootstrap-select
  .dropdown-toggle
  .filter-option-inner-inner {
  font-family: "Inter-Regular";
  font-size: 14px;
  line-height: 28px;
  color: #333;
}
/* .formRightCont .selectIncome .bootstrap-select .dropdown-menu.open{
  top: 36px;
} */
.formRightCont .bs-searchbox > input {
  font-size: 14px;
  height: 36px;
}
.formRightCont .selectIncome .bootstrap-select .dropdown-menu li a {
  padding: 14px 12px;
  font-size: 14px;
  line-height: 10px;
}
.formRightCont .float-label label {
  font-family: "Inter-Regular";
  font-size: 14px;
  line-height: 18px;
  color: #333;
  top: 15px;
  left: 14px;
}
.formRightCont .float-label label .dobSubTitle {
  font-size: 10px;
}
.formRightCont .float-label input:valid + label .dobSubTitle,
.formRightCont .float-label input:focus + label .dobSubTitle {
  font-size: 8px;
}
.formRightCont .float-label input {
  font-family: "Inter-Regular";
  font-size: 14px;
  line-height: 18px;
  color: #333;
}
.formRightCont .float-label input:valid,
.formRightCont .float-label input:focus {
  padding: 18px 8px 5px 14px;
}
.formRightCont .float-label input:valid + label,
.formRightCont .float-label input:focus + label {
  font-size: 12px;
}
.formRightCont .emailErrorField,
.formRightCont .fieldError {
  float: left;
  font-size: 12px;
  margin-top: 0;
}
.customWrapProceed .proceedNext div {
  font-family: "Inter-SemiBold";
  font-size: 14px;
  line-height: 18px;
  /* color: #fff; */
  width: 100%;
  height: 18px;
}
.formRightCont .dropArrow {
  background-size: 14px;
  right: 12px;
  top: 20px;
  width: 14px;
  height: 10px;
}
.eligiCheckWrap {
  font-family: "Inter-Medium";
  font-size: 16px;
  line-height: 20px;
  color: #333;
  padding-top: 16px;
}
.eligiCheckWrap .upgradeCheckTxt {
  padding-top: 2px;
}
.eligiCheckWrap .upgradeCheckbox {
  line-height: 24px;
}
.eligiFullWidth {
  width: 100% !important;
  margin-bottom: 16px;
  height: auto !important;
}
.eligiCountryWrap, .nonAcceptCountryShow {
  display: none;
}
.agreeChecWrap {
  display: none;
  float: left;
  width: 100%;
  margin-bottom: 24px;
}
.agreeChecWrap .morePlanCheck {
  display: flex;
  float: none;
  /* width: 519px; */
  width: 90%;
  margin: 0 auto;
  font-family: "Inter-Medium";
  font-size: 10px;
  line-height: 15px;
  color: #107591;
}
.agreeChecWrap .morePlanCheck label {
  cursor: inherit;
}
.agreeChecWrap .morePlanCheck input + label:before {
  float: left;
  margin: 4px 8px 106px 0;
}
.editPersonalFormWrap {
  display: none;
  position: absolute;
  top: 12px;
  right: 12px;
  font-family: "Inter-Medium";
  font-size: 12px;
  line-height: 18px;
  color: #107591;
  cursor: pointer;
}
.editPersonalFormWrap svg {
  margin: 2px 3px 0 0;
  float: left;
}
.lifeEligibilityFormClass,
.eligiSubmitBtnWrap,
.mobileCompaireMainBtn,
.mobileSubFilterWrap,
.mobileCardMiddleSection,
.mobileCardTopRight,
.nomineeSelectSubMobTxt {
  display: none;
}
/* ----------- Plan Form style ends ----------------- */

/* ----------- Thank you style starts ----------------- */
.thankWrap {
  width: 1110px;
  margin: 0 auto 24px;
}
.thankWrap div {
  text-align: center;
}
.thankLogo img {
  margin-top: -52px;
  border: solid 0.5px #e3e4e8;
  border-radius: 50%;
  width: 96px;
  height: 96px;
}
.thankCheck {
  margin-top: 48px;
  margin-bottom: 10px;
}
.thankTitle {
  font-family: "Inter-SemiBold";
  font-size: 20px;
  line-height: 24px;
  color: #333;
  margin-bottom: 8px;
}
.thankSubTitle {
  font-family: "Inter-Regular";
  font-size: 16px;
  line-height: 24px;
  color: #808080;
}
.thankBtnWrap {
  margin-top: 24px;
}
.thankBtnWrap button {
  width: 275px;
  height: 54px;
  padding: 0 16px;
  border-radius: 4px;
  background-color: #107591;
  border: solid 1px #107591;
  outline: none;
  font-family: "Inter-SemiBold";
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  text-transform: uppercase;
}
.thankDownloadBtn button{
  background-color: #fff;
  border: solid 1px #dcdde0;
  color: #808080;
}
.thankWrap .thankBtnWrap button{
  display: inline-table;
  padding: 0 10px;
}
.thankWrap .thankBtnWrap div,
.thankWrap .thankBtnWrap svg{
  display: inline;
}
.thankDownloadBtn.thankBtnWrap svg{
  width: 16px;
  height: 15px;
  margin-right: 8px;
}
.mobileNomineeViewMain,
.mobileNomineeView,
.eligibilityShort,
.mobileViewtotal,
.paymentTermOverlay .nomineeSubTitle,
.mobPopTitle,
.mobModyPopBtnWrap,
.reviewMobShow {
  display: none;
}
.addOnSelected {
  border: solid 2px #107591;
}

/* ----------- Thank you style ends ----------------- */

/* ----------- NRI changes style starts ----------------- */
.popupRow{
  margin: 10px 9px 0!important;
}
#nriInfo .expertTopWrap,
#nriQualification .expertTopWrap,
#nriHusbNoPlan .expertTopWrap,
#nriNonAptCountry .expertTopWrap,
#nriUSNonAptCountry .expertTopWrap,
#nriFutureNonAptCountry .expertTopWrap{
  width: 22px;
  height: 22px;
  padding: 0;
  float: right;
}
#nriInfo .modal-dialog,
#nriQualification .modal-dialog,
#nriHusbNoPlan .modal-dialog,
#nriNonAptCountry .modal-dialog,
#nriUSNonAptCountry .modal-dialog,
#nriFutureNonAptCountry .modal-dialog{
  width: 743px;
}
#nriInfo .reviewPopTitle,
#nriQualification .reviewPopTitle,
#nriHusbNoPlan .reviewPopTitle,
#nriNonAptCountry .reviewPopTitle,
#nriUSNonAptCountry .reviewPopTitle,
#nriFutureNonAptCountry .reviewPopTitle{
  font-size: 20px;
  line-height: 24px;
  color: #000;
  text-align: left;
  height: 50px;
  border-bottom: 1px solid #e3e4e8;
  margin-bottom: 24px;
}
.nriWrap{
  float: left;
  width: 100%;
  margin-bottom: 16px;
  font-family: "Inter-Medium";
  font-size: 14px;
  line-height: 20px;
  color: #333;
  text-align: left;
}
.nriPopList{
  float: left;
  width: 100%;
}
.nriPopListUL{
  margin-bottom: 32px;
}
.nriPopListLI{
  display: flex;
  margin-bottom: 7px;
}
.nriPopListLI svg{
  margin: 5px 7px 0 0;
}
.nriBold{
  font-family: "Inter-SemiBold";
}
.nriPopBtn {
  width: 280px;
  height: 60px;
  border-radius: 4px;
  background-color: #f2581b;
  font-family: "Inter-SemiBold";
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  margin: 8px;
  outline: none;
  border: solid 1px #f2581b;
}
.addContryBtn{
  float: left;
  width: 146px;
  height: 48px;
  border: dashed 1px #107591;
  background-color: #fff;
  font-family: 'Inter-Regular';
  font-size: 16px;
  line-height: 20px;
  color: #107591;
  padding: 12px 14px;
  cursor: pointer;
}
.postEduNqualiWrap, .usaState{
  display: none;
}
.nripopTextBtmMargin{
  margin-bottom: 24px;
}

.nonAcceptCountryShow .selectIncome{
  width: 100%;
} 
.nonAcceptCountryShow .selectIncome .dropdown{
  width: 346px!important;
} 
.nonAcceptCountryShow .selectIncome .dropArrow {
  left: 318px;
  right: auto;
}
.futureCountryRemove{
  position: absolute;
  right: auto;
  left: 356px;
  bottom: 13px;
  cursor: pointer;
  height: 24px;
  width: 24px;
}
/* Life Quote style ends */

/* MaxLife Popup style starts */
.maxLifeWrap{
  width: 494px;
}
.maxLifeTitle{
  width: 100%;
  font-family: "Inter-SemiBold";
  font-size: 20px;
  line-height: 28px;
  color: #333;
  margin-top: -25px;
  margin-bottom: 32px;
  text-align: center;
}
.maxLifeSubTitle{
  width: 100%;
  font-family: "Inter-Regular";
  font-size: 16px;
  line-height: 20px;
  color: #333;
  margin-bottom: 20px;
  text-align: center;
}
#maxLifeModal .smokingWrap {
  width: 294px;
  margin: 0 auto;
  padding-top: 0;
}
#maxLifeModal .checked .smokingTxt, 
#maxLifeModal .checked .smokingImgNo, 
#maxLifeModal .checked .smokingImgYes, 
#maxLifeModal .checked .termTxt {
  fill: #fff;
  color: #fff;
}
#maxLifeModal .smokingWrap .smokingInput:first-child {
  margin-right: 12px;
}
#maxLifeModal .smokingInput {
  padding: 38px 10px 50px 10px!important;
  width: 140px;
  height: 132px!important;
  margin-bottom: 23px;
}
.salaryDisAmt{
  font-family: "Inter-Regular";
  font-size: 14px;
  line-height: 17px;
  color: #333;
  position: absolute;
  bottom: -24px;
  left: 0;
  width: 100%;
}
#maxLifeModal .expertForm button {
  width: 190px;
  height: 54px;
}
.maxLifeBack{
  width: 100%;
  font-family: "Inter-Regular";
  font-size: 14px;
  line-height: 17px;
  color: #808080;
  text-align: center;
  margin-top: 12px;
  cursor: pointer;
  text-decoration: underline;
}
/* MaxLife Popup style ends */

/* Loading Popup style starts  */
#pleaseConfirmPolicy .modal-dialog {
  width: 722px;
}
#pleaseConfirmPolicy .modal-content {
  position: relative;
  height: 470px;
}
#pleaseConfirmPolicy .modal-body, 
#pleaseConfirmPolicy .expertForm form {
  position: initial;
}
#pleaseConfirmPolicy .modal-body {
  padding: 24px 32px 40px 32px;
  font-family: 'Inter-Regular';
  font-size: 14px;
  line-height: 22px;
  color: #333;
}
#pleaseConfirmPolicy .expertForm {
  margin: 0;
}
#pleaseConfirmPolicy .expertForm form {
  display: block;
}
/* #pleaseConfirmPolicy .popTab {
  display: none;
} */
.confirmPopFooter {
  position: absolute;
  bottom: 0;
  left: calc(50% - 150px);
  text-align: center;
}
.confirmPopVahicleSvg {
  width: 200px;
}
.confirmMainTitle {
  display: block;
  width: 100%;
  text-align: center;
  font-family: 'Inter-Regular';
  font-size: 13px;
  line-height: 16px;
  color: #333;
  margin-bottom: 20px;
}
/* Dot animation starts */
@keyframes blink {
  0% {
    opacity: .2;
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: .2;
  }
}
.dotAnimation span {
  animation-name: blink;
  animation-duration: 1.4s;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
}
.dotAnimation span:nth-child(2) {
  animation-delay: .2s;
}
.dotAnimation span:nth-child(3) {
  animation-delay: .4s;
}
/* Dot animation ends */
.loaderingFeed{
  /* display: none; */
  width: 100%;
  padding: 0;
  text-align: center;
}
.polDataPopHeadWrap {
  display: block;
  text-align: center;
  margin-bottom: 42px;
}
.polDataLaxImg {
  display: inline-block;
  width: 56px;
  height: 56px;
  border: solid 1px #e3e4e8;
  border-radius: 50%;
}
.confirmTitle {
  position: relative;
  display: inline-block;
  font-family: 'Inter-SemiBold';
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 8px;
  text-align: center;
}
.loadFedWrap {
  padding: 0;
  margin: -22px auto 0;
  width: calc(100% - 164px);
  text-align: left;
}
.loadFedWrap li {
  list-style: none;
  font-family: 'Inter-Regular';
  font-size: 16px;
  line-height: 24px;
  color: #333;
  margin-bottom: 18px;
}
.loadDots, .loadicon {
  float: right;
}
.loadDots img, .loadicon img {
  width: 24px;
  height: 24px;
}

/* Loading Popup style ends  */

/* Extra small devices (phones, 767px and down) */
@media only screen and (max-width: 767px) {
  /* Life Quote style starts */
  body {
    padding-bottom: 154px;
  }
  .mobileShow {
    display: block;
  }
  #monthlyPlusLum .cardContainer .cardBtmLeft{
    border-left: none;
  }
  .mobileFiltersWrap {
    width: 100%;
    margin: 10px 0 14px;
    float: left;
    height: 28px;
  }
  .modifyMobFilterDetails {
    float: right;
    display: inline-flex;
    font-family: "Inter-Medium";
    font-size: 11px;
    line-height: 14px;
    color: #333;
    height: 28px;
    border-radius: 4px;
    border: solid 1px #e3e4e8;
    background-color: #ffffff;
    text-align: center;
    padding: 7px 9px;
  }
  .modifyMobFilterDetails svg {
    margin-right: 5px;
  }
  .filterMenuWrap {
    width: 100%;
    height: 84px;
    border: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    margin: 0 auto;
    padding: 0 8px;
    float: left;
    box-shadow: none;
  }
  .filterMenuTxt {
    font-size: 11px;
    line-height: 14px;
  }
  .filterMenuSelectWrap {
    font-size: 11px;
    line-height: 14px;
    height: 16px;
  }
  .filterMenuSelectWrap > .bootstrap-select > .dropdown-toggle {
    font-size: 11px !important;
    line-height: 14px !important;
    height: 14px !important;
  }
  .filterMenuSelectWrap .dropArrow {
    right: 0;
    top: 0;
    width: 13px;
    background-size: 11px;
  }
  .filterMenuCont {
    height: 34px;
    margin-bottom: 12px;
  }
  .filterMenuTxt {
    padding: 0 4px;
  }
  .filterMenuSelectWrap
    > .bootstrap-select
    .dropdown-toggle
    .filter-option-inner-inner {
    font-size: 11px;
    line-height: 14px;
    padding: 0 12px 0 4px;
    text-overflow: ellipsis;
  }
  .tabletCoverAmt {
    width: 33%; /* 86px */
  }
  .tabletCoverUpto {
    width: 33%; /* 18% / 70px */
  }
  .tabletNomineeGets {
    width: 34% !important; /* 124px */
    border-right: none;
  }

  /* Monthly */
  .monthlyFilter .tabletCoverUpto {
    width: 28%;
  }
  .monthlyFilter .tabletNomineeGets {
    width: 33%!important;
  }
  .monthlyFilter .tabletMonthlyAmt {
    width: 39%;
  }
  /* Monthly lumpsum */
  .desktopShow, .desktopCellShow{
    display: none;
  }
  .desktopHide{
    display: block;
  }
  .desktopBlockHide{
    display: table-cell;
  }
  .monthlyLumpFilter .tabletCoverUpto {
    width: 19%;
  }
  .monthlyLumpFilter .tabletNomineeGets {
    width: 35%!important;
  }
  .monthlyLumpFilter .tabletMonthlyAmt {
    width: 46%;
  }

  .tabletMonthlyAmt {
    width: 48%; /* 144px */
    border-left: solid 1px rgba(141, 145, 148, 0.4);
    border-right: none;
  }
  .limitedPayValue {
    font-size: 11px;
    top: 2px;
    left: 66px;
    line-height: 14px;
  }
  .tabletPaymentTerm {
    width: 35%; /* 127px */
  }
  .tabletMorePlans {
    width: 33%; /* 114px */
  }
  .quoteTalkExpert,
  .upgradeSkipWrap,
  .upgradeSkipProceedWrap {
    display: none !important;
  }
  .formBkBtn {
    text-transform: capitalize;
    font-size: 13px;
    margin-top: 6px;
    margin-left: 12px;
  }
  .termQuoteBack {
    margin-top: 14px;
    margin-left: 7px;
  }
  .headInfoContainer,
  .headTitleMainWrap,
  .formLeftCont,
  .formRightMainCont {
    width: 100%;
  }
  .formHeaderCont {
    margin: 0 auto 12px;
  }
  .formHeaderCont img {
    width: 72px;
    height: 72px;
    margin: -60px auto 4px;
  }
  .formHeaderCont span {
    font-size: 13px;
  }
  .headTitleLeft {
    font-size: 16px;
    line-height: 20px;
    padding-left: 15px;
    width: 100%;
  }
  .subFilterContainer {
    width: 100%;
  }
  .mobileCompaireMainBtn {
    display: block;
    position: relative;
  }
  .mobileCompaireMainBtn .subFilterBtn {
    position: absolute;
    top: -34px;
    right: 15px;
  }
  .mobileCompaireMainBtn .compareBtn,
  .mobileCompaireMainBtn .compareOffBtn {
    width: 99px;
    height: 28px;
    font-size: 11px;
    line-height: 14px;
    padding: 0;
  }
  .cardContainer {
    width: 100%;
    padding: 0 0 50px 0;
  }
  .mobileSubFilterWrap {
    display: block;
    /* float: left; */
    height: 34px;
    width: 100%;
    background-color: #ddf8ff;
    padding: 8px 0;
    margin: 8px 0 40px;
  }
  .premiumFilterWrap {
    border: none;
    margin: 0;
    width: auto;
    padding: 0 9px 0 0;
    height: 20px;
  }
  .cardSuggestedTablet {
    top: -30px;
    left: 0;
  }
  .cardSuggestedTablet img {
    width: 40px;
    height: 40px;
    left: 15px;
  }
  .cardSugTabletTxt {
    margin-top: 3px;
    margin-left: 46px;
    padding: 1px 26px 0 22px;
  }
  .cardContainerSingle .cardItemHeader,
  .cardItemHeader {
    width: 100%;
    padding: 21px 15px 10px 15px;
  }
  .cardContainerSingle .cardPlanLogo,
  .cardPlanLogo {
    height: 34px;
    width: 34px;
  }
  .cardPlanLogo img {
    max-height: 34px;
  }
  .cardContainerSingle .cardPlanLogoTxt,
  .cardPlanLogoTxt {
    width: 100%;
    padding-left: 6px;
    padding-right: 6px;
    margin: 0;
  }

  .desktopLable{
    display: none;
  }
  .affinityRecCard {
    margin-top: 72px;
  }
  .affinityRecCard .cardSuggestedTablet {
    position: absolute;
    top: -67px;
    left: 0;
    width: 100%;
  }
  .affinityRecCard .cardSuggestedTablet img {
    left: 6px;
    top: 8px;
    width: 51px;
    height: 51px;
  }
  .affinityRecCard .cardItemHeader{
    background-color: #fff;
    border-radius: 4px;
  }
  .affinityRecCard .cardSugTabletTxt{
    width: 100%;
    height: 356px;
    font-family: "Inter-Regular";
    font-size: 10px;
    line-height: 15px;
    padding: 10px 7px 0 74px;
    border-top-right-radius: 0;
    margin-top: 0;
    margin-left: 0;
  }
  .affinityRecCard .cardSugTabletTxt .recTxtBold{
    font-family: "Inter-SemiBold";
  }
  .affinityRecCard .cardSugTabletTxt svg{
    position: absolute;
    width: 10px;
    height: 10px;
    left: 58px;
    top: 13px;
  }
  .affinityRecCard .cardSugTabletTxt .recLastChild{
    display: block;
  }
  .cardContainerSingle.affinityRecCard .cardItemWrap{
    margin: 0 0 60px;
  }
  .cardContainerSingle.affinityRecCard .cardItemHeader{
    width: calc(100% - 16px);
    margin: 0 8px;
    box-shadow: 0 2px 4px 0 #107591;
  }
  .cardCongrats{
    display: none;
  }
  .cardContainerSingle .cardItemTitle,
  .cardItemTitle {
    font-size: 12px;
    line-height: 14px;
    min-height: 16px;
  }
  .cardKnowMore {
    font-size: 10px;
  }
  .cardContainerSingle .cardTopRate,
  .cardTopRate {
    float: none;
    font-family: "Inter-Medium";
    font-size: 13px;
    line-height: 16px;
    height: auto;
    width: 100%;
    margin-right: 0;
    padding-top: 0;
  }
  .cardContainerSingle .cardBuyBtn,
  .cardBuyBtn {
    float: none;
    height: 29px;
    background: none;
    margin-top: 0;
    margin-left: 0;
  }
  .compareBoxPlaceholder {
    font-size: 12px;
  }
  .cardContainerSingle .cardTopRight,
  .cardTopRight {
    width: 50%;
    text-align: right;
  }
  .cardContainer .cardTopRight {
    display: none;
  }
  .mobileCardTopRight {
    display: inline-block;
    width: 50%;
    text-align: right;
  }
  .cardContainerSingle .cardTopLeft,
  .cardTopLeft {
    width: 50%;
    border: none;
  }
  .cardContainerSingle .cardTopSection,
  .cardTopSection {
    padding: 0;
    height: 62px;
    border: none;
  }
  .cardContainerSingle .cardItemWrap,
  .cardItemWrap {
    width: 100%;
    padding: 0;
    margin: 0 0 32px;
    border-left: none;
    border-right: none;
    box-shadow: 0 6px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  }
  .cardItemWrapRibbon{
    margin-bottom: 75px;
  }
  .cardItemWrapRibbon2{
    margin-bottom: 115px;
  }
  .cardContainerSingle .cardTopSection,
  .cardTopSection {
    padding: 0;
  }
  .cardContainerSingle .cardBottomSection,
  .cardBottomSection,
  .cardContainerSingle .cardMiddleSection,
  .cardMiddleSection {
    padding: 10px 0;
  }
  .cardMiddleSection .cardMiddleMiddle {
    display: none;
  }
  .cardSelectBorder{
    border-top: solid 1px rgba(91, 100, 102, 0.15);
    border-bottom: solid 1px rgba(91, 100, 102, 0.15);
    border-left: none;
    border-right: none;
    background-color: #f1f2f6;
  }
  .mobileCardMiddleSection {
    display: inline-table;
    float: left;
    width: 100%;
    border-bottom: 1px solid #e3e4e8;
  }
  .cardCheckBox {
    right: 40px;
  }
  .cardCheckBox .checkmark {
    height: 25px;
    width: 25px;
  }
  label.cardCheckBox .checkmark:after {
    width: 30px;
    height: 30px;
  }
  .compareContainer {
    height: 194px;
  }
  .compareWrap {
    width: 100%;
    padding: 32px 15px 16px;
  }
  .compareLogo {
    width: 32px;
    height: 37px;
  }
  .compareBoxContainer {
    width: 100%;
    height: 60px;
  }
  .compareBoxBtn {
    width: 100%;
    margin: 32px 0 0 0;
    height: 56px;
    font-size: 14px;
    text-transform: uppercase;
  }
  .comparePlanName {
    padding-left: 4px;
    height: 36px;
    width: calc(100% - 34px);
  }
  .compareBoxSuggested, .compareBox, .compareBoxItem {
    padding: 11px 12px;
    margin-right: 0;
    height: 58px;
    width: calc(50% - 6px);
  }
  .compareBoxSuggested, .compareBox:nth-child(3), .compareBoxItem:nth-child(3){
    display: none;
  }
  .compareBoxSuggested, .compareBox:first-child, .compareBoxItem:first-child{
    margin-right: 12px;
  }
  .mobileCardMiddleSection .cardMiddleMiddle {
    width: 100%;
    max-width: 100%;
    border: none;
  }
  .cardContainerSingle .cardMiddleTerm,
  .cardMiddleTerm {
    font-size: 12px;
    line-height: 18px;
  }
  .cardContainerSingle .cardMiddleTermYr,
  .cardMiddleTermYr,
  .cardContainerSingle .cardMiddleNominee,
  .cardMiddleNominee,
  .cardContainerSingle .cardMiddleDuration,
  .cardMiddleDuration {
    font-size: 12px;
    line-height: 18px;
  }
  .cardBottomSection .cardBtmMiddle .cardMiddleTermYr,
  .cardBottomSection .cardBtmRight .cardMiddleTermYr {
    font-size: 12px;
  }
  .cardContainerSingle .cardMiddleRight .cardMiddleDuration {
    font-size: 12px;
    height: 18px;
    margin-top: 0;
  }
  .cardBtmLeft .cardMiddleTermYr {
    font-size: 12px;
    margin-top: 0;
  }
  .cardMiddleSection {
    height: 54px;
  }
  .cardMiddleDuration,
  .cardBottomSection {
    height: auto;
  }
  .cardMiddleMiddle {
    padding: 10px 6px;
  }
  .cardContainerSingle .cardBtmMiddle .cardMiddleTerm,
  .cardContainerSingle .cardBtmLeft .cardMiddleTerm {
    font-size: 12px;
  }
  .cardContainerSingle .cardMiddleClaim,
  .cardContainerSingle .cardMiddleTermNbr {
    font-size: 12px;
  }
  .cardBtmRightCont,
  .cardContainerSingle .cardBtmMiddle {
    width: auto;
  }
  .cardTooltipSvg {
    margin-top: 2px;
    margin-left: 4px;
    height: 16px;
    width: 16px;
  }
  .cardContainerSingle .cardBottomSection .cardBtmLeft,
  .cardBottomSection .cardBtmMiddle,
  .cardBottomSection .cardBtmRight {
    width: auto;
    padding: 0 10px 0 0;
  }
  .cardContainerSingle .cardBottomSection .cardBtmLeft:last-child,
  .cardBottomSection .cardBtmMiddle:last-child,
  .cardBottomSection .cardBtmRight:last-child {
    padding: 0;
  }
  .cardBtmMiddle,
  .cardBottomSection .cardBtmLeft,
  .mobileCardMiddleSection,
  .cardTopSection,
  .cardMiddleSection,
  .cardBottomSection,
  .cardMiddleLeft,
  .cardContainer .cardBtmRight {
    border-color: rgba(91, 100, 102, 0.15) !important;
  }
  .cardMiddleSection {
    height: auto;
  }
  .cardContainerSingle .cardItemWrap {
    height: 260px;
    margin: 0 0 80px;
  }
  .cardSuggestedTabletNew{
    width: 100%;
  }
  .cardHilightTxt {
    padding: 0 0 0 5px;
    font-family: "Inter-SemiBold";
    font-size: 10px;
  }
  .cardHilight {
    top: -20px;
    left: 15px;
  }
  .cardMiddleDuration > br {
    display: none;
  }

  .premiumFilterWrap > .selectIncome > .bootstrap-select > .dropdown-toggle {
    background-color: #ddf8ff;
    font-family: "Inter-SemiBold" !important;
    font-size: 12px !important;
    color: #107591 !important;
    opacity: 1;
  }
  .premiumFilterWrap
    > .selectIncome
    > .bootstrap-select
    .dropdown-toggle
    .filter-option-inner-inner {
    line-height: 20px;
  }
  .premiumFilterWrap > .filterMainSelectWrap {
    width: auto !important;
    padding-right: 16px;
  }
  .premiumFilterWrap > .filterMainSelectWrap .dropArrow {
    filter: invert(32%) sepia(22%) hue-rotate(163deg) saturate(4275%) brightness(76%) contrast(60%);
    background-size: 16px 18px;
    width: 16px;
    top: 3px;
  }
  .premiumFilterlabel {
    font-size: 12px;
    line-height: 18px;
    color: #107591;
  }
  .cardMainContainer {
    width: 100%;
    /* float: left; */
  }
  .headTitleMainWrap .headTitleRight,
  .subFilterRightWrap,
  .cardSuggested {
    display: none;
  }
  .formRightMainCont .headTitleMainWrap,
  .headTitleMainWrap .headTitleRight.detailRightHead,
  .cardSuggestedTablet {
    display: block;
  }
  .planInfoCollapsBtn,
  .planInfoCollapsBtn:hover,
  .planInfoCollapsBtn:focus,
  .planInfoCollapsBtn:active {
    display: block;
    position: absolute;
    font-family: "Inter-Regular";
    right: 18px;
    bottom: 20px;
    background: none !important;
    border: none !important;
    color: #107591 !important;
    padding: 0;
    box-shadow: none;
  }
  .planInfoCollapsBtn span {
    display: block;
  }
  .planInfoCollapsBtn .dropArrow {
    display: inline-block;
    position: inherit;
    background: url(../img/arrow_selectBox.png) no-repeat;
    background-size: 16px;
    background-position: right;
    width: 16px;
    height: 8px;
    margin-left: 4px;
    filter: invert(30%) sepia(36%) saturate(3141%) hue-rotate(166deg)
      brightness(76%) contrast(45%);
  }
  .formLeftCont .collapse {
    display: none;
  }
  .formLeftCont .collapse.in {
    display: block;
  }
  .dropArrow.rotate {
    animation-name: rotateDropArrow;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
  }
  [data-toggle="collapse"].collapsed .if-not-collapsed {
    display: none;
  }
  [data-toggle="collapse"]:not(.collapsed) .if-collapsed {
    display: none;
  }
  .collapseHide {
    display: block;
  }
  .collapseShow {
    display: none;
  }
  .detailsBottomBtn {
    display: block;
    float: left;
    position: inherit;
    width: 100%;
    margin-top: 28px;
  }
  .upgradeProceedWrap button {
    width: 100%;
    height: 58px;
    padding: 14px 0;
  }
  .formleftTermHead {
    text-transform: capitalize;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 13px;
  }
  .formLeftLogoNameWrap {
    margin-bottom: 22px;
  }
  .formLeftCont {
    padding: 18px 15px;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    margin-right: 0;
    margin-bottom: 24px;
    box-shadow: 0 5px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  }
  .formLeftLogo {
    width: 26px;
    height: 26px;
    margin-right: 10px;
  }
  .formLeftPlanName {
    font-size: 13px;
    line-height: 13px;
    max-height: 40px;
  }
  .formleftTermTxt {
    font-size: 13px;
    line-height: 20px;
  }
  .formLeftPlanSubName {
    font-size: 12px;
  }
  .tabletView .formLeftPlanName {
    display: none;
  }
  .tabletView .formLeftPlanSubName {
    font-size: 14px;
  }
  .closeCollapseIcon,
  .cardKnowMore.collapseShow {
    display: none !important;
  }
  .formLeftNameWrap.tabletView {
    float: right;
    width: auto;
  }
  .formLeftCont .upgradeProceedWrap,
  .formLeftTermNomineeWrap,
  .formLeftTermNomineeWrap.collapseShow .formleftTerm {
    display: none;
  }
  .formleftTerm {
    float: right;
    margin-right: 0;
  }
  .mobileNomineeView {
    display: block;
    margin-bottom: 14px;
  }
  .formRightTerm {
    width: auto;
    margin-left: 38px;
    margin-top: -6px;
  }
  .formLeftPreHead {
    font-size: 13px;
    line-height: 16px;
    padding-bottom: 6px;
    margin-bottom: 8px;
  }
  .formLeftPreTxt {
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 8px;
  }
  .formLeftPremiumWrap {
    margin-bottom: 10px;
  }
  .formLeftAmtWrap {
    display: none;
  }
  .mobileViewtotal {
    display: block;
  }
  .formLeftAmtTxt {
    width: 50%;
    margin-bottom: 0;
  }
  .formLeftAmtMon {
    width: 50%;
    border-bottom: none;
    text-align: right;
    padding-bottom: 0;
    padding-top: 2px;
  }
  .mobileViewtotal {
    border-bottom: 1px solid #107591;
    padding-bottom: 10px;
  }
  .mobileViewtotal .formLeftAmtTxt span {
    font-family: "Inter-Regular";
    font-size: 13px;
    line-height: 16px;
    color: #333;
  }
  .formLeftAmtWrap {
    margin-bottom: 24px;
  }
  .formLeftPreAmt svg {
    height: 16px;
    width: 16px;
  }
  .formLeftPremiumChkWrap {
    margin-bottom: 24px;
  }
  .headTitleRight {
    padding-left: 15px;
  }
  .headTitleRight svg {
    left: 15px;
    height: 20px;
    width: 12px;
  }
  .headTitleRight span {
    padding-left: 20px;
  }
  .headTitleMainWrap {
    font-size: 16px;
  }
  .upgradeWrap {
    width: 100%;
    height: 261px;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: 0;
    padding: 16px 15px;
    box-shadow: 0 6px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  }
  .benifitName {
    font-size: 14px;
    line-height: 18px;
  }
  .formLeftNameWrap {
    width: 49%;
  }
  .upgradeInfo {
    font-size: 13px;
    line-height: 18px;
    margin-top: 4px;
  }
  .upgradePhyTestWrap {
    bottom: 61px;
  }
  .upgradeDropWrap, .upgradeAddOnDisable .upgradeAddOnDisableTxt{
    bottom: 86px;
    width: calc(100% - 30px);
  }
  .upgradeDropList {
    width: 49%;
    margin-right: 2%;
    margin-top: 0;
  }
  .upgradeAddAmtWrap {
    width: calc(100% - 30px);
    bottom: 16px;
  }
  .diabeticError {
    top: 21px;
  }
  .addOnCheckIcon,
  .addOnCheckIcon svg {
    height: 33px;
    width: 33px;
    top: -15px;
    right: 10px;
  }
  .addOnSelected {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    border: solid 1px rgba(210, 211, 212, 0.4);
    background-color: #efefef;
  }
  .upgradeAdded {
    border: solid 1px #d43d3d;
    background-color: #efefef;
    color: #d43d3d;
  }
  .detailsBottomBtn {
    position: fixed;
    bottom: 0;
    padding: 12px 16px;
    background: #fff;
    box-shadow: 0 -3px 6px 0 rgba(0, 0, 0, 0.1);
    border-top: solid 0.5px #e3e4e8;
    z-index: 1;
    margin-top: 0;
  }
  .headInfoMainWrap {
    margin: 0 0 56px 0;
  }
  .bottomPaddingTopWrap {
    margin: 0 0 128px 0;
  }
  .bottomPaddingTopFooter {
    bottom: 80px;
  }
  footer {
    bottom: 0;
    padding: 15px 15px;
  }
  /* Life Quote style ends */
  #coverAmt + button,
  #coverUpto + button,
  #nomineeGets + button,
  #monthlyAmt + button,
  #paymentTerm + button,
  #choosePlans + button {
    opacity: 1;
  }
  #mobCoverAmt,
  #mobCoverUpto,
  #mobNomGets,
  #nomineeMonth,
  #nomineeLumMon,
  #mobMorePlans,
  #mobPayPreMenu,
  #mobSortByMenu,
  #mobKnowYourPlan,
  #reviewSubmit {
    background-color: #fff;
    top: auto;
  }
  #mobKnowYourPlan, #sendQuotes, #modifyDetails, #emailComparison {
    top: 0;
  }
  #sendQuotes .modelWrap, 
  #sendQuotes .sendQuotesModelWrap, 
  #modifyDetails .modelWrap,
  #reviewSubmit .modal-dialog{
    width: 100%;
  }
  #sendQuotes .expertPopupWrap, 
  #sendQuotes .modal-dialog, 
  #modifyDetails .modal-dialog, 
  #modifyDetails .modal-content,
  #emailComparison .modal-dialog,
  #emailComparison .modal-content,
  #reviewSubmit .modal-dialog,
  #reviewSubmit .modal-content{
    min-height: 100vh;
    margin: 0!important;
    border: none;
    border-radius: 0;
  }
  #modifyDetails .modal-dialog .modyPopBtnWrap{
    display: none;
  }
  #modifyDetails .mobModyPopBtnWrap {
    display: block;
    position: fixed;
    left: 0;
    bottom: 0;
    background: #fff;
    box-shadow: 0 -3px 6px 0 rgba(0, 0, 0, 0.1);
    width: 100%;
  }
  #emailComparison .expertFooter {
    display: block;
    position: fixed;
    left: 0;
    bottom: 0;
    background: #fff;
    width: 100%;
    color: #333;
    font-size: 13px;
    line-height: 16px;
    border: none;
  }
  #modifyDetails .modyPopBtn {
    width: calc(100% - 30px);
    height: 56px;
    text-transform: uppercase;
    font-family: 'Inter-SemiBold';
    font-size: 14px;
    margin: 16px 0;
  }
  #modifyDetails .modyPopBody {
    margin-top: 12px;
    margin-bottom: 82px;
  }
  .modyPopFieldWrap .dropArrow {
    top: 16px;
  }
  #modifyDetails .expertTopWrap .close {
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 1;
  }
  #modifyDetails .close svg {
    width: 40px;
    height: 40px;
  }
  #modifyDetails .modyPopTitle {
    font-size: 16px;
    line-height: 24px;
    color: #333;
  }
  #modifyDetails .modyPopTitle svg {
    height: 17px;
    width: 17px;
  }
  #sendQuotes .expertImg img,
  #emailComparison .expertImg img{
    float: none;
    margin: 0 auto;
  }
  .expertImg{
    width: 100%;
    float: left;
  }
  #sendQuotes .expertForm button,
  #emailComparison .expertForm button {
    width: calc(100% - 30px);
    height: 56px;
    text-transform: uppercase;
    font-family: 'Inter-SemiBold';
  }
  #emailComparison .expertForm button{
    margin: 0 15px;
  }
  #emailComparison .modelWrap, 
  #emailComparison .sendQuotesModelWrap {
    width: 100%;
  }
  #sendQuotes .expertImg .expertTxt,
  #emailComparison .expertImg .expertTxt{
    padding: 12px 33px;
    text-align: left;
  }
  #emailComparison .expertForm {
    margin: 6px 0 0 0;
    float: left;
    width: 100%;
  }
  #emailComparison .expertForm form {
    display: block;
  }
  #emailComparison .expertForm form .float-label {
    width: calc(100% - 30px);
    margin: 0 15px 20px;
  }
  #emailComparison .float-label input {
    height: 48px;
    font-size: 14px;
  }
  #emailComparison .float-label label {
    top: 12px;
    left: 15px;
    color: #333;
    font-size: 12px;
    font-family: 'Inter-Medium';
  }
  #emailComparison .float-label input:valid, 
  #emailComparison .float-label input:focus {
    padding: 20px 8px 5px 14px;
  }
  .expertForm form {
    font-size: 14px;
  }
  #sendQuotes .expertFooter{
    position: absolute;
    width: 100%;
    bottom: 0;
    background-color: #fff;
    border: none;
    font-family: 'Inter-Medium';
    font-size: 13px;
    line-height: 16px;
    color: #333;
    padding: 32px 0;
    height: auto;
  }
  .sendQuotesSubmitWrap svg{
    margin: 20px auto 16px!important;
  }
  .mobPopClose{
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
    z-index: 1;
  }
  .mobPopTitle{
    display: block;
    position: absolute;
    top: 0;
    left: 15px;
  }
  .mobPopTitle svg{
    float: left;
    width: 13px;
  }
  #emailComparison .mobPopTitle svg {
    width: 20px;
    margin-top: -2px;
    margin-right: -3px;
  }
  #emailComparison .close, 
  #emailComparison .close svg{
    z-index: 1;
  }
  .mobPopTitle span{
    font-family: 'Inter-SemiBold';
    font-size: 16px;
    line-height: 24px;
    color: #333;
    float: left;
    margin-top: -5px;
    margin-left: 8px;
  }
  #mobKnowYourPlan .popupSelectListWrapper {
    max-height: 100%;
  }
  .nomineePopupWrap {
    border: none;
    border-radius: 0;
  }
  .modal.fade:not(.in).bottom .modal-dialog {
    -webkit-transform: translate3d(0, 25%, 0);
    transform: translate3d(0, 25%, 0);
  }
  #mobCoverAmt .modal-body,
  #mobCoverUpto .modal-body,
  #mobNomGets .modal-body,
  #nomineeMonth .modal-body,
  #nomineeLumMon .modal-body,
  #mobMorePlans .modal-body,
  #mobPayPreMenu .modal-body,
  #mobSortByMenu .modal-body,
  #mobKnowYourPlan .modal-body,
  #sendQuotes .modal-body,
  #reviewSubmit .modal-body {
    padding: 20px 15px 0;
    max-height: 100vh;
    overflow: auto;
    -webkit-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
    transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
  }
  .reviewPopTitleIcon {
    width: 46px;
    height: 46px;
    margin-right: 8px;
  }
  .reviewPopTitle {
    font-size: 13px;
    line-height: 24px;
  }
  /* .expertTopWrap .close {
    margin-top: 34px;
  } */
  .reviewPopLogo {
    margin-right: 10px;
  }
  .reviewPopLogo img {
    width: 26px;
    height: 26px;
  }
  .reviewPopPlanName {
    width: 60%;
  }
  .reviewPopPlanCover {
    float: right;
    width: 28%;
  }
  .reviewPopPlanNameText{
    width: 100%;
    font-family: 'Inter-SemiBold';
    font-size: 13px;
    line-height: 16px;
    color: #333;
  }
  .reviewPopPlanNameSubText {
    font-size: 13px;
    color: #333;
  }
  .reviewPopPlanNominee {
    width: 100%;
    padding-left: 36px;
  }
  .reviewPopHead {
    margin-bottom: 24px;
  }
  .reviewPopTableTitle {
    font-family: "Inter-SemiBold";
    font-size: 13px;
    line-height: 16px;
  }
  .reviewPopTableTitleTxt {
    width: 100%;
    margin-right: 0;
  }
  .reviewMobHide{
    display: none;
  }
  .reviewMobShow{
    display: block;
  }
  .reviewPopTableBodyTxt {
    width: 100%;
    margin-right: 0;
    margin-bottom: 8px;
  }
  .reviewPopTableBodyTxt:last-child{
    margin-bottom: 24px;
  }
  .reviewMobShow .formLeftPreAmt svg{
    position: relative;
  }
  .mobReviewTotal{
    display: block;
    border-top: solid 1px #107591;
    border-bottom: solid 1px #107591;
    padding: 8px 0;
    margin-bottom: 0;
  }
  .mobReviewTotal .reviewPopTableTotalLable{
    float: left;
    width: 50%;
    display: block;
  }
  .mobReviewTotal .reviewPopTableTotalPrice{
    float: left;
    width: 50%;
    text-align: right;
    margin-top: 6px;
  }
  .mobReviewTotal .reviewPopTableTotalLable span{
    width: 100%;
    text-align: left;
    font-family: "Inter-Regular";
    font-size: 13px;
    line-height: 16px;
    color: #333;
    margin-top: 4px;
  }
  .reviewPopBtnWrap {
    padding: 16px 15px;
    margin: 0;
    position: fixed;
    left: 0;
    bottom: 0;
    background: #fff;
    box-shadow: 0 -3px 6px 0 rgba(0, 0, 0, 0.1);
  }
  .reviewPopBtn{
    width: 100%;
    margin: 0;
    height: 48px;
    font-size: 14px;
    line-height: 16px;
  }
  .reviewPopDisclaimer{
    width: 100%;
  }
  #reviewSubmit .expertTopWrap {
    height: 10px;
    padding: 0 0;
    margin-top: -6px;
    z-index: 1;
  }
  .thankWrap{
    width: 100%;
    margin: 24px auto 94px;
  }
  .thankLogo img {
    width: 70px;
    height: 70px;
    margin-top: -73px;
  }
  .thankCheck {
    margin-top: 26px;
    margin-bottom: 8px;
  }
  .thankCheck svg{
    width: 30px;
    height: 30px;
  }
  .thankTitle {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 4px;
  }
  .thankSubTitle {
    font-size: 14px;
  }
  .thankBtnWrap {
    margin-top: 14px;
  }
  .thankBtnWrap button {
    height: 48px;
    padding: 0;
    width: 350px;
  }
  .agreeChecWrap {
    margin-bottom: 10px;
  }
  .fade-scale {
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
  }

  .fade-scale.in {
    opacity: 1;
    transform: scale(1);
  }

  .popupSelectListWrapper {
    float: left;
    width: 100%;
    max-height: 40vh;
    overflow: scroll;
  }
  .popupName {
    font-size: 16px;
    line-height: 20px;
    color: #333;
    font-family: "Inter-SemiBold";
    padding-bottom: 10px;
  }
  .selectOption {
    height: 58px;
    border-bottom: solid 1px #e3e4e8;
    padding: 18px 0;
  }
  .selectOption:last-child {
    border-bottom: none;
  }
  #nomineeMonth .modal-dialog,
  #nomineeLumMon .modal-dialog {
    margin: auto !important;
  }
  #nomineeMonth .row,
  #nomineeLumMon .row {
    margin: 0 !important;
  }
  /* .close svg { 
    width: 40px; 
    height: 40px;
  } */
  #nomineeMonth .close svg, 
  #nomineeLumMon .close svg { 
    width: 18px; 
    height: 18px;
  }
  #mobNomGets .selectOption{
    width: 100%;
  }
  #mobNomGets .glyphicon, 
  #mobNomGets .glyphicon-chevron-right{
    font-family: "Inter-Medium";
  } 
  #mobNomGets .glyphicon-chevron-right:before {
    float: right;
    font-family: 'Glyphicons Halflings';
    color: #e3e4e8;
    font-size: 11px;
    margin-top: 5px;
  }
  #mobNomGets .selectOption:first-child:before {
    display: none;
  }
  #mobKnowYourPlan .close svg {
    width: 40px; 
    height: 40px;
    margin-top: -15px;
    margin-right: -6px;
  }
  .nomineeTitle {
    font-size: 16px;
    line-height: 20px;
    text-align: left;
  }
  .nomineeSubTitle {
    font-size: 13px;
    line-height: 16px;
    padding-right: 10px;
    text-align: left;
  }
  .nomineeHead {
    border: none;
  }
  .nomineeHead {
    padding-bottom: 0;
  }
  .nomineeSelectWrap {
    margin-top: 18px;
  }
  .nomineePopupWrap .modelWrap {
    margin: 4px auto 20px;
  }
  .percentageSuggestionWrap {
    width: calc(100% + 12px);
  }
  .percDropTitle {
    margin: 5px 0;
    font-size: 12px;
    line-height: 15px;
    font-family: "Inter-Regular";
    color: #333;
  }
  .nomineeSelectTxt {
    padding: 0 0 8px 0;
    font-size: 13px;
    line-height: 16px;
    display: block;
    min-height: auto;
  }
  .percDropOpt {
    width: 48%;
    margin: 2px 1%;
  }
  .nomineeInfoWrap {
    margin: 16px 0 0;
  }
  .nomineeInfoTxt {
    font-size: 11px;
    line-height: 16px;
  }
  .nomineeSelectSubTxt {
    display: none;
  }
  .nomineeSelectSubMobTxt {
    display: inline;
    font-size: 11px;
    line-height: 14px;
    color: #7a7d80;
  }
  .nomMonthFormWrap {
    margin-bottom: 80px;
  }
  .nomMonthBtnWrap {
    left: 0;
    position: fixed;
    bottom: 0;
    padding: 10px 0 8px;
    background: #fff;
    margin: 0;
    /* border-top: 1px solid #e3e4e8;
    box-shadow: 0 0px 8px #888888; */
  }
  .nomMonthBtn {
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    width: calc(100% - 30px);
    font-family: 'Inter-SemiBold';
    height: 48px;
  }
  .nomineeTitle br,
  .mobHideInPopup {
    display: none;
  }
  .nomineeInfoTxt2 {
    font-size: 13px;
  }
  .nomineeInfoInput {
    width: 100%;
    margin-bottom: 12px;
  }
  .nomineeInfoSelect {
    margin: 0 !important;
  }
  .filterMenuCont.tabletPaymentTerm {
    position: inherit;
  }
  .paymentTermOverlay {
    position: fixed;
    top: auto;
    bottom: 0;
    right: 0;
    width: 100%;
    height: auto;
    padding: 24px 15px;
    z-index: 9999;
    border: none;
    border-radius: 0;
  }
  .paymentTermRadioWrap .selectIncome > .open > .dropdown-toggle.btn-default,
  .nomiMenuSelectWrap > .bootstrap-select > .dropdown-toggle{
    height: 48px!important;
    padding: 14px 8px!important;
  }
  /* .nomiMenuSelectWrap .bootstrap-select .dropdown-menu.open {
    min-height: 158px !important;
  } */
  .nomiMenuSelectWrap .dropArrow {
    top: 17px;
  }
  .paymentTermRadioWrap:last-child {
    text-align: center;
  }
  .payTermPopBtn {
    width: 100%;
    margin: 0;
    height: 48px;
    font-family: 'Inter-SemiBold';
    font-size: 14px;
  }
  .paymentTermOverlay .nomineeSubTitle {
    display: block;
  }
  .paymentTermTitle {
    margin-bottom: 16px;
  }
  .paymentTermRadioContent {
    margin-top: 8px;
  }
  #knowMoreMain {
    margin-top: 12px;
  }
  .knowMoreMainHead {
    padding: 15px 15px 15px 20px;
    height: 48px;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    border: solid 1px rgba(210, 211, 212, 0.4);
    background-color: #ffffff !important;
    width: 100%;
    font-family: "Inter-SemiBold";
    font-size: 14px !important;
    line-height: 18px;
    color: #107591 !important;
    text-transform: uppercase;
  }
  .knowMoreMainHead a{
    color: #107591 !important;
  }
  .panel-group#knowMoreMain .panel+.panel {
    margin-top: 12px;
    box-shadow: none;
  }
  .panel-group#knowMoreSubAccordion .panel+.panel {
    margin-top: 0;
  }
  .panel-group .panel {
    box-shadow: none;
  }
  .panel-default>.panel-heading{
    position: relative;
  }
  .panel-heading.knowMoreMainHead .accordion-toggle:after {
    font-family: "Glyphicons Halflings";
    content: "\e082";
    color: #107591;
    font-size: 20px;
    position: absolute;
    top: 15px;
    right: 15px;
  }
  .panel-heading.knowMoreMainHead .accordion-toggle.collapsed:after {
    content: "\e081";
  }
  .panel-heading.knowMoreSubMainHead .accordion-toggle:after {
    font-family: "Glyphicons Halflings";
    content: "\e113";
    color: #333;
    font-size: 14px;
    position: absolute;
    top: 15px;
    right: 15px;
  }
  .panel-heading.knowMoreSubMainHead .accordion-toggle.collapsed:after {
    content: "\e114";
  }
  .collapseData{
    font-family: "Inter-Regular";
    font-size: 14px;
    line-height: 18px;
    color: #707070;
    margin-bottom: 16px;
  }
  .collapseQst{
    font-family: 'Inter-SemiBold';
    font-size: 14px;
    line-height: 19px;
    color: #333;
    margin-top: 0;
    margin-bottom: 6px;
  }
  .knowMoreMainHead + .panel-collapse{
    padding: 12px 20px 0;
  }
  #knowMoreSubAccordion > .panel-default>.panel-heading{
    background: none;
    border-bottom: 1px solid #e3e4e8;
    padding: 15px 0;
    font-family: 'Inter-SemiBold';
    font-size: 14px;
    line-height: 18px;
    color: #333;
  }
  #knowMoreSubAccordion > .panel-default>.panel-heading>a{
    color: #333;
  }
  #knowMoreSubAccordion .panel-body{
    padding: 15px 0;
  }
  #reviewSubmit .close svg{
    margin-top: -12px;
    margin-right: -7px;
    width: 25px;
  }
  #sendQuotes .close svg {
    position: absolute;
    right: 5px;
    z-index: 1;
  }
  .tabAnswer {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 0;
  }
  .tabAnswer table, .tabAnswer th, .tabAnswer td {
    border: 1px solid black;
    border-collapse: collapse;
  }
  .tabAnswer th, .tabAnswer td {
    padding: 5px;
    text-align: left;
  }
  .tabAnswer ol {
    list-style-type: lower-alpha;
    line-height: 17px;
    padding-left: 13px;
    margin-bottom: 0;
  }
  .tabAnswer ol.number-ol {
    list-style-type: decimal;
  }
  .panel-default>.panel-heading+.panel-collapse>.panel-body{
    border: none;
  }

  /* Compare style starts */
  /* .compareWrap {
    width: 100%;
    padding: 12px 15px;
  }
  .compareBoxContainer {
    width: 100%;
  }
  .compareLogo {
    width: 22px;
  }
  .comparePlanName {
    width: 80%;
    padding-left: 6px;
    height: 52px;
    font-size: 11px;
    line-height: 13px;
  } */
  .cd-products-comparison-table {
    width: 100%;
    padding: 0 15px;
    margin-bottom: 50px;
  }
  .cd-products-comparison-table .formHeaderCont {
    margin: 0 auto 10px !important;
  }
  .mobileShow {
    display: block;
  }
  .tabletFiltersWrap {
    position: absolute;
    right: 15px;
    top: 86px;
  }
  .tabletFiltersWrap a {
    font-size: 13px;
    line-height: 14px;
    color: #333;
  }
  .cd-products-table .features {
    width: 92px;
    padding-right: 0;
    top: 32px !important;
  }
  .cd-products-columns {
    margin-left: 92px;
  }
  .cd-products-columns .product:nth-child(3),
  .productRecLabel,
  .planOptionNameSub {
    display: none;
  }
  .cd-products-columns .product {
    margin-right: 0;
    border: none;
    background: none;
  }
  .top-info .planOptionHead {
    padding-top: 45px;
  }
  .planOptionHead {
    font-size: 12px;
    width: 100%;
    padding-bottom: 1px;
    margin-top: -1px;
  }
  .features .cd-features-list li,
  .cd-products-table .features .top-info {
    font-size: 10px;
    line-height: 14px;
    color: #7a7d80;
    border: none;
  }
  .top-info .planOptionFName {
    margin-top: 11px;
  }
  .top-info img {
    width: 34px;
    margin: 8px 0;
  }
  .features .cd-features-list li .planOptionName {
    margin-bottom: 8px;
    height: 28px;
  }
  .planName {
    font-size: 13px;
    line-height: 16px;
    /* border-top: 1px solid #e3e4e8; */
    margin-top: 1px;
    padding-top: 10px;
    height: 44px;
    max-height: 44px;
    overflow: hidden;
    margin-bottom: 0;
  }
  .planAmt {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 4px;
  }
  .cd-products-columns .productRec .recPlanBuyBtn,
  .recPlanBuyBtn {
    width: 100px;
  }
  .cd-products-table .top-info {
    height: 190px;
  }
  .cd-features-list {
    border-top: none;
  }
  .features .cd-features-list {
    border: none;
  }
  .cd-features-list li {
    font-size: 11px;
    line-height: 15px;
    color: #333;
    font-family: "Inter-Medium";
    padding-top: 16px;
    padding-bottom: 31px;
    border-bottom: none;
  }
  .productDividerPadding {
    margin-bottom: 7px !important;
  }
  .formBkBtn svg {
    margin-top: 2px;
    margin-right: -2px;
  }
  .planOptionNameSub{
    display: block;
    height: 0!important;
    overflow: hidden!important;
    margin-bottom: 53px!important;
  }
  .features .cd-features-list li .planOptionName:last-child {
    margin-bottom: 22px;
  }
  .cd-features-list li .planSubOptionValue {
    height: 28px;
    margin-bottom: 8px !important;
  }

  /* Compare style ends */

  /* Plan Form style starts  */
  .formHeaderWrap {
    width: 100%;
    margin: 22px auto 8px;
  }
  .reviewPopQuoteWrap {
    padding: 0 0 84px 0;
  }
  .formRightCont {
    width: 100%;
    padding: 16px 15px;
  }
  .lifePersonalFormClass {
    float: left;
    width: 100%;
    margin-top: 10px;
  }
  .formRightTitle {
    font-family: "Inter-SemiBold";
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0;
  }
  .formRightCont .inputFieldCust {
    height: auto;
  }
  .formRightCont .inputFieldCust,
  .formRightCont .float-label input {
    width: 100%;
  }
  .formRightCont .selectIncome,
  .formRightCont .selectIncome:nth-child(even) {
    width: 100%;
    margin: 0 0 12px 0;
  }
  .inputFieldCust input[name="pin"] {
    margin: 0;
  }
  .editPersonalFormWrap {
    top: 18px;
    right: 16px;
  }
  .formRightCont .selectIncome > .bootstrap-select > .dropdown-toggle {
    width: 100%;
  }
  .eligiCheckWrap {
    padding-top: 4px;
  }
  .eligibilityFull {
    display: none;
  }
  .eligibilityShort {
    display: inline-block;
    padding: 2px 0;
  }
  .morePlansWrap {
    margin-top: 10px;
    margin-left: 15px;
  }
  .morePlanTitle {
    font-size: 13px;
    line-height: 16px;
    color: #333;
    margin-top: 0;
  }
  .morePlanCheck {
    font-size: 12px;
    line-height: 18px;
    margin: 0;
  }
  .morePlanCheck input[type="checkbox"] + label:before {
    height: 16px;
    width: 16px;
    margin: 3px 5px 3px 0;
  }
  .morePlansWrap .morePlanCheck input[type="checkbox"] + label:before {
    margin: 0 5px 3px 0;
  }
  .morePlanCheck label,
  .morePlanCheck .fieldError {
    float: none;
  }
  .agreeChecWrap .morePlanCheck {
    width: calc(100% - 30px);
    /* text-align: center; */
  }
  .eligiSubmitBtnWrap {
    position: fixed;
    bottom: 0;
    z-index: 1;
    box-shadow: 0 -3px 6px 0 rgba(0, 0, 0, 0.1);
    border-top: solid 0.5px #e3e4e8;
    background-color: #ffffff;
    padding: 16px 15px;
  }
  .formBottomPaddingWrap {
    margin: 22px auto 90px;
  }
  .formBottomPaddingFooter {
    bottom: 80px;
  }
  #lifeEligibilityForm
    > .formRightPadCorr
    .lifeEligibilityFormClass:nth-child(2) {
    margin-top: 10px;
    float: left;
  }
  .downloadBroBtn {
    margin: 0 0 36px 0;
    width: 100%;
    float: left;
    text-align: center;
    position: relative;
  }
  .downloadBroBtnTxt {
    float: none;
  }
  .downloadBroBtnIcon {
    position: absolute;
    top: 11px;
  }
  .personalFormBtnWrap {
    margin-top: 8px !important;
  }
  .personalFormBtnWrap .proceedNext {
    height: 48px;
  }
  /* Plan Form style ends */
  .spinner {
    top: 45%;
    left: 42%;
  }
  .mainLogo {
    width: 126px;
    margin-top: 10px;
    margin-left: 15px;
    height: 33px;
  }
  .talkExpert {
    display: none;
  }
  .laxIconWrap {
    margin-top: 16px;
  }
  .callBtn {
    display: block;
    top: 18px;
    right: 56px;
  }
  .openbtn {
    margin: 8px 11px 0 0;
  }
  .navbar {
    height: 77px;
    padding: 11px 0;
  }
  #feedbackForm {
    margin-top: 0;
  }
  .stepper-mainHeader {
    margin-top: 8px;
    font-size: 28px;
  }
  .stepper-subHeader,
  .stepper-subHeader2,
  .stepper-subHeader3,
  .stepper-subHeader4 {
    font-size: 16px;
    line-height: 24px;
    padding: 0;
    margin-bottom: 38px;
    width: 260px;
    margin: 12px auto 16px;
  }
  .stepper-boldHeader {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 16px;
  }
  .stepper-lightHeader {
    font-size: 16px;
    line-height: 24px;
    margin: 0;
  }
  .tab .container {
    padding: 0;
  }
  .smokingInput {
    width: 100%;
    margin-bottom: 12px;
  }
  .smokingWrap .smokingInput:first-child {
    margin-right: 0;
  }
  .customWrap {
    width: 100%;
  }
  .inputFieldCust {
    width: 100%;
    margin-bottom: 12px;
  }
  .lifeEligibilityFormPhyText {
    font-size: 12px;
    padding: 10px;
  }
  .inputFieldCust:first-child {
    margin-right: 0;
  }
  .errorClass,
  .genderField,
  .ageField,
  .fieldError {
    position: relative;
    padding-left: 0;
  }
  .genderFieldCust {
    width: 48%;
    margin: 0;
  }
  .genderFieldCust:first-child {
    margin-right: 2%;
  }
  .radioCust .row {
    margin: 0 !important;
  }
  .customWrapProceed {
    margin-top: 22px;
  }
  .proceedNext {
    width: 100%;
  }
  .proceedNext > svg {
    right: 25%;
  }
  footer > .row {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .footerInline {
    display: inline-block;
    margin-right: 0;
    width: 100% !important;
    font-size: 14px;
    padding-bottom: 4px;
    line-height: 20px;
  }
  .footerBold {
    padding: 0;
    margin-bottom: 14px;
    width: 100%;
  }
  .footerCopy {
    padding: 0;
    font-size: 12px;
    width: 100%;
    text-align: left;
  }
  .footerCopy > span {
    display: block;
  }
  .progress {
    text-align: center;
    background: none;
    box-shadow: none;
    bottom: 172px;
  }
  .progress-bar {
    display: none;
  }
  .progressTxt {
    /* display: none; */
    text-align: center;
    position: relative;
    margin: 0 auto;
    bottom: 0;
  }
  .termPolicyWrap {
    width: 90%;
  }
  .selectIncome {
    width: 100%;
  }
  .bs-searchbox > input {
    width: 100% !important;
  }
  .selectIncome .bootstrap-select .dropdown-menu.open {
    width: 100%;
    top: auto!important;
    /* position: relative; */
    max-height: 200px !important;
  }
  .upgradeDropList .selectIncome .bootstrap-select .dropdown-menu.open {
    top: 24px!important;
  }
  .selectIncome .bootstrap-select {
    width: 100% !important;
  }
  .selectIncome > .bootstrap-select > .dropdown-toggle {
    width: 100%;
  }
  .workIdToolTip + .popover {
    top: -150px !important;
    right: 4px !important;
    left: auto !important;
  }
  .workIdToolTip + .popover.left > .arrow {
    display: none;
  }
  .continueIcon {
    top: 110px;
    right: 8px;
    border: none;
    width: 100px;
    height: 30px;
  }
  .continueIcon div {
    margin: 0;
    width: 92px;
  }
  .continueIcon svg {
    width: 14px;
    margin-top: 5px;
  }
  .continueIcon span {
    display: inline-block;
    text-transform: lowercase;
  }
  .continueIcon span:first-letter {
    text-transform: uppercase;
  }
  /* Modal native style starts */
  #modifyDetails .modal-dialog,
  #additionalFilter .modal-dialog,
  .modyPopFieldWrap,
  .modyPopFieldWrap .selectIncome,
  .modyPopFieldWrap .selectIncome > .bootstrap-select > .dropdown-toggle,
  .modyPopFieldWrap .float-label input,
  .nomineePopupWrap,
  .nomineePopupWrap .modelWrap,
  .nomineeInfoWrap,
  #planDetailsPopup .modal-dialog {
    width: 100%;
  }
  .modyPopFieldWrap .float-label input:valid, 
  .modyPopFieldWrap .float-label input:focus,
  .modyPopFieldWrap .float-label input,
  .modyPopFieldWrap .selectIncome,
  .modyPopFieldWrap .selectIncome > .bootstrap-select > .dropdown-toggle {
    height: 48px;
  }
  .modyPopFieldWrap .selectIncome > .bootstrap-select > .dropdown-toggle {
    padding: 15px 12px;
  }
  .yearCountWrap {
    top: 11px;
  }
  .modyPopFieldWrap {
    width: 100%;
    margin-bottom: 10px;
  }
  .modyPopFieldWrap:nth-child(odd) {
    margin-right: 0;
  }
  #modifyDetails .modal-body,
  #additionalFilter .modal-body {
    padding: 0 15px 15px;
  }
  .modyPopBody {
    margin-top: 12px;
  }
  .expertTopWrap {
    width: 100%;
    height: 28px;
    padding: 6px 12px 0px 12px;
  }
  .modal-dialog {
    margin: 40px auto !important;
    width: 100%;
  }
  /* .modal {
    position: fixed;
    top: auto;
    right: auto;
    left: auto;
    bottom: 0;
  } */
  /* Modal Native style ends */

  /* NRI popup style starts */
  #nriInfo, #nriQualification, #nriHusbNoPlan, #nriNonAptCountry, #nriUSNonAptCountry, #nriFutureNonAptCountry {
    top: 0;
  }
  #nriInfo .expertPopupWrap, 
  #nriInfo .modal-dialog,
  #nriQualification .expertPopupWrap, 
  #nriQualification .modal-dialog,
  #nriHusbNoPlan .expertPopupWrap,
  #nriHusbNoPlan .modal-dialog,
  #nriNonAptCountry .expertPopupWrap,
  #nriNonAptCountry .modal-dialog,
  #nriUSNonAptCountry .expertPopupWrap,
  #nriUSNonAptCountry .modal-dialog,
  #nriFutureNonAptCountry .expertPopupWrap,
  #nriFutureNonAptCountry .modal-dialog{
    min-height: 100vh;
    margin: 0!important;
    border: none;
    border-radius: 0;
  }
  #nriInfo .expertTopWrap,
  #nriQualification .expertTopWrap,
  #nriHusbNoPlan .expertTopWrap,
  #nriNonAptCountry .expertTopWrap,
  #nriUSNonAptCountry .expertTopWrap,
  #nriFutureNonAptCountry .expertTopWrap{
    width: auto;
    height: 0;
    padding: 0;
  }
  #nriInfo .close svg,
  #nriQualification .close svg,
  #nriHusbNoPlan .close svg,
  #nriNonAptCountry .close svg,
  #nriUSNonAptCountry .close svg,
  #nriFutureNonAptCountry .close svg{
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 1;
    width: 25px;
    height: 25px;
  }
  #nriInfo .modal-body,
  #nriQualification .modal-body,
  #nriHusbNoPlan .modal-body,
  #nriNonAptCountry .modal-body,
  #nriUSNonAptCountry .modal-body,
  #nriFutureNonAptCountry .modal-body{
    padding: 20px 15px 0;
    max-height: 100vh;
    overflow: auto;
    -webkit-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
    transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
  }
  #nriInfo .modal-dialog,
  #nriQualification .modal-dialog,
  #nriHusbNoPlan .modal-dialog,
  #nriNonAptCountry .modal-dialog,
  #nriUSNonAptCountry .modal-dialog,
  #nriFutureNonAptCountry .modal-dialog{
    width: 100%;
  }
  .nriPopBtn{
    width: 100%;
    margin: 0;
    height: 48px;
    font-size: 14px;
    line-height: 16px;
  }
  #nriInfo .reviewPopTitle,
  #nriQualification .reviewPopTitle,
  #nriHusbNoPlan .reviewPopTitle,
  #nriNonAptCountry .reviewPopTitle,
  #nriUSNonAptCountry .reviewPopTitle,
  #nriFutureNonAptCountry .reviewPopTitle{
    font-size: 13px;
    line-height: 18px;
    height: 46px;
  }
  .addContryBtn{
    width: 100%;
    text-align: center;
  }
  .nonAcceptCountryShow .selectIncome .dropdown {
    width: calc(100% - 26px)!important;
  }
  .nonAcceptCountryShow .selectIncome .dropArrow {
    left: auto;
    right: 40px;
  }
  .futureCountryRemove {
    right: -5px;
    left: auto;
  }
  /* NRI popup style ends */

  /* MaxLife Popup style starts */
  .maxLifeWrap {
    width: 100%;
  }
  #maxLifeModal .smokingWrap {
    width: calc(100% - 120px);
  }
  .maxLifeTitle {
    font-size: 16px;
    line-height: 24px;
    margin-top: -40px;
    margin-bottom: 24px;
    padding: 0 40px;
  }
  .maxLifeSubTitle {
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 9px;
  }
  #maxLifeModal .smokingWrap .smokingInput:first-child {
    margin-right: 0;
  }
  #maxLifeModal .smokingInput {
    display: inline;
    width: 100%;
    height: 48px!important;
    min-height: 48px;
    margin-bottom: 38px;
    padding: 12px 12px 12px 0!important;
  }
  #maxLifeModal .smokingTxt{
    position: absolute;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    padding-top: 0;
    width: 100%;
    margin: 0;
    text-align: center;
    padding-left: 0;
  }
  #maxLifeModal .smokingWrap .checkmark{
    width: 20px;
    height: 20px;
    float: right;
    margin-top: 1px;
    position: sticky;
  }
  #maxLifeModal .ratioButton .checkmark:after {
    top: 3px;
    left: 3px;
  }
  #maxLifeModal .close svg {
    width: 24px;
    height: 24px;
  }
  /* MaxLife Popup style ends */
  .reviewPopDisclaimer{
    display: none;
  }
  .reviewPopAutoPayWrap{
    display: table!important;
    padding: 9px 10px;
    margin-top: 24px;
    margin-bottom: 12px;
  }
  .reviewMobDiscWrap{
    border: none;
    font-size: 11px;
    line-height: 15px;
    text-align: center;
    color: #808080;
  }

  /* Loading popup style starts */
  #pleaseConfirmPolicy {
    top: 0;
  }
  #pleaseConfirmPolicy .modal-dialog, 
  #pleaseConfirmPolicy .modal-content {
    min-height: 100vh;
    margin: 0!important;
    border: none;
    border-radius: 0;
  }
  #pleaseConfirmPolicy .modal-dialog {
    width: 100%!important;
  }
  #pleaseConfirmPolicy .modal-body {
    padding: 20px 15px 0;
    max-height: 100vh;
    overflow: auto;
    -webkit-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
    transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
  }  
  .expertForm form {
    font-size: 14px;
  }
  .confirmPopFooter {
    bottom: 60px;
  }
  .polDataLaxImg {
    width: 46px;
    height: 46px;
  }
  #pleaseConfirmPolicy .confirmTitle, 
  #pleaseConfirmPolicy .confirmSubTitle {
    font-size: 10px;
  }
  .loadFedWrap {
    width: 100%;
    margin: 0 auto;
  }
  .loadFedWrap li {
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 15px;
  }
  .loadDots img, .loadicon img {
    width: 20px;
    height: 20px;
  }

  /* Loading popup style ends */

  /* ----------- Exclusive offer box Aegon start ----------------- */

  .excl-card-col{
    padding: 0;
    margin: 0 0 50px 0;
  }

  .excl-card-offer{
    max-width: 375px;
    margin: auto;
  }

  .excl-card-offer-header{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px 6px 16px;
  }

  .excl-card-offer-body{
    padding: 8px 16px;
  }

  .excl-card-offer-brand-name{
    max-width: none;
  }

  .insta-cov-expl-wrap{
    border-radius: 0;
    border: none;
  }

  .insta-cov-expl-wrap .modal-body{
    padding: 30px 12px 20px 12px;
  }

  .insta-cov-expl-header{
    font-size: 18px;
    line-height: 21px;
  }

  .modal-insta-cov-expl{
    margin: 0 auto !important;
  }

  .insta-cov-wrapper{
    flex-direction: column;
    margin: 0 0 20px 0;
  }

  .insta-cov-col:first-child{
    margin-left: auto;
  }

  .insta-cov-col:last-child{
    margin-right: auto;
    margin-bottom: 0;
  }

  .insta-cov-col{
    margin: 0 0 50px 0;
    padding: 40px 20px 20px 20px;
  }

  .insta-cov-footer{
    flex-direction: column;
    padding: 0;
    border-top: none;
  }

  .insta-cov-expl-wrap .modal-footer{
    border: none;
    position: sticky;
    bottom: 0;
    width: 100%;
  }

  .insta-cov-footer-left,
  .insta-cov-footer-right{
    flex-basis: 100%;
  }

  .insta-cov-footer-left{
    padding: 12px;
    background-color: #fff;
    box-shadow: 0 -3px 6px 0 rgb(0 0 0 / 10%);
  }

  .insta-cov-footer-right{
    padding: 12px;
    box-shadow: 0 -3px 6px 0 rgb(0 0 0 / 10%);
  }

  .insta-cov-footer-logo{
    padding: 5px;
    border: 1px solid #D0D2D9;
    border-radius: 4px;
  }

  .insta-cov-buy-btn{
    width: 100%;
  }

  .insta-cov-col-p-span{
    display: inline-flex;
    padding: 0 0 0 3px;
  }

  .excl-ul-2{
    padding: 0 0 0 15px !important;
  }

  .gift{
    right: 12px;
  }
  /* ----------- Exclusive offer box Aegon end ----------------- */

  /* ----------- Exclusive banner start ----------------- */

  .ribbon-banner-2{
    display: table;
    margin: 0 auto 0 auto;
    position: relative;
    top: -16px;
  }

  .excl-banner{
    bottom: -63px;
    height: 62px;
  }

  .excl-banner-col{
    display: flex;
    width: 100%;
    justify-content: space-evenly;
  }
  
  .excl-ul-banner li{
    display: block;
    text-align: left;
    padding: 0;
  }

  .excl-ul-banner2 li{
    display: inline-block;
    padding: 0 30px 0 0;
  }

  .excl-ul-banner3 li{
    display: block;
  }

  .excl-ul-banner{
    position: relative;
    top: -10px;
    width: 135px;
  }

  .excl-ul-banner3{
    top: -18px;
  }

  .excl-ul-banner2{
    top: -18px;
  }

  /* ----------- Exclusive banner end ----------------- */
}

/* Medium devices (portrait tablets and large phones, 768px and 991px) */
@media only screen and (min-width: 768px) and (max-width: 1177px) {
  /* Life Quote style starts */
  .desktopShow, .desktopCellShow, .mobReviewTotal{
    display: none;
  }
  .desktopHide{
    display: block;
  }
  .desktopBlockHide{
    display: table-cell;
  }
  .footerBold {
    float: left;
    width: 100%;
  }
  .footerCopy {
    float: left;
    width: 100%;
  }
  .openbtn {
    margin-right: 26px;
  }
  .quoteTalkExpert {
    margin-right: 16px;
  }
  .sendQuotesAdjTab svg{
    width: 16px;
    height: 16px;
    margin-top: 2px;
  }
  .formHeaderWrap {
    width: 710px;
    margin: 18px auto;
  }
  .subFilterContainer {
    width: 710px;
  }
  .formHeaderCont img {
    width: 80px;
    height: 80px;
    margin: -64px auto 6px;
  }
  .formHeaderCont {
    margin: 0 auto 16px;
  }
  .formRightTerm {
    float: right;
    width: 180px;
  }
  .formLeftCont {
    width: 100%;
    padding: 24px 16px;
    margin-bottom: 22px;
  }
  .upgradeSkipProceedWrap {
    margin-top: 74px;
    right: 30px;
  }
  .formLeftNameWrap {
    width: 260px;
  }
  .formLeftAmtTxt {
    width: 40%;
    margin-top: 4px;
  }
  .formLeftAmtMon {
    width: 60%;
    border-bottom: none;
    text-align: right;
  }
  .formLeftAmtWrap {
    border-bottom: 1px solid #107591;
  }
  .downloadBroBtn {
    margin: 0;
    left: calc(50% - 105px);
    position: relative;
  }
  .formLeftLogoNameWrap {
    width: 52%;
    margin-bottom: 0;
  }
  .formLeftTermNomineeWrap {
    width: 48%;
  }
  .formRightMainCont,
  .formRightCont {
    width: 100%;
  }
  .formLeftCont .upgradeProceedWrap {
    display: none;
  }
  .formleftTerm.collapseShow {
    display: none !important;
  }
  .formRightCont .selectIncome > .bootstrap-select > .dropdown-toggle {
    width: 322px;
  }
  .formRightCont .inputFieldCust,
  .formRightCont .float-label input,
  .formRightCont .selectIncome {
    width: 322px;
  }
  .proceedNext {
    height: 54px;
    font-size: 14px;
  }
  .formRightMainCont .inputFieldCust:first-child,
  .lifeEligibilityFormClass .selectIncome:first-child {
    margin-right: 16px;
  }
  .agreeChecWrap .morePlanCheck {
    width: 100%;
  }
  .formRightCont .selectIncome {
    margin: 0 0 24px 0;
  }
  .upgradeCheckbox div {
    font-size: 12px;
  }
  .upgradeCheckbox {
    margin-left: 12px;
  }
  .formRightMainCont .custom-checkbox {
    margin: 0 5px;
  }
  .eligiCheckWrap .upgradeCheckTxt {
    font-size: 14px;
  }
  .eligiFullWidth {
    margin-bottom: 24px;
  }
  .formHeaderWrap .formBkBtn {
    left: 0;
  }
  .headInfoContainer {
    width: 710px;
    margin: 18px auto;
  }
  .headInfoWrap {
    margin: 14px auto;
  }
  .benfitWrap {
    float: left;
    width: 316px;
    height: 128px;
    margin-bottom: 36px;
    margin-right: 0;
  }
  .benfitWrap:nth-child(even) {
    margin-right: 28px;
  }
  .benifitInfo {
    height: 60px;
  }
  .tabletHide {
    display: none;
  }
  .tabletShow {
    display: block;
  }
  .tabletFiltersWrap {
    margin: 12px auto 8px;
    height: 32px;
    position: relative;
    width: 710px;
    text-align: right;
    z-index: 1;
  }
  .compareHeightHideTab{
    height: 0!important;
    margin: 0 auto!important;
  }
  .tabletFiltersCont {
    /* width: 324px; */
    position: absolute;
    right: 0;
    top: 0;
  }
  .tabletRightBtn {
    font-family: "Inter-Regular";
    font-size: 14px;
    line-height: 14px;
    color: #333 !important;
    text-decoration: underline;
    margin-top: 18px;
    float: right;
  }
  .formHeaderCont span {
    font-size: 20px;
  }
  .mainLogo,
  .formBkBtn {
    margin-left: 26px;
    z-index: 1;
  }
  .termQuoteBack{
    margin-top: 16px;
  }
  /* .navbar, .subFilterContainer{
    width: 710px;
    margin: 0 auto;
  } */
  .filterMenuWrap {
    width: 768px;
    padding: 6px;
    height: 67px;
    margin: 0 auto 16px;
  }
  .filterMenuCont {
    height: 52px;
  }
  .filterMenuSelectWrap .dropArrow {
    right: 1px;
    top: 8px;
  }
  /* 
  .filterMenuCont:nth-child(n + 4) {
    display: none;
  }
  .filterMenuCont:nth-child(n + 3) {
    border: none;
  }
  .nomineeLumsumOff,
  .nomineeLumsumOn,
  .filterMenuCont {
    width: 33.33% !important;
  } 
  .nomineeLumsumOff {
    border-left: solid 1px rgba(141, 145, 148, 0.4) !important;
  } */
  .tabletCoverAmt {
    width: 173px; /* 120px */
  }
  .tabletCoverUpto {
    width: 87px;
  }
  .tabletNomineeGets {
    width: 187px !important;
  }
  .tabletMonthlyAmt {
    width: 202px;
  }
  .tabletPaymentTerm {
    width: 143px;
  }
  .tabletMorePlans {
    width: 134px;
  }
  .tabletCoverAmt,
  .tabletCoverUpto,
  .tabletNomineeGets,
  .tabletMonthlyAmt,
  .tabletPaymentTerm,
  .tabletMorePlans {
    padding: 0;
  }
  .tabletCoverAmt .selectIncome .bootstrap-select.open,
  .tabletCoverAmt .selectIncome .bootstrap-select.open .dropdown-menu.open,
  .tabletCoverUpto .selectIncome .bootstrap-select.open,
  .tabletCoverUpto .selectIncome .bootstrap-select.open .dropdown-menu.open,
  .tabletNomineeGets .selectIncome .bootstrap-select.open,
  .tabletNomineeGets .selectIncome .bootstrap-select.open .dropdown-menu.open,
  .tabletMonthlyAmt .selectIncome .bootstrap-select.open,
  .tabletMonthlyAmt .selectIncome .bootstrap-select.open .dropdown-menu.open,
  .tabletPaymentTerm .selectIncome .bootstrap-select.open,
  .tabletPaymentTerm .selectIncome .bootstrap-select.open .dropdown-menu.open,
  .tabletMorePlans .selectIncome .bootstrap-select.open,
  .tabletMorePlans .selectIncome .bootstrap-select.open .dropdown-menu.open {
    min-width: 200px !important;
  }
  .filterMenuSelectWrap .rotateDropArrow {
    /* right: 0 !important; */
    display: none !important;
  }
  .tabletMorePlans .selectIncome .bootstrap-select.open {
    left: -57px;
  }
  .filterMenuWrap .selectIncome .bootstrap-select .dropdown-menu li a {
    padding: 8px 6px;
  }
  /* .selectIncome .bootstrap-select .dropdown-menu.open */
  .filterMenuSelectWrap
    > .bootstrap-select
    .dropdown-toggle
    .filter-option-inner-inner {
    padding: 0 7px;
  }
  .filterMenuTxt {
    font-size: 13px;
    line-height: 16px;
    padding: 5px 7px 0 7px;
  }
  .filterMenuSelectWrap,
  .filterMenuSelectWrap > .bootstrap-select > .dropdown-toggle,
  .filterMenuSelectWrap
    > .bootstrap-select
    .dropdown-toggle
    .filter-option-inner-inner {
    font-size: 12px;
    line-height: 30px;
  }
  .limitedPayValue {
    font-size: 12px;
    line-height: 20px;
    left: 74px;
  }
  .filterMenuWrap .selectIncome .bootstrap-select .dropdown-menu li a {
    font-size: 14px;
    line-height: 18px;
  }
  .compareBtn,
  .compareOffBtn {
    font-size: 12px;
    width: 121px;
    height: 32px;
  }
  .premiumFilterlabel {
    font-size: 12px;
  }
  .filterMainSelectWrap > .bootstrap-select > .dropdown-toggle {
    font-size: 12px !important;
  }
  .premiumFilterWrap {
    width: 174px;
    height: 32px;
    margin-left: 8px;
    padding: 7px 0 7px 10px;
  }
  .filterMainSelectWrap {
    width: 78px;
  }
  .sortFilterWidth {
    width: 110px;
  }
  .subFilterRightMain .selectIncome .bootstrap-select .dropdown-menu li a {
    font-size: 14px;
    line-height: 18px;
  }
  .subFilterContainer .bootstrap-select .dropdown-menu.open {
    min-width: 174px;
  }
  .filterMainSelectWrap .bootstrap-select .dropdown-menu.open {
    top: 26px;
    left: -94px;
  }
  .sortFilterWidth .bootstrap-select .dropdown-menu.open {
    left: -60px;
  }
  .whiteListCupWrap {
    margin: 20px 0 5px;
    font-size: 13px;
    line-height: 16px;
  }

  .desktopLable{
    display: none;
  }
  .affinityRecCard {
    margin-top: 50px;
  }
  .affinityRecCard .cardSuggestedTablet {
    position: absolute;
    top: -42px;
    left: -6px;
  }
  .affinityRecCard .cardSuggestedTablet img {
    left: 16px;
    top: 3px;
    width: 36px;
    height: 36px;;
  }
  .affinityRecCard .cardItemHeader{
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 #107591;
  }
  .affinityRecCard .cardSugTabletTxt{
    width: 720px;
    height: 345px;
    font-family: "Inter-Regular";
    font-size: 11px;
    line-height: 14px;
    padding: 7px 40px 0 74px;
    border-top-right-radius: 0;
    margin-top: 0;
    margin-left: 0;
  }
  .affinityRecCard .cardSugTabletTxt .recTxtBold{
    font-family: "Inter-SemiBold";
  }
  .affinityRecCard .cardSugTabletTxt svg{
    position: absolute;
    width: 10px;
    height: 10px;
    left: 58px;
    top: 9px;
  }
  .affinityRecCard .cardSugTabletTxt .recLastChild{
    display: block;
  }

  .cardMainContainer {
    width: 710px;
    margin: 18px auto 0;
  }
  .cardSuggested {
    display: none;
  }
  .cardSuggestedTablet {
    display: block;
  }
  .cardContainerSingle .cardItemWrap,
  .cardItemWrap,
  .cd-products-comparison-table {
    width: 710px;
  }
  .cardSuggestedTabletNew{
    width: 710px;
  }
  .cardItemWrap {
    height: 293px;
    padding: 19px 14px 12px 9px;
    margin: 0 0 65px;
  }
  .cardItemTitle {
    font-size: 13px;
    min-height: 20px;
  }
  .cardHilight {
    top: -17px;
    left: 9px;
  }
  .cardHilightTxt {
    padding: 1px 0 0 4px;
    font-family: "Inter-SemiBold";
    font-size: 10px;
    line-height: 10px;
  }
  .compareWrap {
    width: 710px;
    padding: 20px 0;
  }
  .compareBox:nth-child(4) {
    display: none;
  }
  .cardContainer {
    width: 660px;
    padding: 0;
  }
  .cardItemWrap:nth-child(odd) {
    margin-right: 0;
  }
  .cardContainerSingle .cardItemTitle {
    font-size: 13px;
    min-height: 20px;
    line-height: 15px;
  }
  .cardContainerSingle .cardTopLeft {
    width: 364px;
  }
  .cardContainerSingle .cardPlanLogoTxt {
    width: 316px;
    margin-left: 10px;
  }
  .cardContainerSingle .cardItemHeader {
    width: 100%; /* 546px */
    padding: 18px 14px 12px 12px;
  }
  .cardContainerSingle .cardTopRight {
    /* width: 234px; */
    margin-top: -6px;
    height: 65px;
    width: 306px;
    display: inline-block;
    text-align: center;
    padding-right: 0;
    padding-left: 0;
  }
  .cardContainerSingle .cardTopRate {
    width: 100%;
    height: 28px;
    padding: 0;
    font-family: "Inter-Medium";
    font-size: 20px;
    line-height: 24px;
    color: #333;
    margin-bottom: 6px;
    text-align: center;
  }
  .cardTopRate {
    font-size: 20px;
    line-height: 24px;
  }
  .cardContainerSingle .cardBuyBtn {
    margin-top: 0;
    float: none;
    text-align: center;
  }
  .cardContainerSingle .cardMiddleSection,
  .cardContainerSingle .cardBottomSection {
    padding: 14px 0;
    height: 88px;
  }
  .cardContainerSingle .cardMiddleClaim,
  .cardContainerSingle .cardMiddleTermNbr {
    font-size: 13px;
  }
  .cardSuggestedBg {
    width: 110px;
  }
  .cardSuggestedBg:after {
    left: 109px;
  }
  .cardSuggested {
    width: 160px;
    padding: 6px 26px 5px 10px;
  }
  .cardMiddleTermYr {
    font-size: 12px !important;
  }
  .cardContainerSingle .cardMiddleLeft {
    width: 94px;
  }
  .cardContainerSingle .cardMiddleTermYr,
  .cardContainerSingle .cardMiddleNominee,
  .cardContainerSingle .cardMiddleDuration {
    font-size: 12px;
  }
  .cardMiddleDuration {
    max-height: 40px;
    min-height: 20px;
    height: auto;
  }
  .cardMiddleLeft,
  .cardMiddleMiddle,
  .cardMiddleRight {
    vertical-align: middle;
  }
  .cardContainerSingle .cardMiddleRight {
    width: 171px;
    border-left: 1px solid #e3e4e8;
  }
  .cardContainerSingle .cardMiddleRight .cardMiddleDuration {
    font-size: 12px;
    margin-top: 0;
  }
  .cardContainerSingle .cardTopSection {
    height: 90px;
  }
  .cardTopSection {
    height: 85px;
  }
  .cardMiddleDuration br {
    display: none;
  }
  .cardContainerSingle .cardBtmMiddle .cardMiddleTerm,
  .cardContainerSingle .cardBtmLeft .cardMiddleTerm {
    margin-left: -14px;
    font-size: 12px;
  }
  .cardContainerSingle .cardMiddleTerm {
    font-size: 12px;
  }
  .cardBottomSection .cardBtmMiddle,
  .cardBottomSection .cardBtmRight {
    padding: 0 10px;
  }
  .cardContainerSingle .cardBtmMiddle {
    width: 206px;
  }
  .cardContainer .cardTopRight {
    margin-top: -6px;
    height: 65px;
    width: 310px;
    display: inline-block;
    text-align: center;
    padding-right: 0;
    padding-left: 0;
  }
  .cardBuyBtn {
    float: none;
    text-align: center;
    margin-left: 0;
    height: 47px;
  }
  .cardTopLeft {
    width: 370px;
  }
  .cardPlanLogoTxt {
    margin-left: 5px;
    width: 270px;
    padding-right: 10px;
  }
  .cardMiddleSection {
    padding: 26px 0;
  }
  .cardBottomSection {
    padding: 26px 0 12px 0;
  }
  .cardContainerSingle .cardPlanLogo {
    width: 42px;
    height: 42px;
  }
  /* .cardTopRate {
    display: table-cell;
  } */
  .cardBtmLeft .cardMiddleTermYr {
    margin-top: 2px;
  }
  .cardOfferText {
    float: none;
    width: 660px;
  }
  .morePlansWrap {
    margin-top: -20px;
    margin-bottom: 28px;
  }
  .subFilterRightMain {
    height: 32px;
  }
  #planDetailsPopup .modal-dialog,
  #reviewSubmit .modal-dialog {
    width: 740px;
  }
  #reviewSubmit .modal-body {
    padding: 0 24px 40px 24px;
  }
  .reviewPopLogo {
    margin-right: 12px;
  }
  .reviewPopPlanNominee {
    width: 206px;
  }
  .reviewPopTableTitleTxt,
  .reviewPopTableBodyTxt {
    width: 190px;
    margin-right: 18px;
  }
  .reviewPopTableTitleTxt:nth-child(3n),
  .reviewPopTableBodyTxt:nth-child(3n) {
    width: 274px;
  }
  .detailsPopPlanName {
    width: 460px;
    border-right: none;
  }
  .knowMoreHeaderTabChange {
    float: left;
    width: 100%;
    margin-top: 20px;
  }
  .detailPopTabs .nav-tabs > li > a {
    width: 230px;
    font-size: 13px;
    line-height: 15px;
  }
  .kypContentWrap {
    width: 450px;
  }
  .detailTitle {
    width: 278px;
  }
  .detailData {
    width: 374px;
  }
  .progressbar {
    padding: 0;
  }
  .detailsPopStepIcon {
    left: 103px;
  }
  .headInfoWrap {
    height: auto;
  }
  .headInfoName {
    width: 340px;
  }
  .headInfoContainer .detailsPopPlanCTN {
    font-size: 12px;
    line-height: 24px;
    color: #333;
  }
  .headInfoContainer .detailsPopPlanCTT {
    font-size: 14px;
    line-height: 18px;
    color: #333;
  }
  .befitTitle {
    margin-bottom: 26px;
  }
  .headInfoMainWrap .benfitWrap:nth-child(n + 4) {
    margin-bottom: 12px;
  }
  .headInfoContainer .formBkBtn {
    margin-top: 14px;
  }
  .upgradeWrap {
    width: 349px;
    margin-right: 12px;
    padding: 24px 14px;
  }
  .upgradeDropList {
    width: 155px;
  }
  .upgradeDropWrap {
    bottom: 96px;
  }
  .upgradeAddOnDisable .upgradeAddOnDisableTxt{
    width: 318px;
  }
  .upgradePhyTestWrap {
    bottom: 69px;
    padding: 0 1px;
  }
  .upgradeAddAmtWrap {
    width: 318px;
    bottom: 24px;
  }
  .planInfoCollapsBtn,
  .planInfoCollapsBtn:hover,
  .planInfoCollapsBtn:focus,
  .planInfoCollapsBtn:active {
    display: block;
    position: absolute;
    right: 18px;
    bottom: 20px;
    background: none !important;
    border: none !important;
    color: #107591 !important;
    padding: 0;
    box-shadow: none;
  }
  .planInfoCollapsBtn span {
    display: block;
    font-family: 'Inter-Regular';
  }
  .planInfoCollapsBtn .dropArrow {
    display: inline-block;
    position: inherit;
    background: url(../img/arrow_selectBox.png) no-repeat;
    background-size: 16px;
    background-position: right;
    width: 16px;
    height: 8px;
    margin-left: 4px;
    filter: invert(30%) sepia(36%) saturate(3141%) hue-rotate(166deg)
      brightness(76%) contrast(45%);
  }
  .dropArrow.rotate {
    animation-name: rotateDropArrow;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
  }
  .tabletView {
    display: block;
  }
  .closeCollapseIcon {
    position: absolute;
    top: 10px;
    right: 10px;
  }
  .formLeftNameWrap.tabletView {
    margin-bottom: 8px;
    margin-top: 20px;
  }
  .cardKnowMore {
    line-height: 15px;
    margin-top: 7px;
    font-size: 11px;
  }
  .cardPlanLogo img {
    max-height: 42px;
  }
  .formLeftCont .collapse {
    display: none;
  }
  .formLeftCont .collapse.in {
    display: block;
  }
  [data-toggle="collapse"].collapsed .if-not-collapsed {
    display: none;
  }
  [data-toggle="collapse"]:not(.collapsed) .if-collapsed {
    display: none;
  }
  .collapseHide {
    display: block;
  }
  .collapseShow {
    display: none;
  }
  .detailsBottomBtn {
    display: block;
    float: left;
    position: inherit;
    width: 100%;
    margin-top: 20px;
  }
  .upgradeProceedWrap button {
    width: 100%;
    height: 60px;
    padding: 10px 0;
  }
  .formleftTermHead {
    text-transform: uppercase;
    margin-bottom: 0;
  }
  .benifitName {
    font-size: 14px;
  }
  .upgradeInfo {
    font-size: 12px;
    line-height: 18px;
  }
  .diabeticError {
    top: 34px;
  }
  .upgradeCheckWrap {
    padding: 12px 0 26px 0;
  }
  .headInfoMainWrap {
    margin: 0;
  }
  .cd-products-table .features {
    width: 150px;
    padding-right: 4px;
  }
  .top-info .planOptionHead {
    margin-right: 0;
  }
  .planOptionHead {
    font-size: 12px;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .productDividerPadding {
    margin-bottom: 0 !important;
  }
  .features .cd-features-list li {
    font-size: 10px;
  }
  .cd-products-columns {
    width: 554px;
    margin-left: 156px;
  }
  #nomineeMonth .modal-dialog,
  .nomineePopupWrap {
    width: 674px;
  }
  .compareBox,
  .compareBoxSuggested {
    width: 140px;
    height: 70px;
    margin-right: 44px;
  }
  .compareBoxItem {
    width: 140px;
    height: 70px;
    padding: 12px 8px;
    margin-right: 44px;
  }
  .compareRemovePlan {
    top: 1px;
    right: 1px;
  }
  .compareLogo {
    width: 32px;
  }
  .comparePlanName {
    width: 90px;
    padding-left: 6px;
    height: 54px;
    font-size: 12px;
    line-height: 13px;
  }
  .compareBoxBtn {
    width: 150px;
    margin: 8px 0;
    height: 54px;
    font-size: 16px;
    line-height: 18px;
  }
  .agreeChecWrap .morePlanCheck input + label:before {
    margin: 4px 8px 106px 0;
  }
  .thankWrap {
    width: 710px;
  }
  .upgradeSkipWrap {
    right: 28px;
    margin-top: 94px;
  }
  .upgradeSkipWrap a {
    display: flex;
    background: none;
    border: none;
    border-radius: 0;
    font-family: "Inter-Medium";
    font-size: 14px;
    color: #808080;
    width: auto;
    height: auto;
    text-decoration: none;
    padding: 0;
  }
  .upgradeSkipWrap a svg {
    display: block;
  }
  .headTitleMainWrap .headTitleRight {
    display: none;
  }
  .formRightMainCont .headTitleMainWrap,
  .headTitleMainWrap .headTitleRight.detailRightHead {
    display: block;
  }
  .formRightMainCont .headTitleRight svg {
    left: 0;
  }
  .formRightMainCont .headTitleRight span {
    padding-left: 0;
  }
  .headTitleMainWrap {
    margin-top: 10px;
    margin-bottom: 12px;
  }
  /* Life Quote style ends */
  .stepper-mainHeader {
    margin-top: 41px;
    font-size: 28px;
    font-weight: 500;
  }
  .stepper-subHeader {
    margin: 8px 0 0 0;
  }
  .inputFieldCust:first-child {
    margin-right: 31px;
  }
  .customWrapProceed {
    margin-top: 0;
  }
  .compareBoxContainer {
    width: 556px;
  }
  .footerWrap {
    /* width: 660px;
    margin: 0 auto; */
    padding: 0;
  }
  footer {
    height: 64px;
    font-size: 14px;
    padding: 21px 26px;
  }
  .footerInline {
    float: left;
    width: 36%;
    text-align: center;
  }
  .footerInline:first-child,
  .footerInline:last-child {
    margin: 0;
    width: 32%;
  }
  .footerCopy {
    margin: 30px 0 8px 0;
    text-align: center;
    font-family: "Inter-Regular";
    font-size: 12px;
    color: #808080;
  }
  .backBtn button {
    display: inline;
    font-size: 14px;
    top: 125px;
    left: 44px;
  }
  .backBtn button img {
    width: 16px;
    margin: -2px -5px 0 0;
    top: 125px;
  }
  .stepper-subHeader,
  .stepper-subHeader2,
  .stepper-subHeader3,
  .stepper-subHeader4 {
    font-size: 20px;
  }
  .stepper-subHeader2 {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .stepper-subHeader3 {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .stepper-subHeader4 {
    margin-top: 12px;
    margin-bottom: 24px;
  }
  .stepper-boldHeader {
    font-size: 24px;
    line-height: 24px;
  }
  .stepper-lightHeader {
    width: 468px;
    margin: 0 auto;
    padding: 0 0 8px 0;
  }
  .tabletWrap {
    width: 420px;
    margin: 0 auto;
    padding: 0 0 32px 0;
    line-height: 40px;
  }
  .termPolicyWrap {
    width: 695px;
    padding-top: 0;
  }
  .minHeightRadio {
    width: 222px;
    margin-right: 14px;
  }
  .continueIcon {
    right: 54px;
    top: 118px;
    height: 31px;
    width: 109px;
    padding: 0;
  }
  .continueIcon span {
    float: left;
    margin: 0;
    font-size: 14px;
    line-height: 24px;
  }
  .continueIcon svg {
    width: 13px;
    margin-top: 6px;
  }
  .continueIcon div {
    width: 92px;
    margin: 1px 0 0 11px;
  }
  .stepCounterWrap {
    top: 129px;
    right: 52px;
  }  
  #nriInfo .modal-dialog,
  #nriQualification .modal-dialog,
  #nriHusbNoPlan .modal-dialog,
  #nriNonAptCountry .modal-dialog,
  #nriUSNonAptCountry .modal-dialog,
  #nriFutureNonAptCountry .modal-dialog{
    width: 640px;
  }
  .nonAcceptCountryShow .selectIncome{
    width: 100%;
  } 
  .nonAcceptCountryShow .selectIncome .dropdown{
    width: 320px!important;
  } 
  .nonAcceptCountryShow .selectIncome .dropArrow {
    left: 294px;
    right: auto;
  }
  .futureCountryRemove {
    left: 335px;
  }

  /* ----------- Exclusive offer box Aegon start ----------------- */
  .excl-card-offer{
    margin: 0 0 40px 0;  
    border: 1px solid #D0D2D9;
    border-radius: 4px;
  }

  .excl-card-col{
    width: 100%;
    padding: 0;
  }

  .excl-card-offer-header{
    display: table-cell;
    min-width: 180px;
    max-width: 185px;
    vertical-align: middle;
    min-height: 125px;
    border-radius: 4px 100px 100px 4px;
  }

  .gift{
    top: 0;
    bottom: 0;
    right: 6px;
    margin: auto;
  }

  .excl-card-offer-header-col{
    vertical-align: middle;
  }

  .excl-card-offer-body{
    display: table-cell;
    border: none;
    min-height: auto;
    vertical-align: middle;
  }

  .excl-card-offer-body-top{
    display: inline-block;
    vertical-align: middle;
    min-width: 265px;
    padding: 0 10px 0 10px;
  }

  .excl-card-offer-body-bottom{
    display: inline-block;
    vertical-align: middle;
  }

  .excl-card-title{
    max-width: 112px;
  }

  .excl-card-offer-line-1{
    border: none;
    margin: 5px 0;
  }

  .excl-card-offer-line-2{
    display: none;
  }

  .excl-card-buy-btn{
    min-width: 238px;
  }

  .modal-insta-cov-expl{
    width: auto;
    max-width: 768px;
    margin: 0 !important;
    width: 100%;
    position: fixed;
    top: auto;
    right: auto;
    left: auto;
    bottom: 0;
  }

  .insta-cov-expl-wrap .modal-body{
    padding: 30px;
  }

  /* ----------- Exclusive offer box Aegon end ----------------- */

  /* ----------- Exclusive banner start ----------------- */
  .ribbon-banner-2{
    margin: 0 20px;
  }

  .ribbon-banner-3{
    margin: auto;
  }

  .cardItemWrapRibbon{
    margin-bottom: 75px;
  }

  .cardItemWrapRibbon2{
    margin-bottom: 75px;
  }

  .excl-ul-banner li{
    padding: 0 24px 0 0;
  }

  .excl-ul-banner li:last-child {
    padding: 0 10px 0 0;
  }

  /* ----------- Exclusive banner end ----------------- */
}

@media (max-width: 1177px) {
  .cardSuggestedTabletNew {
    display: flex;
    /* width: 710px; */
  }

  .cardContainerSingle .cardItemWrap{
    height: auto;
    border: 6px solid #107591;
    border-radius: 0;
    background: #107591;
  }

  .cardWrapper{
    background: #fff;
    border-radius: 4px;
  }

  .excl-banner{
    width: 695px;
    bottom: 33px;
    left: 8px;
  }

  .cardCongrats{
    display: none;
  }
}

@media (max-width: 991px) {
  .excl-banner{
    bottom: -32px;
  }

  .excl-banner-bajaj{
    left: 0;
  }

  .cardSuggestedTabletNew{
    /* width: 100%; */
  }

  .cardCongrats{
    display: none;
  }
}

@media (max-width: 767px){
  .excl-banner{
    width: 92%;
    left: 0;
    height: 82px;
    bottom: -82px;
  }

  .excl-banner2{
    bottom: -43px;
    height: 42px;
  }

  .excl-banner3{
    bottom: -83px;
    height: 82px;
  }

  .excl-banner-col3{
    justify-content: flex-start;
  }

  .excl-ul-banner{
    width: auto;
  }

  .excl-banner-bajaj{
    height: 42px;
    bottom: -42px;
  }

  .excl-ul-banner-bajaj {
    display: flex;
    width: 100%;
    justify-content: space-evenly;
  }

  .excl-ul-banner-bajaj li {
    width: 120px;
    text-align: left;
  }

  .excl-ul-banner-bajaj li:last-child {
    padding: 0;
  }

  .excl-banner-col{
    justify-content: flex-start;
  }

  .cardSuggestedTabletNew p{
    font-size: 11px;
    line-height: 14px;
  }

  .cardCongrats{
    display: none;
  }
}