@charset "UTF-8";

/* Please don't add any css classes above this line. */

body {
    background-color: #E5E5E5 !important;
    margin: 0;
    font-family: Segoe UI !important;
    color: #25274d !important;
}

.dp-bck-col {
    background-color: #EEF1F4;
}

.cls-bnt {
    color: green;
    font-size: 20px;
    margin-top: 80px;
}

.wd {
    width: 100%;
}



.progressbar-active {
    background-color: #4bb1e4;
    color: #fff;
}

.progressbar-inactive {
    background-color: #fff;
    color: #4bb1e4;
}

.btn-one {
    height: 57px;
    font-family: Segoe UI !important;
    font-size: 15px !important;
    width: 290px;
}

.btn-two {
    height: 57px;
    font-family: Segoe UI !important;
    font-size: 15px !important;
    width: 290px;
}

.btn-three {
    height: 57px;
    font-family: Segoe UI !important;
    font-size: 15px !important;
    width: 290px;
}

.btn-arrow-space {
    margin-right: 6px;
    margin-left: 6px;
}

.btn101:before, .btn101:after {
}

.navbar {
    position: sticky;
    top: 0;
    height: 100%;
    z-index: 1001;
}

.inner-dropdown-links:hover {
    color: #4bb1e4 !important;
}

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}
/* .form-control {
    background: #FFFFFF;
    border: 1px solid #EEF1F4;
    border-radius: 6px;
    font-family: Segoe UI;
    font-style: normal;
    opacity: 100%;
    line-height: 17px;
    text-align: center;
    color: #002868 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
}
 */

/*.dp-bck-col{
        background-color:#EEF1F4;
      }
      .cls-bnt{
        color:green;
        font-size: 20px;
        margin-top:80px
      }*/

.Build-content1 {
    padding-bottom: 28px;
    padding-top: 32px;
    top: 380px;
    margin-left: 16px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    color: #4AB0E3;
}


.w3-display-topright {
    background-color: #999999 !important;
}

.w3-teal, .w3-hover-teal:hover {
    background-color: #999999 !important;
}

.w3-black, .w3-hover-black:hover {
    background-color: #fff !important;
}

.w3-modal-conten {
    background-color: none !important;
}

.w3-modal-content {
    background-color: transparent !important;
}

.w3-button:hover {
    background-color: #fff !important;
}

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .popup-width {
        width: 100% !important;
    }
}

/*  header css commomon for alll ends(madhus code) */

/* header css starts */
@media screen and (min-width: 768px) and (max-width: 1240px) {
    .tb-cn {
        width: 30%;
    }
}

/*.w3-display-topright {
    background-color: #999999 !important;
}*/

/*.w3-teal, .w3-hover-teal:hover {
    background-color: #999999 !important;
}*/

/*.w3-black, .w3-hover-black:hover {
    background-color: #fff !important;
}*/

/*.w3-modal-conten {
    background-color: none !important;
}*/

/*.w3-modal-content {
    background-color: transparent !important;
} */

/*.w3-button:hover {
    background-color: #fff !important;
} */

/*@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .popup-width {
        width: 100% !important;
    }
} */

/*  header css commomon for alll ends(madhus code) */

/* header css ends */
/* header css starts */
@media screen and (min-width: 768px) and (max-width: 1150px) {
    .header-tab-view {
        display: none;
    }

    .header-tab-view-display {
        display: block !important;
    }

    .navbar-nav > li > a {
        padding: 0px 10px;
    }

    .navbar-default .navbar-nav > li > a {
        font-size: 13px;
    }

    .navbar-default .navbar-nav > li > a {
        font-size: 12px !important;
    }

    .menu-items-list {
        margin-top: 10px !important;
    }
}

@media only screen and (max-width: 767px) {
    .t-d {
        width: 100% !important;
    }

    .ico-hid {
        display: none !important;
    }

    .bt-cent {
        width: 100%;
        text-align: center;
        margin: 15% 0;
    }

        .bt-cent button {
            background-color: #4ab0e3 !important;
            width: 100%;
            max-width: 250px;
        }

    .rt-ico {
        float: right;
        text-align: right;
        margin-right: 5px;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .navbar-default .navbar-nav > li > a {
        font-size: 10px !important;
        padding: 8px 4px !important;
    }

    .tb-hdviw {
        width: 95%;
        position: absolute;
        right: -10px;
    }
}

@media screen and (max-width: 1282px) and (min-width: 1025px) {
    .navbar-default .navbar-nav > li > a {
        font-size: 12px !important;
        padding: 8px 6px !important;
    }

    .tb-hdviw {
        right: -15px !important;
    }
}

/*@media screen and (min-device-width: 767px) and (max-device-width: 1024px) {
    .popup-width {
        width: 100% !important;
    }
} */
/* Header css starts  all pages*/
.navbar-collapse {
    background-color: #fff;
}

/*.w3-modal-conten {
    background-color: none !important;
}*/

/*.w3-modal-content {
    background-color: transparent !important;
} */
/*
.w3-button:hover {
    background-color: #fff !important;
} */

/*@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .popup-width {
        width: 100% !important;
    }
} */

.li-menu {
    color: #002868;
    font-family: Montserrat;
    font-size: 15px;
}

.navbar-default .navbar-nav > li > a {
    color: #002868;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
    background-color: #fff !important;
    color: #4bb0e4;
}

.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
    color: #4bb0e4;
}

.inner-dropdown-links {
    font-family: Segoe UI, Regular;
    font-size: 13px;
    color: #002868 !important;
}

.w3-teal,
.w3-hover-teal:hover {
    background-color: #999999 !important;
}

.w3-black,
.w3-hover-black:hover {
    background-color: #fff !important;
}

/*.w3-modal-conten {
    background-color: none !important;
}*/

/*.w3-modal-content {
    background-color: transparent !important;
} */

/*.w3-button:hover {
    background-color: #fff !important;
} */

.navbar-default {
    height: 60px !important;
}

.navbar-default {
    background-color: #ffffff;
    border-color: #ffffff;
    height: 65px;
}

    .navbar-default .navbar-nav > li > a {
        color: #002868;
        font-family: Montserrat;
        font-size: 15px;
    }

.header-desktop-view-nci-logo {
    height: 40px;
    margin-left: 100px;
    width: 85px;
    height: 87px;
    margin-top: -12px;
    border: 3px solid #fff;
}

.tab-desktop-view-nci-logo {
    height: 40px;
    width: 60px;
    height: 60px;
    margin-top: -12px;
}

.header-mobile-view-nci-logo {
    height: 43px;
    width: 42px;
    display: none;
    margin-top: -10px;
    display: none !important;
}

.header-desktop-userlogo {
    height: 80px;
    background-color: #ffff;
    margin-left: 10px;
    width: 80px;
    height: 60px;
}

.header-tab-user-logo {
    height: 40px;
    margin-left: 10px;
    margin-top: -40px;
    width: 30px;
    height: 30px;
}

.mobile-user-log {
    height: 20px;
    width: 20px;
    display: none;
    margin-top: 0px;
    margin-left: 134px;
    display: none !important;
}

.menu-items-list {
    border: 1px solid #eef1f4;
    padding: 0px;
    border-radius: 10px;
    margin-top: 5px;
}

.header-button-menulogo {
    margin-top: 10px;
    height: 40px;
    width: 90px;
}

.logout-button {
    font-family: Montserrat;
    font-size: 15px;
    font-weight: bold;
    color: #ffffff;
}

.menu-logo {
    height: 40px;
    margin-left: 10px;
    margin-top: 10px;
    width: 42px;
    height: 42px;
}

.li-menu {
    color: #002868;
}

.tab-button-menulogo {
    height: 30px;
    width: 70px;
}

/* media query css  starts*/
@media screen and (max-width: 1024px) {
    .media-response {
        display: block !important;
    }

    .media-response-none {
        display: none !important;
    }

    .container {
        width: 100% !important;
    }
}
/* media query css  ends  credit cards plan page*/
/*user menu css*/
.coloum-left-side {
    height: 825px;
    margin-top: 20px;
    width: auto !important;
}

.first-mainsection-css {
    width: 352px;
    height: 150px;
    background-color: #fff;
    padding-top: 10px;
}

.first-innersection-css {
    width: 324px;
    height: 107px;
    margin-left: 15px;
    margin-top: 15px;
    background-color: #e9f5fc;
    border-radius: 5px;
    margin-left: 0px !important;
}

.eclipse {
    margin-top: 10px;
    margin-left: 10px;
}

.wallet {
    margin-left: -46px;
    margin-top: 10px;
}

.text-balance {
    font-family: Montserrat semibold;
    margin-left: 40px;
    font-size: 15px;
}

.money {
    font-family: Segoe UI;
    font-weight: bold;
    font-size: 20px;
    margin-top: -25px;
    margin-left: 114px;
}

.Text-account-details {
    background-color: #fff;
    height: 260px;
}

.Text-account-detailsinner {
    background-color: #fff;
    padding-top: 3px;
    padding-bottom: 10px;
    font-size: 15px;
    color: #002868;
    font-family: Montserrat SemiBold;
    width: 100%;
}

.outer-background {
    height: 210px;
    width: 324px;
    margin-left: 15px;
    border-radius: 10px;
    background: linear-gradient(rgb(0, 40, 104, 1), #84c8eb);
}

.inner-background {
    height: 210px;
    width: 324px;
    background-color: #002868;
    background-image: url(../images/Rectangle-top.png), url(../images/Rectangle\ -bottom.png);
    background-color: rgba(0, 40, 104, 0.1);
    background-repeat: no-repeat, no-repeat;
    background-position: bottom;
    background-position-x: 0%;
    padding: 25px;
    border-radius: 10px;
}

.inner-text1 {
    font-family: Segoe UI;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    margin-top: 10px;
}

.inner-text2 {
    float: right;
    font-weight: 700 !important;
}

.outer-background1 {
    height: 259px;
    width: 324px;
    border-radius: 10px;
    background: linear-gradient(rgb(0, 40, 104, 1), #84c8eb);
}

.inner-background1 {
    height: 259px;
    width: 324px;
    background-color: #002868;
    background-image: url(../images/Rectangle-top.png), url(../images/Rectangle\ -bottom.png);
    background-repeat: no-repeat, no-repeat;
    background-position: bottom;
    background-position-x: 0%;
    padding: 25px;
    border-radius: 10px;
    background-color: rgba(0, 40, 104, 0.1);
}

.visa-outerbox {
    background-color: #fff;
    height: 140px;
    padding-top: 10px;
}

.visa-innerbox {
    width: 324px;
    height: 94px;
    margin-left: 15px;
    margin-top: 15px;
    background-color: #e9f5fc;
    border-radius: 5px;
    margin-left: 0px !important;
}

.Rectangle-visa {
    margin-top: 20px;
    width: 62px;
    height: 62px;
    margin-left: 20px;
}

.visa {
    margin-left: -61px;
    margin-top: 10px;
    width: 50px;
    height: 17.02px;
}

.star {
    font-family: Segoe UI;
    margin-left: 121px;
    font-size: 15px;
    font-weight: bold;
    color: #002868;
    margin-top: -61px;
}

.card-holder {
    font-family: Segoe UI;
    font-weight: bold;
    font-size: 12px;
    margin-top: 0px;
    margin-left: 140px;
    color: #002868;
}

.card-icon {
    /*position: absolute;
    left: 500px;
    top: 245px;*/
    position: relative;
    margin-top: -29px !important;
    float: right;
    margin-right: 20px;
}

@media (max-width:767px) {
    .card-icon-mob {
        /*position: absolute;
        left: 250px;
        top: 248px;*/
        position: relative;
    }
}

.Jerom-bell {
    font-size: 15px;
    font-weight: bold;
    font-family: Segoe UI;
    margin-left: 135px;
}

.expires {
    font-size: 12px;
    color: #002868;
    font-family: Segoe UI;
    margin-left: 265px;
    margin-top: -40px;
}

.date-year {
    font-size: 15px;
    color: #002868;
    font-family: Segoe UI;
    margin-left: 265px;
    margin-top: 0px;
    font-weight: bold;
}
/*header css ends*/
.hero-background-container {
    background-image: url(../images/pic.png);
    width: 100%;
    padding: 0px;
    background-size: cover;
    min-height: 250px;
    background-repeat: round;
    margin-top: -19px;
}

.Regain-blubar {
    font-family: Montserrat;
    font-size: 30px;
    font-weight: bold;
    color: #ffff;
    margin-top: 35px;
    margin-left: 100px;
}

.Regain-blubar-subheading {
    margin-top: 20px;
    margin-left: 100px;
    color: #4ab0e3;
}

.Regain-blubar-subheading-obtain {
    margin-left: 50px;
}

.blubar-button001 {
    float: right;
    margin-top: -35px;
    font-size: 12px;
    background-color: #fff;
    border-color: #fff;
    border-radius: 5px;
    width: 153px;
    height: 64px;
}

.blubar-button-image1 {
    float: left;
    margin-left: -5px;
}

.blubar-button-image2 {
    float: left;
    margin-left: -25px;
    margin-top: 12px;
}

.Blubar-mobile-view-container {
    background-image: url("../images/mbl-view-bgimg.png");
    width: 100%;
    padding: 0px;
    background-size: cover;
    background-repeat: round;
    display: none;
    height: 100% !important;
}

.Regian-mobile {
    font-family: Montserrat;
    font-size: 30px;
    font-weight: bold;
    color: #ffff;
    margin-top: 10px;
}

.Regian-mobile-subheading {
    color: #4ab0e3;
    margin-top: 20px;
}

/*  header css commomon for alll ends(madhus code) */

/*button css starts css starts credit cards plan page */

.button-background {
    background-color: #e5e5e5;
}

.contain-button-portion {
    padding: 0px !important;
}

.button-coloum-common {
    padding: 0px !important;
}

.button-coloumn-image-common {
    width: 98%;
}

.button-mobile-view-image {
    width: 100%;
}
/*button css starts css ends credit cards plan page*/
.arw-mnu {
    height: 40px;
    background: #fff;
    color: #333;
    position: relative;
    width: 100%;
    text-align: left;
    padding-left: 40px;
    line-height: 40px;
}

    .arw-mnu:after {
        content: "";
        position: absolute;
        height: 0;
        width: 0;
        left: 100%;
        top: 0;
        border: 20px solid transparent;
        border-left: 20px solid #fff;
    }

    .arw-mnu:before {
        content: "";
        position: absolute;
        height: 0;
        width: 0;
        left: 0;
        top: 0;
        border: 20px solid transparent;
        border-left: 20px solid #e5e5e5;
        transform: rotate(360deg);
    }

.arw-tab1 {
    background: #4ab0e3 !important;
    color: #fff !important;
    padding-left: 30px;
}

    .arw-tab1:after {
        border-left: 20px solid #4ab0e3 !important;
    }

    .arw-tab1:before {
        border-left: 0px solid #e5e5e5;
    }

.arw-tab3:after {
    border-left: 0px solid #fff !important;
}
/*Middile content css starts credit cards plan page*/
.middile-content-background-color {
    background-color: #ffffff;
    height: 950px;
    width: 28%;
    /*float:right; */
}

.container {
    margin-left: auto;
    margin-right: auto;
    margin-top: 38px;
    margin-bottom: 38px;
}

.first-box {
    padding: 5px;
    background-color: #e9ecef;
}

.first-box-content {
    text-align: center;
    background-color: #ffffff;
    padding: 10px;
    border-radius: 5px;
    color: #25274d;
    font-weight: bold;
}

.first-box-content1 {
    font-size: 13px;
    font-family: 'Segoe UI',sans-serif;
    font-weight: 500;
    align-items: center;
    background-color: #fff;
    color: #25274d;
}

.first-box-content2 {
    font-size: 20px;
    font-family: 'Segoe UI',sans-serif;
    font-weight: bold;
    color: #4bb1e4;
    align-items: center;
}

/*.option-but {
    text-align: center;
    background-color: #ffffff;
    border-radius: 5px;
    color: #002868;
    font-weight: bold;
} */

.option-but-content {
    font-size: 15px;
    font-weight: bold;
    font-family: 'Montserrat',sans-serif;
    color: #fff;
}


.third-coloumn-place-holder {
    width: 60%;
    border: 1px solid #eef1f4;
    border-radius: 10px;
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 17px;
    color: #002868;
    opacity: 0.3;
    text-align: center;
}

.colsm {
    padding-left: 10px;
    padding-right: 5px;
}

.opt {
    font-weight: bold;
    font-size: 15px;
    font-family: 'Montserrat',sans-serif;
    color: #ffffff;
}

/*.mybox1 {
    width: 100%;
    border-radius: 5px;
    padding: 15px;
}*/

.Build-content {
    padding-bottom: 28px;
    padding-top: 32px;
    top: 380px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 15px;
    color: #4ab0e3;
}

.button-text-below {
    font-family: Segoe UI;
    font-size: 16px;
    color: #fff;
}

.button-text2 {
    font-family: Segoe UI;
    font-size: 16px;
    color: #000000;
}

/*coloumns content css over credit card plans page*/

/*terms and conditioncss starts for credit card plans page*/
.texxt-content-1 {
    color: 002868;
    font-size: 13px;
    font-weight: bold;
    margin-top: 10px;
    font-family: Segoe UI bold;
}

.texxt-content-2 {
    color: #002868;
    font-family: Segoe UI regular;
    font-size: 13px;
    margin-top: 20px;
}

.american1 {
    width: 712px;
    height: 289px;
    left: 364px;
    top: 848px;
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 17px;
    color: #002868;
    margin-left: 37px;
    margin-right: 37px;
    padding-top: 23px;
    margin-bottom: 35px;
}

.terms {
    font-family: Segoe UI;
    font-weight: bold;
    font-size: 13px;
}

.button,
input,
optgroup,
select,
textarea {
    font-family: Montserrat;
    color: #ffffff;
    font-weight: bold;
    font-size: 13px;
}

.option14 {
    width: 80px;
    height: 17px;
    left: 922px;
    top: 601px;
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 17px;
    color: #002868;
    opacity: 0.3;
    padding: 6px 39px 7px 39px;
}

.checkbox-content {
    border: 2px dotted #00f;
    background: #ff0000;
}

.normal-button {
    padding: 10px 20px;
}

.disable-buttton {
    padding: 10px;
}
/*terms and conditioncss endss for credit card plans page*/

/*last section css starts */
.last-section-textt {
    font-family: Segoe UI Regular;
    font-size: 15px;
    color: #25274d;
    opacity: 0.3;
    text-align: center;
    margin-top: 0px;
    padding-left: 20px;
    padding-right: 20px;
}

@media only screen and (max-width: 600px) {
    .mob-col {
        width: 33% !important;
    }

    .arw-mnu {
        height: 80px !important;
        padding-left: 28px !important;
        line-height: 18px !important;
        padding-top: 8px !important;
    }

    .arw-mnu1 {
        height: 80px !important;
        padding-left: 28px !important;
        line-height: 18px !important;
        padding-top: 8px !important;
    }

    .arw-tab2 {
        background-color: #4ab0e3 !important;
        color: #fff !important;
        padding-left: 30px;
        background: #4ab0e3 !important;
    }

        .arw-tab2:after {
            border-left: 20px solid #4ab0e3 !important;
        }

        .arw-tab2:before {
            border-left: 20px solid #e5e5e5;
        }

    /*.arw-tab2:after {
            border-left: 20px solid #4ab0e3 !important;
        } */

    .arw-mnu:after {
        content: "";
        position: absolute;
        height: 0;
        width: 0;
        left: 100%;
        top: 0;
        border: 40px solid transparent;
        border-left: 20px solid #fff;
    }

    .arw-mnu1:after {
        content: "";
        position: absolute;
        height: 0;
        width: 0;
        left: 100%;
        top: 0;
        border: 40px solid transparent;
        border-left: 20px solid #4AB0E3;
    }

    .arw-mnu:before {
        content: "";
        position: absolute !important;
        height: 0 !important;
        width: 0 !important;
        left: 0 !important;
        top: 0 !important;
        border: 40px solid transparent !important;
        border-left: 20px solid #e5e5e5 !important;
        transform: rotate(360deg) !important;
    }

    .arw-mnu1:before {
        content: "";
        position: absolute !important;
        height: 0 !important;
        width: 0 !important;
        left: 0 !important;
        top: 0 !important;
        border: 40px solid transparent !important;
        border-left: 20px solid #e5e5e5 !important;
        transform: rotate(360deg) !important;
    }

    .arw-tab3 {
        padding-right: 5px !important;
    }
}












/*************************************************************** Yogita'sCSS ******************************************************************/


h1 {
    font-family: 'Montserrat' !important;
    font-weight: bold !important;
    font-size: 30px !important;
}

.hero-para {
    font-family: Segoe UI;
    font-size: 20px;
    line-height: 27px;
    color: #FFFFFF;
}

.hero-content {
    color: #ffffff;
    margin-top: 15px;
    margin-left: 106px;
}

.hero-content46 {
    color: #ffffff;
    margin-top: 15px;
}

.select-home {
    font-family: 'Montserrat' !important;
    font-weight: bold !important;
    font-size: 18px !important;
    color: #25274d !important;
    line-height: 25.5px !important;
    margin-left: 10px;
    margin-top: 0px;
    height: 50px;
    text-align: left;
}

.home-icon {
    border: 1px solid #efefef !important;
    border-radius: 4px !important;
    padding: 10px;
}

.home-icon46 {
    border-radius: 4px !important;
    padding: 10px;
}
/**.box-sec {text-align: left;background-color: #ffffff; margin: 20px 0; padding:20px 25px 20px 25px;}
.list-group{margin: 0px;line-height: 22px;text-align: left;}
.square-point li{list-style-type:square;color:#002868 !important;font-size:15px;font-family: Segoe UI;margin: 20px 0px;}**/
::marker {
    color: #4bb1e4 !important;
}

.select-blue-button {
    background-color: #4bb1e4;
    color: #ffffff;
    font-family: 'Montserrat' !important;
    font-weight: bold !important;
    font-size: 15px !important;
    margin: -30px;
    width: 210px;
}

.how-it-works-head {
    font-family: 'Montserrat' !important;
    font-weight: bold !important;
    font-size: 12px !important;
    color: #4bb1e4;
    margin-top: 5px;
}

.how-it-works {
    padding-top: 10px;
}

.home-col {
    padding: 20px;
}

.how-it-works-img {
    margin: 3px 3px 0px 75px;
    float: left;
}

.yellow-background {
    background-color: #EBA81C;
    margin: 20px 0px 0px 0px !important;
    height: 94px;
    border-radius: 6px;
}

.yellow-bg p {
    color: #ffffff !important;
    font-size: 15px;
    font-family: Segoe UI;
    padding: 10px 0px;
}

.yellow-contant {
    padding-top: 13px;
}

.yellow-contant-img {
    margin: 15px 3px 0px 75px;
    float: right;
    background: rgba(253, 246, 232, 0.35);
    width: 40px;
    height: 40px;
    padding: 12px;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
}

.contact-home {
    color: #ffffff !important;
    font-size: 15px;
    font-family: Segoe UI;
    padding: 10px 0px;
}

.hero-pooint {
    font-family: Segoe UI;
    font-size: 15px !important;
    line-height: 27px;
    color: #FFFFFF;
    padding: 0% 0% 0% 8%;
    float: left;
    list-style-type: square;
}

.hero-point {
    font-family: Segoe UI;
    font-size: 15px !important;
    line-height: 27px;
    color: #FFFFFF;
    padding: 0% 0% 0% 1%;
    float: left;
    list-style-type: square;
}

.hero-pointtt {
    font-family: Segoe UI;
    font-size: 15px !important;
    line-height: 27px;
    color: #FFFFFF;
    padding: 0% 0% 0% 9%;
    float: left;
}


.regain-hero-content {
    padding-top: 50px;
    color: #ffffff;
    margin-left: -238px;
}

.how-it-works-button {
    font-family: 'Montserrat' !important;
    font-weight: bold !important;
    font-size: 12px !important;
    color: #4AB0E3;
    margin-top: 5px;
    background-color: #ffffff;
    margin-top: 130px !important;
}

.pay-arrangement-space {
    padding: 15px;
}

.Pay-arrangement {
    font-family: 'Montserrat',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 15px;
    color: #4bb1e4;
    text-align: left;
}

.Pay-arrangement-con {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 22px;
    color: #25274d;
}

.payment-arrangement-form {
    padding-left: 0px !important;
}

.pay-head {
    padding-bottom: 20px;
}

.req-callback-buttons {
    float: right;
    margin-top: -51px;
    margin-right: 38px;
}

.blue-btn {
    font-family: 'Montserrat' !important;
    font-weight: bold !important;
    font-size: 15px !important;
    color: #ffffff;
    background-color: #4bb1e4;
    float: right;
    margin-top: 0px !important;
    padding: 10px 30px;
}

.liteblue-btn {
    font-family: 'Montserrat' !important;
    font-weight: bold !important;
    font-size: 15px !important;
    color: #4bb1e4;
    background-color: #E9F5FC;
    padding: 10px 20px;
    align-items: center;
}

.blue-btn-opacity {
    font-family: 'Montserrat' !important;
    font-weight: bold !important;
    font-size: 15px !important;
    color: #ffffff;
    margin-top: 5px;
    background-color: #4AB0E3;
    opacity: 0.5;
}

.payment-bottom-content {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    color: #c0c2c7;
    padding-bottom: 50px;
}



.reinstatement-option-head {
    background-color: #002868;
    color: #ffffff;
    font-family: Segoe UI;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    height: 50px;
    border-radius: 5px;
    margin-top: 10px;
}

/*container css  starts  */
.contain {
    background-color: #ffffff;
}

.contain-11 {
    background-color: red;
}

.contain1 {
    padding: 0px !important;
}
/*container css over*/

/*col-sm-4  for all coloms first colum css starts */
.colsm {
    padding-left: 10px;
    padding-right: 5px;
    padding-bottom: 40px;
}

.conti {
    padding: 0px !important;
}

/*.first-box {
    padding: 5px;
    background-color: #e9ecef;
} */
/*
.first-box-content {
    text-align: center;
    background-color: #ffffff;
    padding: 10px;
    border-radius: 5px;
    color: #002868;
    font-weight: bold;
} */
/*
.first-box-content1 {
    font-size: 13px;
    font-family: Segoe UI regular;
}

.first-box-content2 {
    font-size: 20px;
    font-family: Segoe UI Bold;
} */

.option-but {
    text-align: center;
    border-radius: 5px;
    color: #25274d;
    font-weight: bold;
    margin: -10px 0px 10px !important;
}

.select-bg {
    width: 100%;
    border-radius: 5px;
    padding: 15px;
    background-color: #4bb1e4 !important;
    border: none;
}

.mybox2:hover {
    background-color: #9C6C0D !important;
}

/*.option-but-content {
    font-size: 15px;
    font-weight: bold;
} */

/*.mybox1 {
    width: 100%;
    border-radius: 5px;
    padding: 15px !important;
}*/

/*.mybox-bg {
    background-color: #002868 !important;
}*/

.colsm2 {
    padding-left: 10px;
}

/*.opt {
    font-weight: bold;
    font-size: 15px;
} */

.h-45 {
    padding-bottom: 28px;
    padding-top: 32px;
    top: 380px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 15px;
    /* identical to box height, or 83% */
    color: #4ab0e3;
}

/*col-sm-4  for all coloms first colum css starts */

/*.texxt-content-1 {
    color: 002868;
    font-size: 13px;
    font-weight: bold;
    margin-top: 10px;
    font-family: Segoe UI bold;
} */

/*.texxt-content-2 {
    color: #002868;
    font-family: Segoe UI regular;
    font-size: 13px;
    margin-top: 20px;
} */

/*.american1 {
    width: 712px;
    height: 289px;
    left: 364px;
    top: 848px;
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 17px;
    color: #002868;
    margin-left: 37px;
    margin-right: 37px;
    padding-top: 23px;
    margin-bottom: 35px;
}*/
/*terms and conditioncss starts */
/*.terms {
    font-family: Segoe UI;
    font-weight: bold;
    font-size: 13px;
} */

/*.button,
input,
optgroup,
select,
textarea {
    font-family: Montserrat;
    color: #ffffff;
    font-weight: bold;
    font-size: 13px;
} */

/*.option14 {
    width: 80px;
    height: 17px;
    left: 922px;
    top: 601px;
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 17px;
    color: #002868;
    opacity: 0.3;
    padding: 6px 39px 7px 39px;
}*/


.tet {
    font-family: Segoe UI;
    font-style: normal;
    line-height: 17px;
    text-align: center;
    color: #002868 !important;
    font-size: 20px !important;
    font-weight: bold !important;
    width: 60%;
    border: 1px solid #EEF1F4;
    border-radius: 10px;
}

    .tet::placeholder {
        opacity: 0.5 !important;
        font-size: 15px;
    }



.h11 {
    font-family: Montserrat;
    font-size: 30px;
    font-weight: bold;
    color: #ffff;
    margin-top: 117px;
}

.h11-1 {
    color: #4ab0e3;
    margin-top: 20px;
}

.h11-mobile {
    font-family: Montserrat;
    font-size: 30px;
    font-weight: bold;
    color: #ffff;
    margin-top: 10px;
}

.start-date {
    margin-bottom: 30px !important;
}

.table-title th {
    text-align: center;
}

td {
    text-align: center;
}

div.ex1 {
    height: 450px;
    width: 800px;
    overflow-y: scroll;
}

.button-space {
    margin-top: 20px;
}

.my-custom-scrollbar {
    position: relative;
    height: 420px;
    overflow: auto;
}

.table-wrapper-scroll-y {
    display: block;
}




.scrollbar {
    margin-left: 30px;
    float: left;
    height: 300px;
    width: 100%;
    overflow-y: scroll;
    margin-bottom: 25px;
}

.force-overflow {
    min-height: 450px;
}

#wrapper {
    text-align: center;
    width: 700px;
    margin: auto;
}

.my-custom-scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.my-custom-scrollbar::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5;
}

.my-custom-scrollbar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #4AB0E3;
}


.tableFixHead thead th {
    position: sticky;
    top: 0;
}


@media only screen and (max-width: 600px) {
    .hero-bg {
        background-image: url("../images/hero-home.svg");
        height: 250px;
        background-size: 100%;
    }

    .how-it-works {
        padding-left: 50px;
    }
}

/** @media all and (min-width: 480px) {
    .deskContent {display:block;}
    .phoneContent {display:none;}
      .list-group{height:150px !important;}
}

@media all and (max-width: 479px) {
    .deskContent {display:none;}
    .phoneContent {display:block;}
    
}**/



/**modal calendar**/



/*! normalize.css v3.0.0 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */



/* HTML5 display definitions
	 ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
    display: inline-block; /* 1 */
    vertical-align: baseline; /* 2 */
}

    /**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

    audio:not([controls]) {
        display: none;
        height: 0;
    }

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */

[hidden],
template {
    display: none;
}

/* Links
	 ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
    background: transparent;
}

    /**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

    a:active,
    a:hover {
        outline: 0;
    }

/* Text-level semantics
	 ========================================================================== */

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* Grouping content
	 ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
    overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Forms
	 ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
    color: inherit; /* 1 */
    font: inherit; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10.
 */

button {
    overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8+, and Opera
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

    /**
 * Re-set default cursor for disabled elements.
 */

    button[disabled],
    html input[disabled] {
        cursor: default;
    }

    /**
 * Remove inner padding and border in Firefox 4+.
 */

    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
    line-height: normal;
}

    /**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */


    input[type="radio"] {
        box-sizing: border-box; /* 1 */
        padding: 0; /* 2 */
    }
    /* input[type="checkbox"]{
		visibility:hidden;
	} */

    /**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
        height: auto;
    }

    /**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

    input[type="search"] {
        -webkit-appearance: textfield; /* 1 */
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box; /* 2 */
        box-sizing: content-box;
    }

        /**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

        input[type="search"]::-webkit-search-cancel-button,
        input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9.
 */

textarea {
    overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
    font-weight: bold;
}

/* Tables
	 ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}
/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
    padding: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    direction: ltr;
    /*.dow {
    border-top: 1px solid #ddd !important;
  }*/
}

.datepicker-inline {
    width: 220px;
}

.datepicker.datepicker-rtl {
    direction: rtl;
}

    .datepicker.datepicker-rtl table tr td span {
        float: right;
    }

.datepicker-dropdown {
    top: 0;
    left: 0;
}

    .datepicker-dropdown:before {
        content: '';
        display: inline-block;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ccc;
        border-top: 0;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        position: absolute;
    }

    .datepicker-dropdown:after {
        content: '';
        display: inline-block;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #ffffff;
        border-top: 0;
        position: absolute;
    }

    .datepicker-dropdown.datepicker-orient-left:before {
        left: 6px;
    }

    .datepicker-dropdown.datepicker-orient-left:after {
        left: 7px;
    }

    .datepicker-dropdown.datepicker-orient-right:before {
        right: 6px;
    }

    .datepicker-dropdown.datepicker-orient-right:after {
        right: 7px;
    }

    .datepicker-dropdown.datepicker-orient-top:before {
        top: -7px;
    }

    .datepicker-dropdown.datepicker-orient-top:after {
        top: -6px;
    }

    .datepicker-dropdown.datepicker-orient-bottom:before {
        bottom: -7px;
        border-bottom: 0;
        border-top: 7px solid #999;
    }

    .datepicker-dropdown.datepicker-orient-bottom:after {
        bottom: -6px;
        border-bottom: 0;
        border-top: 6px solid #ffffff;
    }

.datepicker > div {
    display: none;
}

.datepicker.days div.datepicker-days {
    display: block;
}

.datepicker.months div.datepicker-months {
    display: block;
}

.datepicker.years div.datepicker-years {
    display: block;
}

.datepicker table {
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.datepicker td,
.datepicker th {
    text-align: center;
    width: 20px;
    height: 40px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: none;
    font-size: 13px;
    font-weight: 700;
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
    background-color: transparent;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
    background: #eeeeee;
    cursor: pointer;
}

.datepicker table tr td.old,
.datepicker table tr td.new {
    color: #999999;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background: none;
    color: #999999;
    cursor: default;
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
    background-color: #E9F5FC;
    color: #000 !important;
}

    .datepicker table tr td.today:hover,
    .datepicker table tr td.today:hover:hover,
    .datepicker table tr td.today.disabled:hover,
    .datepicker table tr td.today.disabled:hover:hover,
    .datepicker table tr td.today:active,
    .datepicker table tr td.today:hover:active,
    .datepicker table tr td.today.disabled:active,
    .datepicker table tr td.today.disabled:hover:active,
    .datepicker table tr td.today.active,
    .datepicker table tr td.today:hover.active,
    .datepicker table tr td.today.disabled.active,
    .datepicker table tr td.today.disabled:hover.active,
    .datepicker table tr td.today.disabled,
    .datepicker table tr td.today:hover.disabled,
    .datepicker table tr td.today.disabled.disabled,
    .datepicker table tr td.today.disabled:hover.disabled,
    .datepicker table tr td.today[disabled],
    .datepicker table tr td.today:hover[disabled],
    .datepicker table tr td.today.disabled[disabled],
    .datepicker table tr td.today.disabled:hover[disabled] {
        background-color: #4AB0E3;
    }

        .datepicker table tr td.today:active,
        .datepicker table tr td.today:hover:active,
        .datepicker table tr td.today.disabled:active,
        .datepicker table tr td.today.disabled:hover:active,
        .datepicker table tr td.today.active,
        .datepicker table tr td.today:hover.active,
        .datepicker table tr td.today.disabled.active,
        .datepicker table tr td.today.disabled:hover.active {
            background-color: #fbf069 \9;
        }

        .datepicker table tr td.today:hover:hover {
            color: #000;
        }

        .datepicker table tr td.today.active:hover {
            color: #fff;
        }

.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
    background: #eeeeee;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

    .datepicker table tr td.range.today,
    .datepicker table tr td.range.today:hover,
    .datepicker table tr td.range.today.disabled,
    .datepicker table tr td.range.today.disabled:hover {
        background-color: #4AB0E3;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

        .datepicker table tr td.range.today:hover,
        .datepicker table tr td.range.today:hover:hover,
        .datepicker table tr td.range.today.disabled:hover,
        .datepicker table tr td.range.today.disabled:hover:hover,
        .datepicker table tr td.range.today:active,
        .datepicker table tr td.range.today:hover:active,
        .datepicker table tr td.range.today.disabled:active,
        .datepicker table tr td.range.today.disabled:hover:active,
        .datepicker table tr td.range.today.active,
        .datepicker table tr td.range.today:hover.active,
        .datepicker table tr td.range.today.disabled.active,
        .datepicker table tr td.range.today.disabled:hover.active,
        .datepicker table tr td.range.today.disabled,
        .datepicker table tr td.range.today:hover.disabled,
        .datepicker table tr td.range.today.disabled.disabled,
        .datepicker table tr td.range.today.disabled:hover.disabled,
        .datepicker table tr td.range.today[disabled],
        .datepicker table tr td.range.today:hover[disabled],
        .datepicker table tr td.range.today.disabled[disabled],
        .datepicker table tr td.range.today.disabled:hover[disabled] {
            background-color: #f3e97a;
        }

            .datepicker table tr td.range.today:active,
            .datepicker table tr td.range.today:hover:active,
            .datepicker table tr td.range.today.disabled:active,
            .datepicker table tr td.range.today.disabled:hover:active,
            .datepicker table tr td.range.today.active,
            .datepicker table tr td.range.today:hover.active,
            .datepicker table tr td.range.today.disabled.active,
            .datepicker table tr td.range.today.disabled:hover.active {
                background-color: #efe24b \9;
            }

.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
    background-color: #4AB0E3;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

    .datepicker table tr td.selected:hover,
    .datepicker table tr td.selected:hover:hover,
    .datepicker table tr td.selected.disabled:hover,
    .datepicker table tr td.selected.disabled:hover:hover,
    .datepicker table tr td.selected:active,
    .datepicker table tr td.selected:hover:active,
    .datepicker table tr td.selected.disabled:active,
    .datepicker table tr td.selected.disabled:hover:active,
    .datepicker table tr td.selected.active,
    .datepicker table tr td.selected:hover.active,
    .datepicker table tr td.selected.disabled.active,
    .datepicker table tr td.selected.disabled:hover.active,
    .datepicker table tr td.selected.disabled,
    .datepicker table tr td.selected:hover.disabled,
    .datepicker table tr td.selected.disabled.disabled,
    .datepicker table tr td.selected.disabled:hover.disabled,
    .datepicker table tr td.selected[disabled],
    .datepicker table tr td.selected:hover[disabled],
    .datepicker table tr td.selected.disabled[disabled],
    .datepicker table tr td.selected.disabled:hover[disabled] {
        background-color: #808080;
    }

        .datepicker table tr td.selected:active,
        .datepicker table tr td.selected:hover:active,
        .datepicker table tr td.selected.disabled:active,
        .datepicker table tr td.selected.disabled:hover:active,
        .datepicker table tr td.selected.active,
        .datepicker table tr td.selected:hover.active,
        .datepicker table tr td.selected.disabled.active,
        .datepicker table tr td.selected.disabled:hover.active {
            background-color: #666666 \9;
        }

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
    background-color: #4AB0E3;
    color: #fff !important;
}

    .datepicker table tr td.active:active,
    .datepicker table tr td.active:hover:active,
    .datepicker table tr td.active.disabled:active,
    .datepicker table tr td.active.disabled:hover:active,
    .datepicker table tr td.active.active,
    .datepicker table tr td.active:hover.active,
    .datepicker table tr td.active.disabled.active,
    .datepicker table tr td.active.disabled:hover.active {
        background-color: #003399 \9;
    }

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .datepicker table tr td span:hover {
        background: #eeeeee;
    }

    .datepicker table tr td span.disabled,
    .datepicker table tr td span.disabled:hover {
        background: none;
        color: #999999;
        cursor: default;
    }

    .datepicker table tr td span.active,
    .datepicker table tr td span.active:hover,
    .datepicker table tr td span.active.disabled,
    .datepicker table tr td span.active.disabled:hover {
        background-color: #4AB0E3;
        color: #fff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    }

        .datepicker table tr td span.active:hover,
        .datepicker table tr td span.active:hover:hover,
        .datepicker table tr td span.active.disabled:hover,
        .datepicker table tr td span.active.disabled:hover:hover,
        .datepicker table tr td span.active:active,
        .datepicker table tr td span.active:hover:active,
        .datepicker table tr td span.active.disabled:active,
        .datepicker table tr td span.active.disabled:hover:active,
        .datepicker table tr td span.active.active,
        .datepicker table tr td span.active:hover.active,
        .datepicker table tr td span.active.disabled.active,
        .datepicker table tr td span.active.disabled:hover.active,
        .datepicker table tr td span.active.disabled,
        .datepicker table tr td span.active:hover.disabled,
        .datepicker table tr td span.active.disabled.disabled,
        .datepicker table tr td span.active.disabled:hover.disabled,
        .datepicker table tr td span.active[disabled],
        .datepicker table tr td span.active:hover[disabled],
        .datepicker table tr td span.active.disabled[disabled],
        .datepicker table tr td span.active.disabled:hover[disabled] {
            background-color: #4bb1e4;
        }

            .datepicker table tr td span.active:active,
            .datepicker table tr td span.active:hover:active,
            .datepicker table tr td span.active.disabled:active,
            .datepicker table tr td span.active.disabled:hover:active,
            .datepicker table tr td span.active.active,
            .datepicker table tr td span.active:hover.active,
            .datepicker table tr td span.active.disabled.active,
            .datepicker table tr td span.active.disabled:hover.active {
                background-color: #003399 \9;
            }

    .datepicker table tr td span.old,
    .datepicker table tr td span.new {
        color: #999999;
    }

.datepicker th.datepicker-switch {
    width: 145px;
}

.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
    cursor: pointer;
    color: #4AB0E3;
}

    .datepicker thead tr:first-child th:hover,
    .datepicker tfoot tr th:hover {
        background: #eeeeee;
    }

.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle;
}

.datepicker thead tr:first-child th.cw {
    cursor: default;
    background-color: transparent;
}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
    cursor: pointer;
    width: 16px;
    height: 16px;
}

.input-daterange input {
    text-align: center;
}

    .input-daterange input:first-child {
        -webkit-border-radius: 3px 0 0 3px;
        -moz-border-radius: 3px 0 0 3px;
        border-radius: 3px 0 0 3px;
    }

    .input-daterange input:last-child {
        -webkit-border-radius: 0 3px 3px 0;
        -moz-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0;
    }

.input-daterange .add-on {
    display: inline-block;
    width: auto;
    min-width: 16px;
    height: 20px;
    padding: 4px 5px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    text-shadow: 0 1px 0 #ffffff;
    vertical-align: middle;
    background-color: #eeeeee;
    border: 1px solid #ccc;
    margin-left: -5px;
    margin-right: -5px;
}

. .datepicker.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    color: #333333;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 20px;
}

.datepicker.dropdown-menu th,
.datepicker.datepicker-inline th,
.datepicker.dropdown-menu td,
.datepicker.datepicker-inline td {
    padding: 4px 5px;
}

.datepicker .dow {
    border-bottom: 1px solid #e7e7e7;
    color: #9b8079;
    font-size: 13px;
}

.datepicker-months .prev,
.datapicker-months .next,
.datepicker-years .prev,
.datepicker-years .next {
    width: 58px;
}

.datepicker-days tbody td:nth-child(6),
.datepicker-days tbody td:nth-child(7) {
    color: #D44;
}


/* app */
.charset {
    box-shadow: 1px 1px 10px #000;
}

.app {
    width: 424px; /* height: 580px;
	margin: 100px auto;*/
}

    .app:after {
        content: "";
        display: table;
        clear: both;
    }

.app__side {
    background: #333;
    width: 35%;
    height: 100%;
    padding: 40px;
    float: left;
    color: #4AB0E3;
}
/* .app__main {
		background: #fbf9fa;
		width: 65%; height: 100%;
		float: left;
		padding: 40px;
	}*/



/* b-calendar 
.calendar {
	padding: 60px;
} */
.calendar .datepicker {
    width: 100%;
}

    .calendar .datepicker table {
        width: 100%;
    }


.pop-bg {
    background-image: url("../images/pop-up-bg.svg");
    height: 100%;
    background-size: 100%; /* Choose a different start date */
    font-family: Arial;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 160.62%;
    /* identical to box height, or 24px */
    text-align: center;
    color: #FFFFFF;
}

.problem-solver-closebutton {
    position: absolute;
    right: 11px;
    opacity: inherit;
    font-size: 22px;
    font-weight: 100;
    background: border-box;
    z-index: 1;
    border: 2px solid white;
    border-radius: 50%;
    color: white;
    height: 25.71px;
    top: 20px;
}

.blue_bg_regain {
    background-image: url("../images/bgblue.png");
    width: 100%;
    min-height: 200px !important;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: -40px !important;
    z-index: -1;
}

.jerome-regain {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 37px;
    /* identical to box height */
    color: #FFFFFF !important;
    padding: 90px 0px 0px 30px;
}

.diff-start-date {
    margin-bottom: 30px !important;
}

.box-hd {
    text-align: left;
}

    .box-hd h3 {
        font-weight: 600;
        font-size: 34px;
    }

.box-sec-home {
    background-color: #ffffff;
    margin: 40px 0;
    border-radius: 5px;
}

    .box-sec-home h4 {
        font-weight: 700;
    }

.smallimg {
    width: 70px !important;
}

.fa {
    color: #000000;
}

.box-sec-home p {
    padding: 30px;
}

.home-plans { /* Lower monthly payment and interest rates */
    font-family: 'Segoe UI',sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 22px;
    color: #25274d;
    padding-top: 20px;
    padding-left: 30px !important;
    margin-bottom: 0px !important;
    height: 200px;
}

.home-plans-list {
    padding-bottom: 20px;
}

.home-plans-title {
    display: -webkit-inline-box;
}

.select-col {
    text-align: center !important;
}

.how-it-works-space {
    padding-top: 10px;
}

.contact-home {
    color: #ffffff !important;
    font-size: 15px;
    font-family: Segoe UI;
    padding-top: 10px;
}

.row-flex {
    display: flex;
    flex-wrap: wrap;
    padding-top: 40px;
}

.row-select {
    float: right;
    position: inherit;
    /*left: 0;
    width: 489px;*/
}

.content-home-section {
    height: 100%;
    padding: 20px 20px 10px;
    color: #25274d;
}


/* Demo backgrounds and styling*/

.colour-1 {
    background: #ffffff;
    border-radius: 5px;
}

.colour-2 {
    background: #ffffff;
    border-radius: 5px;
}

.colour-3 {
    background: #ffffff;
    border-radius: 5px;
}

.colour-4 {
    background: #ffffff;
    border-radius: 5px;
}

@media only screen and (max-width: 1349px) {
    .contact-home {
        padding: 0px !important;
    }
}



.hero-bg46 {
    background-image: url("../images/hero-home.svg");
    height: 212PX;
    margin-top: -20px;
}

.hero-bg {
    background-image: url("../images/hero-home.svg");
    height: 212PX;
    margin-top: -20px;
}

.other-option-col {
    padding-top: 40px;
}

.color-5 {
    background-color: #4AB0E3;
    color: White;
}

.select-home-other-option {
    padding-top: 13px;
    color: #ffffff !important;
}

.select-home-other-option1 {
    padding-top: 12px;
    color: #25274d !important;
}

.content-other {
    padding: 10px 20px 10px;
}

.cont-opacity {
    background-color: white;
    opacity: 0.6;
}

.row-flex-other-options {
    display: flex;
    flex-wrap: wrap;
}

.pay-arrangement-para {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 22px;
    color: #FFFFFF;
}

.accept-mail-title {
    font-family: Montserrat !important;
    font-style: normal;
    font-weight: bold;
    font-size: 30px !important;
    line-height: 37px;
    color: #FFFFFF !important;
    padding: 45px 0px 0px 85px;
}

.call-back-title {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 10px;
    color: #002868;
    padding-left: 20px;
}

.call-back-bg {
    background-color: #ffffff;
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 30px;
}

.call-back-content {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 20px;
    color: #4AB0E3;
    padding-left: 20px;
}

.call-back-title-space {
    margin-top: 30px;
}

.call-back-content1 {
    font-family: Segoe UI;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    padding-left: 20px;
    color: #002868;
}

.call-back-content2 {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 20px;
    color: #4AB0E3;
}

.call-back-from-nci-popup-content {
    font-family: Segoe UI;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    color: #002868;
    margin-left: 25px;
}

.call-back-pop-up {
    width: 640px !important;
}

/*label {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 17px;
    color: #25274d;
}*/

.color-text-42 {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 17px;
    color: #25274d;
}

.call-back-title1 {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 20px;
    color: #002868;
}

.call-back-from-nci-popup-content3 {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 17px;
    color: #002868;
}

.call-back-title-rem {
    font-family: 'Segoe UI',sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 17px;
    color: #25274d;
}

.pro-solver-title {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 20px;
    color: #4AB0E3;
}

.pro-solver-title1 {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 20px;
    color: #002868;
    margin-top: 40px;
}

.Pay-arrangement-content {
    font-family: Segoe UI;
    font-style: normal;
    font-size: 15px;
    line-height: 20px;
    color: #25274d;
    margin: 0px 0px 30px 0px;
}



/**three arrow css**/


.btn-arrow-right,
.btn-arrow-left {
    position: relative;
    padding-left: 28px;
    padding-right: 28px;
}

.btn-arrow-right {
    padding-left: 40px;
}



    .btn-arrow-right:before,
    .btn-arrow-right:after,
    .btn-arrow-left:before,
    .btn-arrow-left:after {
        /* make two squares (before and after), looking similar to the button */
        content: "";
        position: absolute;
        top: 7px;
        /* move it down because of rounded corners */
        width: 40px;
        /* same as height */
        height: 40px;
        /* button_outer_height / sqrt(2) */
        background: inherit;
        /* use parent background */
        border: inherit;
        /* use parent border */
        border-left-color: transparent;
        /* hide left border */
        border-bottom-color: transparent;
        /* hide bottom border */
        border-radius: 0px 4px 0px 0px;
        /* round arrow corner, the shorthand property doesn't accept "inherit" so it is set to 4px */
        -webkit-border-radius: 0px 4px 0px 0px;
        -moz-border-radius: 0px 4px 0px 0px;
    }

    .btn-arrow-right:before,
    .btn-arrow-right:after {
        transform: rotate(45deg);
        /* rotate right arrow squares 45 deg to point right */
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
    }

.btn-arrow-left:before,
.btn-arrow-left:after {
    transform: rotate(225deg);
    /* rotate left arrow squares 225 deg to point left */
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
}

.btn-arrow-right:before,
.btn-arrow-left:before {
    /* align the "before" square to the left */
    left: -21px;
}

.btn-arrow-right:after,
.btn-arrow-left:after {
    /* align the "after" square to the right */
    right: -20px;
}

.btn-arrow-right:after,
.btn-arrow-left:before {
    /* bring arrow pointers to front */
    z-index: 2;
}

.btn-arrow-right:before,
.btn-arrow-left:after {
    /* hide arrow tails background */
    background-color: white;
}

.btn-arrow-right:before, .btn-arrow-left:after {
    background-color: #E5E5E5;
}
/**************************button one*****************************/
.btn101,
.btn101 {
    position: relative;
    padding-left: 28px;
    padding-right: 28px;
}

.btn101 {
    padding-left: 50px !important;
}



    .btn101:before,
    .btn101:after,
    .btn101:before,
    .btn101:after {
        /* make two squares (before and after), looking similar to the button */
        content: "";
        position: absolute;
        top: 7px;
        /* move it down because of rounded corners */
        width: 40px;
        /* same as height */
        height: 40px;
        /* button_outer_height / sqrt(2) */
        background: inherit;
        /* use parent background */
        border: inherit;
        /* use parent border */
        border-left-color: transparent;
        /* hide left border */
        border-bottom-color: transparent;
        /* hide bottom border */
        border-radius: 0px 4px 0px 0px;
        /* round arrow corner, the shorthand property doesn't accept "inherit" so it is set to 4px */
        -webkit-border-radius: 0px 4px 0px 0px;
        -moz-border-radius: 0px 4px 0px 0px;
    }

    .btn101:before,
    .btn101:after {
        transform: rotate(45deg);
        /* rotate right arrow squares 45 deg to point right */
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
    }

    .btn101:before,
    .btn101:after {
        transform: rotate(225deg);
        /* rotate left arrow squares 225 deg to point left */
        -webkit-transform: rotate(225deg);
        -moz-transform: rotate(225deg);
        -o-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
    }

    .btn101:before,
    .btn101:before {
        /* align the "before" square to the left */
        left: 6px;
    }

    .btn101:after,
    .btn101:after {
        /* align the "after" square to the right */
        right: -20px;
    }





    .btn101:after,
    .btn101:before {
        /* bring arrow pointers to front */
        z-index: 1;
    }

/**************************button three*****************************/
.btn103,
.btn103 {
    position: relative;
    padding-left: 28px;
    padding-right: 28px;
}

.btn103 {
    padding-left: 40px;
}



    .btn103:before,
    .btn103:after,
    .btn103:before,
    .btn103:after {
        /* make two squares (before and after), looking similar to the button */
        content: "";
        position: absolute;
        top: 7px;
        /* move it down because of rounded corners */
        width: 40px;
        /* same as height */
        height: 40px;
        /* button_outer_height / sqrt(2) */
        background: inherit;
        /* use parent background */
        border: inherit;
        /* use parent border */
        border-left-color: transparent;
        /* hide left border */
        border-bottom-color: transparent;
        /* hide bottom border */
        border-radius: 0px 4px 0px 0px;
        /* round arrow corner, the shorthand property doesn't accept "inherit" so it is set to 4px */
        -webkit-border-radius: 0px 4px 0px 0px;
        -moz-border-radius: 0px 4px 0px 0px;
    }

    .btn103:before,
    .btn103:after {
        transform: rotate(45deg);
        /* rotate right arrow squares 45 deg to point right */
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
    }

    .btn103:before,
    .btn103:after {
        transform: rotate(225deg);
        /* rotate left arrow squares 225 deg to point left */
        -webkit-transform: rotate(225deg);
        -moz-transform: rotate(225deg);
        -o-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
    }

    .btn103:before,
    .btn103:before {
        /* align the "before" square to the left */
        left: -21px;
    }

    .btn103:after,
    .btn103:after {
        /* align the "after" square to the right */
        right: -47px;
    }

    .btn103:before, .btn103:after {
        background-color: #E9ECEF;
    }

    .btn103:before,
    .btn103:after {
        /* hide arrow tails background */
        background-color: #E5E5E5;
    }

    .btn103:after,
    .btn103:before {
        /* bring arrow pointers to front */
        z-index: 1;
    }

button.popup-close {
    position: absolute;
    margin-left: 180px;
    cursor: pointer;
    background: 0 0;
    border: 2px solid white;
    border-radius: 20px;
    color: white;
    opacity: 1;
    transform: rotate(0deg);
    appearance: none;
    font-weight: 400;
    font-size: 21px;
}

.con-shadow {
    background: #FFFFFF;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}

.con-shadow-yellow {
    background: #EBA81C;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}

.checkbox-inline, .radio-inline {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 17px;
    color: #25274d;
    padding-bottom: 30px;
}

.modal-design-set {
    width: fit-content !important;
    margin: 70px auto !important;
}

.white-big-btn {
    font-family: Montserrat;
    ;
    font-weight: bold !important;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    color: #4AB0E3;
    background: #FFFFFF;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    margin-bottom: 30px !important;
}

.uploaddrive {
    width: 97%;
    height: 100%;
    font-size: 13px;
    padding: 6px !important;
}

.blue-back-arrow {
    margin-right: 10px;
}

.blue_bg_single-line {
    background-image: url("../images/bgblue.png");
    width: 100%;
    min-height: 200px !important;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: -40px !important;
    z-index: -1;
}

.balance-icon {
    margin-top: 5px;
    margin-right: 10px;
    padding: 10px;
    border: 1px solid #E9ECEF;
    border-radius: 5px;
}

.balance-btn {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: #4AB0E3;
    margin-top: 90px !important;
    background-color: white;
}

.balance-total {
    display: block;
    font-weight: bold !important;
    margin-left: 20px;
    margin-top: -10px;
}

.back-btn {
    background-color: #ffffff;
    color: #4AB0E3;
    font-family: Montserrat;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: center;
}

.other-opt-pad {
    padding-top: 20px !important;
}

.btn-lg {
    border: none;
    padding: 15px !important;
}

.back-arrow {
    margin-right: 10px;
}

.blue-question-mark {
    background-color: #4BB0E4;
    width: 15px;
    height: 15px;
    border-radius: 10px;
    margin-top: -20px;
}

@media only screen and (max-width: 749px) {
    .container {
        width: 100% !important;
    }

    .hh {
        display: none;
    }

    .hh1 {
        display: block !important;
    }

    .blue_bg_regain {
        height: 400px !important;
    }

    .button-sec-hero {
        margin-top: 20px !important;
    }

    .contact-home {
        padding: 0px !important;
    }

    .payment-bottom-content {
        padding: 0px 20px 50px 20px;
    }

    .yellow-background {
        height: 115px;
    }

    .Pay-arrangement-content {
        margin-top: 30px;
    }

    .container-padding {
        padding: 0px 20px;
    }

    .app {
        width: 314px;
    }

    button.popup-close {
        margin-left: 135px;
    }

    .modal-design-set {
        padding: 0pc 20px;
    }

    .blue_bg_single-line {
        height: 200px !important;
    }

    .Pay-arrangement {
        line-height: 25px;
        margin-left: -15px;
    }

    .jerome-regain {
        padding: 60px 0px 0px 0px;
    }

    .pay-arrangement-para {
        padding-left: 0px;
    }

    .accept-mail-title {
        padding: 45px 0px 0px 0px;
    }

    .hero-point {
        margin-left: 0px;
    }

    .Pay-arrangement-content {
        margin-top: -10px;
        margin-left: -15px;
    }

    .li-space {
        display: none;
    }

    .home-icon-mob {
        margin: 10px 0px 0px;
        margin-left: 20px;
    }
}

@media only screen and (max-width: 1200px) {
    .btn-arrow-space {
        margin-right: 0px !important;
        margin-left: 0px !important;
        letter-spacing: 1px;
    }

    .btn-one {
        height: 53px !important;
        width: 30% !important;
        font-size: 13px !important;
        padding-left: 20px !important;
        line-height: 15px !important;
        white-space: normal !important;
    }


    .btn-two {
        height: 53px !important;
        width: 30% !important;
        font-size: 13px !important;
        padding-left: 30px !important;
        line-height: 15px !important;
        white-space: normal !important;
    }

    .btn-three {
        height: 53px !important;
        width: 30% !important;
        font-size: 13px !important;
        padding-left: 30px !important;
        line-height: 15px !important;
        white-space: normal !important;
    }

    .btn101:before {
        display: none !important;
    }

    .btn101:before, .btn101:after, .btn101:before, .btn101:after {
        height: 36px;
    }

    .btn101:after, .btn101:after {
        right: -19px;
    }

    .btn-two:before, .btn-two:after, .btn-two:before, .btn-two:after {
        height: 36px;
    }

    .btn-two:after, .btn-two:after {
        right: -19px;
    }
}

.regain-rein {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 37px;
    /* identical to box height */
    color: #FFFFFF !important;
    padding: 45px 0px 0px 87px;
}

.Pay-arrangement-bg {
    background-color: #ffffff;
    margin-top: 0px;
    background: #FFFFFF;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    height: auto;
    padding: 30px;
}



.back-btn {
    border: none;
    padding: 15px !important;
    margin: 50px 0px;
}

/* **************************************************** ************************************************************* */
.acc-mail-content {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 17px;
    color: #002868;
    padding-bottom: 20px;
}

.li-space {
    margin-left: 20px;
}

.accept-mail-a41-para {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: rgba(0, 40, 104, 0.5);
    margin-top: 5px;
}

.a41-label-space {
    margin-top: 10px;
}

.a41-label-space-01 {
    padding-bottom: 20px;
}

.accpet-mail-bg {
    background-color: #ffffff;
    margin-bottom: 20px;
    padding-bottom: 20px;
    background: #FFFFFF;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}

.accpet-mail-bg-01 {
    background-color: #ffffff;
    margin-bottom: 50px;
    padding-bottom: 20px;
    background: #FFFFFF;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}

.accept-mail-space {
    padding: 20px 20px 0px 20px;
}

.acc-mail-content1 {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 17px;
    color: #002868;
}

.accpet-mail-bg-02 {
    background-color: #ffffff;
    margin-bottom: 20px;
    background: #FFFFFF;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}

.active-tab {
    background: #4ab0e3 !important;
    color: #fff !important;
    padding-left: 30px;
}

    .active-tab:after {
        border-left: 20px solid #4ab0e3 !important;
    }

.descriptive-input {
    font-family: Segoe UI;
    font-style: normal;
    font-size: 14px;
    line-height: 30px;
    color: rgba(0, 40, 104, 0.7);
    font-weight: bold;
}


.pay-head-new {
    font-family: Segoe UI;
    padding-top: 20px;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 20px;
    color: #4bb1e4;
}

.pay-head-new01 {
    font-family: 'Montserrat',sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 15px;
    /* identical to box height, or 83% */
    text-align: center;
    color: #4bb1e4;
}

.para-pay-new {
    font-family: 'Segoe UI',sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 17px;
    text-align: left;
    padding: 0px 0px 40px 0px;
    color: #25274d;
}

.pay-head-new1 {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 20px;
    color: #4AB0E3;
}

.para-pay-new1 {
    font-family: Segoe UI;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: left;
    color: #25274d;
}

.para-pay-new2 {
    font-family: Segoe UI;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: left;
    padding: 20px 0px;
    color: #25274d;
}

.pay-head-new2 {
    font-family: Segoe UI;
    padding-top: 20px;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 20px;
    color: #4AB0E3;
    padding: 0px 0px 40px 0px;
}

.pay-new-btn {
    margin-bottom: 40px;
}

.no-payment-bg-space {
    margin-top: 50px;
}

.no-payment-padding {
    padding: 80px 30px;
}

.back-btn1 {
    background-color: #ffffff;
    color: #4bb1e4;
    font-family: Montserrat;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: center;
    border: none;
    padding: 15px !important;
    margin: 20px 0px;
}

.para-pay-new-no-payment {
    font-family: Segoe UI;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: left;
    padding: 0px 40px;
}

.ppara-pay-new-no-payment01 {
    font-family: 'Segoe UI',sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 17px;
    text-align: center;
    color: #25274d;
}
/* **************************************************** Yogita's CSS Closed ************************************************************* */









/* ----------------------------------------------------------- header --------------------------------------------------- */
.btn-arrow-space {
    pointer-events: none;
}

/* **************************************************** SANJUKTA's Start ************************************************************* */
/* -----------------------------------------------------------NCI-LOGIN---------------------------------------------------------- */

.login_header {
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    height: 54.15px;
}

    .login_header a {
        color: #002868 !important;
    }

.logo_login {
    text-align: center;
}

.login_menus {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    margin: 15px 0px 0px 0px;
    color: #002868;
}

.login_menu3 {
    margin: 0px 0px 0px -100px;
}

.login_menu4 {
    margin: 0px 0px 0px -35px;
}

.login_menu5 {
    margin: 0px 0px 0px -60px;
}

.lhs_whitebg {
    background-color: #ffffff;
}

.rhs_bg {
    background-image: url("../images/img.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100%;
}

.content1 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 25px;
    line-height: 151.99%;
    text-align: center;
    color: #002868;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    padding: 60px 0px 30px 0px;
}

.card_login {
    width: 505px;
    height: 426px;
    background-color: #002868;
    border-radius: 10px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.login_pay {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 160.62%;
    /* identical to box height, or 29px */
    text-align: center;
    color: #FFFFFF;
}

.form_mob {
    Width: 467px;
    Height: 66px;
    background: #FFFFFF;
    border: 1px solid #EEF1F4;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    text-align: center;
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;
    color: #002868;
}

    .form_mob::placeholder {
        opacity: 0.5 !important;
        font-size: 15px;
    }

#myInput::-webkit-input-placeholder {
    width: 28.01px;
    height: 28.01px;
    background-image: url("../images/placeholdermob.svg");
    background-repeat: no-repeat;
    margin: 0px 0px 0px 50px;
    background-position: 20% 50%;
}

.form_btn01 {
    width: 467px;
    height: 79px;
    background: #4BB0E4;
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 151.99%;
    /* or 18px */
    color: rgba(255, 255, 255, 0.5);
    border: none;
}

.form_btn02 {
    width: 467px;
    height: 80px;
    background: #4BB0E4;
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 151.99%;
    /* or 18px */
    color: rgba(255, 255, 255, 0.5);
    border: none;
}

.content2 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
}

.content3 {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    /* line-height: 20px; */
    text-align: center;
    color: #FFFFFF;
}

.content4 {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 151.99%;
    text-align: center;
    color: rgba(255, 255, 255, 0.3);
}

.content6 {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    color: rgba(21, 67, 90, 0.3);
    padding: 0px 0px 0px 25px;
}

.content7 {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    color: rgba(21, 67, 90, 0.3);
    padding: 0px 0px 0px 25px;
}

.thumbnail1 {
    width: 73.68px;
    height: 75.5px;
}

.thumbnail2 {
    width: 81.87px;
    height: 73.68px;
}

.thumbnail3 {
    width: 100px;
    height: 45px;
    margin: 0px 0px 0px -15px;
}

.thumbnail4 {
    width: 108.25px;
    height: 43.66px;
    padding: 20px 0px 0px 10px;
}

.thumbnail5 {
    width: 106.05px;
    height: 98.82px;
}

.textstyle {
    font-family: Segoe UI;
    font-style: normal;
    font-size: 20px;
    line-height: 175.9%;
    /* or 35px */
    color: #FFFFFF;
}

.icon_nci {
    width: 28.01px;
    height: 28.01px;
    margin: -2px 0px 0px -85px;
}

.yellow-bg {
    background-color: #EBA81C;
    width: 110%;
    height: 94px;
    border-radius: 6px;
    margin-top: 50px;
    padding: 33px 0px 0px 0px;
}

    .yellow-bg p {
        font-family: Segoe UI;
        font-style: normal;
        font-weight: normal;
        font-size: 17px;
        /* line-height: 151.99%; */
        /* identical to box height, or 26px */
        color: #FFFFFF;
    }
/* .yellow-cont{padding-top:0px;} */
.yellow-cont-img {
    margin: -5px 0px 0px 0px;
    background: rgba(253, 246, 232, 0.35);
    width: 40px;
    height: 40px;
    padding: 12px;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
}

.yellow-bg02 {
    background-color: #EBA81C;
    width: 100%;
    height: 134px;
    border-radius: 6px;
    padding: 20px 0px 0px 20px;
}

.communication {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 151.99%;
    /* identical to box height, or 26px */
    display: flex;
    align-items: center;
    color: #FFFFFF;
}

.learn-more {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 151.99%;
    /* identical to box height, or 23px */
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: #FFFFFF !important;
}

.alart {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 151.99%;
    /* or 30px */
    color: #FFFFFF;
}

.hide {
    text-decoration: none;
}

.bullet-text {
    padding: 0px 0px 0px 45px;
}

.bullet-content {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    /* identical to box height, or 32px */
    color: #FFFFFF;
}

.arrow_svg {
    Width: 8.25px;
    Height: 10.5px;
    margin: 0px 0px 0px -8px;
}

.bullet_icon {
    height: 24px;
    width: 24px;
}
/* login-new*/

.corona_msg {
    margin: 0px !important;
    padding: 0px !important;
}

.policies {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 180.99%;
    /* or 24px */
    text-align: center;
    color: #4BB0E4;
    padding: 0PX 0PX 0PX 50PX;
}

    .policies a {
        color: #4BB0E4 !important;
    }


/* Slideshow container */

.slideshow-container {
    position: relative;
    width: 115%;
    height: 205px;
    background: rgba(255, 255, 255, 0.41);
    backdrop-filter: blur(40px);
    /* Note: backdrop-filter has minimal browser support */
    border-radius: 13px;
    text-align: center !important;
}

/* Slides */
.mySlides {
    display: none;
    text-align: center;
}


/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
    background-color: rgba(0,0,0,0.8);
    color: white;
}

/* The dott/bullet/indicator container */
.dott-container {
    text-align: center;
    padding: 10px;
}

/* The dotts/bullets/indicators */
.dott {
    cursor: pointer;
    width: 9px;
    height: 9px;
    margin: 0 2px;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
    background: rgba(255, 255, 255, 0.3);
}

    /* Add a background color to the active dott/circle */
    .active, .dott:hover {
        background-color: #ffffff;
    }

/* Add an italic font style to all quotes */
q {
    font-style: italic;
}

/* Add a blue color to the author */
.author {
    color: cornflowerblue;
}

.slide_text1 {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 27px;
    display: flex;
    align-items: center !important;
    text-align: center;
    color: #FFFFFF;
    padding: 25px 30px 0px 30px;
}

.slide_text2 {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    /* identical to box height */
    align-items: center !important;
    text-align: center !important;
    color: #FFFFFF;
}

.slide_text3 {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    /* identical to box height */
    align-items: center;
    text-align: center;
    color: #FFFFFF;
}

/* login-new*/

/* -----------------------------------------------------------NCI-ATTORNEY---------------------------------------------------------- */


.jerome {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 37px;
    /* identical to box height */
    color: #FFFFFF;
    padding: 3% 0% 0% 8%;
}

.content1_attonery {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 27px;
    color: #FFFFFF;
    padding: 0% 0% 0% 8%;
}

.card_attorney {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    background: #FFFFFF;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    padding: 25px;
}

.card_content {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 15px;
    /* identical to box height, or 83% */
    color: #4AB0E3;
}

.content2_attonery {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;
    /* or 133% */
    text-align: center;
    color: rgba(0, 40, 104, 0.3);
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}

.feildtext {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 160.62%;
    /* identical to box height, or 21px */
    color: #4bb1e4;
}

.commentbox {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    /* identical to box height */
    text-align: right;
    color: #002868;
    opacity: 0.3;
}
/*.form-group{
	font-family: Segoe UI;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 17px;
    color: #002868;
}*/


.btn_cancel {
    width: 118px;
    height: 41px;
    background: #EAF5FA;
    border: 1px solid #E9F5FC;
    box-sizing: border-box;
    border-radius: 5px;
    font-family: Arial;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 160.62%;
    /* identical to box height, or 24px */
    text-align: center;
    color: #4BB0E4;
}

.btn_success {
    width: 118px;
    height: 41px;
    background: #4BB0E4;
    border-radius: 5px;
    font-family: Arial;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 160.62%;
    /* identical to box height, or 24px */
    text-align: center;
    color: #FFFFFF;
    border: none;
}
/* -----------------------------------------------------------NCI-CONTACT-INFO----------------------------------------- */


.blue_bg_ss {
    background-image: url("../images/bgblue.png");
    width: 100%;
    min-height: 200px;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: -40px;
    z-index: -1;
}

.content1_contactinfo {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 27px;
    color: #FFFFFF;
    padding: 0% 0% 0% 8%;
}

.card_contact_Info {
    margin-left: auto;
    margin-right: auto;
    width: 93%;
    background: #FFFFFF;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    padding: 30px;
}

.card_content1 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 15px;
    /* identical to box height, or 83% */
    color: #4AB0E3;
}

.content_last {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;
    /* or 133% */
    text-align: center;
    color: #c0c2c7;
    margin-left: auto;
    margin-right: auto;
    width: 77%;
}

/*.feildtext {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 160.62%;
    /* identical to box height, or 21px 
    color : #4BB0E4;
} */

/*.commentbox {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    /* identical to box height 
    text-align: right;
    color: #002868;
    opacity: 0.3;
} */
/*.form-group{
	font-family: Segoe UI;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 17px;
    color: #002868;
}*/


.btn_cancel2 {
    width: 118px;
    height: 41px;
    background: #EAF5FA;
    border: 1px solid #E9F5FC;
    box-sizing: border-box;
    border-radius: 5px;
    font-family: Arial;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 160.62%;
    /* identical to box height, or 24px */
    text-align: center;
    color: #4BB0E4;
}

.btn_update {
    width: 118px;
    height: 41px;
    background: #4BB0E4;
    border-radius: 5px;
    font-family: Arial;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 160.62%;
    /* identical to box height, or 24px */
    text-align: center;
    color: #FFFFFF;
    border: none;
    padding: 9px 0px 0px 0px;
}

.descriptive {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 160.62%;
    /* or 19px */
    color: rgba(0, 40, 104, 0.7);
}

.accept {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 17px;
    padding: 0px 0px 0px 10px;
    color: #002868;
}

.acceptbox {
    width: 15px;
    height: 15px;
    border: 2px solid #4BB0E4;
    box-sizing: border-box;
    border-radius: 2.5px;
}

/* -----------------------------------------------------------POPUP---------------------------------------------------------- */


.box {
    width: 40%;
    margin: 0 auto;
    background: rgba(255,255,255,0.2);
    padding: 35px;
    border: 2px solid #fff;
    border-radius: 20px/50px;
    background-clip: padding-box;
    text-align: center;
}

.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.66);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
}

    .overlay:target {
        visibility: visible;
        opacity: 1;
    }

.popup001 {
    margin-top: 11%;
    background: #fff;
    position: relative;
    /* transition: all 5s ease-in-out; */
    margin-left: auto;
    margin-right: auto;
    width: 51%;
    height: 52%;
    text-align: center;
}

    .popup001 .close {
        position: absolute;
        top: 20px;
        right: 30px;
        opacity: inherit;
        font-size: 30px;
        font-weight: 100;
        color: #ffffff;
        z-index: 1;
        border: 2px solid white;
        border-radius: 50%;
        width: 34.71px;
        height: 34.71px;
    }
/* .popup .content {
  max-height: 30%;
  overflow: auto;
} */
@media screen and (max-width: 700px) {
    .box {
        width: 90%;
    }

    .popup001 {
        width: 90%;
        height: 70%;
    }
}

.pop_btn1 {
    width: 230px;
    height: 41px;
    background: #EAF5FA;
    border: 1px solid #E9F5FC;
    box-sizing: border-box;
    border-radius: 5px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 160.62%;
    /* identical to box height, or 24px */
    text-align: center;
    color: #4BB0E4;
}

.pop_btn2 {
    width: 230px;
    height: 41px;
    background: #4BB0E4;
    border-radius: 5px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 160.62%;
    /* identical to box height, or 24px */
    text-align: center;
    color: #FFFFFF;
    border: 1px solid #4BB0E4;
}

.popup_bg {
    background-image: url(../images/popup_heroimg.png);
    width: 95.8%;
    min-height: 88px;
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: 15px;
}

.herobg_text {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 25px;
    line-height: 25px;
    /* identical to box height, or 102% */
    text-align: center;
    padding: 25px 0px 0px 0px;
    color: #FFFFFF;
}

.pop_cont1 {
    font-family: Segoe UI;
    font-style: normal;
    font-size: 18px;
    line-height: 22px;
    /* or 122% */
    text-align: center;
    color: #002868;
}

.pop_cont2 {
    font-family: Segoe UI;
    font-style: normal;
    font-size: 15px;
    line-height: 18px;
    /* or 122% */
    text-align: center;
    padding: 14px 51px 20px 51px;
    color: #002868;
}

/* -----------------------------------------------------------33-EZ Payment----------------------------------------- */

/*.blue_bg_ssez {
    background-image: url("../images/bgblue.png");
    width: 100%;
    min-height: 200px;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
    padding: 25px 0px 0px 40px;
}*/

.ez_pay_bg {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 37px;
    color: #FFFFFF;
}

.ezz_text {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 27px;
    /* identical to box height */
    color: #FFFFFF;
}

.card_ezpay {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    padding: 50px;
}


.rectangle_ezpay {
    width: 200px;
    height: 51px;
    background: #E9ECEF;
    border-radius: 10px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    /* identical to box height, or 142% */
    color: #002868;
    text-align: center;
    padding: 6% 0;
}

.rectangle_ezpay_no {
    width: 200px;
    height: 51px;
    background: #E9ECEF;
    border-radius: 10px;
    font-family: Montserrat !;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    /* identical to box height, or 142% */
    color: #4AB0E3;
    text-align: center;
    padding: 6% 0;
}

.necessary {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 20px;
    /* identical to box height */
    text-transform: uppercase;
    color: #002868;
}

.necessary_box {
    width: 100%;
    height: 50% !important;
    margin-left: auto;
    margin-right: auto;
    background: linear-gradient(180deg, #E9ECEF 0%, rgba(233, 236, 239, 0) 100%);
    border: 1px solid #E9ECEF;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 20px;
}

.amount_title {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 20px;
    /* identical to box height */
    text-align: left;
    color: #002868;
}

.amount_no {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 20px;
    /* identical to box height */
    text-align: right;
    color: #002868;
}

.ezpayment_img {
    width: 100%;
    height: 100%;
}

.capcha_ezpay {
    width: 100%;
    height: 100%;
}

.nbox_text {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 17px;
    color: #25274d;
}

.nbox_no {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;
    /* identical to box height */
    color: #002868;
    margin-top: -8px;
}

.form_nbox_text {
    height: 39px;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #EEF1F4;
    border-radius: 6px;
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;
    /* identical to box height */
    color: #002868;
    opacity: 0.3;
}

.more_payments {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    width: 189px;
    height: 42px;
    color: #FFFFFF;
    background: #4AB0E3;
    border: 1px solid #4AB0E3;
    box-sizing: border-box;
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
}

.radio_options {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 17px;
    color: #002868;
}

.radio_text {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 17px;
    color: #25274d;
    margin-left: -3px;
}

.btn_Non_Action {
    width: 80px;
    height: 41px;
    
    /*<CHANGES START><Web accessibility audit-24><RITESH>*/
    /*border: 2px solid #4bb1e4;
    color: #4bb1e4;*/

    border: 2px solid #1B7CAC;
    color: #1B7CAC;
    /*<CHANGES END><Web accessibility audit-24><RITESH>*/
    
    background: #fff;
    border-radius: 5px;
    font-style: normal;
    font-family: Montserrat !important;
    font-weight: 700 !important;
    font-size: 13px;
    text-align: center;
    /*margin-right: 3px;
    margin-bottom: 15px;*/
}

    .btn_Non_Action:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    }

    .btn_Non_Action:hover {
        background-color: #9C6C0D !important;
        color: #fff;
        border-color: #9C6C0D;
    }

.btn_Non_Action_reset {
    width: 100px;
    height: 41px;

    /*<CHANGES START><Web accessibility audit-24><RITESH>*/
    /*border: 2px solid #4bb1e4;*/
    /*color: #4bb1e4;*/

    border: 2px solid #1B7CAC;
    color: #1B7CAC;
    /*<CHANGES END><Web accessibility audit-24><RITESH>*/

    background: #fff;
    border-radius: 5px;
    font-style: normal;
    font-family: Montserrat !important;
    font-weight: 700 !important;
    font-size: 13px;
    text-align: center;
    /*margin-right: 3px;
    margin-bottom: 15px;*/
}

@media (max-width:768px) {
    .btn_Non_Action_reset_mob {
        width: 80px;
        /*height: 41px;
        border: 2px solid #4bb1e4;
        color: #4bb1e4;
        background: #fff;
        border-radius: 5px;
        font-style: normal;
        font-family: Montserrat !important;
        font-weight: 700 !important;
        font-size: 13px;
        text-align: center;*/
    }
}

.btn_Non_Action_reset:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.btn_Non_Action_reset:hover {
    background-color: #9C6C0D !important;
    color: #fff;
    border-color: #9C6C0D;
}

.btn_Non_Action_home {
    width: 118px;
    height: 41px;
    /*border: 2px solid #4bb1e4;*/
    border: none;
    color: #4bb1e4;
    background: #fff;
    border-radius: 5px;
    font-style: normal;
    font-family: Montserrat !important;
    font-weight: 700 !important;
    font-size: 15px;
    text-align: center;
    /*margin-right: 3px;
    margin-bottom: 15px;*/
    background-image: url(../../Images/home-symbol.png);
    background-repeat: no-repeat;
    background-position: 45px;
    /*width: 230px;*/
}

    .btn_Non_Action_home:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    }

    .btn_Non_Action_home:hover {
        /*background-color: #9C6C0D !important;*/
        color: #fff;
        border-color: #9C6C0D;
    }


.confirm-btn-image {
    background-image: url(../../Images/home-2.png);
    background-repeat: no-repeat;
    background-position: 212px;
    width: 230px;
}



.btn_cancel_ezpay {
    width: 118px;
    height: 41px;
    border: none;
    background: #C9E7F7;
    border-radius: 5px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 160.62%;
    /* identical to box height, or 24px */
    text-align: center;
    color: #FFFFFF;
}

.btn_success_ezpay {
    width: 118px;
    height: 41px;
    background: #4bb1e4;
    border-radius: 5px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 160.62%;
    /* identical to box height, or 24px */
    border: none;
    color: #FFFFFF;
}

.acceptbox_warn {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 160.62%;
    /* or 19px */
    margin: -22px 0px 0px 30px;
    color: #154258;
}

.checkcheck {
    margin-top: -20px;
    padding-bottom: 20px;
}

.has-errors {
    border-color: red !important;
    border-style: solid !important;
    border-width: thin;
    border-radius: 6px;
    background-repeat: no-repeat !important;
    background-position: right !important;
}


/* **********************************************37-Total past due payment-Desktop******************************************* */

.schedulee {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: #c0c2c7;
}

.radio_ach {
    float: right !important;
}

.title111 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 37px;
    /* identical to box height */
    color: #FFFFFF;
    padding: 50px 0px 0px 30px;
}

.title222 {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 22px;
    /* or 147% */
    color: #FFFFFF;
    padding: 0px 0px 0px 30px;
}

/* ************************************* Responsiveness *************************** */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1900px) {
    .allbrands11 {
        display: none !important;
    }

    .mobnone22 {
        display: none !important;
    }

    .hidehide, .bullet-text-mob {
        display: none !important;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 1024px) {

    .ar101_btn {
        width: 112px;
    }

    .popup001 .close {
        top: 2%;
        right: -2%;
    }

    .login_menus {
        display: none !important;
    }

    .login_header {
        background: #FFFFFF;
        box-shadow: none;
    }

    .allbrands {
        display: none !important;
    }

    .mobnone {
        display: none !important;
    }

    .card_login {
        width: 349px;
        height: 400px;
    }

    .form_mob {
        height: 56px;
        width: 301px;
        background: #FFFFFF;
        border: 1px solid #EEF1F4;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
        border-radius: 5px;
        text-align: center;
        font-family: Segoe UI;
        font-style: normal;
        font-weight: normal;
        font-size: 15px;
        line-height: 20px;
        color: #002868;
    }

    #myInput::-webkit-input-placeholder {
        width: 28.01px;
        height: 28.01px;
        background-image: url("../images/placeholdermob.svg");
        background-repeat: no-repeat;
        margin: 0px 0px 0px 50px;
        background-position: 5% 10%;
    }

    .logo_login {
        width: 91px;
        height: 91px;
        margin-left: auto;
        margin-right: auto;
    }

    .content1 {
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        font-size: 20px;
        line-height: 151.99%;
        text-align: center;
        color: #002868;
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        padding: 30px 0px 20px 0px;
    }

    .form_btn01 {
        width: 301px;
        height: 68px;
    }

    .form_btn02 {
        width: 301px;
        height: 68px;
    }

    .policies {
        padding: 0PX 0PX 0PX 0PX;
    }

    .yellow-cont, .yellow-bg, .yellow-bg02 {
    }

    .yelloww {
        display: none !important;
    }

    .bullet-text {
        padding: 0px;
    }

    .slideshow-container {
        width: 343px;
        height: 237px;
        background: rgba(255, 255, 255, 0.41);
        backdrop-filter: blur(40px);
        /* Note: backdrop-filter has minimal browser support */
        border-radius: 13px;
        text-align: center !important;
        margin-left: auto;
        margin-right: auto;
    }

    .smallbrand {
        width: 60px;
        height: 51.08px;
        margin: 10px;
    }

    .content6 {
        text-align: center !important;
    }

    .content7 {
        text-align: center !important;
    }

    .yellow-bg {
        background-color: #EBA81C;
        width: 100%;
        height: 86px;
        border-radius: 6px;
        margin-top: 0px;
        padding: 12px 0px 0px 0px;
        margin-left: auto;
        margin-right: auto;
    }

    .yellow-bg02 {
        background-color: #EBA81C;
        width: 100%;
        height: 130px;
        border-radius: 6px;
        padding: 5px 5px 5px 10px;
        margin-left: auto;
        margin-right: auto;
    }

    .yellow-cont-img, .icon_nci {
        display: none;
    }

    /* .Blubar-mobile-view-container {
        height: 100% !important;
    } */
}


/* **********************************************41-Other_Options_Partial_Payment.html********************************* */

.mybox22 {
    width: 100%;
    border-radius: 5px;
    padding: 15px;
    background-color: #4AB0E3;
    margin-top: 10px;
    border: none !important;
}

.mybox11 {
    width: 100%;
    border-radius: 5px;
    padding: 15px;
    border: none !important;
}

.bannerr-subheading {
    color: #ffffff;
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 22px;
    margin-top: 0px;
}

.conie11 {
    width: 63% !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    border-radius: 5px;
    padding: 0px 40px 0px 40px;
}

.conie12 {
    width: 63% !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    border-radius: 5px;
    height: 530px !important;
}

.lst-box-cnt00 {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 22px;
    color: #002868;
    padding: 15px 0px 10px 30px;
}

.lst-box-cnt100 {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 22px;
    color: #4AB0E3;
    padding: 0px 0px 0px 30px;
}

/* ************************************************* 69-Accept_mail_Desktop-c11 **************8******************************* */

.con {
    width: 58% !important;
}

@media only screen and (max-width: 600px) {
    .mob-col {
        width: 38% !important;
        margin: 0 -10px !important;
        float: left;
    }
}

/*.w3-black, .w3-hover-black:hover {
    background-color: #fff !important;
}*/

@media screen and (max-width: 600px) {
    .con {
        width: 100% !important;
    }

    .conie {
        width: 90% !important;
    }
}


.blubar-button {
    float: right;
    margin-top: -60px;
    font-size: 12px;
    background-color: #fff;
    border-color: #fff;
    border-radius: 5px;
    width: 153px;
    height: 64px;
}

.offer_list {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 17px;
    color: #002868 !important;
}

.form-button111 {
    float: right !important;
}

.paymentm_top {
    margin-top: 20px;
}

@media only screen and (min-device-width: 300px) and (max-device-width: 600px) {
    .pop_btn2 {
        margin-top: 10px;
    }

    .btn_update {
        margin-right: 20px;
        margin-left: 20px;
    }

    .btn_cancel {
        width: 130px;
    }

    .btn_success {
        width: 130px;
    }

    .btn_cancel_ezpay {
        width: 128px;
    }

    .btn_Non_Action {
        /*width: 60px;*/
        /*width: 75px;*/
    }

    .btn_success_ezpay {
        width: 128px;
    }

    .blue_bg_ssez {
        padding: 10px 20px 20px 20px;
    }

    .card_ezpay {
        padding: 20px;
    }

    .card_ezzpayy {
        padding: 20px !important;
    }

    .rectangle_ezpay, .rectangle_ezpay_no {
        width: 100%;
    }

    .card_attorney {
        width: 85%;
    }

    .paymentm_top {
        margin-top: 0px;
    }

    .ampaay {
        width: 45%;
    }



    .blockk {
        display: none;
    }
}

.accept_text1 {
    font-family: 'Montserrat',sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 15px;
    /* identical to box height, or 83% */

    /*<CHANGES START><Web accessibility audit-24><RITESH>*/
    /*color: #4bb1e4;*/
    
    color: #1B7CAC;
    /*<CHANGES END><Web accessibility audit-24><RITESH>*/
}

.card_acceptmail {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: auto;
    background: #FFFFFF;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 0px 0px 5px 5px;
    padding: 60px;
}

.opacty {
    opacity: 0.3;
}

.card_c05 {
    margin-left: auto;
    margin-right: auto;
    width: 97%;
    background: #FFFFFF;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    padding: 30px 30px 20px 30px;
}

.c05_list {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 17px;
    color: #002868;
    padding: 10px;
    margin-left: -30px;
}

.a42_text {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 17px;
    color: #002868;
    padding: 10px 20px 10px 0px;
}

.radio_c15 {
    padding: 15px 0px 0px 0px;
}

.c05-content {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: rgba(0, 40, 104, 0.5);
    padding: 10px 22px 0px 0px;
}

.ar101_text {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 160.62%;
    color: rgba(0, 40, 104, 0.7);
}

.ar_textfill {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 17px;
    color: #002868;
    padding-top: 15px;
}

@media only screen and (max-width: 768px) {
    .login_menus, .allbrands {
        display: none !important;
    }
}

.card_ezzpayy {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    padding: 30px 50px 30px 50px;
}

.content-oth {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 22px;
    color: #25274d;
}

.disabledd {
    pointer-events: none;
    cursor: default;
}


.thatlevel {
    font-family: Segoe UI;
    color: #25274d;
    font-size: 15px;
    line-height: 20px;
}

.text-ac-sy-hd {
    padding: 10px 0px;
}

.banner-thing {
    clear: both !important;
}

.use-bt-bt {
    float: right !important;
}

/* ******************************************************** SANJUKTA's END ********************************************************** */


/* **************************************************** CARD PAYMENT CSS STARTS *************************************************** */

.blue_bg_cardpay01 {
    background-image: url("../images/bgblue.png");
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 10px 10px 10px 40px;
}

.text_cardpay01 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 37px;
    color: #ffffff;
    text-align: center;
}

.content_last_cp01 {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    color: rgba(0, 40, 104, 0.3);
}

.card_ezpay_cp01 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    padding: 40px;
}

.btn_success_cp01 {
    width: 205px;
    /*width: 225px;*/
    height: 41px;
    background: #4BB0E4;
    border-radius: 5px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 160.62%;
    /* identical to box height, or 24px */
    border: none;
    color: #FFFFFF;
    margin-top: 5px;
}

    .btn_success_cp01:hover {
        background-color: #9C6C0D !important;
        color: #fff;
        border-color: #9C6C0D;
    }

    .btn_success_cp01:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    }

.btn_success_cp02 {
    width: 175px;
    height: 41px;
    background: #4BB0E4;
    border-radius: 5px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 160.62%;
    /* identical to box height, or 24px */
    border: none;
    color: #FFFFFF;
    float: right;
}

    .btn_success_cp02:hover {
        background-color: #9C6C0D !important;
        color: #fff;
        border-color: #9C6C0D;
    }

    .btn_success_cp02:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    }

.btn_Non_Action_cp02_home {
    /*width: 175px;*/
    /*height: 41px;*/
    border: none;
    color: #4bb1e4;
    background: #fff;
    border-radius: 5px;
    font-style: normal;
    font-family: Montserrat !important;
    font-weight: 700 !important;
    font-size: 15px;
    text-align: center;
    float: right;
    /*background-image: url(../../Images/home-symbol.png);
    background-repeat: no-repeat;
    background-position: 72px;*/
}

    .btn_Non_Action_cp02_home:hover {
        background-color: #9C6C0D !important;
        color: #fff;
        border-color: #9C6C0D;
    }

    .btn_Non_Action_cp02_home:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    }

@media (max-width:767px) {
    .btn_Non_Action_cp02-mobile {
        display: table;
        margin: 0 auto;
        float: none;
        /*padding-bottom: 20px;*/
    }
}

@media (max-width:767px) {
    .btn_success_cp01-mobile {
        float: right;
        position: relative;
        bottom: 45px;
    }
}

@media (max-width:767px) {
    .btn_Non_Action-mobile {
        float: right;
        margin: 3px;
        position: relative;
        top: 46px;
    }
}


.btn_success_cp011 {
    width: 100px;
    height: 41px;
    
    /*<CHANGES START><Web accessibility audit-24><RITESH>*/
    /*background: #4BB0E4;*/
    
    background: #1B7CAC !important;
    /*<CHANGES END><Web accessibility audit-24><RITESH>*/

    border-radius: 5px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 160.62%;
    /* identical to box height, or 24px */
    border: none;
    color: #FFFFFF;
    margin-top: 5px;
    /*background-image: url(../../Images/home-symbol.png);
    background-repeat: no-repeat;
    background-position: 40px;*/
    /*width: 230px;*/
}

@media (max-width:768px) {
    .btn_success_cp011_mob {
        width: 80px;
    }
}

.btn_success_cp011:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.btn_success_cp011:hover {
    background-color: #9C6C0D !important;
    color: #fff;
    border-color: #9C6C0D;
}

.content-othcp {
    font-family: Segoe UI;
    font-style: normal;
    font-size: 13px;
    line-height: 22px;
    color: #002868;
    padding-top: 3%;
}

.bootstrap-switch-maroon {
    background: #FFFFFF;
    /*border: 1px solid #EEF1F4;*/
    border-radius: 6px;
    font-family: Segoe UI;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 17px;
    color: #25274d;
    /*opacity: 100%;*/
}


@media only screen and (min-device-width: 300px) and (max-device-width: 600px) {
    .card_ezpay_cp01 {
        padding: 20px;
    }
}


/* **************************************************** CARD PAYMENT CSS ENDS ************************************************** */




/* **************************************************** DINESH's Start ************************************************************* */
.frm-sty {
    width: 100%;
    max-width: 768px;
    align-content: left;
    background-color: transparent !important;
}

    .frm-sty lable {
        font-family: Segoe UI;
        font-size: 13;
        font-weight: bold;
        color: #002868;
        margin-top: 20px;
    }

    .frm-sty input {
        font-family: Segoe UI;
        font-size: 13;
        font-weight: regular;
        color: #002868;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .frm-sty select {
        font-family: Segoe UI;
        font-size: 13;
        font-weight: regular;
        color: #002868;
        margin-top: 10px;
        margin-bottom: 10px;
    }

.my-bt1 {
    background-color: #4AB0E3;
    font-family: Montserrat;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 15;
    text-align: right;
    margin-top: 50px;
}

.my-bt2 {
    background-color: #4AB0E3;
    font-family: Montserrat;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 15;
    margin-top: 50px;
}

.whole-btn {
    text-align: right;
}


h3 {
    color: #4AB0E3;
    font-family: Montserrat;
    font-weight: medium;
    font-size: 18px;
    margin-top: -20px;
    margin-bottom: 20px;
}

h4 {
    color: #002868;
    font-family: Segoe UI;
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 25px;
}

.blu-bg {
    background-image: url("../images/pic.png");
    width: 100%;
    min-height: 200px;
    background-size: cover;
}

    .blu-bg h2 {
        font-family: Montserrat;
        font-size: 30px;
        font-weight: 900;
        color: #FFFFFF;
        padding-left: 70px;
        padding-top: 45px;
    }

    .blu-bg ul {
        text-decoration: #4AB0E3;
        list-style-type: square;
        display: inline-block;
    }

    .blu-bg li {
        font-family: Segoe UI;
        font-size: 15px;
        font-style: normal;
        color: #FFFFFF;
        padding-top: 25px;
        margin-left: 35px;
    }

.mn-bd {
    background-color: #E5E5E5;
}

.wte-box {
    background-color: #FFFFFF;
    box-shadow: 0px 10px 10px #999;
    padding: 50px;
}

.my-bt {
    width: 142px;
    height: 36px;
    background-color: rgb(255, 255, 255);
    color: rgb(74, 176, 227);
    float: right;
}

.lst-sec {
    font-family: Segoe UI;
    font-size: 15px;
    text-align: center;
    font-weight: regular;
    line-height: 20px;
    color: #002868;
    opacity: 30%;
    margin-top: 40px;
    margin-bottom: 40px;
}



/* new*/
@media only screen and (max-width: 600px) {
    .container {
        width: 100% !important;
    }
}


.contain-my-block {
    width: 68%;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 38px;
    margin-bottom: 38px;
}
/* enduser-11*/
.blue-btn1 {
    font-family: 'Montserrat' !important;
    font-weight: bold !important;
    font-size: 15px !important;
    color: #ffffff;
    background-color: #4AB0E3;
    margin-right: 13px;
    float: right;
}
/* enduser-10*/
.regain-en-x-form {
    background-color: #ffffff;
    min-height: 540px;
    margin-top: 40px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    color: #002868;
    font-family: 'Segoe UI';
    padding-top: 30px;
}

/*  program overview page css start*/

.col-gry {
    background-color: #E9ECEF;
    min-height: 250px;
    margin-top: 15px;
    max-width: 212px;
}


    .col-gry h6 {
        font-family: Segoe UI;
        font-size: 18px;
        font-weight: 700;
        font-style: normal;
        line-height: 18px;
        color: #002868;
        padding: 20px 0px 0px 10px;
    }

    .col-gry ul {
        font-family: Segoe UI;
        font-size: 15px;
        font-weight: 400;
        font-style: normal;
        line-height: 22px;
        color: #002868;
        opacity: 70%;
        padding-right: 24px;
    }

.col-wte {
    background-color: #fff;
    padding: 20px;
    min-height: 565px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    max-width: 786px;
    margin: 50px auto;
}

.spl-para {
    font-family: Segoe UI;
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
    line-height: 22.3px;
    color: #25274d;
    padding-top: 30px;
}

.yes-cont {
    color: #002868;
    padding-right: 20px;
}

.No-cont {
    color: #002868;
    padding-right: 5px;
}
/*  program overview page css ends*/

/* 31- reinstatement page css */
.reinst-para {
    font-family: 'Segoe UI',sans-serif;
    font-size: 15px;
    font-weight: 900px;
    color: #25274d;
    font-style: normal;
    line-height: 22.3px;
    padding-left: 10px;
}

.radio-group {
    font-family: 'Segoe UI',sans-serif;
    font-size: 15px;
    color: #25274d;
    padding-left: 10px;
    font-weight: 400px;
}

.reinst-para1 {
    font-family: Segoe UI;
    font-size: 15px;
    font-weight: 400px;
    color: #25274d;
    font-style: normal;
    line-height: 17.29px;
    opacity: 100%;
}

.reinst-head1 {
    font-family: 'Montserrat',sans-serif;
    font-size: 18px;
    font-weight: 500px;
    color: #4bb1e4;
    font-style: normal;
    line-height: 24.5px;
}

.reinst-head2 {
    font-family: 'Montserrat',sans-serif;
    font-size: 18px;
    font-weight: 500px;
    color: #4bb0e4;
    font-style: normal;
    line-height: 15px;
}

.ben {
    font-family: Segoe UI;
    font-size: 15px;
    color: #25274d;
    line-height: 17.29px;
    font-weight: 700px;
}

/*  bankruptcy filling page css starts*/
.contain-width {
    width: 100% !important;
}

/*.mn-bd {
    background-color: #E5E5E5;
} */

.bluee-bg {
    background-image: url("../images/pic.png");
    width: 100%;
    min-height: 194px;
    background-size: cover;
    padding: 0px;
}

    .bluee-bg h2 {
        font-family: Montserrat;
        font-size: 30px;
        font-weight: 900;
        color: #FFFFFF;
        margin-top: 30px;
    }

    .bluee-bg p {
        font-family: Segoe UI;
        font-size: 20px;
        font-style: normal;
        color: #FFFFFF;
    }
/*  form css*/
.fm-sty {
    width: 100%;
    max-width: 768px;
    align-content: left;
    background-color: transparent !important;
}

    .fm-sty lable {
        font-family: Segoe UI;
        font-size: 13;
        font-weight: bold;
        color: #002868;
        margin-top: 20px;
    }

    .fm-sty input {
        font-family: Segoe UI;
        font-size: 13;
        font-weight: regular;
        color: #002868;
        margin-top: 10px;
        margin-bottom: 10px;
    }

.fm-st-select {
    font-family: Segoe UI;
    font-size: 13;
    font-weight: regular;
    color: #002868;
    margin-bottom: 10px;
    background: transparent !important;
}


.my-button1 {
    background-color: #4AB0E3;
    font-family: Montserrat;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 15;
    text-align: right;
    margin-top: -10px;
}

.my-button2 {
    background-color: #4AB0E3;
    font-family: Montserrat;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 15;
    margin-top: -10px;
}

.wt-col-box {
    background-color: #FFFFFF;
    max-width: width 640px;
    box-shadow: 0px 10px 10px #999;
    margin-top: 40px;
    padding: 20px 0px 0px 20px;
    min-height: 514px;
}

    .wt-col-box h5 {
        font-family: Montserrat;
        font-size: 18px;
        line-height: 15px;
        font-weight: medium;
        color: #4AB0E3;
    }

    .wt-col-box label {
        font-family: Segoe UI;
        font-size: 13px;
        font-weight: bold;
        color: #002868;
    }

.spc-hed {
    font-family: Segoe UI !important;
    font-size: 18px !important;
    font-weight: regular !important;
    color: #4AB0E3 !important;
    line-height: 15px !important;
    margin-top: 25px;
    margin-bottom: 15px;
}

.bankrup-para {
    font-family: Segoe UI;
    font-size: 12;
    font-weight: 400px;
    color: #002868;
    line-height: 19.28px;
    font-style: normal;
}

.radio-btttt {
    margin-bottom: 40px;
}

.phold input::-webkit-input-placeholder {
    color: #002868;
    font-family: Segoe UI;
    font-style: normal;
    font-size: 13px;
    font-weight: 400px;
}

.cmt-boxblwquote {
    font-family: Segoe UI;
    font-size: 13px;
    font-weight: bold;
    color: #4AB0E3;
    margin-top: 15px;
}

.raido-button-bluscript {
    font-family: Segoe UI !important;
    font-size: 13px !important;
    font-weight: regular !important;
    color: #002868 !important;
}

.dt-select {
    font-family: Segoe UI;
    color: #002868;
    font-size: 12px;
    font-weight: regular;
    opacity: 50%;
}

.btn-top-bt {
    width: 142px;
    height: 36px;
    background-color: rgb(255, 255, 255);
    color: rgb(74, 176, 227);
    float: right;
}



@media only screen and (max-width: 600px) {
    .wt-col-box {
        height: auto;
        margin-bottom: 40px;
    }
}
/*  bankruptcy filling page css ends*/
/* 88-accept mail-desktop-a41*/

.lst-sec3 {
    font-family: Segoe UI;
    font-size: 15px;
    text-align: center;
    font-weight: regular;
    line-height: 20px;
    color: #002868;
    opacity: 30%;
    margin-top: 20px;
    margin-bottom: 20px;
}
/* 09-bankruptcy page*/
.qsymbol {
    float: right;
}

.calender-icon32:before {
    content: "\f133";
    position: absolute;
    top: 42px;
    right: 10%;
    color: #4BB0E4;
    min-height: 16px;
}

.cmt-boxblw {
    font-family: Segoe UI;
    font-size: 12px;
    font-weight: regular;
    color: #002868;
    opacity: 70%;
    float: right;
}

.lst-sec1 {
    font-family: Segoe UI;
    font-size: 15px;
    text-align: center;
    font-weight: regular;
    line-height: 20px;
    color: #002868;
    opacity: 30%;
    margin-top: 40px;
    margin-bottom: 40px;
}

.boxxxx {
    background-color: #FFFFFF;
    max-width: width 640px;
    box-shadow: 0px 10px 10px #999;
    margin-top: 20px;
    padding: 20px 0px 0px 20px;
    min-height: 514px;
}

@media only screen and (max-width: 600px) {
    .boxxxx {
        height: auto;
        margin-bottom: 20px;
        padding-bottom: 10px;
    }
}


.boxxxx h5 {
    font-family: Montserrat;
    font-size: 18px;
    line-height: 15px;
    font-weight: medium;
    color: #4AB0E3;
}

.boxxxx label {
    font-family: Segoe UI;
    font-size: 13px;
    font-weight: bold;
    color: #002868;
}

.phld input::-webkit-input-placeholder {
    color: #002868;
    font-family: Segoe UI;
    font-style: normal;
    font-size: 13px;
    font-weight: 400px;
}


/* 09-bankruptcy page end*/

/* plan details css start */
/* newly added */
@media screen and (max-width: 600px) {
    .coneee {
        width: 100% !important;
    }
}

.coneee {
    width: 66% !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 38px;
    margin-bottom: 38px;
}




@media screen and (min-width: 768px) and (max-width: 1023px) {
    .navbar-default .navbar-nav > li > a {
        font-size: 10px !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1366px) {
    .navbar-default .navbar-nav > li > a {
        font-size: 13px !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1150px) {
    /*.header-tab-view {
        display: none;
    } */

    .mobile-user-log {
        display: none !important;
    }

    /* .header-tab-view-display {
        display: block !important;
    }*/

    /*.navbar-nav > li > a {
        padding: 0px 10px;
    } */

    /* .navbar-default .navbar-nav > li > a {
        font-size: 13px;
    } */

    /*.menu-items-list {
        margin-top: 10px !important;
    } */
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
}

/*@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .popup-width {
        width: 100% !important;
    }
} */
/* Header css starts  all pages*/
/*.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
    background-color: #fff !important;
    color: #4bb0e4;
} */

/*.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
    color: #4bb0e4;
} */

/*.inner-dropdown-links {
    font-family: Segoe UI, Regular;
    font-size: 13px;
    color: #002868 !important;
} */

/*.w3-teal,
.w3-hover-teal:hover {
    background-color: #999999 !important;
} */

/*.w3-black,
.w3-hover-black:hover {
    background-color: #fff !important; 
}  */

/*.w3-modal-conten {
    background-color: none !important;
}*/
/*
.w3-modal-content {
    background-color: transparent !important;
} */
.btn_success_ezpay::hover {
    color: #9C6C0D;
}

/*.w3-button:hover {
    background-color: #fff !important;
} */

.navbar-default {
    background-color: #ffffff !important;
    border-color: #ffffff;
    height: 40px;
}

    .navbar-default .navbar-nav > li > a {
        color: #25274d !important;
        font-family: Montserrat !important;
        font-size: 15px !important;
    }

/*.header-desktop-view-nci-logo {
    height: 40px;
    margin-left: 100px;
    width: 85px;
    height: 87px;
    margin-top: -12px;
    border: 3px solid #fff;
} */

/*.tab-desktop-view-nci-logo {
    height: 40px;
    width: 60px;
    height: 60px;
    margin-top: -12px;
} */

/* .header-mobile-view-nci-logo {
    height: 43px;
    width: 42px;
    display: none;
    margin-top: -10px;
} */

/*.header-desktop-userlogo {
    height: 80px;
    background-color: #ffff;
    margin-left: 10px;
    width: 80px;
    height: 60px;
} */

/*.header-tab-user-logo {
    height: 40px;
    margin-left: 10px;
    margin-top: -40px;
    width: 30px;
    height: 30px;
} */

/* .mobile-user-log {
    height: 20px;
    width: 20px;
    display: none;
    margin-top: 0px;
    margin-left: 134px;
} */

/*.menu-items-list {
    border: 1px solid #eef1f4;
    padding: 0px;
    border-radius: 10px;
    margin-top: 5px;
} */

/*.header-button-menulogo {
    margin-top: 10px;
    height: 40px;
    width: 90px;
} */

/*.logout-button {
    font-family: Montserrat;
    font-size: 15px;
    font-weight: bold;
    color: #ffffff;
} */

/*.menu-logo {
    height: 40px;
    margin-left: 10px;
    margin-top: 10px;
    width: 42px;
    height: 42px;
} */

/*.li-menu {
    color: #002868;
} */

/*.tab-button-menulogo {
    height: 30px;
    width: 70px;
} */
/* header css ends */

/* media query css  starts
@media screen and (max-width: 1024px) {

    /*.media-response-none {
        display: none !important;
    } */

/*.container {
        width: 100% !important;
    } 
} */
/* media query css  ends  credit cards plan page*/

/*user menu css*/
/*.coloum-left-side {
    height: 825px;
    margin-top: 20px;
    width: auto !important;
} */

/*.first-mainsection-css {
    width: 352px;
    height: 150px;
    background-color: #fff;
    padding-top: 10px;
} */


/*.first-innersection-css {
    width: 324px;
    height: 107px;
    margin-left: 15px;
    margin-top: 15px;
    background-color: #e9f5fc;
    border-radius: 5px;
	margin-left:0px !important;
} */

/*.eclipse {
    margin-top: 10px;
    margin-left: 10px;
} */

/*.wallet {
    margin-left: -46px;
    margin-top: 10px;
} */

/*.text-balance {
    font-family: Montserrat semibold;
    margin-left: 40px;
    font-size: 15px;
} */

/*.money {
    font-family: Segoe UI;
    font-weight: bold;
    font-size: 20px;
    margin-top: -25px;
    margin-left: 114px;
} */

/*.Text-account-details {
    background-color: #fff;
    height: 260px;
} */

/*.Text-account-detailsinner {
    background-color: #fff;
    padding-top: 3px;
    padding-bottom: 10px;
    font-size: 15px;
    color: #002868;
    font-family: Montserrat SemiBold;
    width: 100%;
} */

/*.outer-background {
    height: 210px;
    width: 324px;
    margin-left: 15px;
    border-radius: 10px;
    background: linear-gradient(rgb(0, 40, 104, 1), #84c8eb);
} */

/*.inner-background {
    height: 210px;
    width: 324px;
    background-color: #002868;
    background-image: url(../images/Rectangle-top.png), url(../images/Rectangle\ -bottom.png);
    background-color: rgba(0, 40, 104, 0.1);
    background-repeat: no-repeat, no-repeat;
    background-position: bottom;
    background-position-x: 0%;
    padding: 25px;
    border-radius: 10px;
} */

/*.inner-text1 {
    font-family: Segoe UI;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    margin-top: 10px;
} */

.inner-text2 {
    float: right;
    font-weight: 700;
}
/*
.outer-background1 {
    height: 259px;
    width: 324px;
    border-radius: 10px;
    background: linear-gradient(rgb(0, 40, 104, 1), #84c8eb);
} */

/*.inner-background1 {
    height: 259px;
    width: 324px;
    background-color: #002868;
    background-image: url(../images/Rectangle-top.png), url(../images/Rectangle\ -bottom.png);
    background-repeat: no-repeat, no-repeat;
    background-position: bottom;
    background-position-x: 0%;
    padding: 25px;
    border-radius: 10px;
    background-color: rgba(0, 40, 104, 0.1);
} */

/*.visa-outerbox {
    background-color: #fff;
    height: 140px;
    padding-top: 10px;
} */

/* .visa-innerbox {
    width: 324px;
    height: 94px;
    margin-left: 15px;
    margin-top: 15px;
    background-color: #e9f5fc;
    border-radius: 5px;
} */

/*.Rectangle-visa {
    margin-top: 20px;
    width: 62px;
    height: 62px;
    margin-left: 20px;
} */

/*.visa {
    margin-left: -61px;
    margin-top: 10px;
    width: 50px;
    height: 17.02px;
}*/

/*.star {
    font-family: Segoe UI;
    margin-left: 121px;
    font-size: 15px;
    font-weight: bold;
    color: #002868;
    margin-top: -61px;
} */

/*.card-holder {
    font-family: Segoe UI;
    font-weight: bold;
    font-size: 12px;
    margin-top: 0px;
    margin-left: 140px;
    color: #002868;
} */

/*.Jerom-bell {
    font-size: 15px;
    font-weight: bold;
    font-family: Segoe UI;
    margin-left: 135px;
} */

/*.expires {
    font-size: 12px;
    color: #002868;
    font-family: Segoe UI;
    margin-left: 265px;
    margin-top: -40px;
} */

/*.date-year {
    font-size: 15px;
    color: #002868;
    font-family: Segoe UI;
    margin-left: 265px;
    margin-top: 0px;
    font-weight: bold;
} */
/*header css ends*/






.Regain-blubar {
    font-family: Montserrat;
    font-size: 30px;
    font-weight: bold;
    color: #ffff;
    margin-top: 35px;
    margin-left: 100px;
    margin-top: 15px !important;
}

.Regain-blubar-subheading {
    margin-top: 20px;
    margin-left: 100px;
    color: #4ab0e3;
    font-size: 15px;
    font-family: Segoe UI;
}

.Regain-blubar-subheading-obtain {
    margin-left: 30px;
}

/* .Blubar-mobile-view-container {
    background-image: url("../images/pic.png");
    width: 100%;
    padding: 0px;
    height: 255px;
	display:none;
	height:300px;
} */
/*
.Regian-mobile {
    font-family: Montserrat;
    font-size: 30px;
    font-weight: bold;
    color: #ffff;
    margin-top: 10px;
} */

/*.Regian-mobile-subheading {
    color: #4ab0e3;
    margin-top: 20px;
} */

.Regain-mobile-button {
    float: left;
    margin-top: 5px;
    background-color: #fff;
    border-color: #fff;
    border-radius: 5px;
    font-size: 12px;
    border-radius: 5px;
    width: 153px;
    height: 64px;
    color: #4AB0E3;
    font-family: Segoe UI;
}

/*blue background css ends credit cards plan page*/

/*button css starts css starts credit cards plan page */
.arrw-text {
    font-family: Segoe UI;
    font-size: 16px;
}

.etr-but-cs {
    background-color: #4AB0E3 !important;
    border-left: 20px solid #4AB0E3 !important;
}

/*.button-background {
    background-color: #e5e5e5;
} */

/*.contain-button-portion {
    padding: 0px !important;
} */

/*.button-coloum-common {
    padding: 0px !important;
} */

/*.button-coloumn-image-common {
    width: 98%;
} */

/*.button-mobile-view-image {
    width: 100%;
} */
/*button css starts css ends credit cards plan page*/
/*.arw-mnu {
    height: 40px;
    background: #fff;
    color: #333;
    position: relative;
    width: 100%;
    text-align: left;
    padding-left: 40px;
    line-height: 40px;
} */

.arw-tab2 {
    background: #4ab0e3 !important;
    color: #fff !important;
    padding-left: 30px;
}

    .arw-tab2:after {
        border-left: 20px solid #4ab0e3 !important;
    }

    .arw-tab2:before {
        border-left: 20px solid #e5e5e5;
    }

/*.arw-tab2:after {
        border-left: 20px solid #4ab0e3 !important;
    } */

.arw-mnu:after {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    left: 100%;
    top: 0;
    border: 20px solid transparent;
    border-left: 20px solid #fff;
}

.arw-mnu:before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    left: 0;
    top: 0;
    border: 20px solid transparent;
    border-left: 20px solid #e5e5e5;
    transform: rotate(360deg);
}

/*.arw-tab1 {
    background: #4ab0e3 !important;
    color: #fff !important;
    padding-left: 30px;
} */

/*.arw-tab1:after {
        border-left: 20px solid #4ab0e3 !important;
    } */

/*.arw-tab1:before {
        border-left: 0px solid #e5e5e5;
    } */

/*.arw-tab3:after {
    border-left: 0px solid #fff !important;
} */
/*Middile content css starts credit cards plan page*/

/*extra page css starts*/

.ext-hd-cont {
    font-family: Segoe UI;
    color: #002868;
    font-size: 13px;
    font-weight: bold;
}

.ext-bd-bt {
    height: 41px;
    width: 208px;
    background-color: #4AB0E3;
    border-radius: 5px;
    border: 1 px solid #4AB0E3 !important;
    border-radius: 5px !important;
    border: 0px !important;
}

.ext-bd-bt-text {
    font-family: Montserrat;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
}

.lst-box-cnt {
    margin-top: 14px;
    margin-left: 10px;
}

.lst-box-cnt1 {
    color: #4AB0E3;
    margin-top: 11px;
    margin-left: 10px;
}

.lst-box-cnt2 {
    color: #4AB0E3;
    margin-left: 10px;
    line-height: 22.3px;
}

.t-c-text-enterir-spce {
    margin-top: 20px;
}

.t-c-text-enterir-cnt {
    background-color: #fff;
    font-size: 15px;
    font-family: Segoe UI;
}

.t-c-text-enterir-spce2 {
    margin-top: 20px;
    margin-bottom: 20px;
}
/*extra page css ends*/
.mb-cnt-viw {
    margin-top: -20px;
}


/* 19-payment-accout-info page css*/

.first-innersection-css {
    height: 94px !important;
}

.md-wd {
    width: 50% !important;
}

.md-bk-hight {
    height: 86px;
}

.ed-py-hd {
    margin-top: 35px;
    text-align: center;
    font-family: Montserrat;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
}

.ed-py-txt {
    background-color: #fff;
    text-align: center;
    font-family: Segoe UI;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: center;
    height: 201px;
    margin-top: 30px;
    padding: 0px 70px;
}

.ed-py-bt {
    width: 116px;
    height: 41px;
    left: 662px;
    top: 519px;
    background: #4BB0E4;
    border-radius: 5px;
    margin-top: 20px;
}

.ed-py-bt-txt {
    font-family: Montserrat;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
}

@media only screen and (max-width: 600px) {
    .md-wd {
        width: 90% !important;
    }

    .md-bk-hight {
        height: 100px;
    }

    .visa-innerbox {
        width: 98% !important;
    }

    .p-hea-text {
        margin-left: 0px !important;
    }

    .star {
        margin-left: 35% !important;
    }

    .card-holder {
        margin-left: 38% !important;
    }

    .Jerom-bell {
        margin-left: 40% !important;
    }

    .date-year {
        margin-left: 82% !important;
    }

    .expires {
        margin-left: 82% !important;
    }

    .first-innersection-css {
        width: 98% !important;
    }

    .outer-background1 {
        width: 98% !important;
        margin-left: 0px !important;
    }

    .inner-background1 {
        width: 98% !important;
        margin-left: 0px !important;
    }

    .text-ac-sy {
        font-family: Montserrat;
        font-size: 15px;
        font-style: normal;
        font-weight: 600;
        line-height: 18px;
        letter-spacing: 0em;
        text-align: left;
        margin-top: 20px;
    }
}

.text-ac-sy {
    font-family: Montserrat;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 0em;
    margin-left: 20px;
    margin-top: 0px;
}

.p-hea-text {
    font-family: Montserrat;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    margin-left: 30px;
    margin-top: 30px;
}

.Go-bck-butt {
    width: 331px;
    height: 64px;
    background: #fff;
    border: 0px;
}

.Go-bck-butt-text {
    font-family: Montserrat;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: center;
    color: #4AB0E3;
}

@media only screen and (min-device-width : 360px) and (max-device-width : 640px) {
    .aln-co {
        margin-left: -12px;
    }
}
/*19-payment-account-info page css-ends*/

/*20-payment-account-info page css-starts*/

.vis-box-txt-bt-txt {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 24px;
    color: #fff;
}

.vis-box-txt-bt {
    background-color: #4ab0e3;
    border: 0px;
    border-radius: 5px;
}
/*20-payment-account-info page css-ends*/
/*21-payment-account-info page css-starts*/

.pay-acc-info-form-txt-info {
    color: #4AB0E3;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    padding-bottom: 31px;
}

.pay-acc-info-form-txt-enrol {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: bold;
    padding-bottom: 20px;
    font-size: 13px;
    line-height: 22px;
    color: #002868;
}

.pay-acc-info-form-txt-pay-type {
    font-family: Segoe UI;
    font-style: normal;
    padding-bottom: 15px;
    font-weight: bold;
    font-size: 13px;
    line-height: 22px;
    color: #002868;
}

.pay-acc-info-form-txt-pay-radio1 {
    background: #FFFFFF;
    border: 1px solid #4BB0E4;
}


.vis-box-txt-cs {
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    padding: 10px 20px 0px;
}

/*21-payment-account-info page css-ends*/









@media screen and (max-width: 600px) {
    .conie {
        width: 100% !important;
    }
}

/*.vis-box-txt-bt-txt {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 24px;
    color: #fff;
} */

/*.vis-box-txt-bt {
    background-color: #4ab0e3;
    border: 0px;
    border-radius: 5px;
} */

.conie {
    width: 55% !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 38px;
    margin-bottom: 38px;
}


/*.first-box {
    padding: 5px;
    background-color: #e9ecef;
} */

/*.first-box-content {
    text-align: center;
    background-color: #ffffff;
    padding: 10px;
    border-radius: 5px;
    color: #002868;
    font-weight: bold;
} */
/*
.first-box-content1 {
    font-size: 13px;
    font-family: Segoe UI regular;
} */
/*
.first-box-content2 {
    font-size: 20px;
    font-family: Segoe UI Bold;
} */

.option-but {
    text-align: center;
    background-color: #e9ecef;
    border-radius: 5px;
    color: #002868;
    font-weight: bold;
}

/*.option-but-content {
    font-size: 15px;
    font-weight: bold;
}*/

/*.third-coloumn-place-holder {
    width: 60%;
    border: 1px solid #eef1f4;
    border-radius: 10px;
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 17px;
    color: #002868;
    opacity: 0.3;
    text-align: center;
}*/

/*.colsm {
    padding-left: 10px;
    padding-right: 5px;
}*/

/*.opt {
    font-weight: bold;
    font-size: 15px;
} */

.mybox1 {
    width: 100%;
    border-radius: 5px;
    padding: 15px;
    background-color: #154258;
    border: none;
}

    .mybox1:hover {
        color: #fff !important;
        background-color: #88a198 !important;
        border: none !important;
    }

.mybox2 {
    width: 100%;
    border-radius: 5px;
    padding: 15px;
    background-color: #4AB0E3;
}

.mybox1-last-bc {
    background-color: #4AB0E3 !important;
}
/* my css */
.ft-par {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 17.29px;
    color: #25274d;
    padding-bottom: 25px;
}

.nt-ln {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 17.29px;
    color: #25274d;
    padding-top: 10px;
}


.my-bt-act {
    color: #FFFFFF !important;
    background-color: #4AB0E3 !important;
    font-size: 15px !important;
    font-family: Montserrat !important;
    line-height: 24.09px !important;
    text-align: center !important;
    font-weight: 700 !important;
    font-style: normal !important;
    margin-top: 0px !important;
    float: right !important;
    cursor: pointer !important;
    border-radius: 4px !important;
    padding: 10px 20px;
}
/*04 ach */
.blue-btnnnn {
    font-family: 'Montserrat' !important;
    font-weight: bold !important;
    font-size: 15px !important;
    color: #ffffff;
    background-color: #4AB0E3;
    margin-right: 13px;
    padding: 10px !important;
}

.st-hed {
    font-family: 'Montserrat' !important;
    font-size: 18px;
    font-weight: 500 !important;
    line-height: 15px;
    color: #4AB0E3;
    font-style: normal;
    margin-top: -20px;
    margin-bottom: 18px;
}

/*coloumns content css over credit card plans page*/

/*terms and conditioncss starts for credit card plans page*/
/*.texxt-content-1 {
    color: 002868;
    font-size: 13px;
    font-weight: bold;
    margin-top: 10px;
    font-family: Segoe UI bold;
} */

/*.texxt-content-2 {
    color: #002868;
    font-family: Segoe UI regular;
    font-size: 13px;
    margin-top: 20px;
} */

/*.american1 {
    width: 712px;
    height: 289px;
    left: 364px;
    top: 848px;
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 17px;
    color: #002868;
    margin-left: 37px;
    margin-right: 37px;
    padding-top: 23px;
    margin-bottom: 35px;
}*/

/*.terms {
    font-family: Segoe UI;
    font-weight: bold;
    font-size: 13px;
}*/

/*.button,
input,
optgroup,
select,
textarea {
    font-family: Montserrat;
    color: #ffffff;
    font-weight: bold;
    font-size: 13px;
} */

/*.option14 {
    width: 80px;
    height: 17px;
    left: 922px;
    top: 601px;
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 17px;
    color: #002868;
    opacity: 0.3;
    padding: 6px 39px 7px 39px;
}*/

/*.checkbox-content {
    border: 2px dotted #00f;
    background: #ff0000;
} */

/*.normal-button {
    padding: 10px 20px;
} */

/*.disable-buttton {
    padding: 10px;
} */
/*terms and conditioncss endss for credit card plans page*/

/*last section css starts */
.last-section-text {
    font-family: Segoe UI Regular;
    font-size: 15px;
    color: #002868;
    opacity: 0.3;
    text-align: center;
}

@media only screen and (max-width: 600px) {
    /*.mob-col {
        width: 33% !important;
    } */

    /*  .arw-mnu {
        height: 80px !important;
        padding-left: 28px !important;
        line-height: 18px !important;
        padding-top: 8px !important;
    } */

    .arw-mnu:after {
        content: "";
        position: absolute;
        height: 0;
        width: 0;
        left: 100%;
        top: 0;
        border: 40px solid transparent;
        border-left: 20px solid #fff;
    }

    .arw-mnu:before {
        content: "";
        position: absolute !important;
        height: 0 !important;
        width: 0 !important;
        left: 0 !important;
        top: 0 !important;
        border: 40px solid transparent !important;
        border-left: 20px solid #e5e5e5 !important;
        transform: rotate(360deg) !important;
    }

    /* .arw-tab3 {
        padding-right: 5px !important;
    } */
}
/* plandetails css ends */












/* **************************************************** DINESH's end ************************************************************* */


/* **************************************************** MADHU's Start ************************************************************* */



/* **************************************************** MADHU's end ************************************************************* */









/* **************************************************** SUMA's Start ************************************************************* */
/*desktop 11 css*/


.dc11-form1 {
    background-color: #ffffff;
    min-height: 158px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    color: #002868;
    font-family: 'Segoe UI';
    padding: 30px;
    margin-top: 30px;
}

    .dc11-form1 .text1-header {
        color: #4bb1e4;
        font-size: 18px;
        font-weight: 500;
        font-family: 'Montserrat',sans-serif;
        line-height: 15px;
        text-align: left;
    }

    .dc11-form1 .text-radio-btn {
        font-size: 15px;
        font-weight: 700;
        font-family: 'Segoe UI',sans-serif;
        line-height: 17.29px;
        color: #25274d;
        padding-top: 10px;
    }

    .dc11-form1 .custom-radio {
        font-size: 15px;
        font-weight: 700;
        font-family: 'Segoe UI',sans-serif;
        line-height: 17.29px;
        color: #25274d;
        padding-top: 10px;
    }

    .dc11-form1 .custom-control .Radio {
        margin: 0 3px 0 0px;
    }

    .dc11-form1 .custom-control-label {
        margin: 0 5px 0 0;
    }


.dc11-form2 {
    background-color: #ffffff;
    min-height: 650px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    color: #25274d;
    font-family: 'Segoe UI';
    padding: 30px;
    margin-top: 30px;
}

    .dc11-form2 .form-check-dis11 {
        color: #25274d;
        font-size: 15px;
        font-weight: 700;
        font-family: 'Segoe UI',sans-serif;
        line-height: 17.29px;
        padding-top: 10px;
    }

    .dc11-form2 .Checkbox {
        margin-right: 15px;
        border: 2px solid #4bb1e4 !important;
        box-sizing: border-box;
        border-radius: 2.5px;
    }

    .dc11-form2 .first-inputlabel {
        font-size: 15px;
        font-weight: 700;
        font-family: 'Segoe UI',sans-serif;
        line-height: 17.29px;
        color: #25274d;
        padding-top: 30px;
    }

    .dc11-form2 .second-inputlabel {
        font-size: 15px;
        font-weight: 700;
        font-family: 'Segoe UI',sans-serif;
        line-height: 17.29px;
        color: #25274d;
        padding-top: 30px;
    }

        .dc11-form2 .second-inputlabel .label02-note {
            padding-top: 20px;
            font-size: 13px;
        }

    .dc11-form2 .note-text1 {
        font-size: 15px;
        font-weight: 700;
        font-family: 'Segoe UI',sans-serif;
        line-height: 17.29px;
        color: #25274d;
        padding-top: 30px;
        padding-right: 20px;
    }

    .dc11-form2 .contact11 {
        font-size: 15px;
        font-weight: 700;
        font-family: 'Segoe UI',sans-serif;
        line-height: 17.29px;
        color: #25274d;
        padding-top: 40px;
    }

    .dc11-form2 .time11 {
        font-size: 15px;
        font-weight: 700;
        font-family: 'Segoe UI',sans-serif;
        line-height: 17.29px;
        color: #25274d;
        padding-top: 40px;
        padding-right: 20px;
    }

    .dc11-form2 .from-box11 {
        margin-right: 50px;
        width: 60%;
    }

    .dc11-form2 .to-box11 {
        width: 60%;
        top: -107px;
        left: 50%;
    }

    .dc11-form2 .time-zone11 {
        font-size: 15px;
        font-weight: 700;
        font-family: 'Segoe UI',sans-serif;
        line-height: 17.29px;
        color: #25274d;
        margin-top: -75px;
    }

    .dc11-form2 .note-para11 {
        font-size: 12px;
        font-weight: 400;
        font-family: 'Segoe UI',sans-serif;
        line-height: 17.29px;
        color: #25274d, 50% !important;
        padding-top: 30px;
    }

    .dc11-form2 .note-hdr11 {
        padding-right: 30px;
        padding-top: 30px;
        color: #4bb1e4;
        font-size: 13px;
        font-weight: 700;
        font-family: 'Segoe UI', sans-serif;
        line-height: 20.88px;
    }

    .dc11-form2 .form-button11 {
        padding-top: 30px;
        padding-right: 20px;
    }

.time11-1 {
    font-size: 15px;
    padding-top: 40px;
    color: #25274d;
}

.dispute11-1para {
    font-size: 15px;
    color: #25274d;
    font-weight: 400;
    font-family: 'Segoe UI';
    padding-top: 20px;
}

.dispute11-1para2 {
    font-size: 13px;
    color: #25274d;
    font-weight: 400;
    font-family: 'Segoe UI';
    padding-top: 20px;
}


@media only screen and (max-width: 728px) {

    .dc11-form1 {
        margin-left: 20px;
        margin-right: 20px;
        padding: 15px;
    }

        .dc11-form1 .text1-header {
            padding-left: 20px;
            line-height: 20px;
        }

        .dc11-form1 .text-radio-btn {
            padding-left: 20px;
        }

        .dc11-form1 .custom-radio {
            padding-left: 20px;
        }

    .dc11-form2 {
        margin-left: 20px;
        margin-right: 20px;
        padding: 15px;
    }

        .dc11-form2 .form-check-dis11 {
            margin-right: 20px;
            margin-top: 10px;
        }

        .dc11-form2 .Checkbox {
            margin-left: 11px;
            margin-right: 5px;
        }

        .dc11-form2 .form-check-label11 {
            margin-top: -18px;
            margin-left: 36px;
        }

        .dc11-form2 .first-inputlabel {
            padding-top: 30px;
            padding-right: 10px;
            padding-left: 10px;
        }

        .dc11-form2 .second-inputlabel {
            padding-right: 10px;
            padding-left: 10px;
        }

        .dc11-form2 .note-text1 {
            padding-right: 0px;
            padding-left: 10px;
        }

        .dc11-form2 .contact11 {
            padding-right: 10px;
            padding-left: 10px;
        }

        .dc11-form2 .time11 {
            padding-right: 20px;
            padding-left: 0px;
            padding-top: 30px;
        }

        .dc11-form2 .to-box11 {
            padding-top: 10px;
        }

        .dc11-form2 .time-zone11 {
            padding-right: 10px;
            padding-left: 10px;
            margin-top: -75px;
        }

        .dc11-form2 .note-hdr11 {
            padding-right: 10px;
            padding-top: 20px;
            padding-left: 10px;
        }

        .dc11-form2 .note-para11 {
            padding-right: 10px;
            padding-left: 10px;
        }

    .dispute11-1para2 {
        padding-left: 20px;
        padding-right: 15px;
    }

    .time11-1 {
        padding-left: 10px;
        padding-top: 20px;
    }

    .dc11-form2 .form-button11 {
        padding-top: 30px;
        position: relative;
        left: -15px;
        display: flex;
        padding-bottom: 30px;
    }
    /*last par common css*/
}


/*desktop 11 end */

/*desktop 12 nd 12-1 strt*/



.report-form12 {
    min-height: 706px;
    background-color: #ffffff;
    margin-top: 30px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    font-family: 'Segoe UI';
    color: #25274d;
    padding: 30px;
}

.text12-header {
    font-family: 'Montserrat',sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 15px;
    color: #4bb1e4;
}

.report-form12 .custom-control {
    font-size: 15px;
    font-weight: 400;
    padding-top: 30px;
}

    .report-form12 .custom-control .Radio {
        margin: 0 3px 0 0px;
    }

.report-form12 .custom-control-label {
    margin: 0 10px 0 0;
}

.report-form12 .comment-area {
    padding-top: 20px;
    font-size: 15px;
    font-family: 'Segoe UI', sans-serif;
}

.report-form12 .comment-box {
    padding-left: 10px;
    padding: 10px;
}

.right-cornertxt {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    text-align: right;
    color: #002868;
    opacity: 0.3;
}

.report-form12 .text-muted {
    font-size: 12px;
    font-weight: 400;
    line-height: 15.96px;
    padding-top: 15px;
    color: #002868;
    opacity: 0.3;
}

.report-form12 .contact {
    padding-left: 15px;
    padding-top: 30px;
    font-family: 'Segoe UI';
    font-size: 15px;
    color: #25274d;
    line-height: 17.29px;
}

.report-form12 .time {
    padding-left: 11px;
    padding-top: 30px;
    font-family: 'Segoe UI';
    font-size: 15px;
    color: #25274d;
    line-height: 17.29px;
}

.from-box {
    margin-right: -30px;
}

.to-box {
    margin-top: 4px;
}

.report-form12 .time .label-text {
    padding: 10px 40px 10px 20px;
    margin: 0 10px 0 0px;
}
/*time for 12-1 css*/
.report-time {
    padding-left: 11px;
    padding-top: 30px;
    font-family: 'Segoe UI';
    font-size: 15px;
    color: #25274d;
    line-height: 17.29px;
}

.report-form12 .time-zone {
    padding-left: 15px;
    padding-top: 30px;
    font-family: 'Segoe UI';
    font-size: 15px;
    color: #25274d;
    line-height: 17.29px;
}
/*time-zone css for 12-1*/
.report-time-zone {
    padding-left: 15px;
    padding-top: 30px;
    font-family: 'Segoe UI';
    font-size: 15px;
    color: #25274d;
    line-height: 17.29px;
}

.report-form12 .note-paragraph {
    padding-right: 30px;
    padding-top: 30px;
    font-size: 12px;
    font-weight: 400px;
    color: rgba(0, 40, 104, 0.5);
}

.report-form12 .note-hdr {
    padding-right: 30px;
    padding-top: 30px;
    color: #4bb1e4;
    font-size: 13px;
    font-weight: 700;
    font-family: 'Segoe UI', sans-serif;
    line-height: 20.88px;
}

.report-form12 .note-paragraph2 {
    padding-right: 30px;
    padding-top: 30px;
    font-size: 12px;
    font-weight: 400px;
    color: rgba(0, 40, 104, 0.5);
}

.report-form12 .form-button {
    position: relative;
    left: -40px;
    border: none;
    border-radius: 5px;
    padding-top: 30px;
}



@media only screen and (max-width: 600px) {


    .report-form12 {
        margin-right: 25px;
        min-height: 925px;
        margin-left: 25px;
        margin-top: 50px;
    }

    .text12-header {
        padding-top: 20px;
    }

    .report-form12 .custom-control {
        padding-top: 20px;
    }

    .report-form12 .comment-area {
        padding-top: 20px;
    }

    .report-form12 .contact {
        padding-top: 20px;
        padding-right: 10px;
    }

    .report-form12 .time {
        padding-top: 20px;
        padding-right: 10px;
    }

    .from-box {
        margin-right: 50px;
        width: 55%;
    }

    .to-box {
        width: 55%;
        top: -87px;
        left: 45%;
    }
    /*12-1 time media css*/
    .report-time {
        padding-top: 20px;
        padding-right: 10px;
        padding-left: 17px;
    }

    .report-form12 .time-zone {
        padding-right: 10px;
        margin-top: -93px;
    }
    /*12-1 time-zone*/
    .report-time-zone {
        padding-top: 20px;
        padding-right: 10px;
        padding-left: 20px;
    }

    .report-form12 .note-paragraph {
        padding-right: 10px;
        padding-top: 20px;
    }

    .report-form12 .note-hdr {
        padding-right: 10px;
        padding-top: 20px;
    }

    .report-form12 .note-paragraph2 {
        padding-top: 20px;
        padding-right: 10px;
    }

    .report-form12 .form-button {
        padding-top: 30px;
        position: relative;
        left: -11px;
    }

    .right-cornertxt {
    }
}

/*desktop 12 end*/

/*desktop 45 css*/



.req-callback45-form {
    min-height: 699px;
    background-color: #ffffff;
    margin-top: 0px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 0px 0px 5px 5px;
    color: #25274d;
    padding: 30px;
}

    .req-callback45-form .req-call-first-para {
        font-size: 18px;
        font-weight: 400;
        font-family: 'Segoe UI',sans-serif;
        color: #25274d;
        line-height: 19.95px;
    }

    .req-callback45-form .form-label-NCIID {
        font-size: 15px;
        font-weight: 400;
        font-family: 'Segoe UI',sans-serif;
        color: #25274d;
        line-height: 19.95px;
        padding-top: 30px;
    }

    .req-callback45-form .form-label-prefcontnmbr {
        font-size: 15px;
        font-weight: 400;
        font-family: 'Segoe UI',sans-serif;
        color: #25274d;
        line-height: 19.95px;
        padding-right: 10px;
        padding-top: 30px;
    }

    .req-callback45-form .form-label-besttimeday {
        font-size: 15px;
        font-weight: 400;
        font-family: 'Segoe UI',sans-serif;
        color: #25274d;
        line-height: 19.95px;
        padding-top: 30px;
    }

.calender-icon31 {
    content: " ";
    position: absolute;
    top: 64px;
    right: 10%;
    min-height: 16px;
}

.req-callback45-form .form-label-reqtime {
    font-size: 15px;
    font-weight: 400;
    font-family: 'Segoe UI',sans-serif;
    color: #25274d;
    line-height: 19.95px;
    padding-right: 10px;
    padding-top: 30px;
}

.req-callback45-form .form-req-call-back-hdr1 {
    font-size: 15px;
    font-weight: 700;
    font-family: 'Segoe UI',sans-serif;
    color: #25274d;
    line-height: 19.95px;
    padding-top: 30px;
}

.req-callback45-form .form-req-callback-paragraph2 {
    font-family: 'Segoe UI',sans-serif;
    color: #25274d;
    font-weight: 400;
    font-size: 15px;
    line-height: 19.95px;
    padding-left: 20px;
    padding-right: 30px;
    padding-top: 30px;
}

.req-call-list {
    color: #4bb1e4;
}

    .req-call-list span {
        color: #25274d;
    }

.req-callback45-form .form-reqcall-check {
    color: #25274d;
    font-size: 15px;
    font-weight: 700;
    font-family: 'Segoe UI',sans-serif;
    padding-top: 30px;
    padding-left: 10px;
}

.form-reqcall-check .req-callback-Checkbox {
    margin-right: 10px;
    border: 2px solid #4bb1e4 !important;
    box-sizing: border-box;
    border-radius: 2.5px;
}

.req-callback45-form .form-req-call-back-btn45 {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 40px;
}

@media only screen and (max-width: 600px) {

    .req-callback45-form {
        margin-top: 0px;
    }

        .req-callback45-form .form-label-prefcontnmbr {
            padding-right: 0px;
            padding-top: 30px;
        }

        .req-callback45-form .form-label-besttimeday {
            padding-top: 30px;
        }

        .req-callback45-form .form-label-reqtime {
            padding-top: 10px;
            padding-right: 0px;
        }

        .req-callback45-form .form-req-call-back-hdr1 {
            padding-top: 30px;
        }

        .req-callback45-form .form-req-callback-paragraph2 {
            padding-left: 20px;
            padding-right: 10px;
        }

        .req-callback45-form .form-reqcall-check {
            padding-left: 10px;
            padding-right: 10px;
        }

    .form-reqcall-check .req-callback-Checkbox {
        margin-top: 10px;
    }

    .form-reqcall-check .form-check-label45 {
        padding-left: 25px;
        margin-top: -20px;
    }

    .req-callback45-form .form-req-call-back-btn45 {
        margin-right: -30px;
    }
}

/*desktop 45 end*/

/*desktop 26 in final 40-other options partial payment in master css*/


.partial-payment-40form1 {
    background-color: #ffffff;
    min-height: 261px;
    margin-top: 0px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}

.partial-payment-40from1-hdr {
    text-align: center;
    color: #4bb1e4;
    line-height: 15px;
    font-size: 18px;
    font-weight: 500;
    font-family: 'Montserrat';
    padding-top: 30px;
}

.partial-payment-amt {
    font-family: "Segoe UI";
    font-size: 15px;
    font-weight: 700;
    line-height: 17.29px;
    color: #25274d;
    padding-top: 30px;
    padding-left: 10px;
}

.partial-payment-freq {
    font-family: "Segoe UI";
    font-size: 15px;
    font-weight: 700;
    line-height: 17.29px;
    color: #25274d;
    padding-top: 30px;
}

.partial-payment-numbofmnt {
    font-family: "Segoe UI";
    font-size: 15px;
    font-weight: 700;
    line-height: 17.29px;
    color: #25274d;
    padding-top: 30px;
    padding-right: 10px;
}

.partial-payment-formbtn {
    padding-top: 30px;
}

.payment-formbtn {
    background-color: #4bb1e4;
    color: #ffffff !important;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 700;
    font-family: 'Montserrat',sans-serif;
    line-height: 24.09px;
    text-align: center;
    padding: 8px;
}

.partial-payment-40form2 {
    min-height: 107px;
    background-color: #ffffff;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    margin-top: 30px;
}

    .partial-payment-40form2 .partial-payment-form2hdr {
        padding-top: 10px;
        padding-left: 20px;
        font-size: 15px;
        font-weight: 700;
        font-family: 'Segoe UI';
        line-height: 22.3px;
        color: #25274d;
    }

    .partial-payment-40form2 .partial-payment-textlink1 {
        color: #4bb1e4;
        font-size: 15px;
        font-weight: 700;
        font-family: 'Segoe UI';
        line-height: 22.3px;
        padding-top: 30px;
        padding-left: 20px;
    }

    .partial-payment-40form2 .partial-payment-textlink2 {
        color: #4bb1e4;
        font-size: 15px;
        font-weight: 700;
        font-family: 'Segoe UI';
        line-height: 22.3px;
        padding-top: 30px;
        padding-left: 20px;
    }


/*media query for 40 desktop*/

@media only screen and (max-width: 600px) {


    .partial-payment-40form1 {
        min-height: 413px;
        margin-top: 0px;
        margin-left: 25px;
        margin-right: 25px;
    }

    .partial-payment-amt {
        padding-left: 20px;
        padding-right: 10px;
        margin-top: 10px;
    }

    .partial-payment-freq {
        padding-left: 20px;
        padding-right: 10px;
    }

    .partial-payment-numbofmnt {
        padding-left: 20px;
        padding-right: 10px;
    }

    .partial-payment-formbtn {
        padding-bottom: 30px;
        padding-left: 30px;
        padding-right: 25px;
    }

    .partial-payment-40form2 {
        margin-top: 30px;
        min-height: 152px;
        margin-left: 25px;
        margin-right: 25px;
    }

        .partial-payment-40form2 .partial-payment-form2hdr {
            padding-left: 0px;
            padding-top: 30px;
        }

        .partial-payment-40form2 .partial-payment-textlink1 {
            padding-top: 10px;
            padding-left: 0px;
        }

        .partial-payment-40form2 .partial-payment-textlink2 {
            padding-left: 0px;
        }
}


/*desktop 26 40-other options partial payment css end*/


/*common css form for 61 64 73 77 87 97 102 108*/
/*.confrim-details-form {
    background-color: #ffffff;
    min-height: 540px;
    margin-top: 0px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    padding: 30px;
    font-family: 'Segoe UI',sans-serif;
    color: #002868;
}*/


.form-header {
    color: #4bb1e4;
    font-size: 18px;
    font-weight: 400;
    font-family: Montserrat;
    line-height: 19.95px;
}

.confrim-details-form .confirm-detailsentered h3 {
    font-size: 15px !important;
    color: #25274d;
    font-family: 'Segoe UI',sans-serif;
    font-weight: 400;
    line-height: 17.29px;
    padding-top: 10px;
}

.confrim-details-form .confirm-details-value h3 {
    font-size: 15px !important;
    font-weight: 700;
    color: #25274d;
    line-height: 17.29px;
    font-family: 'Segoe UI',sans-serif;
    padding-top: 10px;
}

.confrim-details-form .confrim-details-btns {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 20px;
    margin-right: -6px;
}
/*common css form for 61 64 73 77 87 97 102 108 end*/
/*desktop 105*/
.accept-mail105-form {
    background-color: #ffffff;
    min-height: 408px;
    margin-top: 0px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    padding: 30px;
    font-family: 'Segoe UI',sans-serif;
    color: #002868;
}


.form-header105 {
    color: #4bb1e4;
    font-size: 18px;
    font-weight: 500;
    font-family: "Montserrat",sans-serif;
    line-height: 15px;
}

.form-para105 {
    color: #25274d;
    font-family: 'Segoe UI',sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 17.29px;
    padding-top: 20px;
    padding-right: 30px;
}

/*common for 90 105 and 81-1 for inputlabes and calender icon*/
.inputlabel-payment0f {
    padding-top: 20px;
    font-size: 15px;
    font-weight: 700;
    font-family: 'Segoe UI',sans-serif;
    color: #25274d;
}


.inputlabel-scheduledon {
    padding-top: 20px;
    font-size: 15px;
    font-weight: 700;
    font-family: 'Segoe UI',sans-serif;
    color: #25274d;
}


.inputlabel-total {
    padding-top: 20px;
    font-size: 15px;
    font-weight: 700;
    color: #25274d;
    font-family: 'Segoe UI',sans-serif;
}

.accept-mail105-form .form-btns105 {
    position: relative;
    right: 70px;
    padding-top: 30px;
}


.calendericon105 {
    content: "\f133";
    color: #4BB0E4;
    position: absolute;
    top: 54px;
    left: 85%;
}
/*desktop 105 end*/
/*90  and 81-1 css start*/
.accept-mail90-form {
    background-color: #ffffff;
    min-height: 644px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    margin-top: 0px;
    padding: 30px;
    font-family: 'Segoe UI',sans-serif;
    color: #002868;
}

.form-innerpara2 {
    font-size: 15px;
    line-height: 17.29px;
    padding-top: 30px;
    font-weight: 400;
    font-family: 'Segoe UI',sans-serif;
    color: #25274d;
}

.form-inner-btns {
    padding-right: 30px;
    padding-top: 30px;
}
/*desktop 90 and 81-1 end*/

/*74 css starts*/

.accep-mail74-form {
    background-color: #ffffff;
    min-height: 525px;
    padding: 30px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    margin-top: 0px;
    color: #25274d;
    font-family: 'Segoe UI';
}

.acceptmail74-para1 {
    font-size: 15px;
    font-weight: 700;
    padding-top: 10px;
    color: #25274d;
}

.acceptmail74-para2 {
    font-size: 13px;
    font-weight: 400;
    padding-top: 10px;
    color: #25274d;
}
/*desktop 74 end*/

/*72 and 82 css start*/

.acceptmail72-form {
    background-color: #ffffff;
    min-height: 345px;
    padding: 30px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    margin-top: 0px;
    color: #25274d;
    font-family: 'Segoe UI';
}

.acceptmail7-8hdrtext {
    color: #4bb1e4;
    font-weight: 500;
    font-size: 18px;
    line-height: 15px;
}

.acceptmail7-8hdrtext1 {
    color: #25274d;
    font-size: 15px;
    line-height: 19.28px;
    font-weight: 700;
    padding-top: 20px;
}

.acceptmail7-8para1 {
    color: #4bb1e4;
    font-size: 13px;
    font-weight: 700;
    line-height: 19.28px;
    padding-top: 20px;
}

.acceptmail7-8para2 {
    color: #25274d;
    font-size: 15px;
    font-weight: 400;
    line-height: 17.29px;
    padding-top: 20px;
    padding-right: 20px;
    font-family: 'Segoe UI';
}

.acceptmail7-8radiobtntxt {
    padding-top: 20px;
    font-size: 15px;
    font-weight: 700;
    line-height: 22.3px;
    color: #25274d;
}

.radiobtns {
    margin-right: 3px !important;
}

.radiobtn-label {
    font-size: 13px;
    font-weight: 400;
    line-height: 17.29px;
    padding-top: 20px;
}

/*desktop 72 and 82 end*/

/*css for 81-2 */
.acceptmail81-form {
    background-color: #ffffff;
    min-height: 505px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    font-family: 'Segoe UI';
    color: #25274d;
    margin-top: 0px;
    padding: 30px;
}
/*para1 common css from 74*/

.acceptmail81-list {
    padding-top: 20px;
    font-size: 13px;
    font-weight: 400;
    line-height: 17.29px;
    margin-left: -20px;
    color: #25274d;
}

.acceptmail81-check {
    padding-top: 30px;
    font-size: 13px;
    font-weight: 700;
    line-height: 19.28px;
    color: #25274d;
}

.form-check-81 {
    margin-left: 10px;
}

.form-btns81 {
    padding-top: 30px;
    margin-left: -11px;
    font-family: 'Montserrat';
    font-size: 15px;
}

/*desktop 81 desktop 1 css starts*/

.acceptmail81-1form {
    background-color: #ffffff;
    min-height: 570px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    font-family: 'Segoe UI';
    color: #002868;
    margin-top: 0px;
    padding: 30px;
}

/*desktop 81-1 end*/

/*desktop 56-2 css*/

.ezpayment56-2form {
    background-color: #ffffff;
    min-height: 367px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    font-family: 'Segoe UI';
    color: #25274d;
    margin-top: 0px;
    padding: 40px;
}

.ezpayment56-2para1 {
    font-size: 15px;
    line-height: 19.95px;
    color: #4bb1e4;
    font-weight: 700;
}

/*56-2 para2 common css from 74*/

/*common lastparagraph desktop*/

.paragraph-last {
    font-size: 15px;
    font-weight: 400;
    font-family: 'Segoe UI',sans-serif;
    line-height: 20px;
    text-align: center;
    padding-top: 40px;
    padding-right: 20px;
    padding-left: 20px;
    color: rgba(0, 40, 104, 0.3);
}
/*4th new page enrolled users page css*/

.regain-en-4-form {
    background-color: #ffffff;
    min-height: 728px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    color: #25274d;
    font-family: 'Segoe UI';
    padding-top: 30px;
}

.regain-en-4-hdrtxt {
    color: #4bb1e4;
    font-size: 18px;
    font-weight: 500;
    line-height: 15px;
    font-family: 'Montserrat',sans-serif;
    padding-left: 10px;
}

.regain-para-en-4 {
    color: #25274d;
    font-size: 15px;
    line-height: 17.29px;
    font-weight: 400;
    padding-top: 10px;
    padding-left: 10px;
}

.regain-en-4-btns {
    padding: 30px;
    margin-left: 12px;
}

/*1 and 3A*/
.enrolled1-3aform {
    min-height: 529px;
    background-color: #ffffff;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    margin-top: 0px;
    color: #25274d;
    font-family: 'Segoe UI',sans-serif;
}

.en1-3ahdrtxt {
    color: #4ab0e3;
    font-size: 18px;
    font-weight: 500;
    line-height: 15px;
    font-family: 'Montserrat';
    padding: 30px;
}
/*13th new page enrolled users*/
.none-en13-form1 {
    min-height: 126px;
    background-color: #ffffff;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    color: #002868;
    font-family: 'Segoe UI';
    padding: 30px;
    margin-top: 0px;
}

.none-13paratxt {
    font-size: 13px;
    font-family: 'Segoe UI';
    font-weight: 400;
    line-height: 17.29px;
    padding-top: 10px;
}

.banner-righten-paratext {
    float: right;
    font-size: 18px !important;
    font-family: 'Segoe UI';
    font-weight: 400;
    line-height: 23.94px;
    position: relative;
    top: 65px;
    color: #ffffff;
}
/*discount offer page desktop*/

.discount-off-form {
    background-color: #ffffff;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    margin-top: 0px;
    height: auto;
    padding: 35px;
}

.scrollbar {
    float: left;
    height: 550px;
    width: 100%;
    background: #fff;
    overflow-y: scroll;
    margin-bottom: 30px;
    margin-left: 0px;
    position: relative;
    top: 30px;
    overflow-x: hidden;
}



.scrollbar-primary::-webkit-scrollbar {
    width: 3px;
    background-color: #F5F5F5;
}

.scrollbar-primary::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #4bb1e4;
}

.scrollbar-primary {
    scrollbar-color: #4bb1e4 #F5F5F5;
}

.table-Fixed {
    position: sticky;
    top: 0;
}

/*page 31A new design css*/
.scrollbar2 {
    float: left;
    height: 389px;
    width: 100%;
    overflow-y: scroll;
    margin-bottom: 30px;
    margin-left: 0px;
    position: relative;
    top: 30px;
    overflow-x: hidden;
}

.force-overflow {
    min-height: 450px;
}

.force-overflow2 {
    min-height: 450px;
}

.inner-doc-para {
    font-size: 13px;
    color: #25274d;
    font-family: 'Segoe UI',sans-serif;
    font-weight: 400;
    padding: 15px;
}

.inner-list1 {
    font-size: 13px;
    color: #25274d;
    font-family: 'Segoe UI',sans-serif;
    font-weight: 400;
    padding-left: 35px;
    list-style-type: square;
}

.inner-list2 {
    font-size: 13px;
    color: #25274d;
    font-family: 'Segoe UI',sans-serif;
    font-weight: 400;
    padding-left: 35px;
    list-style-type: style type dashed;
}

.pay-arr-innerbg {
    background-color: #E9ECEF;
    height: 450px;
    border-radius: 70px;
    border: 1px solid;
}

.pay-arr-innerbg2 {
    background-color: #E9ECEF;
    height: 150px;
    border-radius: 40px;
    border: 1px solid;
}

.spl-para2 {
    font-size: 15px;
    font-family: 'Segoe UI',sans-serif;
    font-weight: 500;
    text-align: center;
    padding-top: 45px;
}

.dash-list span {
    color: #25274d;
}

.dashed {
    font-size: 13px;
    padding-left: 20px;
}

.calendericon-dis {
    content: "\f133";
    color: #4bb1e4;
    position: absolute;
    top: 30px;
    left: 80%;
}

.calendericon-dis3 {
    content: "\f133";
    color: #4bb1e4;
    position: absolute;
    top: 30px;
    left: 70%;
}

.calendericon-dis2 {
    content: "\f133";
    color: #4BB0E4;
    position: absolute;
    top: 37px;
    left: 82%;
}

.inputlabel-total-dis .total_amount {
    margin-left: 113px;
    padding: 0px 0px 0px 15px;
}

.inputlabel-total-dis {
    padding-top: 30px;
    font-family: 'Segoe UI',sans-serif;
    font-size: 15px;
    color: #25274d;
    font-weight: 700px;
}
/*25c  25b 30a page desktop*/
/* .hdrbar-list{
        font-family: 'Segoe UI',sans-serif;
        font-size: 15px;
        font-weight: 400;
        line-height: 24.5px;
        color: #FFFFFF;
        float:left;
        list-style-type:square;
		padding-right: 20px;
      } 
      .hdr-bg-list{
       margin-left: 114px;
      } */

.ft {
    font-family: Segoe UI !important;
}


.stpaymentof {
    padding: 0px 0px 0px 15px;
    margin-left: 40px;
    background: #F6F6F6 !important;
}

.stpaymentof2 {
    padding: 0px 0px 0px 15px !important;
    margin-left: 40px;
}

.datepicker2 {
    padding: 0px 0px 0px 15px !important;
    margin-left: 40px;
}

.datepicker1 {
    padding: 0px 0px 0px 15px !important;
    margin-left: 40px;
    background: #F6F6F6 !important;
    color: #25274d !important;
}


.total_amount {
    padding: 0px 0px 0px 15px !important;
    background: #F6F6F6 !important;
    color: #25274d !important;
    font-weight: 700 !important;
    font-family: Segoe UI;
}

.label-2 {
}

.scheduledontext {
    padding-right: 96px;
    color: #25274d;
    font-size: 13px;
    font-weight: 700;
    font-family: 'Segoe UI';
    line-height: 17px;
    float: right;
}

.totalamttxt {
    color: #25274d;
    font-size: 13px;
    font-weight: 700;
    font-family: 'Segoe UI';
    line-height: 17px;
    float: right;
    padding-right: 91px;
}

.checkbox-dis {
    color: #002868;
    font-size: 13px;
    font-weight: 400;
    line-height: 17.29px;
    font-family: 'Segoe UI';
    padding-top: 3px !important;
}

.accordion-of2a-heading {
    padding: 0;
    border: 0;
}

.accordion-of2a > a, .accordion-of2a > a:active {
    display: block;
    padding: 10px;
    color: #555;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    color: #25274d;
}

.accordion-of2a-body {
    font-family: 'Segoe UI';
    color: #25274d;
    font-size: 15px;
    line-height: 17.29px;
    font-weight: 400;
}
/*scroll for description payment*/
.scroll1 {
    float: left;
    height: 283px;
    width: 100%;
    background: #fff;
    overflow-y: scroll;
    margin-bottom: 25px;
    margin-left: 0px;
    position: relative;
    top: 30px;
    overflow-x: hidden;
}

.force-overflow1 {
    min-height: 397px;
}

.pop_cont1-des {
    font-size: 18px;
    font-family: 'Segoe UI';
    font-weight: 400;
    line-height: 22px;
    color: #002868;
}

.popupbtnlst {
    color: #fff;
    background-color: #4BB0E4;
    border-radius: 5px;
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 15px;
    padding: 10px 95px;
    border: none;
}

.penicon-des {
    padding-left: 10px;
    height: 18px;
}

.edit-des {
    padding-left: 10px;
    height: 18px;
}

.acc-btn1 {
    padding: 10px 20px !important;
    margin-right: 13px;
    color: #fff !important;
    background-color: #C9E7F7;
    font-size: 15px;
    border: none;
    font-weight: 700 !important;
    font-family: 'Montserrat',sans-serif;
}

    .acc-btn1:hover {
        color: #fff !important;
        background-color: #9C6C0D !important;
    }

.acc-btn2 {
    padding: 10px 20px !important;
    color: #ffffff;
    margin-right: 13px;
    background-color: #4bb1e4;
    font-size: 15px;
    font-weight: 700 !important;
    border: none;
    font-family: 'Montserrat',sans-serif;
}

    .acc-btn2:hover {
        color: #fff !important;
        background-color: #9C6C0D !important;
    }

.acc-btn3 {
    padding: 10px 20px !important;
    margin-right: 13px;
    color: #4BB0E4 !important;
    background-color: #C9E7F7;
    font-size: 15px;
    font-weight: 700 !important;
    border: none;
    font-family: 'Montserrat',sans-serif;
}

    .acc-btn3:hover {
        color: #4bb1e4 !important;
        background-color: #9C6C0D !important;
    }



@media only screen and (max-width: 600px) {


    /*media common css form for 61 64 73 77 87 97 102 108*/
    .confrim-details-form {
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 0px;
    }

        /*
	.hdr-bg-list{
		margin-left:12px !important;
	} */
        .confrim-details-form .confirm-details-value h3 {
            float: left !important;
            margin-top: -10px;
        }

    .payment-bankdeti-value {
        text-align: left !important;
        line-height: 21.84px;
    }

    .confrim-details-form .confrim-details-btns {
        margin-right: 19px;
        display: flex;
    }

    /*media common css form end for 61 64 73 77 87 97 102 108*/

    /*media css for 105*/
    .accept-mail105-form {
        margin-left: 25px;
        margin-right: 25px;
        margin-top: 0px;
    }

    .form-header105 {
        line-height: 24px;
    }

    .form-btns105 {
        position: relative;
        left: 20px;
    }

    .custom-class {
        display: block;
        width: 100%;
        margin-left: -20px;
        margin-top: 13px;
    }
    /*media css 90 */

    .accept-mail90-form {
        margin-left: 25px;
        margin-right: 25px;
    }
    /*btns common css for 90 and 81-1*/
    .form-inner-btns {
        display: flex;
        margin-right: -34px;
    }

    /*media 74 css*/
    .accep-mail74-form {
        margin-top: 0px;
        margin-left: 25px;
        margin-right: 25px;
    }

    /*media 72 and 82 css*/
    .acceptmail72-form {
        margin-top: 0px;
        margin-left: 25px;
        margin-right: 25px;
    }

    .acceptmail7-8hdrtext {
        line-height: 24px;
    }

    /*media css for 81-2*/
    .acceptmail81-form {
        min-height: 763px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .form-check-81 {
        margin-left: 25px;
        margin-top: -48px;
    }

    .form-btns81 {
        margin-left: 4px;
        margin-right: -20px;
        padding-right: 0px;
    }

    /*media css for 81-1*/
    .acceptmail81-1form {
        margin-left: 25px;
        margin-right: 25px;
    }

    /*media for 56-2*/

    .ezpayment56-2form {
        margin-top: 30px;
        margin-left: 10px;
        margin-right: 10px;
    }

    .ezpayment-hdrtext {
        font-size: 22px !important;
        margin-left: 44px;
        margin-top: 30px;
    }

    .ezpayment-para {
        font-size: 17px !important;
        margin-left: 44px;
    }

    /*media common css last paragraph*/
    .paragraph-last {
        padding-left: 30px;
        padding-right: 30px;
        font-size: 12px !important;
        font-weight: 400;
        line-height: 20px;
    }


    /*4th new page enrolled users media*/

    .regain-en-4-form {
        margin-left: 20px;
        margin-right: 20px;
    }

    .regain-en-4-hdrtxt {
        padding-left: 15px;
    }

    .regain-para-en-4 {
        padding-left: 15px;
    }

    .regain-en-4-btns {
        display: flex;
        flex-flow: column;
        align-items: center;
    }
    /*1 3a 7 enrolled user new page media query */
    .en1-3ahdrtxt {
        line-height: 21.94px !important;
    }

    .banner-righten-paratext {
        float: left !important;
    }

    .none-en13-form1 {
        margin-left: 20px;
        margin-right: 20px;
    }

    .enrolled1-3aform {
        margin-left: 20px;
        margin-right: 20px;
    }

    /*discount offer page*/
    .scrollbar {
        width: 100%;
        padding-right: 28px;
    }

    .inputlabel-total-dis .total_amount {
        margin-left: 0px !important;
    }

    .calendericon-dis {
        position: absolute;
        top: 52px;
        left: 86%;
    }

    .calendericon-dis2 {
        position: absolute;
        top: 60px;
        left: 80%;
    }

    /*25b 30A 25c*/
    /*.hdrbar-list{
           padding-right: 20px;
           padding-left: 10px;
           margin-top: 24px;
         } */

    .stpaymentof {
        margin-left: 0px !important;
    }

    .stpaymentof2 {
        margin-left: 0px !important;
    }

    .datepicker1 {
        margin-left: 0px !important;
    }

    .datepicker2 {
        margin-left: 0px !important;
    }

    .label-2 {
        padding-right: 15px;
    }

    .scheduledontext {
        padding-right: 0px;
    }

    .totalamttxt {
        padding-right: 0px;
    }

    .penicon-des {
        margin-top: -28px;
        float: right;
        margin-right: -23px;
    }

    .edit-des {
        margin-top: -25px;
        float: right;
        margin-right: -21px;
    }

    .inputlabel-total-dis {
        padding-right: 30px;
    }
}

/*desktop common  css end*/

/*tab view meadia query for all*/
@media (min-width: 768px) and (max-width: 1024px) {
    /*desktop 11 tab*/
    .dc11-form2 .second-inputlabel {
        margin-top: 17px;
    }

    .form-check-label11 {
        margin-top: -17px;
    }

    .dc11-form2 .Checkbox {
    }

    .dc11-form2 .time11 {
        margin-right: -14px;
        margin-left: -12px;
    }

    .dc11-form2 .form-button11 {
        display: flex;
        margin-right: -30px;
    }

    .dc11-form2 .note-hdr11 {
        padding-right: 16px;
    }
    /*desktop 108 102 97 87 77 73 64 61 tab*/


    .confrim-details-form .confrim-details-btns {
        display: flex;
    }

    /*105 tab*/
    .btn105-1 {
        margin-left: -67px;
        padding-left: 0px;
    }

    .btn105-2 {
        margin-left: 27px;
    }

    .btn105-3 {
        margin-left: 40px;
    }

    .calendericon105 {
        left: 82%;
    }
    /*12 tab*/
    .report-form12 .custom-control-label {
        margin: 0 6px 0 0;
    }
    /*40 tab*/
    .partial-payment-amt {
        padding-left: 0px;
    }

    .partial-payment-numbofmnt {
        padding-right: 0px;
    }

    .partial-payment-40form2 {
        padding-left: 0px;
    }
    /*45 tab*/
    .req-callback45-form {
        padding: 25px;
    }

        .req-callback45-form .form-req-call-back-btn45 {
            display: flex;
            margin-right: -30px;
        }
    /*4tn enrollerd user new page */
    .regain-en-4-btns {
        margin-left: -58px;
    }
    /*13th new page enrolled users*/
    .none-en13-form1 {
        padding: 28px;
    }
    /*1 new enrplled users*/
    .banner-en-4-text {
        margin-top: -190px;
        margin-left: -33px;
    }

    .stpaymentof {
        margin-left: 0px !important;
    }

    .stpaymentof2 {
        margin-left: 0px !important;
    }

    .datepicker1 {
        margin-left: 0px !important;
    }

    .datepicker2 {
        margin-left: 0px !important;
    }

    .calendericon-dis {
        margin-top: 20px;
        margin-left: 8px;
    }

    .scrollbar {
        padding-right: 20px;
    }
    /*56 tab*/

}





/* **************************************************** SUMA's end ************************************************************* */


/* **************************************************** MADHURI's Start ************************************************************* */
/*04-Desktop-Regain - New Credit Card-How it works
05-Desktop-Regain - New Credit Card-How it works css 
06-Desktop-Regain - Regain -  Reinstatement-How it works starts */

.bluebar-imgd-004 {
    background-image: url(../images/pic.png);
    padding: 0px;
    background-size: cover;
    min-height: 100px;
    background-repeat: round;
}

/* Modal Content */
.howitworkspopup004 {
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 60%;
    margin-top: 75px;
}

.imgd004-text {
    padding-top: 50px;
    color: #ffffff;
    position: absolute;
    top: 60px;
    left: 70px;
}

.header-text-004 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 25px;
    line-height: 25px;
    /* identical to box height, or 102% */
    padding-top: 14px;
    text-align: center;
    color: #FFFFFF;
}

.header-text-004-1 {
    font-family: Segoe UI;
    font-size: 20px;
    font-style: normal;
    font-weight: normal;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: center;
    color: white;
}

.arrow-rotate004-1,
.arrow-rotate004-2 {
    padding-top: 42px;
    padding-bottom: 42px;
}

.howitworkscol004-1 {
    border: 1px solid #EEF1F4;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    padding-top: 40px;
    padding-bottom: 40px;
    /*width: 200px;
    height: 137.38px;
    margin-left: -28px;*/
}

.howitworkscol004-2 {
    border: 1px solid #EEF1F4;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    padding-top: 40px;
    padding-bottom: 40px;
    /* width: 200px;
    height: 137.38px;*/
}

.howitworkscol004-3 {
    border: 1px solid #EEF1F4;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    padding-top: 40px;
    padding-bottom: 40px;
    /*width: 200px;
    height: 137.38px;*/
}

.para004-1 {
    font-family: Segoe UI;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    color: #25274d;
}

.howitworksclose004 {
    position: absolute;
    right: 11px;
    opacity: inherit;
    font-size: 22px;
    font-weight: 100;
    color: #ffffff;
    z-index: 1;
    border: 2px solid white;
    border-radius: 50%;
    width: 20.71px;
    height: 25.71px;
    top: 20px;
}

.htw005-2 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.htw48-1 {
    padding-bottom: -40px;
    padding-top: -40px;
}
/* MOBILE VIEW STARTS*/

@media only screen and (max-width: 600px) {
    .howitworkspopup004 {
        width: 100% !important;
    }

    .arrow-rotate004-1 {
        transform: rotate(90deg);
    }

    .header-text-004 {
        font-size: 20px;
        padding-top: 14px;
    }

    .header-text-004-1 {
        font-size: 13px;
        line-height: 25px;
    }
}

@media screen and (min-width: 601px) and (max-width: 767px) {
    .arrow-rotate004-1 {
        transform: rotate(90deg);
    }
}

@media screen and (min-width: 768px) and (max-width: 993px) {
    .htw004 { /*padding-bottom: -20px;*/
        height: 193px;
    }

    .arrow-rotate004-1 {
        padding-left: 0px;
        padding-top: 70px;
    }
}

@media screen and (min-width: 768px) and (max-width: 993px) {
    .howitworkscol004-1, howitworkscol004-2, howitworkscol004-3 {
        height: 193px;
    }

    .htw05-2 {
        padding-top: 0px;
    }
}

@media screen and (min-width: 993px) and (max-width: 1032px) {
    .howitworkscol004-3 {
        padding: 27px;
    }
}
/*@media screen and (min-width: 768px) and (max-width: 1033px){.htw004{}.para004-1{}}*/
@media screen and (min-width: 1024px) and (max-width: 1090px) {
    .howitworkscol004-3 {
        height: 124px;
    }
}

@media screen and (min-width: 768px) and (max-width: 994px) {
    .para00-4 {
        font-size: 15px;
    }
}
/*@media screen and (min-width: 949px) and (max-width: 1225px){.howitworkscol004-1,howitworkscol004-2,howitworkscol004-3 {height: 193px;}}*/
@media screen and (min-width: 992px) and (max-width: 994px) {
    .para05-2 {
        padding: 20px;
    }
}

@media screen and (min-width: 994px) and (max-width: 1224px) {
    .htwbox-2 {
        height: 192px;
    }
}

@media screen and (min-width: 1224px) and (max-width: 1366px) {
    .htwbox-2-1 {
        height: 131px;
    }
}


/* MOBILE VIEW ENDS*/


/* 48 how it works*/
.htw48-col-004-1 {
    border: 1px solid #EEF1F4;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    padding-top: 40px;
    padding-bottom: 40px;
}

@media screen and (min-width: 768px) and (max-width: 840px) {
    .htw48-col-004-1 {
        height: 240px;
    }
}

@media screen and (min-width: 840px) and (max-width: 991px) {
    .htw48-col-004-1 {
        height: 240px;
    }
}

@media screen and (min-width: 991px) and (max-width: 1292px) {
    .htw48-col-004-1 {
        height: 227px;
    }

    .para48 {
        text-align: center;
    }

    .para48-2 {
        padding-top: 0px;
    }
}

@media screen and (min-width: 1293px) and (max-width: 1366px) {
    .htw48-col-004-1 {
        height: 176px;
    }
}
/* 48 how it works*/

/*04-Desktop-Regain - New Credit Card-How it works
05-Desktop-Regain - New Credit Card-How it works css 
06-Desktop-Regain - Regain -  Reinstatement-How it works ends */

/*22-Desktop-Financial Relief Program-Short Survay css starts here*/
.fin-ref-form {
    background: #FFFFFF;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    background-color: #ffffff;
    min-height: 460px;
    padding: 30px;
    color: #25274d;
    font-family: 'Segoe UI',sans-serif;
}

.form-header-frp22 {
    color: #4bb1e4;
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 18px;
    line-height: 28.35px;
    padding-left: 0px;
}

.inputlabel-payment0f22 {
    padding-top: 20px;
    font-size: 15px;
    font-family: 'Segoe UI',sans-serif;
    color: #25274d;
    font-style: normal;
    font-weight: bold;
    line-height: 17px;
}

.review-color {
    color: #4bb1e4;
}

    .review-color u:hover {
        color: #4bb1e4;
    }

.note-frp-22 {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 17px;
    color: #25274d;
    margin-top: 15px;
}

.backbutton-22 {
    background: #4bb1e4;
    border-radius: 5px;
    padding: 10px 20px;
    color: #ffffff;
    margin-right: 13px;
    font-size: 15px;
    font-weight: 700;
    font-family: 'Montserrat',sans-serif;
}

.continuebutton-22 {
    padding: 10px 20px;
    color: #ffffff;
    background-color: #4bb1e4;
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 160.62%;
    opacity: 0.3;
}

.header-list {
    font-family: 'Segoe UI',sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 24.5px;
    color: #FFFFFF;
    float: left;
    padding-left: 13px;
    margin-left: -25px;
    padding-left: 30px;
    list-style-type: square;
}

.form-buttons22 {
    float: right;
    margin-left: -107px;
}

.last-DO-buttons {
    float: right;
    margin-left: -107px;
}

/* MOBILE VIEW STARTS*/
@media only screen and (max-width: 600px) {
    .form-buttons22 {
        margin-top: 29px;
        margin-left: 107px;
        float: left;
    }
}

@media screen and (min-width: 768px) and (max-width: 973px) {
    .payarrang01button {
        margin-left: -98px;
    }

    .yes-button-01-DO {
        margin-top: -72px;
    }

    .lastdobutton {
        float: left;
    }
}

@media screen and (min-width: 973px) and (max-width: 1326px) {
    .payarrang01button {
        margin-left: -98px;
    }

    .yes-button-01-DO {
        margin-top: 0px;
    }
}
/*22-Desktop-Financial Relief Program-Short Survay css ends here*/


/*24-Desktop-Financial Relief Program-Terms and Conditions css starts */
.relife-checkbox .form-check-12 {
    padding-left: 40px;
    padding-right: 30px;
}

.relife-checkbox .formcheck12-label {
    position: relative;
    margin-left: 42px;
    margin-top: -22px;
}

.review-last-content .review-question {
    padding-left: 40px;
}

/*.review-last-content {
    margin-top: 35px;
    margin-left: 30px;
}*/

.relife-checkbox {
    margin-top: 21px;
}

.relife-goback-button {
    color: #4bb1e4;
    background-color: #EAF5FA;
    padding: 10px 20px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 160.62%;
}

.refile-continue-button {
    color: #ffffff;
    background-color: #4bb1e4;
    padding: 10px 20px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 160.62%;
}

.frp-innerhdr1 {
    font-family: 'Segoe UI',sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 17px;
    color: #25274d;
}

.frp-paragraph1 {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 17px;
    color: #25274d;
    text-align: justify;
}

.list-shape {
    list-style-type: square;
    padding: 19px;
}

.form-check-label24 {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 17px;
    color: #25274d;
}
/* MOBILE VIEW STARTS*/
@media only screen and (max-width: 600px) {
    .review-last-content .review-buttons {
        left: 41px;
        margin-top: 29px;
    }
}

/*24-Desktop-Financial Relief Program-Terms and Conditions css ends */



/* 58-59-Privacy Policy starts*/
.bluebar-imgd-35 {
    background-image: url("../images/pic.png");
    background-size: cover;
    height: 100px;
}

.bluebar-imgd-35-01 {
    background-image: url("../images/pic.png");
    background-size: 100%;
    height: 82px;
    margin-top: -21px;
    margin-left: -21px;
    margin-right: -21px;
}

.header-text-35 {
    height: 26px;
    padding-top: 26px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 25px;
    line-height: 25px;
    /* identical to box height, or 102% */
    text-align: center;
    color: #FFFFFF;
}

.close-button-header {
    position: absolute;
    right: 11px;
    opacity: inherit;
    font-size: 22px;
    font-weight: 100;
    color: #ffffff;
    z-index: 1;
    border: 2px solid white;
    border-radius: 50%;
    width: 20.71px;
    height: 25.71px;
    top: 20px;
}

    .close-button-header:hover,
    .close-button-header:focus {
        color: #ffffff;
        text-decoration: none;
        cursor: pointer;
    }

.policy-paragraph-35 {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;
    color: #25274d;
}
/* Modal Content */
.popup-modal-35 {
    padding: 20px;
    border: 1px solid #888;
    margin-top: 75px;
}

.popup-dialog-35-36 {
    max-width: 1130px;
}

@media only screen and (max-width: 600px) {
    .modal {
        width: 100%;
    }

    .popup-modal-35 {
        width: 100% !important;
    }

    .close-button-header {
        margin-top: -62px;
        margin-right: -9px;
    }

    .bluebar-imgd-35-01 {
        background-image: url("../images/mbl-view-bgimg.png");
    }
}
/*35-privacy policy ends*/

/* 62-65-Total past due payment-Processing starts */

.past-due-form-62 {
    background-color: #ffffff;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    top: 4px;
    font-family: 'Segoe UI', sans-serif;
    color: #25274d;
    font-weight: 700;
    line-height: 17.29px;
}

    .past-due-form-62 .past-due-form-header-62 {
        color: #4bb1e4;
        padding-top: 30px;
        padding-left: 30px;
        font-family: Segoe UI;
        font-style: normal;
        font-weight: bold;
        font-size: 15px;
        line-height: 20px;
    }

.past-due-form-header-62-1 {
    padding-left: 30px;
    font-family: Segoe UI;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 20px;
    /* identical to box height */
    color: #4bb1e4;
}

.past-due-form-62 .past-due-paragraph1-62 {
    padding-left: 30px;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Segoe UI',sans-serif;
    line-height: 17.29px;
    font-style: normal;
    line-height: 17px;
    color: #25274d;
}

.past-due-form-62 {
    font-weight: 700;
    font-size: 13px;
}

.goback-button-62 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 160.62%;
    /* identical to box height, or 24px */
    text-align: last;
    color: #FFFFFF;
    background-color: #4bb1e4;
    padding: 10px 20px;
}

.past-due-lasttext-62 {
    position: relative;
    top: 56px;
    text-align: center;
    color: rgba(0, 40, 104, 0.3);
}



/* MOBILE VIEW STARTS*/
@media only screen and (max-width: 600px) {


    .past-due-form-62 {
        margin-left: 17px;
    }

    .past-due-lasttext-62 {
        font-family: Segoe UI;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 20px;
        /* or 167% */
        text-align: center;
        left: 17px;
    }
}
/* MOBILE VIEW ENDS*/


.blue-question-mark {
    background-color: #4bb1e4;
    width: 15px;
    height: 15px;
    border-radius: 10px;
    margin-top: -20px;
}

/* 62-65- Total past due payment-Processing ends */


/* 15-Payment History-Empty-Desktop STARTS */

/* Form1 start css */
.payment-history-15 {
    background-color: #ffffff;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    height: 371px;
    top: 50px;
    font-family: 'Segoe UI', sans-serif;
    color: #25274d;
    font-weight: 700;
    line-height: 17.29px;
}


.payment-history-header-15 {
    color: #4bb1e4;
    padding-top: 20px;
    margin-left: 24px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 15px;
    text-align: center;
}


.payment-history-para-15 {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 17px;
    padding-left: 25px;
    font-size: 13px;
    font-weight: 400;
    line-height: 17.29px;
    text-align: justify;
}

.payment-history-homesymbol-15 {
    float: right;
    margin-top: 12px;
}

.payment-history-goback-15 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    color: #4bb1e4;
    margin-left: 13px;
}


/* MOBILE VIEW STARTS*/
@media only screen and (max-width: 600px) {


    .payment-history-para-15 {
        font-family: Segoe UI;
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 17px;
        text-align: justify;
        padding-left: 15px;
        padding-right: 15px;
    }

    .payment-history-goback-15 {
        margin-left: 48px;
    }

    .arrow-left-15 {
        margin-left: 15px;
    }
}


/* 15-Payment History-Empty-Desktop ENDS*/





/* 48-How it works-Other Options-Balance in Full-Desktop STARTS 
49-50-51-52-53-55*/

/* 48-How it works-Other Options-Balance in Full-Desktop STARTS */
/* Modal Content */
.howitworkspopup48 {
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    margin-top: 75px;
}


.bluebar-imgd-48 {
    background-image: url("../images/pic.png");
    background-size: 100%;
    height: 100px;
    margin-top: -21px;
    margin-left: -21px;
    margin-right: -21px;
}

.imgd48-text {
    padding-top: 50px;
    color: #ffffff;
    position: absolute;
    top: 60px;
    left: 70px;
}

.header-text-48 {
    height: 26px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 25px;
    line-height: 25px;
    /* identical to box height, or 102% */
    padding-top: 14px;
    text-align: center;
    color: #FFFFFF;
}



.header-text-48-1 {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: Segoe UI;
    font-size: 20px;
    font-style: normal;
    font-weight: normal;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: center;
    margin-top: 20px;
    color: white;
}

.arrow-rotate48-1 {
    color: #4bb1e4;
    margin-right: -74px;
    margin-top: 50px;
    padding-right: 118px;
}

.arrow-rotate48-2 {
    color: #4bb1e4;
    margin-right: -74px;
    margin-top: 50px;
    padding-right: 118px;
}

.howitworkscol48-1 {
    border: 1px solid #EEF1F4;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    padding-top: 22px;
    height: 137.38px;
}

.howitworkscol48-2 {
    border: 1px solid #EEF1F4;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    height: 137.38px;
}

.howitworkscol48-3 {
    border: 1px solid #EEF1F4;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    height: 137.38px;
}

.howitworksrow48 {
    padding-bottom: 16px;
}

.para48-1 {
    font-family: 'Segoe UI',sans-serif;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    color: #25274d;
    font-family: Segoe UI;
    font-style: normal;
    font-size: 15px;
    line-height: 22px;
}

.para48-2 {
    font-family: 'Segoe UI',sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    color: #25274d;
    padding-top: 0px;
    padding-left: 11px;
}

.para48-3 {
    font-family: 'Segoe UI',sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    color: #25274d;
    padding-top: 32px;
}

.howitworksclose48 {
    position: absolute;
    right: 11px;
    opacity: inherit;
    font-size: 22px;
    font-weight: 100;
    color: #ffffff;
    z-index: 1;
    border: 2px solid white;
    border-radius: 50%;
    width: 20.71px;
    height: 25.71px;
    top: 20px;
}


/* MOBILE VIEW STARTS*/

@media only screen and (max-width: 600px) {

    .howitworkspopup48 {
        width: 100% !important;
    }

    .howitworksclose48 {
        margin-top: -62px;
        margin-right: -9px;
    }

    .howitworkscol48-2 {
        margin-top: 45px;
    }

    .howitworkscol48-3 {
        margin-top: 45px;
    }

    .arrow-rotate48-1 {
        transform: rotate(90deg);
        top: 173px;
        left: -36px;
    }

    .arrow-rotate48-2 {
        transform: rotate(90deg);
        top: 173px;
        left: -36px;
    }

    .howitworkscol48-1 {
        height: 164.38px;
    }


    .bluebar-imgd-48 {
        background-image: url("../images/mbl-view-bgimg.png");
    }

    .para48-1 {
        font-family: Segoe UI;
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 22px;
    }

    .para48-2 {
        padding: 25px;
    }
}
/* MOBILE VIEW ENDS*/




/*78-Accept mail-Desktop-c05 STARTS */

/* Form1 start css */
.accept-mail-form-78 {
    background-color: #ffffff;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    font-family: 'Segoe UI', sans-serif;
    color: #25274d;
    font-weight: 700;
    line-height: 17.29px;
}

    .accept-mail-form-78 .accept-mail-para1-78 {
        font-family: Segoe UI;
        font-style: normal;
        font-weight: bold;
        font-size: 15px;
        line-height: 20px;
        /* identical to box height */
        color: #25274d;
    }


.accept-mail-form1-paragraph1 {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 17px;
    padding-bottom: 20px;
    font-size: 13px;
    font-weight: 400;
    line-height: 17.29px;
    text-align: justify;
}

.accept-mail-center-78 {
    margin-top: 44px;
}
/* Form1 ends css */


/* MOBILE VIEW STARTS*/
@media only screen and (max-width: 600px) {
    .accept-mail-form-78 {
        height: 567px;
    }

    .accept-mail-center-78 {
    }
}
/*78-Accept mail-Desktop-c05 ENDS*/
/* 89-Accept mail-Desktop-c44 STARTS */

/* Form1 start css */
.accept-mail-form-89 {
    background-color: #ffffff;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    top: 50px;
    font-family: 'Segoe UI', sans-serif;
    color: #154258;
    font-weight: 700;
    line-height: 17.29px;
}

    .accept-mail-form-89 .accept-mail-header-form-89 {
        color: #4bb1e4;
        padding-top: 20px;
        margin-left: 24px;
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 15px;
    }


.accept-mail-form1-paragraph1 {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 17px;
    padding-bottom: 20px;
    font-size: 13px;
    font-weight: 400;
    line-height: 17.29px;
    text-align: justify;
}
/* Form1 ends css */
/* Form2 starts css */

.accept-mail2-form-89 {
    background-color: #ffffff;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    margin-top: 30px;
    top: 50px;
    font-family: 'Segoe UI', sans-serif;
    color: #25274d;
    font-weight: 700;
    line-height: 17.29px;
}

.accept-mail-header-form2-89 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.header-form2-89 {
    padding-bottom: 20px;
}

.border-89 {
    border: 1px solid #E9ECEF;
}

.mybox1-89 {
    width: 100%;
    border-radius: 5px;
    padding: 15px !important;
}

.mybox-bg-89 {
    background-color: #25274d !important;
}

.select-bg-89 {
    background-color: #4bb1e4 !important;
}

.first-box-89 {
    padding: 10px;
    background-color: #e9ecef;
}

.first-box-content-89 {
    text-align: center;
    background-color: #ffffff;
    padding: 10px;
    border-radius: 5px;
    color: #154258;
    font-weight: bold;
}

.first-box-content1-89 {
    color: #25274d;
    font-family: Segoe UI regular;
    font-size: 13px;
    line-height: 16px;
}

.first-box-content2-89 {
    color: #4bb1e4;
    font-family: Segoe UI Bold;
    font-size: 24px;
    line-height: 27px;
}

.first-box-content2-89-2 {
    color: #9C6C0D;
    font-family: Segoe UI Bold;
    font-size: 24px;
    line-height: 27px;
}

.first-box-content2-89-3 {
    font-family: Segoe UI Bold;
    line-height: 27px;
}

.option-select-89 {
    text-align: center;
    background-color: #e9ecef;
    border-radius: 5px;
    color: #25274d;
    font-weight: bold;
}

.btn-primary-89 {
    color: #fff;
    font-family: 'Montserrat';
    border-color: #4bb1e4;
}

.option-select-content-89 {
    font-size: 15px;
    font-weight: bold;
}

.btn-primary-continue-89 {
    color: #fff;
    border-color: #4bb1e4;
}

.select-bg-continue-89 {
    background-color: #4bb1e4 !important;
    width: 171px;
}

.mybox1-continue-89 {
    float: right;
    border-radius: 5px;
    padding: 15px !important;
    margin-top: -20px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 160.62%;
    /* identical to box height, or 24px */
    text-align: center;
    color: #FFFFFF;
}

.option-continue-89 {
    text-align: center;
    background-color: #e9ecef;
    border-radius: 5px;
    color: #25274d;
    font-weight: bold;
}
/* form 2 end css*/
/* Form 3 */
.accept-mail-form3-89 {
    background-color: #ffffff;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    margin-top: 30px;
    top: 50px;
    font-family: 'Segoe UI', sans-serif;
    line-height: 17.29px;
}

.accept-mail-form3-paragraph1 {
    padding-bottom: 20px;
    font-size: 13px;
    font-weight: 400;
    font-family: 'Segoe UI',sans-serif;
    line-height: 17.29px;
    text-align: justify;
}

.accept-mail-form3-paraheader-89 {
    color: #25274d;
    font-family: Segoe UI;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 17px;
    text-align: justify;
}
/* form 3 end css*/


.date-pick-89 {
    border-style: solid;
    border-color: #e5e5e5;
    color: #25274d;
}
/* MOBILE VIEW STARTS*/
@media only screen and (max-width: 600px) {
    .acceptmail-colsm-89 {
        padding-top: 17px;
    }

    .select-bg-continue-89 {
        width: 100%;
    }

    .accept-mail-header-form-89 {
        font-size: 18px;
    }
}
/* MOBILE VIEW ENDS */

/* 89-Accept mail-Desktop-c44 ENDS */

/* 09-FinancialReliefProgram-NoPayment(enrolled users) STARTS */


/* Form1 start css */
.payment-history-09 {
    background-color: #ffffff;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    height: 371px;
    top: 50px;
    font-family: 'Segoe UI', sans-serif;
    color: #25274d;
    font-weight: 700;
    line-height: 17.29px;
}


.payment-history-header-09 {
    color: #4bb1e4;
    padding-top: 20px;
    margin-left: 24px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 15px;
    text-align: center;
}

.payment-history-para-09 {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 17px;
    text-align: justify;
    color: #25274d;
}

.payment-history-homesymbol-09 {
    float: right;
    margin-top: 12px;
}

.payment-history-09-1 {
    background-color: #ffffff;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    height: 64px;
    top: 50px;
    font-family: 'Segoe UI', sans-serif;
    color: #25274d;
    font-weight: 700;
    line-height: 17.29px;
    padding-top: 26px;
}

.payment-history-goback-09 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    color: #4bb1e4;
    margin-left: 13px;
}

/* MOBILE VIEW STARTS
@media only screen and (max-width: 600px) {
   
}*/

/* 09-FinancialReliefProgram-NoPayment(enrolled users) ENDS*/

/* 03 & 06-Regain-Reinstatement-NoPayment STARTS */
/* Form1 start css */
.payment-history-12 {
    background-color: #ffffff;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    min-height: 126px;
    top: 50px;
    font-family: 'Segoe UI', sans-serif;
    line-height: 17.29px;
}

/*.payment-history-header-12{
color: #4bb1e4;
margin-left: 24px;font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 15px;
text-align: center;
}*/

.payment-history-para-12 {
    font-family: 'Segoe UI',sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 17px;
    text-align: justify;
    color: #25274d;
}

.payment-history-homesymbol-12 {
    float: right;
    margin-top: 12px;
}

.payment-history-15-1 {
    background-color: #ffffff;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    height: 64px;
    top: 50px;
    font-family: 'Segoe UI', sans-serif;
    color: #25274d;
    font-weight: 700;
    line-height: 17.29px;
    padding-top: 26px;
}

.payment-history-goback-15 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    color: #4bb1e4;
    margin-left: 13px;
}

.payment-history-12-1 {
    background-color: #ffffff;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    top: 50px;
    font-family: 'Segoe UI', sans-serif;
    color: #25274d;
    font-weight: 700;
    line-height: 17.29px;
    padding: 30px;
}

.first-side-12 {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 17px;
    color: #25274d;
}

.first-cost-12 {
    font-family: Segoe UI;
    font-style: normal;
    color: #25274d;
    font-size: 13px;
}

.payment-history-header-12 {
    font-family: 'Montserrat',sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 15px;
    text-align: center;
    color: #4bb1e4;
}

.payment-history-header-12-1 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 15px;
    text-align: start;
    color: #4bb1e4;
}

/*.payment-history-para-12{
font-family: Segoe UI;
font-style: normal;
font-weight: normal;
font-size: 13px;
line-height: 17px;
color: #25274d;
} */

.settlementformlabel {
    font-family: Segoe UI;
    color: #25274d;
    font-size: 13px;
    font-weight: bold;
}

.settlementform-12-1 {
    background: #FFFFFF;
    border: 1px solid #EEF1F4;
    border-radius: 6px;
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #25274d;
    opacity: 0.8;
    height: 34px;
    padding: 6px 12px;
}

.settle-goback-button {
    color: #4bb1e4;
    background-color: #EAF5FA;
    margin-left: -73px;
    width: 120px;
    margin-right: 8px;
}

.settle-continue-button {
    color: #ffffff;
    background-color: #4bb1e4;
    width: 120px;
}

.question-form-01 {
    position: absolute;
    width: 275px;
    height: 39px;
    left: 53px;
    top: 184px;
    background: #FFFFFF;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    color: #e5e5e5;
}

.ext-hd-cont-12 {
    font-family: Segoe UI;
    color: #25274d;
    font-size: 15px;
    font-weight: bold;
}

.settle-12 {
    background: #FFFFFF;
    border: 1px solid #EEF1F4;
    border-radius: 6px;
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #25274d;
    opacity: 0.8;
    height: 34px;
    padding: 6px 12px;
}

/* MOBILE VIEW STARTS*/
@media only screen and (max-width: 600px) {
    .review-buttons-12 {
        margin-left: 100px;
    }

    .header-para-12-1 {
        margin-top: 33px;
        float: left;
    }
}

/* 03-Regain-Reinstatement-NoPayment ENDS */

/* 03-Transaction Summary-desktop STARTS*/

.Financial-relife-form-ts-03 {
    background-color: #ffffff;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    min-height: 330px;
    font-family: 'Segoe UI', sans-serif;
    color: #25274d;
    font-weight: 700;
    line-height: 17.29px;
}

.relife-form-header-ts-03 {
    color: #4bb1e4;
    padding-top: 30px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 15px;
}

.payment-history-para-ts-03 {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 17px;
    text-align: justify;
    color: #25274d;
}

.relifelast-paragraph-ts-03 {
    position: relative;
    text-align: center;
    color: rgba(0, 40, 104, 0.3);
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;
    /* identical to box height, or 133% */
    text-align: center;
    color: rgba(0, 40, 104, 0.3);
}

/* 03-Transaction Summary-desktop ENDS */
/* 01-Error Occurred -Discount Offers Payment Summary-Desktop STARTS*/

.error-header-DO-03 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 15px;
    text-align: center;
    color: #4bb1e4;
}

.error-para-01 {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 17px;
    text-align: center;
    color: #25274d;
}

.error-para-02 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #ff0000;
}

/* 01-Error Occurred -Discount Offers Payment Summary-Desktop ENDS */

/* 01-Payment Arrangement-Discount Offers Payment Summary-Desktop STARTS*/
.last-DO-buttons {
    position: relative;
}

.yes-button-01-DO {
    color: #ffffff;
    background-color: #4bb1e4;
    padding: 10px 20px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 160.62%;
    text-align: center;
}

.pymt-DO-01 {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 17px;
    color: #25274d;
}

.para-DO-01 {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    color: #25274d;
}

.para-head-DO-01 {
    color: #25274d;
    font-family: Segoe UI;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 17px;
    text-align: justify;
}
/* 01-Payment Arrangement-Discount Offers Payment Summary-Desktop ENDS*/
/*disclimer css*/
.disclaimer-header-01 {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 27px;
    color: #FFFFFF;
}

.disclaimer-bg-hdr {
    color: #FFFFFF;
    font-weight: 700;
    font-family: Montserrat;
    line-height: 36.57px;
    font-size: 30px;
    margin-top: 60px;
}

.form-header-disclaimer-01 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    color: #25274d;
}

.frp-paragraph1-disclaimer {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 22px;
    color: rgba(0, 40, 104, 0.7);
}

.continue-button-01-DO {
    color: #ffffff;
    padding: 10px 20px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 160.62%;
    text-align: center;
    background: #C9E7F7;
    border-radius: 5px;
}

.logout-button-01-DO {
    color: #ffffff;
    background: #4bb1e4;
    border-radius: 5px;
    padding: 10px 20px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 160.62%;
    text-align: center;
}

/* */
.upload input[type="file"] {
    display: none;
}

.upload-path {
    display: inline-block;
    padding: 10px;
}

.upload {
    display: inline-block;
    padding: 5px;
    border-radius: 7px;
    background: #4bb1e4;
    min-width: 50px;
    font-family: Segoe UI;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: center;
    color: white;
    margin-left: -70px;
    &:hover;

{
    background: white;
    color: #4bb1e4;
    border: 1px solid #4bb1e4;
    border-radius: 10px;
}

&:active {
    background: #4bb1e4;
}

&:invalid + span {
    color: red;
}

&:valid + span {
    color: #4bb1e4;
}

}


.headertext-44 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 25px;
    line-height: 25px;
    text-align: center;
    color: #FFFFFF;
}

.form-buttons44 {
    margin-top: -56px;
}

/* */

ul.dashed {
    list-style-type: none;
}

    ul.dashed > li {
        text-indent: -5px;
    }

        ul.dashed > li:before {
            content: "-";
            text-indent: -5px;
        }

.tc-style {
    background-color: green;
    color: #fff;
}

.square-point {
    margin-left: 56px;
}

.btn-lg36 {
    font-family: Arial;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: center;
}

.btn-info36 {
    color: #fff;
    background-color: #4bb1e4;
    border-color: #4bb1e4;
    width: 100%;
}

/* MOBILE VIEW STARTS*/
@media only screen and (max-width: 600px) {
    .square-point {
        margin-left: 0px;
        margin-top: -43px;
    }

    .review-last-content .review-buttons {
        left: 41px;
        margin-top: 29px;
    }
}

.header-para-12-1 {
    float: right;
    margin-right: -50px;
    font-size: 18px !important;
    font-family: 'Segoe UI';
    font-weight: 400;
    line-height: 23.94px;
    color: #FFFFFF;
}

.buttontop {
    margin-top: -20px;
}
/* **************************************************** MADHURI's end ************************************************************* */

/*started here <Shriram>*/

.pnlhide {
    display: none;
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center/8px 10px;
    background-color: #ffffff;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.form-control {
    background: #FFFFFF;
    border: 1px solid #EEF1F4;
    border-radius: 6px;
    font-family: Segoe UI;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    color: #25274d;
    opacity: 100%;
}

.form-control-credit {
    background: #FFFFFF;
    border: 1px solid #EEF1F4;
    border-radius: 6px;
    font-family: Segoe UI;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    color: #25274d;
    opacity: 100%;
}

.form-control-select {
    display: inline;
    width: 25%;
    height: 34px;
    padding: 6px 12px;
    /*padding: 0px 0px;*/
    font-size: 14px;
    font-weight: bold;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #EEF1F4;
    border-radius: 6px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}

    .form-control-select:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
        box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
    }

.form-control::placeholder {
    opacity: 0.5 !important;
    font-size: 14px;
}

.ez_text {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 17px;
    color: #25274d;
    text-align: justify;
}

.text_break {
    white-space: nowrap;
}

.blue_bg_ssez {
    background-image: url("../images/bgblue.png");
    width: 100%;
    /*min-height: 200px;*/
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
    /*padding: 25px 0px 0px 40px;*/
    padding: 25px 0px 30px 40px;
}

.confrim-details-form {
    background-color: #ffffff;
    /*min-height: 540px;*/
    height: auto;
    margin-top: 0px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    padding: 30px;
    font-family: 'Segoe UI',sans-serif;
    color: #002868;
}
/*started here <Shriram>*/

/*Styling for error messages */
.errors {
    font-size: 10px;
    color: #d6040f !important;
    font-family: 'Verdana',sans-serif;
}

/*Styling for the input field in error */
.has-errors {
    border-color: red !important;
    /*background-image:url(../images/error.png) !important;*/
    background-repeat: no-repeat !important;
    background-position: right !important;
    border-style: solid !important;
    border-width: thin;
    border-radius: 6px;
}

@media screen and (min-width: 768px) and (max-width: 829px) {
    .navbar-default .navbar-nav > li > a {
        font-size: 10px !important;
    }

    .w3-btn, .w3-button {
        padding: 8px 10px !important;
    }
}

@media screen and (min-width: 830px) and (max-width: 899px) {
    .navbar-default .navbar-nav > li > a {
        font-size: 11px !important;
    }
}

@media screen and (min-width: 900px) and (max-width: 1069px) {
    .navbar-default .navbar-nav > li > a {
        font-size: 12px !important;
    }
}

@media screen and (min-width: 1070px) and (max-width: 1104px) {
    .navbar-default .navbar-nav > li > a {
        font-size: 13px !important;
    }
}

@media screen and (min-width: 1105px) and (max-width: 1200px) {
    .navbar-default .navbar-nav > li > a {
        font-size: 13px !important;
    }
}


@media screen and (min-width: 992px) and (max-width: 1000px) {
    .progressbar {
        max-width: 680px;
        width: 100%;
        margin: 0px auto;
    }
}

@media screen and (min-width: 1001px) and (max-width: 1200px) {
    .progressbar {
        width: 84%;
        margin: 0px auto;
    }
}

@media screen and (min-width: 1201px) and (max-width: 1220px) {
    .progressbar {
        width: 100%;
        margin: 0px auto;
    }

    .btn-one {
        width: 240px;
    }

    .btn-two {
        width: 240px;
    }

    .btn-three {
        width: 240px;
    }
}

@media screen and (min-width: 1221px) and (max-width: 1300px) {
    .progressbar {
        width: 100%;
        margin: 0px auto;
    }

    .btn-one, .btn-two, .btn-three {
        width: 250px;
    }
}

@media screen and (min-width: 1301px) and (max-width: 1350px) {
    .progressbar {
        width: 100%;
        margin: 0px auto;
    }

    .btn-one, .btn-two, .btn-three {
        width: 265px;
    }
}

.progressbar center {
    padding: 0;
    margin: 0;
}


.bnr-blubar {
    padding-top: 30px;
    padding-bottom: 45px !important;
}

    .bnr-blubar h1 {
        font-family: Montserrat !important;
        font-size: 30px !important;
        font-weight: bold !important;
        color: #ffff !important;
        margin-top: 15px !important;
        margin-left: 10px;
    }

    .bnr-blubar li {
        font-family: 'Segoe UI',sans-serif !important;
        font-size: 15px !important;
        font-weight: 400 !important;
        line-height: 1.5em !important;
        color: #FFFFFF !important;
        float: left;
        margin-left: -10px;
        list-style-type: square;
        margin-left: 0px;
        padding-right: 20px;
    }

.bnr-blubar-button {
    font-family: 'Segoe UI', sans-serif;
    font-size: 15px;
    color: #4bb1e4;
    font-weight: 400 !important;
    background-color: #fff !important;
    border-color: #fff;
    border-radius: 5px !important;
    width: 173px !important;
    height: 64px !important;
    float: right;
    margin-top: -40px;
}

.header-desktop-view-nci-logo {
    height: 40px;
    margin-left: 100px;
    width: 85px;
    height: 87px;
    margin-top: -12px;
    border: 3px solid #fff;
}

.btnNonAction:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.btnNonAction:active {
    opacity: 1;
}

.btnNonAction {
    width: 118px;
    height: 38px;

    /*<CHANGES START><Web accessibility audit-24><RITESH>*/
    /*border: 2px solid #4bb1e4;
    color: #4bb1e4;*/

    border: 2px solid #1B7CAC;
    color: #1B7CAC;
    /*<CHANGES END><Web accessibility audit-24><RITESH>*/

    background: #fff;
    border-radius: 5px;
    font-style: normal;
    font-family: Montserrat !important;
    font-weight: 700 !important;
    font-size: 15px;
    text-align: center;
    margin-right: 3px;
    margin-bottom: 15px;
}

    .btnNonAction:hover {
        background-color: #9C6C0D !important;
        color: #fff;
        border-color: #9C6C0D;
    }

    .btnNonAction:active,
    .btnNonAction:focus,
    .btnNonAction:visited {
        background-color: #9C6C0D !important;
        outline: none !important;
        color: #fff;
        border-color: #9C6C0D;
    }

.btnClassGeneric:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.btnClassGeneric:active {
    opacity: 1;
}

.HomeBtn {
    width: 215px !important;
    height: 40px !important;
}

.btnClassGeneric {
    width: 118px;
    height: 38px;
    
    /*<CHANGES START><Web accessibility audit-24><RITESH>*/
    /*background: #4bb1e4;*/
    
    background: #1B7CAC !important;
    /*<CHANGES END><Web accessibility audit-24><RITESH>*/

    border-radius: 5px;
    font-style: normal;
    font-family: Montserrat !important;
    font-weight: 700 !important;
    font-size: 15px;
    border: none;
    text-align: center;
    color: #FFFFFF;
    margin-right: 3px;
    margin-bottom: 15px;
}

    .btnClassGeneric:hover {
        background-color: #9C6C0D !important;
    }

    .btnClassGeneric:active,
    .btnClassGeneric:focus,
    .btnClassGeneric:visited {
        background-color: #9C6C0D !important;
        border: none !important;
        outline: none !important;
    }

.showDiv {
    display: inline;
}

.hideDiv {
    display: none;
}

.popupHeader {
    background-image: url(/images/pic.png);
    background-size: 100%;
    padding: 13px;
    height: 50px;
}

.popupContent {
    background-size: 100%;
    padding: 10px;
    font-family: 'Segoe UI';
}

.ClassStyle {
    z-index: 9999;
    position: fixed;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    background-color: #FFFFFF;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
    width: 47%;
    min-height: 100px;
}

@media (max-width:767px) {
    .ClassStyle-mobile {
        width: 90%;
    }
}


@media screen and (min-width: 721px) and (max-width: 728px) {
    .bnr-blubar-button {
        margin-top: -40px;
        float: right;
    }
}

@media only screen and (max-width: 720px) {
    .bnr-blubar {
        padding-top: 20px;
        padding-bottom: 25px !important;
    }

    .bnr-blubar-button {
        margin-top: 20px;
        float: left;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1180px) {
    .bnr-blubar {
        float: left;
        padding-left: 100px;
        padding-top: 0px;
    }
}

@media screen and (min-width: 1181px) and (max-width: 1199px) {
    .bnr-blubar {
        margin-left: 85px;
        margin-top: 48px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1360px) {
    .bnr-blubar {
        float: left;
        padding-left: 100px;
        padding-top: 0px;
    }
}

@media screen and (min-width: 550px) and (max-width: 699px) {
    .out-wtbox {
        margin: 0px auto;
        width: 95%;
    }
}

@media screen and (min-width: 700px) and (max-width: 799px) {
    .out-wtbox {
        margin: 0px auto;
        width: 95%;
    }
}

@media screen and (min-width: 800px) and (max-width: 991px) {
    .out-wtbox {
        margin: 0px auto;
        width: 95%;
    }
}

@media screen and (min-width: 1260px) and (max-width: 1300px) {
    .out-wtbox {
        margin: 0px auto;
        width: 100%;
    }
}

/*radio buttons spacing*/
input[type="radio" i] {
    background-color: initial;
    cursor: default;
    appearance: auto;
    box-sizing: border-box;
    margin: 3px 5px 0px 0px;
    padding: initial;
    border: initial;
}

input[type="radio"]:checked + label {
    margin-right: 20px;
}

input[type="radio"]:not(:checked) + label {
    margin-right: 20px;
}

/*box spacing*/
.boxspac {
    padding: 4px;
}

.ez-card {
    padding: 0px;
}

/*Check box color for agree and continue */

.txt_bx {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 13px;
    color: #4bb1e4;
    font-weight: bold;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .txt_bx input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

.checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border: 2px solid #4bb1e4;
    border-radius: 2.5px;
}


/* When the checkbox is checked, add a blue background */
.txt_bx input:checked ~ .checkmark {
    background-color: #fff;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.txt_bx input:checked ~ .checkmark:after {
    display: block;
}

.txt_bx .checkmark:after {
    left: 4px;
    top: 2px;
    width: 6px;
    height: 10px;
    border: solid #4bb1e4;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*centering card css*/

.btn-group-vertical > .btn-group:after,
.btn-group-vertical > .btn-group:before,
.btn-toolbar:after, .btn-toolbar:before,
.clearfix:after,
.clearfix:before,
.container-fluid:after, .container-fluid:before,
.container:after, .container:before,
.dl-horizontal dd:after,
.dl-horizontal dd:before,
.form-horizontal .form-group:after,
.form-horizontal .form-group:before,
.modal-footer:after, .modal-footer:before,
.modal-header:after, .modal-header:before,
.nav:after, .nav:before, .navbar-collapse:after,
.navbar-collapse:before, .navbar-header:after,
.navbar-header:before, .navbar:after,
.navbar:before, .pager:after,
.pager:before, .panel-body:after,
.panel-body:before, .row:after, .row:before {
    margin: 0px auto !important;
}

/*Centering card css end */


/*display summary with table format of responsive -- start*/

/*  SECTIONS  */
.section {
    clear: both;
    /*padding: 0px;*/
    margin: 0px;
    font-family: Segoe UI;
    font-style: normal;
    font-size: 13px;
    line-height: 22px;
    color: #002868;
    /*padding-top: 3%;*/
}

/*  COLUMN SETUP  */
.col {
    display: block;
    float: left;
    margin: 1% 0 1% 1.6%;
}

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

/*  GROUPING  */
.group:before,
.group:after {
    content: "";
    display: table;
}

.group:after {
    clear: both;
}

.group {
    zoom: 1; /* For IE 6/7 */
}
/*  GRID OF THREE  */
.span_3_of_3 {
    width: 100%;
}

.span_2_of_3 {
    width: 66.13%;
}

.span_1_of_3 {
    /*width: 32.26%;*/
    width: 40.26%;
}

.span_1_of_4 {
    width: 1.26%;
}

.span_1_of_5 {
    width: 100%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
    /*.col {  margin: 1% 0 1% 0%; }*/
    .col {
        margin: 1% 10px 1% 0%;
    }
    /*.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }*/
    .span_3_of_3, .span_2_of_3, .span_1_of_3 {
        width: 44%;
    }

    .span_1_of_5 {
        width: 100%;
    }
}

/*display summary with table format of responsive -- end*/