@font-face {
    font-family: muli-black;
    src: url(fontawesome/Muli-Black.ttf);
}

@font-face {
    font-family: myriadPro;
    src: url(fontawesome/MyriadPro-Bold.otf);
}

@font-face {
    font-family: myriadPro-light;
    src: url(fontawesome/Myriad-Pro-Light.otf);
}

@font-face {
    font-family: myriadPro-black;
    src: url(fontawesome/Myriad-Pro-Black.otf);
}

@font-face {
    font-family: myriadPro-regular;
    src: url(fontawesome/Myriad-Pro-Regular.ttf);
}

@font-face {
    font-family: font-awesome;
    src: url(fontawesome/all.min.css);
}

@import url("https://use.fontawesome.com/releases/v5.13.0/css/all.css") body

{
    font-family: muli-black !important;
    font-family: myriadPro !important;
    background-color: #f3f3f3;
    font-size: 18px !important;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

header {
    background-color: rgb(255, 255, 255);
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 1000;
    /* height:66.93px;  */ /* for uat header*/
}

h1, h2, h3, h4, h5, h6 {
    /* font-family: muli-black !important; */
    /* font-family: myriadPro !important; */
}

p {
    /*    font-family: myriadPro-regular; */
}

label {
    /* font-family:  myriadPro-regular; */
}

.hide {
    display: none;
}

.card-body .col-md-7 {
    position: relative;
    z-index: 999;
}

.card-body {
    display: flex;
    margin-left: 30px;
}

.benefits li {
    width: 170px;
    height: 125px;
    margin: 10px 10px;
    position: relative;
}

    .benefits li [type="radio"] + label {
        width: 100%;
        height: 100%;
        border-radius: 20px;
        border: 2px solid #f15a22;
        color: #333;
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        list-style: none;
    }

    .benefits li i {
        position: absolute;
        top: 10px;
        left: 10px;
    }

.custom-radio-01 [type="radio"]:disabled + label {
    border-color: #dddddd;
}

.benefits [type="radio"]:checked + label, .benefits [type="radio"]:not(:checked) + label {
    position: relative;
    padding: 27px 12px !important;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}

    .benefits [type="radio"]:checked + label:before, .benefits [type="radio"]:not(:checked) + label:before {
        content: "";
        position: absolute;
        left: 134px !important;
        top: 5px !important;
        width: 20px;
        height: 20px;
        border: 2px solid #ddd;
        border-radius: 100%;
        background: #fff;
    }

    .benefits [type="radio"]:checked + label:after, .benefits [type="radio"]:not(:checked) + label:after {
        content: "";
        width: 10px;
        height: 10px;
        background: #f15a22;
        position: absolute;
        top: 10px !important;
        left: 139px !important;
        border-radius: 100%;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

.benefits li label span {
    font-size: 14px;
    font-weight: normal;
}

.discount1 li {
    width: 160px;
    height: 125px;
    border-radius: 13px;
    border: 2px solid #f15a22;
    color: #333;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    list-style: none;
    margin: 0px 10px;
}

    .discount1 li label span {
        font-size: 14px;
        font-weight: normal;
    }

    .discount1 li i {
        position: relative;
        top: -119px;
        left: -63px;
    }

.discount1 [type="radio"]:checked + label, .discount1 [type="radio"]:not(:checked) + label {
    position: relative;
    padding: 2px 7px !important;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}

    .discount1 [type="radio"]:checked + label:before, .discount1 [type="radio"]:not(:checked) + label:before {
        content: "";
        position: absolute;
        left: 125px !important;
        top: 5px !important;
        width: 20px;
        height: 20px;
        border: 2px solid #ddd;
        border-radius: 100%;
        background: #fff;
    }

    .discount1 [type="radio"]:checked + label:after, .discount1 [type="radio"]:not(:checked) + label:after {
        content: "";
        width: 10px;
        height: 10px;
        background: #f15a22;
        position: absolute;
        top: 10px !important;
        left: 130px !important;
        border-radius: 100%;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

.discount2 li {
    width: 160px;
    height: 125px;
    border-radius: 12px;
    border: 2px solid #f15a22;
    color: #333;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    list-style: none;
    margin: 0px 10px;
}

    .discount2 li label span {
        font-size: 14px;
        font-weight: normal;
    }

    .discount2 li i {
        position: relative;
        top: -119px;
        left: -63px;
    }

.discount2 [type="radio"]:checked + label, .discount2 [type="radio"]:not(:checked) + label {
    position: relative;
    padding: 2px 7px !important;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}

    .discount2 [type="radio"]:checked + label:before, .discount2 [type="radio"]:not(:checked) + label:before {
        content: "";
        position: absolute;
        left: 144px !important;
        top: 5px !important;
        width: 20px;
        height: 20px;
        border: 2px solid #ddd;
        border-radius: 100%;
        background: #fff;
    }

    .discount2 [type="radio"]:checked + label:after, .discount2 [type="radio"]:not(:checked) + label:after {
        content: "";
        width: 10px;
        height: 10px;
        background: #f15a22;
        position: absolute;
        top: 11px !important;
        left: 149px !important;
        border-radius: 100%;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

.discount3 li {
    width: 160px;
    height: 125px;
    border-radius: 13px;
    border: 2px solid #f15a22;
    color: #333;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    list-style: none;
    margin: 0px 10px;
}

    .discount3 li label span {
        font-size: 15px;
        font-weight: normal;
    }

    .discount3 li i {
        position: relative;
        top: -119px;
        left: -63px;
    }

.discount3 [type="radio"]:checked + label, .discount3 [type="radio"]:not(:checked) + label {
    position: relative;
    padding: 2px 7px !important;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}

    .discount3 [type="radio"]:checked + label:before, .discount3 [type="radio"]:not(:checked) + label:before {
        content: "";
        position: absolute;
        left: 144px !important;
        top: 5px !important;
        width: 20px;
        height: 20px;
        border: 2px solid #ddd;
        border-radius: 100%;
        background: #fff;
    }

    .discount3 [type="radio"]:checked + label:after, .discount3 [type="radio"]:not(:checked) + label:after {
        content: "";
        width: 10px;
        height: 10px;
        background: #f15a22;
        position: absolute;
        top: 10px !important;
        left: 149px !important;
        border-radius: 100%;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

.discount4 li {
    width: 160px;
    height: 125px;
    border-radius: 12px;
    border: 2px solid #f15a22;
    color: #333;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    list-style: none;
    margin: 0px 10px;
}

    .discount4 li label span {
        font-size: 13px;
        font-weight: normal;
    }

    .discount4 li i {
        position: relative;
        top: -100px;
        left: -69px;
    }

.discount4 [type="radio"]:checked + label, .discount4 [type="radio"]:not(:checked) + label {
    position: relative;
    padding: 0px 27px !important;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}

    .discount4 [type="radio"]:checked + label:before, .discount4 [type="radio"]:not(:checked) + label:before {
        content: "";
        position: absolute;
        left: 144px !important;
        top: 5px !important;
        width: 20px;
        height: 20px;
        border: 2px solid #ddd;
        border-radius: 100%;
        background: #fff;
    }

    .discount4 [type="radio"]:checked + label:after, .discount4 [type="radio"]:not(:checked) + label:after {
        content: "";
        width: 10px;
        height: 10px;
        background: #f15a22;
        position: absolute;
        top: 10px !important;
        left: 149px !important;
        border-radius: 100%;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

.discount5 li {
    width: 160px;
    height: 139px;
    border-radius: 12px;
    border: 2px solid #f15a22;
    color: #333;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    list-style: none;
    margin: 0px 10px;
}

    .discount5 li label span {
        font-size: 14px;
        font-weight: normal;
    }

    .discount5 li i {
        position: relative;
        top: -104px;
        left: -69px;
    }

.discount5 [type="radio"]:checked + label, .discount5 [type="radio"]:not(:checked) + label {
    position: relative;
    padding: 2px 7px !important;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}

    .discount5 [type="radio"]:checked + label:before, .discount5 [type="radio"]:not(:checked) + label:before {
        content: "";
        position: absolute;
        left: 142px !important;
        top: 5px !important;
        width: 20px;
        height: 20px;
        border: 2px solid #ddd;
        border-radius: 100%;
        background: #fff;
    }

    .discount5 [type="radio"]:checked + label:after, .discount5 [type="radio"]:not(:checked) + label:after {
        content: "";
        width: 10px;
        height: 10px;
        background: #f15a22;
        position: absolute;
        top: 10px !important;
        left: 147px !important;
        border-radius: 100%;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

.discount6 li {
    width: 160px;
    height: 138px;
    border-radius: 12px;
    border: 2px solid #f15a22;
    color: #333;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    list-style: none;
    margin: 0px 10px;
}

    .discount6 li label span {
        font-size: 14px;
        font-weight: normal;
    }

    .discount6 li i {
        position: relative;
        top: -104px;
        left: -69px;
    }

.discount6 [type="radio"]:checked + label, .discount6 [type="radio"]:not(:checked) + label {
    position: relative;
    padding: 2px 7px !important;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}

    .discount6 [type="radio"]:checked + label:before, .discount6 [type="radio"]:not(:checked) + label:before {
        content: "";
        position: absolute;
        left: 142px !important;
        top: 5px !important;
        width: 20px;
        height: 20px;
        border: 2px solid #ddd;
        border-radius: 100%;
        background: #fff;
    }

    .discount6 [type="radio"]:checked + label:after, .discount6 [type="radio"]:not(:checked) + label:after {
        content: "";
        width: 10px;
        height: 10px;
        background: #f15a22;
        position: absolute;
        top: 10px !important;
        left: 147px !important;
        border-radius: 100%;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

.discountIcon {
    width: 126px;
    display: inline-block;
    height: 129px;
    vertical-align: middle;
    background-image: url(/SiteAssets/HealthGainNJ/images/discount2.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

    .discountIcon.active,
    .discountIcon.first-active {
        background-image: url(/SiteAssets/HealthGainNJ/images/discount.webp);
    }

.plusSign2 {
    width: 55px;
    display: inline-block;
}

.sub-section1 {
    width: 45%;
    display: inline-block;
    margin-left: 4%;
    vertical-align: top;
    /* margin-top: 3%; */
}

.sub-section2 {
    width: 48%;
    display: inline-block;
    vertical-align: bottom;
    /* margin-top: 16%;  */
    margin-right: 1%;
    text-align: right;
}

.guide-img .covered-img {
    text-align: right;
    margin-right: 50px;
    margin-top: 25px;
    margin-bottom: 85px;
}

.guide-img .step-guid-img {
    width: auto;
    margin-top: 30px;
    margin-right: 40px;
}
/* .guide-img img{
	width:100%; max-width:435px;
	} */
.preAmount {
    padding: 25px 18px;
    border-radius: 50%;
    border: 0 solid #f15a22;
    color: #fff;
    background-color: #f15a22;
    width: 150px;
    height: 150px;
    text-align: center;
    line-height: 1.2;
    display: inline-table;
}

.funnelImg2 {
    display: none;
}

.preAmount span {
    font-size: 29px;
    font-weight: bold;
    color: #fff;
}

.imagebox {
    position: absolute;
    bottom: -50px;
    right: -80px;
    z-index: -1;
    width: 600px;
}

.funnelImg img {
    width: 100%;
    max-width: 320px;
}

.addOndiscount {
    width: 28% !important;
}

.healthgain-progress .card {
    /*overflow: hidden;*/
    box-shadow: 0px 0px 7.83px 1.17px rgba(0, 0, 0, 0.15);
    height: 500px;
    /*z-index: 9;*/
    background-color: #fbfafd;
}

.main-header {
    font-weight: normal;
    /* color: #000; */
    /* font-family: myriadPro !important; */
    font-size: 18px;
}

.main-header_ultra-main {
    font-weight: bold;
    color: #000;
    font-size: 29px;
    /* margin-bottom: 30px; */
}

    .main-header_ultra-main + strong {
        color: #000;
        font-size: 19px;
        display: block;
        width: 90%;
    }

.main-header + strong {
    color: #464646;
    font-size: 19px;
    margin-top: 20px;
    display: block;
}


.custome-align {
    position: relative;
    top: -3px;
    /*   left: 110px; */
}

.badge-tag {
    display: inline-block;
    padding: 2px 4px 2px 4px;
    font-size: 48%;
    font-weight: 100 !important;
    letter-spacing: 0.7px;
    background: #019891 !important;
    /* line-height: 1; */
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    color: white;
}

.grid-boxes {
    padding: 0;
    list-style: none;
    margin-bottom: 0;
    display: flex;
    margin-top: 20px;
}

    .grid-boxes li:nth-child(3) {
        display: none;
    }

    .grid-boxes li {
        border-style: solid;
        border-width: 2px;
        border-color: rgb(232, 232, 232);
        border-radius: 17px;
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 130px;
        height: 130px;
        text-align: center;
        vertical-align: top;
        margin-right: 15px;
        background-color: #fff;
    }

.icon-titles {
    font-size: 14px;
    line-height: normal;
}

.theme-btn {
    width: 250px;
    text-transform: uppercase;
    border: 2px solid #009690;
    color: #fff;
    padding: 10px 0;
    font-size: 19px;
    border-radius: 19px;
    margin-top: 5px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    background-color: transparent;
    z-index: 0;
    display: inline-block;
    text-align: center;
}

.sub-section-2 .previesIcon {
    left: inherit !important;
}
/* .theme-btn {
  width: 150px;
  text-transform: uppercase;
  border: 2px solid #f15a22;
  color: #fff;
  font-weight: 600;
  padding: 7px 20px 7px 20px;
  font-size: 15px;
  border-radius: 19px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  background-color: transparent;
  z-index: 99;
  display: inline-block;
  text-align: center;
} */
.theme-btn::after {
    content: "";
    width: 101%;
    height: 101%;
    background-color: #f15a22;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    transition: 0.2s ease all 0s;
}

.theme-btn:hover {
    text-decoration: none;
    color: #f15a22;
}

    .theme-btn:hover::after {
        left: 100%;
    }

.heading-style-2 {
    color: #333333;
}

    .heading-style-2 strong {
        color: #f15a22;
    }

.tagline {
    font-size: 19px;
    font-weight: bold;
}

.username .date-place {
    display: block;
    font-weight: 100;
    font-size: 15px;
}

.owl-testimonials p {
    padding: 10px 40px;
}

.username {
    font-weight: bold;
    position: relative;
}

    .username::before {
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        top: -8px;
        width: 70px;
        height: 2px;
        background-color: #f15a22;
        transform: translateX(-50%);
    }

.rating {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .rating i {
        color: #f15a22;
    }

.testimonials-box::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50px;
    width: 3px;
    height: 80%;
    background-color: #bbbbbb;
    transform: translateX(-50%);
}

.testimonials-box {
    position: relative;
}

.lister::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 30px;
    width: 80%;
    background-color: #d9d9d9;
    height: 4px;
    z-index: -1;
    transform: translateX(-50%);
}

.lister {
    counter-reset: incrementer;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding-top: 70px;
    padding-bottom: 40px;
    position: relative;
}

    .lister li::before {
        counter-increment: incrementer;
        display: block;
        content: counter(incrementer);
        position: absolute;
        left: 50%;
        background-color: #f15a22;
        width: 40px;
        height: 40px;
        line-height: 40px;
        border-radius: 100px;
        color: #ffffff;
        transform: translateX(-50%);
        top: -60px;
    }

    .lister li {
        width: 200px;
        text-align: center;
        position: relative;
    }

.expander-btn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 999;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #cccccc;
    font-size: 12px;
    padding: 3px 10px;
    border-radius: 80px 80px 0 0;
    line-height: normal;
    width: 100px;
}

.custom-radio-01 {
    padding-left: 0px;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px;
    margin-bottom: 20px;
}

    .custom-radio-01 li:not(:last-child) {
        margin-right: 10px;
    }

    .custom-radio-01 [type="radio"]:checked,
    .custom-radio-01 [type="radio"]:not(:checked) {
        position: absolute;
        left: -9999px;
    }

        .custom-radio-01 [type="radio"]:checked + label,
        .custom-radio-01 [type="radio"]:not(:checked) + label {
            position: relative;
            padding-left: 30px;
            cursor: pointer;
            line-height: 20px;
            display: inline-block;
            color: #666;
        }

    .custom-radio-01 [type="radio"]:disabled + label {
        color: #ddd;
    }

    .custom-radio-01 [type="radio"]:checked + label:before,
    .custom-radio-01 [type="radio"]:not(:checked) + label:before {
        content: "";
        position: absolute;
        left: 0;
        top: -3px;
        width: 20px;
        height: 20px;
        border: 2px solid #ddd;
        border-radius: 100%;
        background: #fff;
    }
/*.custom-radio-01 [type="radio"]:checked + label:after,
.custom-radio-01 [type="radio"]:not(:checked) + label:after {
  content: "";
  width: 10px;
  height: 10px;
  background: #009690;
  position: absolute;
  top: 2px;
  left: 5px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.custom-radio-01 [type="radio"]:checked + label:before {
  border: 2px solid #009690;
}
.coversBox.custom-radio-01 [type="radio"]:checked + label:before {
  border: 2px solid #009690;
  background-color: #009690;
}*/
.coversBox.custom-radio-01 input[name="benefit-proceedwith"]:checked + label:after {
    content: "";
    top: auto !important;
    bottom: 0;
    left: 50% !important;
    right: 0;
    width: 70%;
    border-radius: 0 !important;
    height: auto !important;
    padding: 3px;
    color: #ffffff;
    transform: translateX(-50%);
    font-size: 15px;
}

.coversBox.custom-radio-01 input.checkerBox + label {
    overflow: hidden;
}

    .coversBox.custom-radio-01 input.checkerBox + label .extraAmt {
        position: absolute;
        bottom: 0px;
        background: #f15a22;
        left: 50% !important;
        width: 90%;
        border-radius: 0 !important;
        height: auto !important;
        padding: 3px;
        color: #ffffff;
        transform: translateX(-50%);
        font-size: 15px;
        transition: 0.2s ease all 0s;
    }

.coversBox.custom-radio-01 input.checkerBox:checked + label .extraAmt {
    bottom: 0;
}

.custom-radio-01 [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.custom-radio-01 [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/*** custom checkboxes ***/
.counters {
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
}

    .counters:not(:checked) > input {
        position: absolute;
        top: -9999px;
    }

    .counters:not(:checked) > label {
        width: 1em;
        overflow: hidden;
        white-space: nowrap;
        cursor: pointer;
        font-size: 22px;
        color: #ccc;
        margin-bottom: 0;
        margin-right: 5px;
    }

        .counters:not(:checked) > label:before {
            content: "\f007";
            font-family: "Font Awesome 5 Free";
        }

    .counters > input:checked ~ label {
        color: #f15a22;
    }

    .counters:not(:checked) > label:hover,
    .counters:not(:checked) > label:hover ~ label {
        color: #fb8f67;
    }

    .counters > input:checked + label:hover,
    .counters > input:checked + label:hover ~ label,
    .counters > input:checked ~ label:hover,
    .counters > input:checked ~ label:hover ~ label,
    .counters > label:hover ~ input:checked ~ label {
        color: #f15a22;
    }

.below21txt:focus,
.above21txt:focus,
.below21txt:focus:not(:empty),
.above21txt:focus:not(:empty) {
    /* border-color: #f15a22 !important; */
}

.below21txt,
.above21txt {
    /* border-color: #ced4da !important;
  border-radius: 100px !important;
  width: 125px !important;
  margin: 5px auto 0 !important;
  text-align: center !important;
  border-width: 2px !important; */
}

.main-header .clickable-note {
    display: block;
    font-size: 11px;
    float: left;
    color: #034ea2;
    cursor: pointer;
}

.switchToggle {
    /*width: 12%;*/
    float: right;
}

    .switchToggle input[type="checkbox"] {
        height: 0;
        width: 0;
        visibility: hidden;
        position: absolute;
    }

    .switchToggle label {
        cursor: pointer;
        width: 80px;
        /* max-width: 70px; */
        height: 30px;
        background: transparent;
        display: block;
        border-radius: 100px;
        position: relative;
        font-size: 15px;
        border: 2px solid #acacac;
        background-color: #ffffff;
    }

        .switchToggle label:after {
            content: "";
            position: absolute;
            top: 4px;
            left: 5px;
            width: 19px;
            height: 19px;
            background: #acacac;
            border-radius: 90px;
            transition: 0.3s;
        }

    .switchToggle label {
        margin-bottom: 25px !important;
    }

    .switchToggle input + label:before,
    .switchToggle input + input + label:before {
        content: "No";
        position: absolute;
        top: 2px;
        right: 7px;
        width: 26px;
        height: 26px;
        border-radius: 90px;
        transition: 0.3s;
        text-indent: 0;
        color: #acacac;
        font-size: 16px;
        text-transform: uppercase;
    }

    .switchToggle input:checked + label:before,
    .switchToggle input:checked + input + label:before {
        content: "Yes";
        position: absolute;
        top: 3px;
        left: 11px;
        width: 40px;
        height: 26px;
        border-radius: 90px;
        transition: 0.3s;
        text-indent: 0;
        color: #019891;
        font-size: 16px;
        text-transform: uppercase;
    }

    .switchToggle input:checked + label:after,
    .switchToggle input:checked + input + label:after {
        left: calc(100% - 5px);
        transform: translateX(-100%);
        background-color: #019891;
    }

    .switchToggle input:checked + label {
        border-color: #019891;
    }

    .switchToggle label:active:after {
        width: 65px;
    }

.whatisped {
    text-align: justify;
    font-size: 12px;
    line-height: normal;
    margin-top: 30px;
}

.main-header_ultra-main + strong small {
    display: block;
    margin-bottom: 30px;
}

.main-header + strong small {
    display: block;
    margin-bottom: 30px;
}

.estimate-box,
.estimate-date-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 350px;
    font-weight: bold;
}

.amt {
    color: #464646;
    font-size: 25px;
    font-weight: bold;
}

.start-date {
    /* background-color: #e6e6e6; */
    border: 2px solid #f15a22;
    padding: 10px 30px;
    border-radius: 100px;
    color: #969696;
    cursor: auto;
}

#steps-preregistration .steps ul[role="tablist"] {
    display: none;
}

#steps-preregistration .content .title {
    display: none;
}

.w-135 {
    width: 135% !important;
}

#errormsg .modal-dialog,
#errormsg_HI .modal-dialog {
    width: 425px;
    color: #464646;
}

#selectmsg_policytenure, #errormsg_discount {
    width: 100%;
}


.vertical-align-center {
    display: table-cell;
    vertical-align: middle;
    min-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    /*overflow: auto;*/
}

.vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
}

    .vertical-alignment-helper .modal-content {
        width: 100%;
        height: inherit;
        margin: 0 auto;
    }

#msform .form-control {
    border-radius: 100px !important;
    /*padding: 7px 15px !important;*/
    height: auto !important;
    margin-top: 0 !important;
}

#msform select.form-control, #msform input.form-control {
    height: 40px !important;
    font-size: 15px;
    width: 220px;
}

.healthgain-progress .card {
    transition: 0.3s ease all 0s;
    margin-top: 110px !important;
}

.healthgain-progress .steps-preregistration-cont.card.shrunken-box {
    width: 300px !important;
    margin: 0 0 0 auto;
    order: 1;
    height: 445px;
}

    .healthgain-progress .steps-preregistration-cont.card.shrunken-box .imagebox {
        position: absolute;
        bottom: -30px;
        right: -32px;
        z-index: -1;
        width: 120%;
    }

.imagebox img {
    width: 100%;
}

.actual-form {
    overflow: hidden !important;
    width: 0;
    transition: 0.3s ease all 0s;
    visibility: hidden !important;
    position: absolute !important;
}

    .actual-form.w-67.active {
        width: 68%;
        position: relative !important;
        visibility: visible !important;
        height: 445px;
        /* height: 540px; */
        padding-left: 20px;
    }

.premium-box {
    text-align: center;
    display: none;
}

    .premium-box.active {
        display: block;
    }

    .premium-box .main-header {
        background-color: #eff3f7;
        padding: 7px 20px;
        display: inline-block;
        margin-top: 10px;
        font-size: 19px;
        border-radius: 100px;
    }

.breakup ul {
    padding: 0;
    list-style: none;
    margin: 0 25px;
    /* border-bottom: 1px solid #acacac; */
    /* border-top: 1px solid #acacac; */
}

.breakup li {
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
    color: #000;
    font-size: 14px;
}

.breakup {
    padding-top: 10px;
}

    .breakup li:last-child {
        margin-bottom: 10px;
    }

.finalamt {
    /* margin: 0px 25px; */
    /* display: flex; */
    justify-content: space-between;
    /* padding: 10px 0; */
    font-weight: bold;
    /* border-bottom: 1px solid #acacac; */
}

    .finalamt h1 {
        color: #000 !important;
    }

    .finalamt h2 {
        color: #000 !important;
    }

/* PAGE 2 STYLE */

#msform {
    position: relative;
    margin-top: 10px;
}

    #msform fieldset {
        border: 0 none;
        border-radius: 0.5rem;
        box-sizing: border-box;
        width: 100%;
        padding-left: 0px;
        margin: 0;
        position: relative;
    }

.form-card {
    text-align: left;
}

#msform fieldset:not(:first-of-type) {
    display: none;
}

.inputs input,
.inputs select {
    width: 100%;
    padding: 5px 10px;
    background-color: transparent;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #dcdcdc;
    font-size: 15px;
}

#msform input:focus,
#msform textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 2px solid #f15a22;
    outline-width: 0;
}

#msform .action-button {
    width: 100px;
    background: #f15a22;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 0px 10px 5px;
    float: right;
    display: none;
}

    #msform .action-button:hover,
    #msform .action-button:focus {
        background-color: #f15a22;
    }

#msform .action-button-previous {
    width: 33px;
    background: transparent;
    color: #000;
    border: 0 none;
    cursor: pointer;
    position: absolute;
    top: 10px;
    padding-left: 2px;
    left: 5px;
    font-size: 25px;
    height: 33px;
    border-radius: 100%;
    background: #dcdcdc;
}


    #msform .action-button-previous::before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 9px;
        top: 12px;
        left: 14px;
        height: 9px;
        border-style: solid;
        border-color: #000;
        border-width: 0 1px 1px 0;
        transform: rotate(132deg);
    }

    #msform .action-button-previous:hover {
        background-color: #009690;
    }

.card {
    /*z-index: 0;*/
    border: none;
    position: relative;
}

.fs-title {
    font-size: 25px;
    color: #673ab7;
    margin-bottom: 15px;
    font-weight: normal;
    text-align: left;
}

.purple-text {
    color: #673ab7;
    font-weight: normal;
}

.steps {
    font-size: 25px;
    color: gray;
    margin-bottom: 10px;
    font-weight: normal;
    text-align: right;
}

.fieldlabels {
    color: gray;
    text-align: left;
}

#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: lightgrey;
}

    #progressbar .active {
        color: #673ab7;
    }

    #progressbar li {
        list-style-type: none;
        font-size: 15px;
        width: 25%;
        float: left;
        position: relative;
        font-weight: 400;
    }

    #progressbar #account:before {
        font-family: FontAwesome;
        content: "\f13e";
    }

    #progressbar #personal:before {
        font-family: FontAwesome;
        content: "\f007";
    }

    #progressbar #payment:before {
        font-family: FontAwesome;
        content: "\f030";
    }

    #progressbar #confirm:before {
        font-family: FontAwesome;
        content: "\f00c";
    }

    #progressbar li:before {
        width: 50px;
        height: 50px;
        line-height: 45px;
        display: block;
        font-size: 20px;
        color: #ffffff;
        background: lightgray;
        border-radius: 50%;
        margin: 0 auto 10px auto;
        padding: 2px;
    }

    #progressbar li:after {
        content: "";
        width: 100%;
        height: 2px;
        background: lightgray;
        position: absolute;
        left: 0;
        top: 25px;
        z-index: -1;
    }

    #progressbar li.active:before,
    #progressbar li.active:after {
        background: #673ab7;
    }

.progress-heart {
    background-color: #673ab7;
    transition: transform 0.6s ease !important;
    transform-origin: center bottom;
    /*transform: translateY(100px);*/
}

.fit-image {
    width: 100%;
    object-fit: cover;
}

svg#progresser {
    position: absolute;
    width: 50px;
    height: 50px;
    right: 0;
    top: 0;
    z-index: 99;
    margin: 0 0 0 auto;
    display: block;
    margin-right: 15px;
    margin-bottom: 5px;
}

.pop {
    position: relative;
    right: 0;
    top: 0px;
}

.renew {
    font-size: 16px;
}

.discountboxes input {
    display: none;
}

.disountedBox {
    border: 1px solid #b1b1b1;
    border-radius: 20px;
    width: 23%;
    text-align: center;
    padding: 0 15px;
    position: relative;
    transition: 0.2s ease all 0s;
    box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.08);
    margin-bottom: 20px;
}

.discountboxes input + label::before {
    content: "";
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    font-family: "Font Awesome 5 Free";
    color: #bfbfbf;
    /* border: 2px solid #bfbfbf; */
}

#selfiApp {
    padding: 5px;
    width: 100%;
}

.disountedBox div {
    font-size: 12px;
    line-height: normal;
}

.discountboxes {
    display: flex;
    justify-content: space-around;
}

    .discountboxes input:checked + label::before {
        content: "\f058";
        display: block;
        position: absolute;
        right: 10px;
        top: 4px;
        width: 25px;
        height: 25px;
        border-radius: 100%;
        font-family: "Font Awesome 5 Free";
        color: #f15a22;
        border: none;
        font-size: 25px;
    }

    .discountboxes input:checked + label {
        border-color: #f15a22;
    }

.accordion li {
    border-bottom: 1px solid #d9e5e8;
    position: relative;
    padding: 10px 0 0px;
}

    .accordion li .detailsbox {
        display: none;
        color: #6b97a4;
        padding: 15px 15px;
    }

.accordion a {
    width: 100%;
    display: block;
    cursor: pointer;
    font-weight: 600;
    line-height: normal;
    font-size: 18px;
    text-indent: 15px;
    user-select: none;
    position: relative;
}

    .accordion a:after {
        position: absolute;
        right: 10px;
        content: "+";
        top: 0;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        font-size: 32px;
        color: #dadada;
    }

.accordion {
    padding: 0;
    list-style: none;
    margin-bottom: 0;
}

    .accordion .detailsbox {
        font-size: 13px;
    }

a.active:after {
    -moz-transition: all 0.2s ease-in-out;
    content: "-";
    top: -7px;
}

.customicon img {
    width: 100%;
    display: block;
}

.customicon {
    width: 35px;
    height: 35px;
    background-color: #f15a22;
    display: inline-block;
    text-align: left;
    padding: 5px;
    border-radius: 100px;
    vertical-align: middle;
    margin-right: 10px;
}

.main-header small {
    display: block;
    margin-top: 10px;
}

.custom-cont {
    width: 1000px !important;
    /* padding-top: 50px; */
}

.disountedBox div > div:first-child img {
    width: 100%;
}

.disountedBox div > div:first-child {
    width: 60px;
    margin: 5px auto 5px;
}

#msform fieldset:nth-child(4) .scrollbar {
    height: 350px !important;
}

.main-header small strong {
    color: #f15a22;
}

.editableforms {
    padding: 0;
    list-style: none;
    margin-bottom: 0;
}

    .editableforms li {
        display: flex;
        align-items: center;
        border-bottom: 0;
        padding: 0px;
    }

.title-heads {
    width: 200px;
    font-size: 13px;
    color: #000000;
    font-weight: 600;
}

.inputs {
    width: calc(100% - 200px);
}

.scrollbar {
    /* height: 493px !important; */
    overflow-y: auto !important;
    padding: 0px 20px 0px 5px;
}

.whatisunlocked {
    margin-top: 25px;
}

.style-3::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 1);
    background-color: #ccc;
    border-radius: 10px;
}

.style-3::-webkit-scrollbar {
    width: 6px;
    background-color: #009690;
    border-radius: 10px;
    margin-right: -10px !important;
}

.style-3::-webkit-scrollbar-thumb {
    background-color: #009690;
    border-radius: 10px;
}

.edit-trigger {
    font-size: 16px;
    font-weight: 100;
    color: #f15a22;
    position: absolute;
    right: 35px;
    top: 6px;
    display: none;
    z-index: 999;
}

.accordion .active .edit-trigger {
    display: block;
}

.footer {
    background: #019891;
    position: fixed;
    left: 0;
    bottom: -50%;
    width: 100%;
    padding: 10px 0;
    transition: 0.2s ease all 0s;
    transition-delay: 0.6s;
    z-index: 999;
}

    .footer.active {
        bottom: 0;
    }

    .footer h5 {
        font-size: 14px;
        line-height: 12px;
        color: #fff;
        font-weight: 600;
        margin-bottom: 0;
    }

.renew {
    align-items: center;
    justify-content: flex-end;
    display: flex;
}

.footer .next-trigger {
    background: #019690;
    padding: 5px 10px !important;
    border-radius: 30px;
    width: 120px;
    text-align: center;
    display: block;
    border: 1px solid #00a09a;
}

.footer a.renew-btn {
    background: #019690;
    padding: 5px 10px !important;
    border-radius: 30px;
    width: 120px;
    text-align: center;
    display: block;
    border: 1px solid #019690;
}

    .footer a.renew-btn:hover,
    .footer .next-trigger:hover {
        background-color: transparent;
        color: #f15a22;
        text-decoration: none;
    }

.footer a {
    color: #fff;
}

.availed-facilities .item {
    /* border-style: solid;
  border-width: 2px;
  border-color: rgb(232, 232, 232);
  border-radius: 17px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 130px;
  height: 130px;
  text-align: center;
  vertical-align: top; */
    padding-left: 20px;
    padding-right: 20px;
}

.owl-theme .owl-nav [class*=owl-] {
    margin: 12px !important;
}

.icon-titles {
    font-size: 14px;
    line-height: normal;
}

.whatisunlocked > * {
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.41);
    border-radius: 20px;
    padding: 15px;
    margin-bottom: 10px;
}

.availed-facilities .owl-prev img,
.availed-facilities .owl-next img {
    width: 100%;
}

.availed-facilities .owl-prev {
    background-color: transparent !important;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 40%;
    left: -27px;
    transform: translateY(-50%);
    width: 40px;
}

.availed-facilities .owl-next {
    background-color: transparent !important;
    padding: 0;
    margin: 0;
    position: absolute;
    right: -27px;
    top: 40%;
    transform: translateY(-50%);
    width: 40px;
}

.insuredmembers-list .owl-prev img,
.insuredmembers-list .owl-next img {
    width: 100%;
}

.insuredmembers-list .owl-prev {
    background-color: transparent !important;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 40%;
    left: -27px;
    transform: translateY(-50%);
    width: 40px;
}

.insuredmembers-list .owl-next {
    background-color: transparent !important;
    padding: 0;
    margin: 0;
    position: absolute;
    right: -27px;
    top: 40%;
    transform: translateY(-50%);
    width: 40px;
}

.insuredmembers-list .editableforms {
    padding: 0 45px;
}

.editablebox:disabled {
    color: #000;
    border: none;
    background: none;
    height: inherit !important;
}

#policydetail input:disabled, #policydetail select:disabled {
    color: #000 !important;
    border: none !important;
    background: none !important;
    height: inherit !important;
}

input:disabled, select:disabled {
    color: #b1b1b1 !important;
}

#policydetail select.editablebox.policy-change {
    color: #000 !important;
}

.sticky-alert.alert {
    position: fixed;
    z-index: 99;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.edit-trigger-mob {
    font-size: 14px;
    font-weight: 100;
    position: absolute;
    right: 40px;
    top: 6px;
    display: none;
    z-index: 999;
}

.final-prem {
    font-weight: bold;
}

.nominee-update {
    padding: 0;
    list-style: none;
    margin-bottom: 0;
    margin-top: 0;
}

    .nominee-update li {
        display: inline-block;
        margin-right: 10px;
        width: 35px;
    }

        .nominee-update li img {
            width: 100%;
        }

#AddMember .modal-dialog,
#RemoveMember .modal-dialog,
#EditMember .modal-dialog,
#EditPolicy .modal-dialog,
#EditMember_02 .modal-dialog {
    width: 380px;
}

#policy_reviced .modal-dialog {
    width: 300px;
}

    #policy_reviced .modal-dialog p {
        margin-bottom: 0px;
    }

#AddMember .modal-content {
    padding: 0;
}

#AddMember .modal-header,
#RemoveMember .modal-header,
#EditMember .modal-header,
#EditPolicy .modal-header,
#EditMember_02 .modal-header {
    margin: 0 25px;
    padding: 30px 0 10px;
    border-bottom: 2px solid #f15a22;
}

#AddMember .close,
#RemoveMember .close,
#EditMember .close,
#EditPolicy .close,
#EditMember_02 .close {
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 30px;
}

.insurer-member {
    margin-top: 0;
}

.popuphead {
    font-size: 20px;
    font-weight: bold;
}

.form-group label {
    font-size: 13px;
}

#AddMember select.form-control,
#AddMember .modal-content input,
#RemoveMember select.form-control,
#RemoveMember .modal-content input,
#EditMember select.form-control,
#EditMember .modal-content input,
#EditPolicy select.form-control,
#EditPolicy .modal-content input,
#EditMember_02 select.form-control,
#EditMember_02 .modal-content input {
    border: none;
    border-bottom: 1px solid #b1b1b1;
    border-radius: 0;
    padding: 0;
    font-size: 13px;
    line-height: 22px;
    height: auto !important;
    background-color: #ffffff;
    margin-top: 0 !important;
}

#AddMember {
    overflow: auto;
}

.form-group.dob span {
    top: 22px !important;
}

.modal .dob::after {
    content: "";
    display: block;
    position: absolute;
    right: 7px;
    bottom: 9px;
    width: 22px;
    height: 22px;
    background-image: url(../images/calendar-icon.webp);
    background-repeat: no-repeat;
    cursor: pointer;
    pointer-events: none;
    background-size: cover;
}

.modal .dob {
    position: relative;
}

.wizard > .actions {
    display: none !important;
}

.insuredbox {
    margin-bottom: 20px;
    margin-top: 10px;
}

    .insuredbox input {
        position: absolute;
        opacity: 0;
    }

    .insuredbox label {
        display: block;
        border-radius: 15px;
        box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.2);
        padding: 20px;
        position: relative;
    }

    .insuredbox input + label::before {
        content: "";
        display: block;
        position: absolute;
        right: 10px;
        top: 10px;
        width: 25px;
        height: 25px;
        border-radius: 100%;
        border: 2px solid #bfbfbf;
    }

    .insuredbox ul {
        padding: 0;
        list-style: none;
        margin-bottom: 0;
    }

    .insuredbox li:not(:last-child) {
        margin-bottom: 10px;
    }

    .insuredbox .title {
        width: 115px;
        display: inline-block;
        vertical-align: top;
    }

.btn-nobg {
    color: #f15a22;
    background-color: transparent;
    border: none;
}

.selec + input {
    display: none;
}

.selec {
    color: #f15a22;
    background-color: transparent;
    border: none;
    cursor: pointer;
}

.insuredbox input:checked + label::before {
    content: "\f058";
    display: block;
    position: absolute;
    right: 9px;
    top: 5px;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    font-family: "Font Awesome 5 Free";
    color: #009690;
    border: none;
    font-size: 25px;
    text-align: center;
}

.form-group + label.error {
    color: red;
    font-size: 12px;
}

#steps-preregistration .form-control {
    border-width: 1px !important;
    border-radius: 100px !important;
    padding-left: 20px;
    font-size: 15px;
}

#steps-preregistration .form-row .form-control {
    border-width: 2px !important;
    border-radius: 10px !important;
    padding-left: 10px;
    font-size: 15px;
    height: 45px;
    padding-right: 8px;
}

.dob-box .form-group.col-md-2:not(:last-child)::after {
    content: "-";
    position: absolute;
    right: -3px;
    top: 10px;
}

.dob-box .form-group.col-md-2:not(:last-child) {
    position: relative;
}

.left {
    width: 32px;
    background: transparent;
    color: #000;
    border: 0 none;
    cursor: pointer;
    position: absolute;
    top: 15px;
    padding-left: 9px;
    left: 8px;
    font-size: 25px;
    height: 32px;
    border-radius: 100%;
    background: #dcdcdc;
}

    .left::before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 9px;
        top: 12px;
        left: 14px;
        height: 9px;
        border-style: solid;
        border-color: #000;
        border-width: 0 1px 1px 0;
        transform: rotate(132deg);
    }


div#steps-uid-0 {
    height: 100%;
}

.shrunken-box > div.h-100 {
    height: auto !important;
}

.custom-radio-2 {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
    margin-top: 10px;
}

    .custom-radio-2 li {
        display: inline-block;
        margin-right: 15px;
    }

    .custom-radio-2 [type="radio"]:checked,
    .custom-radio-2 [type="radio"]:not(:checked) {
        position: absolute;
        left: -9999px;
    }

        .custom-radio-2 [type="radio"]:checked + label,
        .custom-radio-2 [type="radio"]:not(:checked) + label {
            position: relative;
            padding-left: 28px;
            cursor: pointer;
            line-height: 20px;
            display: inline-block;
            color: #666;
        }

            .custom-radio-2 [type="radio"]:checked + label:before,
            .custom-radio-2 [type="radio"]:not(:checked) + label:before {
                content: "";
                position: absolute;
                left: 0;
                top: 0;
                width: 18px;
                height: 18px;
                border: 1px solid #ddd;
                border-radius: 100%;
                background: #e5e5e5;
            }

            .custom-radio-2 [type="radio"]:checked + label:after,
            .custom-radio-2 [type="radio"]:not(:checked) + label:after {
                content: "";
                width: 10px;
                height: 10px;
                background: #f15a22;
                position: absolute;
                top: 4px;
                left: 4px;
                border-radius: 100%;
                -webkit-transition: all 0.2s ease;
                transition: all 0.2s ease;
            }

            .custom-radio-2 [type="radio"]:not(:checked) + label:after {
                opacity: 0;
                -webkit-transform: scale(0);
                transform: scale(0);
            }

            .custom-radio-2 [type="radio"]:checked + label:after {
                opacity: 1;
                -webkit-transform: scale(1);
                transform: scale(1);
            }

.amt small {
    font-size: 15px;
}

/****  floating-Lable style start ****/
.floating-label {
    position: relative;
    margin-bottom: 20px;
}

.floating-input,
.floating-select {
    font-size: 14px;
    padding: 4px 4px;
    display: block;
    width: 100%;
    height: 30px;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #757575;
}

    .floating-input:focus,
    .floating-select:focus {
        outline: 0;
        border-bottom: 2px solid #5264ae;
    }

.floating-label label:not(.error) {
    color: #999;
    font-size: 13px;
    font-weight: 400;
    position: absolute;
    pointer-events: none;
    left: 21px;
    top: 10px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.hidden-label label:not(.error) {
    opacity: 0;
    pointer-events: none;
}

.floating-input:focus ~ label,
.floating-input:not(:placeholder-shown) ~ label {
    top: -17px;
    font-size: 12px;
    color: #000;
    opacity: 1;
    white-space: nowrap;
    left: 21px;
}

.floating-input:focus ~ label{
    top: -17px;
    font-size: 12px;
    color: #000;
    opacity: 1;
    white-space: nowrap;
    left: 21px;
}

#steps-uid-0-p-0 .floating-input:focus ~ label ,#steps-uid-0-p-0 .floating-input:not(:placeholder-shown) ~ label {
    top: -17px;
    font-size: 12px;
    color: #000;
    opacity: 1;
    white-space: nowrap;
    left: 10px;
	width:100%;
}

.dateDob .floating-input:focus ~ label,
.dateDob .floating-input:not(:placeholder-shown) ~ label {
    left: 10px;
    width: 100%;
}

.floating-select:focus ~ label,
.floating-select:not([value=""]):valid ~ label {
    top: -17px;
    font-size: 12px;
    color: #000;
    opacity: 1;
    white-space: nowrap;
    left: 10px;
    width: 100%;
}

.dont-float-label .floating-select:focus ~ label,
.dont-float-label .floating-select:not([value=""]):valid ~ label {
    opacity: 0;
}

.floating-input:focus ~ .bar:after,
.floating-input:focus ~ .bar:before,
.floating-select:focus ~ .bar:after,
.floating-select:focus ~ .bar:before {
    width: 50%;
}

.floating-textarea {
    min-height: 30px;
    max-height: 260px;
    overflow: hidden;
    overflow-x: hidden;
}

#msform .form-control::placeholder {
    color: #999;
    font-size: 14px;
}

/****  floating-Lable style end ****/

#msform .form-control::placeholder {
    color: #999999;
    font-size: 14px;
}

#steps-preregistration .form-row .form-control::placeholder,
select:invalid {
    color: inherit;
    font-size: 14px;
}

.btn-theme {
    background: #f15a22;
    padding: 5px 20px;
    display: inline-block;
    border-radius: 5px;
    text-align: center;
    font-size: 16px;
    border: none;
    color: #ffffff;
}

#msform .col-md-12 > .form-row > .form-group {
    padding-right: 25px;
}

.heading-spacer {
    margin-bottom: 15px;
}

.mobileview {
    display: none;
}

.step-final {
    display: none;
}

.renew-btn {
    width: auto !important;
    padding: 5px 30px !important;
}

.pie {
    text-indent: -9999rem;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 100%;
    margin-right: 15px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

    .pie:after {
        content: attr(data-percentage) "%";
        width: 3.1rem;
        height: 3.1rem;
        border-radius: 100%;
        background: #303030;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        text-indent: 3px;
        font-size: 15px;
        line-height: 47px;
    }

.support-text {
    display: inline-block;
    vertical-align: middle;
}

.footer h5 span#total {
    display: block;
    padding-left: 18px;
    font-size: 20px;
    line-height: 25px;
    position: relative;
}

    .footer h5 span#total::before {
        content: "";
        position: absolute;
        display: block;
        background: url(/SiteAssets/HealthGainNJ/images/rupee.webp);
        background-size: 100%;
        width: 16px;
        height: 20px;
        left: -4px;
        top: 2px;
    }

.footer .final-premium {
    font-size: 14px;
    line-height: 16px;
    position: relative;
    display: inline-block;
}

#policysummary .modal-header {
    margin: 0 25px;
    padding: 30px 0 0px;
    border-bottom: 2px solid #f15a22;
}

#policysummary table {
    width: 100%;
}

#policysummary td:nth-child(2) {
    padding-bottom: 5px;
    display: table-cell;
    text-align: right;
}

.mobileview .renew-btn {
    font-size: 13px;
    padding: 5px 20px !important;
}

#msform .form-control:valid {
    border-color: #019690;
}

#policysummary .popuphead {
    text-align: left;
}

.alert {
    display: none;
}

#steps-preregistration .below21txt, #steps-preregistration .above21txt {
    padding-left: .75em !important;
}

.dont-float-label {
    /* margin-top: 10px; */
}

.update-address .row .col-md-6 {
    padding-right: 25px;
}
/* #steps-preregistration .form-control:valid {
    border-color: #f15a22 !important;
} */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.myAlert-top.alert-danger {
    color: red !important;
    background-color: transparent !important;
    border-color: transparent !important;
    width: 100%;
    text-align: left;
    font-size: 12px;
}




.custom-radio-01 [type="checkbox"]:checked,
.custom-radio-01 [type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

    .custom-radio-01 [type="checkbox"]:checked + label,
    .custom-radio-01 [type="checkbox"]:not(:checked) + label {
        position: relative;
        padding: 2px 7px !important;
        cursor: pointer;
        line-height: 20px;
        display: inline-block;
        color: #666;
        width: 100%;
    }

        .custom-radio-01 [type="checkbox"]:checked + label:before {
            border: 2px solid #019690 !important;
        }

        .custom-radio-01 [type="checkbox"]:checked + label:before,
        .custom-radio-01 [type="checkbox"]:not(:checked) + label:before {
            content: "";
            position: absolute;
            right: 10px;
            top: 7px;
            width: 20px;
            height: 20px;
            border: 1px solid #ddd;
            border-radius: 100%;
            background: #fff;
        }

        .custom-radio-01 [type="checkbox"]:checked + label:after {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }

        .custom-radio-01 [type="checkbox"]:checked + label:after {
            content: "";
            display: inline-block;
            position: absolute;
            width: 5px;
            top: 10px;
            left: 135px;
            height: 12px;
            border-style: solid;
            border-color: #009690;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg);
            opacity: 1;
        }


/*Slider style*/

.mainboxstyle {
    display: flex;
    box-shadow: none;
    justify-content: space-around;
}

.slider1benifits {
    width: 45%;
    margin: 0px 10px;
    -webkit-box-shadow: 0px 0px 13px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 13px -1px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 9px -1px rgba(0,0,0,0.50);
    padding: 20px 0px;
    position: relative;
    border-radius: 25px;
}

    .slider1benifits .owl-theme .owl-nav {
        position: relative;
        /* top: 0; */
    }

    .slider1benifits .owl-prev {
        position: absolute;
        left: -12px;
        background: no-repeat;
        top: -155px;
        background: transparent !important;
    }

    .slider1benifits .owl-next {
        position: absolute;
        right: -13px;
        top: -155px;
        background: transparent !important;
    }



    .slider1benifits h5 {
        font-size: 15px;
        font-weight: 600;
        line-height: normal;
        font-size: 22px;
        margin-bottom: 10px !important;
        color: #454545;
    }

    .slider1benifits span.icon {
        width: 30%;
        display: block;
        margin: 0 auto;
    }

        .slider1benifits span.icon img {
            width: 100%;
        }

.iconbutn a {
    display: inline-block;
    /* text-align: center; */
    padding: 5px 45px;
    background: #d2d2d2;
    border-radius: 29px;
    text-decoration: none;
    color: #5b5b5b;
    font-size: 17px;
}

    .iconbutn a:hover {
        text-decoration: none;
        color: #f15a22;
    }

.iconbutn {
    text-align: center;
    margin-top: 20px;
}

.deactivate + label {
    color: #ddd !important;
    border-color: #dddddd !important;
}

.coversBox.discount1 input.checkerBox + label {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/**/
.switch {
    width: 100%;
    height: auto;
    position: relative;
}

    .switch input {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 100;
        opacity: 0;
    }

    .switch label {
        display: inline-block;
        text-align: center;
        color: #646464;
        line-height: 1;
        width: auto;
        height: auto;
        background-color: #d2d2d2;
        border-radius: 3px;
        /*border-right:3px solid #1D6C5A;*/
        /*border-bottom:3px solid #1D6C5A;*/
        padding: 8px 18px;
        font-size: 17px;
        border-radius: 29px;
    }

    .switch input:checked ~ label {
        background-color: #f15a22;
        /*border-right:3px solid #0C5B40;*/
        /*border-bottom:3px solid #0C5B40;*/
        color: white;
    }

#seniorDOB:read-only {
    background-color: white;
}

#newDtSelector:read-only {
    background-color: white;
}

#yourDOB:read-only {
    background-color: white;
}

#insuredMemberDOB:read-only {
    background-color: white;
}

#nomineeDOB:read-only {
    background-color: white;
}

#mem1DOB:read-only {
    background-color: white;
}

#mem2DOB:read-only {
    background-color: white;
}

#mem3DOB:read-only {
    background-color: white;
}

#selectmsg_primemember .floating-label {
    position: relative;
    width: 60%;
    margin: 28px auto 20px auto;
}

#selectmsg_primemember .floating-input, #selectmsg_primemember .floating-select {
    font-size: 14px;
    padding: 0.75rem .75rem;
    display: block;
    width: 100%;
    height: 39px;
    background-color: #fff;
    border: 2px solid #ced4da;
    border-radius: 20px;
}

    #selectmsg_primemember .floating-input:focus, #selectmsg_primemember .floating-select:focus {
        outline: none;
        border: 2px solid #019690;
    }

#selectmsg_primemember label {
    width: auto;
    color: #495057;
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 15px;
    top: 9px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

#selectmsg_primemember .floating-input:focus ~ label, #selectmsg_primemember .floating-input:not(:placeholder-shown) ~ label {
    top: -18px;
    font-size: 14px;
    color: #000000;
}

#selectmsg_primemember .floating-input:focus ~ label,
#selectmsg_primemember .floating-input:not([value=""]):valid ~ label {
    top: -18px;
    font-size: 14px;
    color: #000000;
}

#selectmsg_primemember .floating-select:focus ~ label, #selectmsg_primemember .floating-select:not([value=""]):valid ~ label {
    top: -18px;
    font-size: 14px;
    color: #495057;
}


/* second modal inp  */
#selectmsg_primemember1 .floating-label {
    position: relative;
    width: 60%;
    margin: 28px auto 20px auto;
}

#selectmsg_primemember1 .floating-input, #selectmsg_primemember1 .floating-select {
    font-size: 14px;
    padding: 0.75rem .75rem;
    display: block;
    width: 100%;
    height: 39px;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 20px;
}

    #selectmsg_primemember1 .floating-input:focus, #selectmsg_primemember1 .floating-select:focus {
        outline: none;
        border: 2px solid #019690;
    }

#selectmsg_primemember1 label {
    width: auto;
    color: #495057;
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 15px;
    top: 9px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

#selectmsg_primemember1 .floating-input:focus ~ label, #selectmsg_primemember1 .floating-input:not(:placeholder-shown) ~ label {
    top: -18px;
    font-size: 14px;
    color: #000000;
}

#selectmsg_primemember1 .floating-input:focus ~ label,
#selectmsg_primemember1 .floating-input:not([value=""]):valid ~ label {
    top: -18px;
    font-size: 14px;
    color: #000000;
}

#selectmsg_primemember1 .floating-select:focus ~ label{
    top: -18px;
    font-size: 14px;
    color: #495057;
}


/* second modal inp  */
#selectmsg_primemember2 .floating-label {
    position: relative;
    width: 60%;
    margin: 28px auto 20px auto;
}

#selectmsg_primemember2 .floating-input, #selectmsg_primemember2 .floating-select {
    font-size: 14px;
    padding: 0.75rem .75rem;
    display: block;
    width: 100%;
    height: 39px;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 20px;
}

    #selectmsg_primemember2 .floating-input:focus, #selectmsg_primemember2 .floating-select:focus {
        outline: none;
        border: 2px solid #019690;
    }

#selectmsg_primemember2 label {
    width: auto;
    color: #495057;
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 15px;
    top: 9px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

#selectmsg_primemember2 .floating-input:focus ~ label, #selectmsg_primemember2 .floating-input:not(:placeholder-shown) ~ label {
    top: -18px;
    font-size: 14px;
    color: #000000;
}

#selectmsg_primemember2 .floating-input:focus ~ label {
    top: -18px;
    font-size: 14px;
    color: #000000;
}

#selectmsg_primemember2 .floating-select:focus ~ label, #selectmsg_primemember2 .floating-select:not([value=""]):valid ~ label {
    top: -18px;
    font-size: 14px;
    color: #495057;
}

.fa-rupee-sign:before {
    font-size: 17px !important;
}

.icon-holder {
    /* display: flex; */
    margin-top: 5px;
}

.text-right {
}





































/* NEW SLIDER STYLE */
.slider-container .rs-container .rs-scale span.active ins {
    color: #009690;
    font-weight: bold;
}

.slider-container .rs-container .rs-scale span:not(.active) ins {
    color: #000;
    /* color: #ced1d2; */
    font-weight: bold;
}

.radios,
.SumInsuredSelector,
.mobile-view {
    display: none;
}
/* remove this if changed above */
.custom-radio-01 [type="radio"]:checked + label:after,
.custom-radio-01 [type="radio"]:not(:checked) + label:after {
    content: "";
    width: 10px;
    height: 10px;
    background: #009690;
    position: absolute;
    top: 2px;
    left: 5px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.custom-radio-01 [type="radio"]:checked + label:before {
    border: 2px solid #009690;
}
/* remove this if changed above end */
.coversBox.custom-radio-01 [type="radio"]:checked + label:before {
    border: 2px solid #009690;
    background-color: #009690;
}

.slider-container {
    width: 420px;
    /* margin: 20px auto 15px; */
}


    .slider-container .rs-container .rs-bg,
    .slider-container .rs-container .rs-selected {
        /* background-color: #009690;
  border: 1px solid #009690; */
        background-color: #d8d8d8;
        border: 1px solid #d8d8d8;
    }

    .slider-container .rs-container .rs-scale span ins {
        font-size: 16px;
    }

    .slider-container .rs-container .rs-pointer {
        background: #019690;
        /* background: linear-gradient(to right, yellow, green); */
        width: 40px;
        box-shadow: none;
        /* left: -15px !important; */
        border-radius: 100px;
        position: relative;
        box-shadow: 0 0 6px 1px rgb(0 0 0 / 20%);
    }

        /* .floating-label label:not(.error) {
  left: 30px;
  top: 6px;
} */

        .slider-container .rs-container .rs-pointer::after,
        .slider-container .rs-container .rs-pointer::before {
            background-color: #fff;
            left: 15px;
            top: 4px;
        }

        .slider-container .rs-container .rs-pointer::after {
            left: auto;
            right: 1.5px;
            height: 16px;
            width: 35px;
            border-radius: 100px;
            top: 1px;
            content: "| |";
            font-size: 10px;
            padding-left: 14px;
        }


    .slider-container .rs-container .rs-scale span::before {
        background-color: #d8d8d8;
        height: 5px;
        width: 2px;
    }

    .slider-container .rs-container .rs-scale span:last-child {
        margin-left: -3px;
    }

    .slider-container .rs-tooltip::after {
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        bottom: -6px;
        border-right: 9px solid transparent;
        border-left: 9px solid transparent;
        border-top: 6px solid #00a09a;
        transform: translateX(-9px);
    }

    .slider-container .rs-tooltip::before {
        content: "";
        display: block;
        position: absolute;
        left: 53%;
        bottom: -3px;
        border-right: 6px solid transparent;
        border-left: 7px solid transparent;
        border-top: 3px solid #ffffff;
        transform: translateX(-9px);
        z-index: 9;
    }

    .slider-container .rs-tooltip {
        transform: translate(-41%,-44px);
    }

    .slider-container .rs-container .rs-bg,
    .slider-container .rs-container .rs-selected {
        height: 8px;
        left: -7px;
        top: 7px;
        width: 430px;
        border-radius: 33px;
    }

.slider-values .custom-radio-01 [type="radio"]:checked + label,
.slider-values .custom-radio-01 [type="radio"]:not(:checked) + label {
    font-size: 18px;
    color: #464646;
}







#steps-preregistration .form-control:valid {
    /*border-color: #019690 !important;*/
}

.theme-btn::after {
    background-color: #019690;
}

.theme-btn {
    border: 1px solid #019690 !important;
}
/* remove this if changed above end */
.discountIcon.active,
.discountIcon.first-active,
.discountIcon.active5 {
    background-image: url(/SiteAssets/HealthGainNJ/images/discount-10.webp);
}

.discountIcon.active10 {
    background-image: url(/SiteAssets/HealthGainNJ/images/discount-10.webp);
}

.discountIcon.active6 {
    background-image: url(/SiteAssets/HealthGainNJ/images/discount-6.webp);
}

.discountIcon.active11 {
    background-image: url(/SiteAssets/HealthGainNJ/images/discount-11.webp);
}

.discountIcon.active75per {
    background-image: url(/SiteAssets/HealthGainNJ/images/discount-7-5.webp);
}

.discountIcon.active7 {
    background-image: url(/SiteAssets/HealthGainNJ/images/discount-7.webp);
}

.discountIcon.active12 {
    background-image: url(/SiteAssets/HealthGainNJ/images/discount-12.webp);
}

.discountIcon.active22 {
    background-image: url(/SiteAssets/HealthGainNJ/images/discount-22.webp);
}

.discountIcon.active27 {
    background-image: url(/SiteAssets/HealthGainNJ/images/discount-27.webp);
}

.custom-radio-01 {
    vertical-align: top;
    margin-bottom: 10px;
}

.discount2 li {
    font-size: 16px;
}

.discount1 li,
.discount2 li,
.discount3 li,
.discount4 li,
.discount5 li,
.discount6 li {
    border: 1px solid #dfdedf;
}



.custom-radio-01 [type="checkbox"]:checked + label:before {
    border: 2px solid #009690 !important;
}
/* .custom-radio-01 [type="checkbox"]:checked + label:after {
  background: #009690;
} */
.discount2 li i {
    top: -98px;
    left: -67px;
}

.scrollbar {
    height: 345px !important;
}

#steps-uid-0-p-0 .scrollbar {
    height: 350px !important;
    overflow-x: hidden;
    padding: 0px 45px 0px 5px;
}

#steps-uid-0-p-0 .sub-section1 {
    width: 48%;
}

#steps-uid-0-p-0 .form-control {
    margin-top: 12px;
}

.discountIcon {
    width: 100px;
    height: 100px;
}

.plusSign2 {
    width: 40px;
}

.main-header_ultra-main {
    font-size: 26px;
    /* padding-left:5rem; */
}

.custom-radio-01 [type="checkbox"]:checked + label, .custom-radio-01 [type="checkbox"]:not(:checked) + label {
    color: #464646;
}

.footer a.renew-btn, .footer .next-trigger, .footer .renew-btn {
    background: #fff;
    padding: 11px 12px !important;
    border-radius: 30px;
    width: 120px;
    color: #009690;
    text-align: center;
    display: block;
    /* margin-top: 10px; */
    border: 1px solid #009690;
}

    .footer a.renew-btn:hover, .footer .next-trigger:hover, .footer .renew-btn:hover {
        background: #009690;
        color: #fff;
        border: 1px solid #fff;
    }


#selectmsg_policytenure .modal-dialog,
#selectmsg_policytenure2 .modal-dialog {
    width: 480px;
}

#selectmsg_primemember .modal-dialog,
#selectmsg_primemember1 .modal-dialog,
#selectmsg_primemember2 .modal-dialog,
#selectmsg_primememberNon .modal-dialog,
#selectmsg_primememberExtra .modal-dialog {
    width: 480px;
}

#selectmsg_primememberNon .floating-input,
#selectmsg_primememberExtra .floating-input {
    font-size: 14px;
    padding: 0.75rem .75rem;
    display: block;
    width: 100%;
    height: 39px;
    background-color: #fff;
    border: 2px solid #ced4da;
    border-radius: 20px;
}

#selectmsg_primememberNon .floating-label,
#selectmsg_primememberExtra .floating-label {
    position: relative;
    width: 60%;
    margin: 28px auto 20px auto;
}

#selectmsg_primememberNon label,
#selectmsg_primememberExtra label {
    width: auto;
    color: #495057;
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 15px;
    top: 9px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

#selectmsg_primememberNon .floating-input:focus,
#selectmsg_primememberExtra .floating-input:focus {
    outline: none;
    border: 2px solid #019690;
}

    #selectmsg_primememberNon .floating-input:focus ~ label,
    #selectmsg_primememberNon .floating-input:not([value=""]):valid ~ label,
    #selectmsg_primememberExtra .floating-input:focus ~ label,
    #selectmsg_primememberExtra .floating-input:not([value=""]):valid ~ label {
        top: -18px;
        font-size: 14px;
        color: #000000;
    }

.btn-theme {
    background: #019891;
    padding: 5px 30px;
    border-radius: 100px;
}

#selectmsg_policytenure ul.dividedYear,
#selectmsg_policytenure2 ul.dividedYear2 {
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

    #selectmsg_policytenure ul.dividedYear label,
    #selectmsg_policytenure2 ul.dividedYear label {
        font-size: 15px;
        color: #464646;
        padding-left: 60px;
        margin-left: -20px;
        margin-right: 20px;
        /* padding-top: 25px; */
    }


    #selectmsg_policytenure ul.dividedYear li:not(:last-child),
    #selectmsg_policytenure2 ul.dividedYear li:not(:last-child) {
        margin-right: 0px !important;
    }

    #selectmsg_policytenure ul.dividedYear [type="radio"]:checked + label:before,
    #selectmsg_policytenure2 ul.dividedYear [type="radio"]:checked + label:before {
        border: 2px solid #009690;
    }

    #selectmsg_policytenure ul.dividedYear [type="radio"]:checked + label:before,
    #selectmsg_policytenure ul.dividedYear [type="radio"]:not(:checked) + label:before,
    #selectmsg_policytenure2 ul.dividedYear [type="radio"]:checked + label:before,
    #selectmsg_policytenure2 ul.dividedYear [type="radio"]:not(:checked) + label:before {
        left: 35px;
    }

    #selectmsg_policytenure ul.dividedYear [type="radio"]:checked + label:after,
    #selectmsg_policytenure ul.dividedYear [type="radio"]:not(:checked) + label:after,
    #selectmsg_policytenure2 ul.dividedYear [type="radio"]:checked + label:after,
    #selectmsg_policytenure2 ul.dividedYear [type="radio"]:not(:checked) + label:after {
        left: 40px;
    }

#selectmsg_policytenure .modal-content,
#selectmsg_policytenure2 .modal-content,
#selectmsg_primemember .modal-content,
#selectmsg_primemember1 .modal-content,
#selectmsg_primemember2 .modal-content {
    border-radius: 22px !important;
}

.customicon {
    background-color: #009690;
}

.moreaddonsbox {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

    .moreaddonsbox li {
        height: 165px !important;
        width: 175px;
    }

    .moreaddonsbox ul.discount1 label > img {
        width: 95px;
    }

    .moreaddonsbox ul.discount2 label > img {
        width: 95px;
    }

    .moreaddonsbox label {
        margin-top: 13px;
    }

    .moreaddonsbox .discount1 li i {
        top: -140px;
    }

    .moreaddonsbox .discount2 li i {
        top: -140px;
        left: -60px;
    }

    .moreaddonsbox .discount3 li i {
        top: -150px;
    }

    .moreaddonsbox .monthWaiting label {
        margin-top: 10px;
    }

.unlockedBox ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

    .unlockedBox ul li {
        display: flex;
        flex-direction: column;
        text-align: center;
        border-radius: 10px;
        border: 2px solid #dfdedf;
        width: 180px;
        height: 170px;
        justify-content: center;
        background-color: #ffffff;
    }

        .unlockedBox ul li img {
            width: 70px;
            margin: 0 auto 20px;
        }

.main-header small strong {
    color: #009690;
}

.moreaddonsbox .custom-radio-01 [type="checkbox"]:checked + label:before,
.moreaddonsbox .custom-radio-01 [type="checkbox"]:not(:checked) + label:before {
    top: 0px;
}

.moreaddonsbox .custom-radio-01 [type="checkbox"]:checked + label:after {
    top: 5px;
}

.unlockedBox span {
    font-size: 15px;
}

.theme-btn:hover,
.edit-trigger {
    color: #019690 !important;
}

.rs-container .rs-scale span:last-child {
    width: 0 !important;
}

.discount2 li, .discount1 li, .discount3 li, .discount4 li, .discount5 li .discount6 li {
    height: 140px;
}

.note {
    font-size: 12px;
}

.modal-body .popup-btn {
    padding: 8px 10px;
    border-radius: 30px;
    width: 120px;
    text-align: center;
    display: block;
    background: #009690;
    border: 1px solid #009690;
    margin: 0 auto;
    color: #ffffff;
    text-decoration: none;
}

    .modal-body .popup-btn:hover {
        color: #009690;
        background: transparent;
    }

a.left:hover {
    background-color: #019690;
    color: black;
}

#msform input:focus, #msform textarea:focus {
    border: 2px solid #009690;
}

.rs-container .rs-scale span {
    width: 52.182px !important;
}

.unlockedBox {
    margin-bottom: 60px;
}





/* REMOVE THIS CODE IF USING THE LATEST BOOTSTRAP*/
.d-none {
    display: none !important;
}

.d-md-none {
    display: none !important;
}

.actual-form.w-67.active {
    float: left;
    /*margin-top: 50px !important;*/
}

.healthgain-progress .steps-preregistration-cont.card.shrunken-box {
    float: right;
    /*margin-top: 50px !important;*/
}
/* REMOVE THIS CODE IF USING THE LATEST BOOTSTRAP*/

/* Css Of Pratik S */

.custome-input {
    padding: 10px;
}

.input-group {
    display: flex;
    flex-wrap: unset !important;
}

    .input-group .input-group-addon {
        background-color: #ced4da;
        padding: 10px 8px 8px 8px;
        border-radius: 20px 0px 0px 20px;
        font-weight: 600;
        color: #353535;
        width: 55px;
        font-size: 14px !important;
    }

    .input-group .input {
        padding: 8px;
        border: 1px solid #ced4da;
        border-radius: 0px 20px 20px 0px;
        width: 55px;
        outline: none;
    }

.small-size {
    font-size: 12px;
    margin-top: 4px;
    line-height: 12px;
}

.font-bold-600 {
    font-weight: 600;
}

.font-bold-700 {
    font-weight: 700;
}

.font-bold-800 {
    font-weight: 800;
}

.horizontal-divider {
    position: relative;
}

    .horizontal-divider::before {
        height: 35px;
        width: 1px;
        content: "";
        position: absolute;
        background-color: #b1b1b1;
        left: -2px;
    }



.border-bottom-0 {
    border-bottom: 0px !important;
}

.form-group {
    /* position: relative; */
}

    .form-group span {
        position: absolute;
        top: 10px;
        right: 6px;
    }

.form-control:focus {
    /* border: 1px solid #019690 !important; */
}

.form-group .form-control {
    /* border: 1px solid #d8d8d8 !important; */
    /* padding: 18px !important; */
    margin-top: 20px;
    height: 40px !important;
}

.form-group span i {
    color: #019891;
    font-size: 20px;
}

.infoswitch {
    display: flex;
    justify-content: space-between;
}

    .infoswitch label.infolabel {
        width: 80%;
        /* font-family: myriadPro-regular; */
        font-size: 16px;
        font-weight: 100;
    }

.switch-field {
    display: flex;
    overflow: hidden;
    padding-right: 4px;
}

    .switch-field input {
        position: absolute !important;
        clip: rect(0, 0, 0, 0);
        height: 1px;
        width: 1px;
        border: 0;
        overflow: hidden;
    }

        .switch-field input:checked + label {
            background-color: #019891;
            box-shadow: none;
            color: #ffffff;
        }

    .switch-field label:first-of-type {
        border-radius: 20px 0 0 20px;
    }

    .switch-field label:last-of-type {
        border-radius: 0 20px 20px 0;
    }

    .switch-field label {
        background-color: #ffffff;
        color: #5d5d5d;
        font-size: 14px;
        line-height: 1;
        text-align: center;
        padding: 8px 10px;
        margin-right: -1px;
        border: 1px solid #d8d8d8;
        /* box-shadow: inset 0 1px 3px rgb(0 0 0 / 30%), 0 1px rgb(255 255 255 / 10%); */
        transition: all 0.1s ease-in-out;
        text-transform: uppercase;
        font-weight: 500;
    }

.sub-section-2 {
    width: 95%;
    padding-top: 10px
}

.text-highlight {
    color: #019891;
}

.btn-theme-btn {
    border: none;
    background: white;
    padding: 5px 25px 5px 25px;
    border-radius: 10px;
    border: 1px solid #019891;
    color: #019891;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    margin-top: -10px;
}

.cards-holder {
    /* width: 900px; */
    width: 95%;
    padding-right: 50px;
    padding-left: 40px;
}



#silver, #basic, #gold, #platinum {
    display: none;
}

#lakh15, #lakh40, #lakh90 {
    display: none;
}

.plan-card-active {
    background: #f5ffff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    position: relative;
}

.plan-card::before {
    content: "10% online discount*";
    position: absolute;
    height: 20px;
    width: 160px;
    background-color: #019891;
    clip-path: polygon(0% 0%, 100% 0%, 95% 52%, 100% 100%, 0% 100%);
    bottom: 10px;
    left: -8px;
    font-size: 13px;
    border-radius: 0px 0px 0px 10px;
    padding-left: 15px;
    color: white;
}

.plan-card::after {
    content: "";
    position: absolute;
    height: 10px;
    width: 8px;
    background-color: #025551;
    bottom: 28.5px;
    left: -8px;
    font-size: 13px;
    border-radius: 10px 0px 1px 5px;
    color: white;
}

.plan-card {
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 10px;
    margin-top: 15px;
    margin-bottom: 0px;
    position: relative;
    height: 250px;
    width: 105%;
    cursor: pointer;
}

    .plan-card:hover {
        background: #f5ffff;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    }

        .plan-card:hover .discount-price {
            background-color: white;
        }

        .plan-card:hover::before {
            content: "10% online discount*";
            position: absolute;
            height: 20px;
            width: 160px;
            background-color: #019891;
            clip-path: polygon(0% 0%, 100% 0%, 95% 52%, 100% 100%, 0% 100%);
            bottom: 10px;
            left: -8px;
            font-size: 13px;
            border-radius: 0px 0px 0px 10px;
            padding-left: 15px;
            color: white;
        }

        .plan-card:hover::after {
            content: "";
            position: absolute;
            height: 10px;
            width: 8px;
            background-color: #025551;
            bottom: 28.5px;
            left: -8px;
            font-size: 13px;
            border-radius: 10px 0px 1px 5px;
            color: white;
        }

    .plan-card .star-image {
        position: absolute;
        right: 10px;
        top: 10px;
        /* height: 15px;
  width: 15px; */
    }

    .plan-card .plan-card-heading h5 {
        font-weight: bold;
        color: #464646;
    }

    .plan-card .plan-price-holder {
        text-align: center;
        /*font-family: myriadPro-regular;*/
    }

    .plan-card .plan-card-heading hr {
        background: #019690 !important;
        height: 1px;
        margin-top: 0px;
        margin-bottom: 0px;
        width: 80%;
    }

.common-fonts {
    font-weight: bold;
    color: #000000;
}

.per-year-line {
    margin-top: -10px;
}

.discount-price {
    border: 1px solid #ccc;
    border-radius: 25px;
    padding: 2px 10px 2px 10px;
    text-align: center;
    font-size: 13px;
    width: 150px;
    margin: auto;
    font-weight: 500;
}

.plan-card .plan-content {
}

    .plan-card .plan-content ul {
        padding: 0;
        margin-top: 10px;
    }

    .plan-card .plan-content li {
        list-style: none;
        font-size: 11px;
        position: relative;
        line-height: 25px;
        font-weight: 100;
        margin-left: 18px;
        color: #333333;
    }

        .plan-card .plan-content li::before {
            content: "";
            display: inline-block;
            position: absolute;
            width: 6px;
            top: 5px;
            left: -20px;
            height: 12px;
            border-style: solid;
            border-color: #019690;
            border-width: 0 1px 1px 0;
            transform: rotate(45deg);
            opacity: 1;
        }

        .plan-card .plan-content li i {
            font-size: 15px;
        }

.checkbox {
    border: 1px solid #019690;
}

.common-font-and-size {
    font-weight: bold;
    color: #000000;
    font-size: 20px;
    margin-left: 50px;
}

.termconditionlabel {
    margin-left: 6px;
    margin-top: 2px;
    font-size: 16px;
    font-weight: 500;
}

#termcondition:focus {
    outline: none !important;
}

.checkbox-holder {
    display: flex;
    margin: auto;
    width: 210px;
}

    .checkbox-holder input[type=checkbox] {
        position: relative;
        width: 1.5em;
        height: 1em;
        color: #363839;
        border: 1px solid #019891;
        border-radius: 3px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        outline: 0;
        top: 0px;
        cursor: pointer;
        /* margin: auto !important; */
        transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1);
    }

        .checkbox-holder input[type=checkbox]:focus {
            outline: none;
        }

        .checkbox-holder input[type=checkbox]::before {
            position: absolute;
            content: "";
            display: block;
            top: 0px;
            left: 5px;
            width: 6px;
            height: 12px;
            border-style: solid;
            border-color: #019891;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg);
            opacity: 0;
        }

        .checkbox-holder input[type=checkbox]:checked {
            color: #fff;
            border-color: #019891;
            outline: 0;
        }

            .checkbox-holder input[type=checkbox]:checked::before {
                opacity: 1;
            }

.modal-curve-design {
    border-radius: 20px !important;
}

.modal-header {
    border-bottom: 0px !important;
}

.fade.in {
    /*     background: rgba(0, 0, 0, 0.2);
 */
}

#compareplan {
    background: transparent !important;
}

.modal-content-holder .modal-header-content {
    padding-left: 40px;
    padding-right: 40px;
    text-align: center;
    margin-top: -40px;
}

.modal-content-holder .modal-mini-card-holder {
    /* padding-left: 50px;
  padding-right: 50px; */
    padding-top: 20px;
}

.modal-fixed-width {
    width: 490px !important;
    margin: auto;
}

.modal-content-holder .modal-mini-card-holder label {
    display: block;
}

.modal-content-holder .modal-mini-card-holder .mini-card {
    border: 1px solid #999999;
    border-radius: 10px;
    padding: 10px;
    text-align: center;
    font-family: 800;
    cursor: pointer;
}

    .modal-content-holder .modal-mini-card-holder .mini-card:hover {
        background: #f5ffff;
        border: 1px solid #019891 !important;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    }

    .modal-content-holder .modal-mini-card-holder .mini-card p {
        margin-bottom: 0px !important;
        font-weight: 800;
    }

.active-mini-card {
    background: #f5ffff;
    border: 1px solid #019891 !important;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.modal-content-holder .modal-mini-card-holder .mini-card h3 {
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 800;
}

.button-holder {
    text-align: center;
    padding-top: 50px;
}

    .button-holder .close-btn {
        width: 89px;
        text-transform: uppercase;
        border: 0px solid #f15a22;
        color: #000;
        padding: 6px 0;
        font-size: 12px;
        border-radius: 19px;
        /* margin-top: 30px; */
        cursor: pointer;
        position: relative;
        overflow: hidden;
        background-color: transparent;
        text-decoration: none;
        z-index: 99;
        display: inline-block;
        text-align: center;
    }

fieldset .floating-label span {
    right: 30px !important;
}

.theme-btn-modal {
    width: 150px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    padding: 7px 0px 7px 5px;
    font-size: 15px;
    border-radius: 19px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    background-color: transparent;
    z-index: 99;
    display: inline-block;
    text-align: center;
    border: 1px solid #019891;
    color: #fff;
}

    .theme-btn-modal::after {
        content: "";
        width: 101%;
        height: 101%;
        background-color: #019891;
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1;
        transition: 0.2s ease all 0s;
    }

    .theme-btn-modal:hover {
        text-decoration: none;
        color: #019891;
    }

        .theme-btn-modal:hover::after {
            left: 100%;
        }

.heading-compareplan {
    display: flex;
}

.compareplan-modal-header {
    padding: 15px 15px 0px 15px !important;
}

.border-left-0 {
    border-left: 0px !important;
}

.border-right-0 {
    border-right: 0px !important;
}

.border-top {
    border-top: 1px solid #757575;
}

.compareplan-modal-body {
    padding: 0px 15px 0px 70px !important;
}

.table-bg {
    background-color: #eff3f7;
}

.btn-callaps {
    background: transparent;
    border: none;
    text-align: left;
    position: relative;
    color: #000;
}

    .btn-callaps::after {
        content: "";
        position: absolute;
        background-image: url(../images/supertop-up/angle-down-solid.svg);
        /* background: red; */
        height: 20px;
        width: 20px;
        background-repeat: no-repeat;
        right: 0;
    }

.display-flex {
    display: flex !important;
}

.font-size-35 {
    font-size: 35px !important;
}

.icon-red {
    color: red;
}

.icon-green {
    color: #019891;
}

@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;700&display=swap');

.container__accordion {
    /* max-width: 100vw;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem .5rem; */
}

.accordion {
    list-style: none;
    /* max-width: 550px; */
    width: 100%;
}

.accordion__item {
    margin-bottom: .8rem;
    /* border: 1px solid #F2F2F2; */
    transition: all .2s linear;
}

    .accordion__item.open {
        /* box-shadow: 0 5px 15px rgba(0, 0, 0, .1); */
    }

.accordion__item__head {
}

.accordion__item__head {
    background: transparent;
    color: #000;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .accordion__item__head i {
        transition: transform .3s linear;
    }

.accordion__item.open .accordion__item__head i {
    transform: rotate(-180deg);
}

.accordion__item__body {
    overflow: hidden;
    height: 0;
}

.accordion__item.open .accordion__item__body {
    padding-top: 10px;
    height: auto;
}

.accordion__item__body > *:not(:first-child) {
    margin-top: .8rem;
}
/* .accordion__item__body p {
  
  line-height: 1.3;
} */

.side-line {
    position: relative;
    text-align: center;
}

    .side-line::before {
        position: absolute;
        content: "";
        left: -65px;
        top: 9px;
        height: 1px;
        width: 56px;
        background-color: #b1b1b1;
    }

    .side-line::after {
        position: absolute;
        content: "";
        right: -65px;
        top: 9px;
        height: 1px;
        width: 56px;
        background-color: #b1b1b1;
    }

.color-black {
    color: #000 !important;
}

.modal-custome-design {
    position: relative;
}

.img-modal {
    margin-top: -20px;
    border-radius: 20px 20px 0px 0px;
}

.position-relative {
    position: relative !important;
}

.btn-close {
    position: absolute;
    top: 0px;
    right: 20px;
}

.border {
    border: 1px solid #009690 !important;
}

.border-gray {
    border: 2px solid #dfdedf !important;
}

#policydetail tr td {
    border-top: 0px solid white;
    padding: 3px !important;
    font-size: 14px;
    color: #000;
}

.desk-resp-hide {
    display: none;
}

.geay-shade {
    color: #474747 !important;
}

.close {
    opacity: 1 !important;
}

.modal-radius {
    border-radius: 10px !important;
    position: relative;
}

    .modal-radius p {
        font-size: 16px;
    }

.previous .fa-arrow-alt-circle-left {
    color: #00a09a;
}

.table {
    margin-bottom: 0px !important;
}

.step-2-close-btn {
    position: absolute;
    top: 5px;
    right: 5px;
}

.i-tool {
    height: 15px;
    width: 15px;
}

#compareplan {
    position: absolute;
    top: 75.97px; /* uat header */
    z-index: 0;
}

.compare-plan-modal-content {
    margin-top: 100px;
    width: 75%;
    position: absolute;
    border: 0px !important;
    top: 0;
    box-shadow: unset !important;
}

.dismis-compareplan {
    width: 32px;
    background: transparent;
    color: #000;
    border: 0 none;
    cursor: pointer;
    position: absolute;
    top: 25px;
    padding-left: 9px;
    left: 15px;
    font-size: 25px;
    height: 32px;
    border-radius: 100%;
    background: #dcdcdc;
}

    .dismis-compareplan::before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 9px;
        top: 12px;
        left: 14px;
        height: 9px;
        border-style: solid;
        border-color: #000;
        border-width: 0 1px 1px 0;
        transform: rotate(132deg);
    }

    .dismis-compareplan:hover.dismis-compareplan::before {
        border-color: #009690;
    }

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 0px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
}

.error-msg-moodal {
    border-radius: 10px !important;
}

.custPEDbtn .pedBtns {
    display: flex;
    /*align-items: center;
    justify-content: space-between;*/
}

.switchToggle {
    /* width: 12%; */
    float: right;
}

.custome-align-compare-modal {
    z-index: 999;
    padding: 20px 0px 20px 0px;
}


h5 small {
    color: white !important;
}

.mfp-hide {
    display: none;
}

.px-0 {
    padding-right: 0;
    padding-left: 0;
}

.form-row {
    display: flex;
    margin-bottom: 15px;
}

#divBuyingForSelf {
    width: 100%;
    padding: 0 0px;
}

.custPEDbtn span {
    position: inherit !important;
    top: inherit !important;
    right: inherit !important;
    font-size: 16px;
}

#steps-uid-0-p-0 .mob-pr-1, #steps-uid-0-p-0 .mob-pl-1 {
    /*  margin: 10px 0; */
}

.disabled.plan-card {
    pointer-events: none;
    background: #ced4da;
    color: #aeabab;
}

.custPEDbtn .pedBtns .editPed {
    width: 35px;
    margin: 0 0 0 10px;
    display: block;
}

.custPEDbtn {
    display: block;
}

.nominee-update {
    padding: 0;
    list-style: none;
    margin-bottom: 0;
    margin-top: 0;
    margin-right: 3%;
}

    .nominee-update li {
        display: inline-block;
        margin-right: 10px;
        width: 35px;
    }

        .nominee-update li img {
            width: 100%;
        }

.justify-content-end {
    justify-content: end;
}

.ready_scroll {
    height: 280px !important;
}

.finalPopup {
    max-width: 500px;
    width: 80%;
    display: inline-block;
    background: #FAFAFA;
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 40px 60px;
    position: relative;
}

    .finalPopup .popupCnt {
        width: 100%;
        float: left;
        text-align: center;
    }

        .finalPopup .popupCnt h3 {
            font-size: 20px;
            font-weight: 700;
            color: #0C4DA2;
            width: 100%;
            float: left;
            margin: 0 0 40px;
            padding: 0;
        }

        .finalPopup .popupCnt p {
            font-size: 15px;
            font-weight: 700;
            color: #505050;
            width: 100%;
            float: left;
            margin: 0 0 15px;
            padding: 0;
        }

        .finalPopup .popupCnt .theme-btn {
            padding: 5px 15px;
            width: 100px;
        }

.pedPopup {
    max-width: 1024px;
    width: 80%;
    margin: 20px 0;
    display: inline-block;
    background: #FAFAFA;
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 40px 60px;
    position: relative;
}

    .pedPopup .popupCnt {
        width: 100%;
        float: left;
        text-align: left;
        display: block !important;
    }

.mfp-bg {
    background-color: #000000;
    opacity: 0.5;
}

.mfp-close-btn-in .mfp-close {
    color: #505050;
    font-size: 48px;
    font-weight: 300;
    outline: none;
    opacity: 1;
    font-family: auto;
}

.pedPopup .popupCnt h2 {
    font-size: 20px;
    font-weight: 700;
    color: #0C4DA2;
    width: 100%;
    float: left;
    margin: 0 0 10px;
    padding: 0;
}

.pedPopup .popupCnt ul {
    width: 100%;
    float: left;
    text-align: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    .pedPopup .popupCnt ul li {
        width: 100%;
        float: left;
        text-align: left;
        margin: 10px 0;
        padding: 0;
        list-style-type: none;
    }

.pedPopup .popupCnt .popSection {
    width: 100%;
    float: left;
    margin: 0 0 20px;
    padding: 0 0 25px;
    border-bottom: 1px solid #505050;
    display: block !important;
}

    .pedPopup .popupCnt .popSection.nobrdr {
        border: none;
        display: block !important;
    }

.submitWrap {
    width: 100%;
    float: left;
    text-align: center;
}

    .submitWrap .theme-btn {
        display: inline-block;
    }

.pedPopup .popupCnt .theme-btn {
    font-size: 16px;
    text-transform: none;
    font-weight: 700;
    padding: 5px 20px;
    width: auto;
    display: inline-block;
    min-width: 150px;
    border-radius: 30px;
    margin: 15px 0 0;
}

.diseaseDetOuter {
    width: 100%;
    float: left;
    display: none;
}

.diseaseDet {
    width: 100%;
    float: left;
    padding: 15px 0 0;
    display: flex;
    align-items: center;
    justify-items: flex-start;
    flex-flow: row wrap;
}

    .diseaseDet .field {
        width: calc(25% - 20px);
        margin: 10px;
        position: relative;
    }

        .diseaseDet .field.col-50 {
            width: calc(50% - 20px);
        }

        .diseaseDet .field .form-control {
            border: 2px solid #009690;
            border-radius: 20px;
            font-size: 14px;
            letter-spacing: 0.3px;
        }

        .diseaseDet .field span.calenderIco {
            position: absolute;
            right: 10px;
            top: 50%;
            transform: translateY(-50%);
            width: 18px;
        }

            .diseaseDet .field span.calenderIco img {
                width: 100%;
            }

#insurancePopup.pedPopup .popupCnt .popSection {
    margin: 0;
    padding: 0;
}

#insurancePopup .mfp-close, #addInsurancePopup .mfp-close {
    display: none;
}


.closePopup {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation;
    color: #505050;
    font-size: 48px;
    font-weight: 300;
    outline: none !important;
    opacity: 1;
    font-family: auto;
    position: absolute;
    right: 10px;
    top: 0;
    line-height: normal;
}


.pedPopup .form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.75em;
    margin-bottom: 0.125rem;
}

.pedPopup .form-check-label {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

    .pedPopup .form-check-label span {
        margin: 0 0 0 15px;
        font-size: 16px;
        color: #505050;
        font-weight: 700;
        width: calc(100% - 35px);
    }

.pedPopup .form-check .form-check-input {
    float: left;
    margin-left: 0;
}

.pedPopup .form-check-input {
    width: 1.25em;
    height: 1.25em;
    margin-top: 0.125em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid #009690;
    appearance: none;
    color-adjust: exact;
    transition: background-color 0.15s ease-in-out, background-position 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .pedPopup .form-check-input {
        transition: none;
    }
}

.pedPopup .form-check-input[type="checkbox"] {
    border-radius: 0.25em;
    margin: 0;
    position: relative;
}

.pedPopup .form-check-input[type="radio"] {
    border-radius: 50%;
}

.pedPopup .form-check-input:active {
    filter: brightness(90%);
}

.pedPopup .form-check-input:focus {
    border-color: #009690;
    outline: 0;
    box-shadow: none;
}

.pedPopup .form-check-input:checked {
    background-color: #009690;
    border-color: #009690;
}

    .pedPopup .form-check-input:checked[type="checkbox"] {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
    }

    .pedPopup .form-check-input:checked[type="radio"] {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
    }

.pedPopup .form-check-input[type="checkbox"]:indeterminate {
    background-color: #0d6efd;
    border-color: #0d6efd;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}

.pedPopup .form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: 0.5;
}

    .pedPopup .form-check-input[disabled] ~ .form-check-label, .pedPopup .form-check-input:disabled ~ .form-check-label {
        opacity: 0.5;
    }

.pedPopup .form-select {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    font-size: 14px;
    letter-spacing: 0.3px;
    font-weight: 300;
    line-height: 1.5;
    color: #505050;
    vertical-align: middle;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: 2px solid #009690;
    border-radius: 20px;
    appearance: none;
}

    .pedPopup .form-select:focus {
        border-color: #009690;
        outline: 0;
        box-shadow: none;
    }

        .pedPopup .form-select:focus::-ms-value {
            color: #495057;
            background-color: #fff;
        }

    .pedPopup .form-select[multiple], .pedPopup .form-select[size]:not([size="1"]) {
        height: auto;
        padding-right: 0.75rem;
        background-image: none;
    }

    .pedPopup .form-select:disabled {
        color: #505050;
        background-color: #e9ecef;
    }

    .pedPopup .form-select:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #495057;
    }

.pedPopup .form-select-sm {
    height: calc(1.5em + 0.5rem + 2px);
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem;
    font-size: 0.875rem;
}

.pedPopup .form-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    font-size: 1.25rem;
}

.pedPopup .datepicker {
    z-index: 99999 !important;
}

.pedPopup .table-bordered {
    padding: 0;
    margin: 0;
}

    .pedPopup .table-bordered td, .pedPopup .table-bordered th {
        font-size: 13px;
    }

.diseaseTable {
    width: 100%;
    float: left;
    margin: 15px 0 0;
}

    .diseaseTable .eAction {
        display: flex;
        align-items: center;
        justify-items: center;
    }

        .diseaseTable .eAction a {
            width: 25px;
            margin: 0 5px;
        }

            .diseaseTable .eAction a img {
                max-width: 100%;
            }

.custPEDbtn {
    display: block;
    position: relative;
}

    .custPEDbtn a.theme-btn {
        margin: 0;
        padding: 5px 25px;
        width: auto;
        font-size: 15px;
    }

    .custPEDbtn .pedBtns {
        display: flex; /*align-items: center; justify-content: space-between;*/
    }

        .custPEDbtn .pedBtns .editPed {
            width: 35px;
            margin: -5px 0 0 10px;
            display: none;
        }

            .custPEDbtn .pedBtns .editPed img {
                width: 100%;
            }

.popSection2 {
    width: 100%;
    float: left;
    margin: 20px 0;
}

.custPEDbtn .editPed img {
    width: 40px;
    height: 40px;
}


@media screen and (max-width:1100px) {
    .pedPopup .popupCnt h2 {
        font-size: 18px;
    }

    .form-check-label span {
        font-size: 14px;
    }

    .pedPopup {
        padding: 30px 40px;
    }

    .mfp-close-btn-in .mfp-close {
        font-size: 40px;
    }

    .diseaseDet .field {
        width: calc(33.3% - 20px);
    }
}

@media screen and (max-width:800px) {
    .diseaseDet .field {
        width: calc(50% - 20px);
    }

        .diseaseDet .field.col-50 {
            width: calc(100% - 20px);
        }

    .custPEDbtn {
        width: 100% !important;
    }
}

@media screen and (max-width:600px) {
    .diseaseDet .field {
        width: calc(100% - 20px);
    }

    .pedPopup {
        padding: 30px;
    }

    .finalPopup {
        padding: 40px;
    }
}

@media screen and (max-width:500px) {
    .pedPopup {
        width: calc(100% - 20px);
        margin: 20px 0;
    }

    .finalPopup {
        width: 90%;
    }

    .pedPopup .popupCnt h2 {
        font-size: 17px;
    }
}

@media screen and (max-width:360px) {
    .pedPopup {
        padding: 20px;
    }
}

#preLoader.fade {
    background-color: #fffffff2;
    opacity: 1;
    z-index: 9999;
}

/*******4FOX Stylesheet End********/
/* internal css */
p.disclaimer-box {
    margin-top: -40px;
    margin-bottom: 50px;
}

.mfp-hide {
    display: none;
}

.customClass {
    border: 2px solid #CACCCD;
    padding-left: 15px !important;
}

.form-control {
    box-shadow: none !important;
}

.errspan {
    float: right;
    margin-right: 10px;
    margin-top: -28px;
    position: relative;
    z-index: 1;
    color: red;
}

.errspanForMembersCount {
    float: right;
    margin-right: 35px;
    margin-top: -28px;
    position: relative;
    z-index: 2;
    color: red;
}

.errspan + .tooltip > .tooltip-inner {
    background-color: #f32730;
    color: #FFFFFF;
    border: 1px solid #f32730;
    border-radius: 0;
    padding: 5px 10px;
    font-size: 12px;
    min-width: 160px;
}

.card {
    text-align: start !important;
}

.modalheaderHI {
    margin: 0 25px;
    padding: 30px 0 10px;
    border-bottom: 2px solid #009690;
}

.has-error input.form-control, .has-error select.form-control {
    border: 2px solid #f00 !important;
}

#msform .errspan {
    margin-right: 40px;
}

#fieldsetWhere .errspan {
    margin-right: 10px;
}

.errTooltip .errTooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #ffff92;
    color: #ff1e11;
    text-align: center;
    border-radius: 6px;
    padding: 5px !important;
    position: absolute;
    width: 120px;
    bottom: 150% !important;
    left: 0px;
    margin-left: -60px;
    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 6px #ce8483;
    top: inherit !important;
    right: inherit !important;
}

    /* Tooltip arrow */
    .errTooltip .errTooltiptext::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #ffff92 transparent transparent transparent;
    }

/* Show the tooltip text when you mouse over the tooltip container */
.errTooltip:hover .errTooltiptext {
    visibility: visible;
    opacity: 1;
}


.previesIcon:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 9px;
    top: 12px;
    left: 14px;
    height: 9px;
    border-style: solid;
    border-color: #000;
    border-width: 0 1px 1px 0;
    transform: rotate(132deg);
}

.previesIcon {
    width: 32px;
    background: transparent;
    color: #000;
    border: 0 none;
    cursor: pointer;
    position: absolute;
    top: 15px;
    padding-left: 9px;
    left: 8px;
    font-size: 25px;
    height: 32px;
    border-radius: 100%;
    background: #dcdcdc;
}

/* .fade {
    opacity: inherit !important;
} */

.modal-backdrop.in {
    display: none !important;
}

.in.fade {
    opacity: 1;
    background: rgba(0, 0, 0, 0.2);
}

.ms-webpart-zone, .ms-webpart-cell-vertical, .ms-webpart-chrome-vertical {
    display: inherit !important;
}

#divBundling_STP input {
    display: none;
}

#steps-uid-0-p-2 {
    display: none;
}

#steps-uid-0-p-1 {
    visibility: hidden;
    position: absolute;
    top: 0;
}

.pedPopup .errspan {
    margin-top: -23px;
}

#basicPremiumlcontent ul, #netPremiumlcontent ul, #gstPremiumlcontent ul {
    padding: 5px 5px;
    list-style: none;
    color: #000;
    /* font-size: 14px; */
}

    #basicPremiumlcontent ul li span i, #netPremiumlcontent ul li span i, #gstPremiumlcontent ul li span i {
        margin-right: 5px;
    }

    #basicPremiumlcontent ul li span:nth-child(2), #netPremiumlcontent ul li span:nth-child(2), #gstPremiumlcontent ul li span:nth-child(2) {
        margin-left: 20px;
    }

.justify-content-between {
    justify-content: space-between;
    display: flex;
}

.customTooltip {
    position: relative;
    color: #006080;
}

    .customTooltip .tooltiptext {
        visibility: hidden;
        position: absolute;
        width: 25rem;
        background-color: #fff;
        color: #000;
        padding: 5px 0;
        border-radius: 6px;
        z-index: 99999;
        opacity: 0;
        transition: opacity 0.3s;
        box-shadow: -8px -8px -8px - 8px #aaaaaa;
        border: 1px solid #d3d3d3;
        border: 1px solid #d3d3d3;
        box-shadow: 0 -8px -8px 8px #aaaaaa;
        box-shadow: -3px -1px 8px #aaaaaa;
        text-align: left;
    }

    .customTooltip:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }

.tooltip-right {
    top: -5px;
    left: 125%;
}

    .tooltip-right::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 100%;
        margin-top: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent #555 transparent transparent;
    }

.tooltip-bottom {
    top: 135%;
    left: -12rem;
}

    .tooltip-bottom::after {
        content: "";
        position: absolute;
        bottom: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent #fff transparent;
    }

.tooltip-top {
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
}

    .tooltip-top::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #555 transparent transparent transparent;
    }

.tooltip-left {
    top: -5px;
    bottom: auto;
    right: 128%;
}

    .tooltip-left::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 100%;
        margin-top: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent transparent #555;
    }

.tooltiptext td:first-child {
    padding: 0 8px;
    text-align: left;
}

.tooltiptext td:last-child {
    padding: 0 8px;
}

#liAddOn .tooltiptext {
    width: 35rem;
    left: -8rem;
}

#liAddOn .tooltip-bottom::after {
    left: 25%;
}

.tooltiptext ul {
    list-style-type: disc !important;
}

.breakup .tooltiptext ul li {
    display: list-item !important;
    color: #565151;
    font-size: 12px;
    margin: 5px 0;
}

input[type=password][disabled], input[type=text][disabled], input[type=tel][disabled], input[type=file][disabled], textarea[disabled], select[disabled], .sp-peoplepicker-topLevelDisabled, .ms-inputBoxDisabled {
    background-color: #eee !important;
}

.breakup .tooltiptext ul li.no_disc {
    list-style-type: none;
    display: flex !important;
}

.no_disc {
    list-style-type: none;
    display: flex !important;
}

#fieldsetAlright, #fieldsetWhom, #fieldsetWhere {
    padding-left: 40px !important;
}

    #fieldsetAlright .errspan {
        margin-right: 20px;
    }

    #fieldsetWhom .errspan {
        margin-right: 10px;
    }

.summarySTP {
    color: #000 !important;
}

#fieldsetChooseDis .scrollbar {
    height: 300px !important;
}

.discountRadio {
    position: relative;
}

.discount3 .test {
    position: absolute;
    bottom: 10px;
    right: 55px;
}

#discount3Section .test {
    position: absolute;
    bottom: 16px;
    right: 34px;
}

.discount5 .test {
    position: absolute;
    bottom: 12px;
    right: 55px;
}

.discount2 .test {
    position: absolute;
    bottom: 35px;
    right: 16px;
}

.discount4 .test {
    position: absolute;
    bottom: 13px;
    right: 15px;
}

.no_disc i {
    margin-right: 4px;
}

.floating_label .pincode_copy {
    border: 2px solid rgb(0, 150, 144) !important;
}

input::placeholder {
    font-size: 11px;
    line-height: 3;
}

#mobashead {
    display: none;
}

#s4-workspace {
    height: 100% important;
}

.subHeading {
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: bold;
}

.familyCategory li.active {
    background: #019690;
    font-weight: bold;
    color: #ffffff;
}

.familyCategory li {
    border: 0px solid black;
    padding: 8px 4px;
    display: inline-block;
    float: left;
    width: 25%;
    text-align: center;
}

.familyCategory ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #ced4da;
    border-radius: 20px;
}

.familyCategory {
    margin: 10px 0px;
}

    .familyCategory input, .yearSelection input {
        visibility: hidden;
        opacity: 0;
        position: absolute;
    }

.initial-step {
    /* height: 450px;
    overflow: auto; */
    overflow-x: hidden;
}

    .initial-step::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 1);
        background-color: #ccc;
        border-radius: 10px;
    }

    .initial-step::-webkit-scrollbar {
        width: 6px;
        background-color: #009690;
        border-radius: 10px;
        margin-right: -10px !important;
    }

    .initial-step::-webkit-scrollbar-thumb {
        background-color: #009690;
        border-radius: 10px;
    }

.otpCode {
    display: flex;
}

.fs-10 {
    font-size: 10px;
}

.otpCode input {
    width: 12%;
    text-align: center;
    height: 49px;
    margin: 0 auto;
    border-radius: 0.25rem;
}

.initial-step .sub-section2.guide-img .covered-img {
    position: absolute;
    right: 0;
    top: 0;
}

.initial-step .sub-section2.guide-img .step-guid-img {
    position: absolute;
    right: 0;
    bottom: 0;
}
/* .yearSelection {
    margin: 10px 0px;
} */
.yearSelection ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #ced4da;
    border-radius: 20px;
}

.yearSelection li {
    border: 0px solid black;
    padding: 10px 4px;
    display: inline-block;
    float: left;
    width: 33.33%;
    text-align: center;
}

    .yearSelection li.active {
        background: #019690;
        font-weight: bold;
        color: #ffffff;
    }

select.deductibleSelector {
    width: 129px;
    display: inline-block;
    font-size: 23px;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
    border-bottom: 3px solid #019690 !important;
    background-color: transparent;
    border: 0px;
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.cards-holder .btn-container {
    margin: 10px auto 0 auto;
}

#gotoStep2.previesIcon {
    top: 20px;
}

.custom-control-label::before {
    position: absolute;
    top: 0.25rem;
    left: -0.3rem;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px;
    border-radius: 0.25rem;
}

.custom-control-input:checked ~ .custom-control-label::before {
    border-color: #009690 !important;
    background-color: #009690 !important;
    /* margin-left: 10px; */
}

.custom-checkbox.condition {
    position: relative;
}

    .custom-checkbox.condition .custom-control-input:checked ~ .custom-control-label::after {
        background-image: url(/SiteAssets/HealthGainNJ/images/tick.svg);
    }

.custom-control-label::after {
    position: absolute;
    top: 0rem;
    left: -0.6rem;
    display: block;
    width: 2rem;
    height: 2rem;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}

.custom-checkbox.condition input {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.poltype label, .baseYear label {
    margin-bottom: 0;
    font-weight: normal;
    font-size: 15px;
}

.familyCategory li.active label {
    font-weight: bold;
}

.font-weight-bold {
    font-weight: bold;
}

.cursor {
    cursor: pointer;
}

#comp-plan {
    margin-top: 25px;
    padding: 5px 15px;
}

.insmore .form-group:nth-child(1) {
    padding-left: 0;
}

#Div2.theme-btn {
    width: 300px;
    margin: 0;
    display: block;
}

.condition .custom-control-label {
    font-weight: normal;
}

#viewPlanOTP .modal-fixed-width {
    width: 320px !important;
}


.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
}

.header-row {
    overflow-x: auto;
    position: fixed;
    width: 69.4% !important;
    top: 146px;
    z-index: 99;
}

.mt-8-7 {
    margin-top: 160px;
}

.vertical-alignment-helper .modal-content {
    width: 100%;
    height: inherit;
    margin: 0 auto;
    border: 0;
    border-radius: 20px;
}

.dbtd {
    display: block;
    width: 135px;
}

.custPEDbtn .editPed {
    position: absolute;
    right: -40px;
    top: 5px;
    display: none;
}

.l-10 label {
    left: 10px !important;
}

.l-21 label {
    left: 21px !important;
}

.editableforms td {
    width: 20%;
    font-size: 14px;
}

.editableforms .title-heads::after {
    content: ":";
}

.third td:nth-child(2), .third td:nth-child(4), .third td:nth-child(6), .third td:nth-child(8), .second td:nth-child(4), .second td:nth-child(6) {
    display: none;
}

#fieldsetWhere .floating-label label:not(.error) {
    left: 40px !important;
}

#fieldsetWhere .customClass:focus ~ label.lsa {
    left: 21px !important;
    position: absolute;
    top: -17px;
}

#fieldsetWhere .floating-input:not([value=""]):valid ~ label, #fieldsetWhere .floating-input:not(:placeholder-shown) ~ label {
    left: 21px !important;
}

#fieldsetWhere .customClass.top_span ~ label {
    top: -18px !important;
    font-size: 12px;
    color: #000000;
    opacity: 1;
    white-space: nowrap;
    left: 25px !important;
    /* font-family: myriadPro-regular; */
}

#fieldsetWhere .floating_label label {
    top: -17px !important;
    font-size: 12px;
    color: #000000 !important;
    opacity: 1;
    white-space: nowrap;
    left: 21px !important;
    /* font-family: myriadPro-regular; */
}

#fieldsetWhere .floating_label_div.floating-label label:not(.error) {
    left: 21px !important;
}

.switch-field2 label:first-of-type {
    border-radius: 20px 0 0 20px;
}

.switch-field2 {
    display: flex;
    overflow: hidden;
    padding-right: 8px;
}

    .switch-field2 label {
        background-color: #fff;
        color: #5d5d5d;
        font-size: 14px;
        line-height: 1;
        text-align: center;
        padding: 8px 9px;
        margin-right: -1px;
        border: 1px solid #d8d8d8;
        transition: all .1s ease-in-out;
        text-transform: uppercase;
        margin-bottom: 0px;
        font-weight: 500;
    }

        .switch-field2 label:first-of-type {
            border-radius: 20px 0 0 20px;
        }

        .switch-field2 label:last-of-type {
            border-radius: 0 20px 20px 0;
        }

    .switch-field2 input {
        position: absolute !important;
        clip: rect(0,0,0,0);
        height: 1px;
        width: 1px;
        border: 0;
        overflow: hidden;
    }

#gotoStep1 {
    top: 22px;
}

.yearSelection li.active label {
    font-weight: bold;
}

#basicAmount, #essencialAmount {
    padding-left: 4px;
}

.mob-mt-98 td {
    width: 25%;
}

.table-bg {
    width: 25%;
}

.table-bg2 {
    background: #eff3f7
}

#fieldsetWhere .nmRelation .floating-select:focus ~ label, #fieldsetWhere .nmRelation .floating-select:not([value=""]):valid ~ label {
    left: 21px !important
}

.staticLabel {
    left: 10px !important;
    top: -18px !important;
    color: #000 !important;
}

.switch-field2 .staticGreen {
    background-color: #019891;
    color: #fff;
}

.text-succeed {
    color: #2ead0e
}

#Div3.theme-btn {
    width: 300px;
}

.fixed-btn {
    width: 51%;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    padding: 5px 0;
    background: #fbfafd;
    display: flex;
    justify-content: center;
}

input[readonly].default-cursor {
    cursor: default;
}

.haserrorInput {
    border: 2px solid #f00 !important;
}

.l-21 {
    padding-right: 10px !important;
}

fieldset .floating-label.l-21 span {
    right: 16px !important
}

.disabled.plan-card .plan-card-heading hr, .disabled.plan-card .plan-card-heading hr, .disabled.plan-card .common-fonts, .disabled.plan-card .plan-content li {
    color: #aeabab;
}

.disabled.plan-card::before, .disabled.plan-card::after, .disabled.plan-card .plan-card-heading hr {
    background-color: #aeabab !important;
}

.plan-card.disabled .plan-content li::before {
    border-color: #aeabab !important;
}

.plan-card.disabled .star-image {
    filter: grayscale(100%);
}
.plan-card.removediscount::before,.plan-card.removediscount::after
{
	content:'';
	display:none;
}