html, body {
    /*background-color: #e9ecef;*/
    font-family: Montserrat-Regular !important;
    font-size: 14px;
    margin: 0 auto;
    overflow-x: hidden;
    color: #040404;
    width: 100%;
}

.custom-navbar {
    border-bottom: 0px;
    box-shadow: 0px 0px 13px rgb(103 103 103 / 40%);
    padding: 25px 0px;
}

.customContainer {
    margin: auto;
    width: 93%;
}

@font-face {
    font-family: 'Montserrat-Regular';
    src: url('Montserrat-Regular.ttf'); /* here you go, IE */
}

@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('Montserrat-SemiBold.ttf'); /* here you go, IE */
}

@font-face {
    font-family: 'Montserrat-Bold';
    src: url('Montserrat-Bold.ttf'); /* here you go, IE */
}

a:hover {
    cursor: pointer;
}

b {
    font-family: Montserrat-Bold !important;
}

.portalLogo {
    height: 35px;
    /*margin-top: 6px;*/
}

.divBenefitTitle {
    color: #1C4588;
    font-size: clamp(25px, 10vw, 68px);
    font-family: Montserrat-Bold !important;
    line-height: clamp(25px, 12vw, 80px);
    text-transform: capitalize;
}

.divBenefits {
    font-size: 17px;
    font-family: Montserrat-Bold !important;
    /*text-transform: capitalize;*/
}

.shadow-box-inactive {
    background-color: #fff;
    box-shadow: 0px 0px 10px rgb(51 51 51 / 45%);
    margin-bottom: 15px;
    padding: 30px;
}

.divTitle {
    font-size: 25px;
    font-family: Montserrat-Bold !important;
    font-weight: 700;
}

.planTitle {
    color: #003f72;
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
    text-align: center;
}

.lblField {
    color: #333;
    font-family: Montserrat-Bold !important;
    font-size: 12px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 3px;
    text-transform: uppercase;
}

.customFormControl, .customFormSelect {
    background-color: #fbf9fa;
    box-shadow: 0px 3px 2px rgb(102 102 102 / 20%);
    border: 0;
    border-radius: 0px;
    outline: 0;
    /*margin-top: 12px;*/
}

.custom-btn-link :hover, .custom-btn-link:focus {
    box-shadow: none;
}

.btn-continue {
    background-color: #eed030;
    /*f5cd3d*/
    border: 2px solid #eed030;
    color: #fff;
    font-family: Montserrat-Bold !important;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    line-height: 19px;
    text-align: center;
    padding: 10px;
    text-decoration: none;
}

    .btn-continue:hover {
        font-size: 14px;
        background-color: rgba(255, 255, 255, 0.99) !important;
        border: 2px solid #eed030;
        color: #eed030 !important;
    }

.btnEditMemberInfo {
    font-size: 12px;
}

.txtValidImg {
    background-repeat: no-repeat;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    padding-left: 20px;
    position: absolute;
    padding-top: 30px;
    margin-top: 10px;
    right: 5px;
    z-index: 1000;
}

.textImg {
    padding-left: 50px !important;
    background-repeat: no-repeat !important;
}

#divPaymentInfo .card-img {
    width: 32px;
    height: auto;
}

.CheckMaxAttemptMsg {
    border-radius: 4px;
    background-color: #ecdbdd;
    padding: 15px 10px;
    margin: 15px 0px;
    flex: 0 0 98%;
    font-weight: normal;
    color: #9E0000 !important;
    font-size: 16px;
    text-align: left;
}

#chkIsBillingSame {
    float: left;
    margin-right: 5px;
    margin-top: 4px;
}

.err-msg {
    font-size: 13px;
    font-weight: 600;
    color: #ff0000;
}

.success-msg {
    font-size: 13px;
    font-weight: 600;
    color: green;
}

.pt-cc-select input[type="checkbox"] {
    float: left;
    margin-top: 7px;
    margin-right: 5px;
}

.info, .info1 {
    text-transform: lowercase;
    font-weight: 600;
    transform: translate(-50%, -50%);
    margin: auto;
    text-align: center;
    border: 1px solid #444;
    border-radius: 50%;
    width: 20px;
    height: 21px;
    font-size: 15px;
    line-height: 21px;
    cursor: default;
    display: inline-block;
    left: 20px;
    top: 13px;
    position: relative;
}


.popover_content {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: -23px;
    left: 155px;
    transform: translate(0, 10px);
    background-color: white;
    padding: 5px 9px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    width: 51%;
    z-index: 99;
}

.popover-arrow {
    left: 0;
    height: 1rem;
    width: 1rem;
    background-color: #fff;
    position: absolute;
    top: 7px;
    border-bottom: 1px solid #d1d5db;
    border-left: 1px solid #d1d5db;
    transform: translate(-50%, 50%) rotate(45deg);
}

.panel-subtitle {
    background-color: #003f72;
    color: #fff;
    font-family: Montserrat-Bold !important;
    font-size: 16px;
    font-weight: 600;
    padding: 15px;
}

.lbl-grand-total {
    color: #333333;
    font-family: Montserrat-Bold !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.00px;
    line-height: 24px;
    white-space: nowrap;
    text-transform: uppercase;
}

.divAvailablePromoSuccess {
    padding-top: 10px;
    color: #83bd00;
}

.textnowrap {
    white-space: nowrap !important;
}

.fill-1-FurWDY {
    height: 20px;
}

.success-3x-C61RwL {
    height: 117px;
    width: 117px;
}

.member-number-abc12-C61RwL {
    color: #333333;
    font-family: 'Roboto', Helvetica;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.00px;
    line-height: 30px;
}

.enrollment-successfu-C61RwL {
    color: #003f72;
    font-family: 'Montserrat', Helvetica;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.00px;
    line-height: 40px;
}

.span0-7eqaSu {
    color: rgba(0, 63, 114, 1.0);
    font-style: normal;
}

.horizontal-rule-C61RwL {
    height: 1px;
    width: 200px;
}

.legalDesclaimer {
    font-size: 13px;
    color: #afaaaa;
}

.footer-contact {
    background-color: #143a66;
    padding: 65px 0px;
}

.footerBlock {
    background-color: #fcfaff;
    width: 80%;
    margin: auto;
}

.divContactTitle {
    color: #0a406b;
    font-size: clamp(20px, 10vw, 45px);
    margin-bottom: 15px;
}

.footerBlock a {
    color: #2ea3f2;
    font-weight: 700;
    text-decoration: none;
}

.footerBlock i {
    color: #2ea3f2;
    font-size: 25px;
}

.divLeftBlock {
    padding: 15px 30px;
}

.footerBlock .form-control {
    border-radius: 0px;
    font-size: 14px;
}

.divRightBlock {
    background-color: #66a1d7;
}

.divRightInnerBlock {
    padding: 30px 30px 16px;
    min-height: 415px;
}

.divRightFooterTitle {
    background-color: #1c4588;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    padding: 20px;
    text-align: center;
}

.btn-footer {
    color: #fff !important;
    background-color: #0a406b;
    border: none;
    padding: 10px 30px;
    font-size: 14px;
    font-weight: 600;
}

    .btn-footer:hover {
        color: #0a406b !important;
        background-color: #fff;
    }

.footer {
    background-color: #1e1c55;
    border: 1px solid #506793;
    color: #fff;
    padding: 10px 0px;
}

    .footer a {
        color: #fff !important;
        font-weight: bold;
        text-decoration: none;
    }

.modalLoding {
    opacity: 0.6 !important;
    background-color: #000;
}

@media screen and (max-width:767px) {
    .mt-smm-0 {
        margin-top: 0px;
    }

    .footer-contact {
        padding: 15px 0px;
    }

    .footerBlock {
        width: 100%;
        margin: auto;
    }

    .divLeftBlock {
        padding: 15px;
    }
}