/* local */


.page-loader {
    background: url("../../../content/dam/idfcfirstbank/images/credit-card/etb/pre-approved/wait.svg") no-repeat center center rgba(0, 0, 0, 0.8);
}


.page-loader.act {
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    z-index: 2;
}

.page-loader {
    background: url("../../../content/dam/idfcfirstbank/images/credit-card/etb/pre-approved/wait.svg") no-repeat center center rgba(0, 0, 0, 0.8);
    height: 100%;
    position: fixed;
    top: 0px;
    width: 100%;
    display: none;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.loader-cust {
    border: 4px solid #fff;
    border-radius: 50%;
    border-top: 4px solid #9d1d27;
    width: 150px;
    height: 150px;
    animation: spin 2s linear infinite !important;
}

.pmsby-main {
    margin: 30px 0;
}

.pmsby-main .hd28 {
    font-weight: 500;
    letter-spacing: -1px;
    line-height: 33px;
}

.pmsby-main .f17 {
    font-size: 17px;
    letter-spacing: -0.61px;
}

.pmsby-main .MT10m {
    margin-top: -10px;
}

.pmsby-main .form-group1 {
    box-shadow: 0 4px 8px 0 rgba(37, 36, 59, 0.08);
}

.pmsby-main .form-group1 input,
.pmsby-main .form-group1 textarea,
.pmsby-main .form-group1 select {
    font-weight: 400;
    padding-right: 0;
    font-size: 17px;
}

@media (max-width: 991px) {
    .pmsby-main .hd24 {
        font-size: 24px;
        font-weight: 600;
        letter-spacing: -0.86px;
        margin-bottom: 20px;
    }
}

.pmsby-main .custom-control .f12,
.pmsby-main .custom-control .f17 {
    color: #25243B;
}

.pmsby-main #pmsbyForm3 .btn-box .error {
    margin: 10px 0 0;
    font-size: 12px;
}

.pmsby-main .wow-steps-copy li {
    color: #25243B;
    font-weight: 500;
}

@media (max-width: 767px) {
    .pmsby-main .wow-steps.op1 {
        width: 240px;
    }

    .pmsby-main .step-bx {
        overflow: hidden;
    }

    .pmsby-main .step-bx .wow-steps-copy {
        overflow: visible;
        margin-top: 8px;
    }

    .pmsby-main .step-bx .wow-steps-copy li {
        font-size: 14px;
    }
}

.btn-box .btn-red.big {
    width: 100%;
    border: 0;
    padding: 16px 30px;
    border-radius: 28px;
}

.smbd {
    font-weight: 600;
}

.pmsby-imgbx {
    background-image: linear-gradient(180deg, #F7D8D5 52%, #EBAFAA 100%);
    border-radius: 8px;
    padding: 20px 12px 0;
    position: -webkit-sticky;
    position: sticky;
    top: 125px;
}

.pmsby-imgbx figure {
    margin-bottom: 0;
    text-align: center;
}

@media (max-width: 991px) {
    .pmsby-imgbx {
        padding-bottom: 2px;
        margin-bottom: 20px;
    }
}

.pmsby-carousel .cardBx {
    background: #FFFFFF;
    box-shadow: 0 4px 8px 0 rgba(37, 36, 59, 0.1);
    border-radius: 10px;
    padding: 16px 10px;
    margin: 0 4px 8px;
    min-height: 92px;
}

.pmsby-carousel .cardBx.op1 {
    background-image: linear-gradient(115deg, #FFEBEB 0%, #FAF3D8 100%);
}

.pmsby-carousel .cardBx p {
    font-weight: 500;
    font-size: 14px;
    letter-spacing: -0.5px;
    line-height: 20px;
    margin-bottom: 0;
}

.pmsby-carousel .cardBx img {
    float: right;
    width: auto;
    margin-top: 10px;
    margin-left: 4px;
}

@media (max-width: 1199px) {
    .pmsby-carousel .owl-stage {
        left: -20px;
    }
}

.modal-dialog.modal-pm {
    max-width: 500px;
}

.modal-dialog.modal-pm .modal-content {
    border: 0;
    box-shadow: 0 4px 8px 0 rgba(37, 36, 59, 0.1);
    border-radius: 16px;
}

.modal-dialog.modal-pm .modal-b {
    text-align: center;
    padding: 32px 16%;
}

.modal-dialog.modal-pm .modal-b .f16 {
    letter-spacing: -0.57px;
    line-height: 1.3;
    font-size: 16px;
}

.modal-dialog.modal-pm .infoIcn {
    margin-bottom: 0;
    text-align: center;
    margin-top: -32px;
}

.modal-dialog.modal-pm .icon-close.red::before {
    color: #9B1E26;
}

@media (max-width: 767px) {
    .modal-dialog.modal-pm .popup-close.op1 {
        right: 12px;
        top: 12px;
    }
}

.congr-main {
    height: calc(100vh - 100px);
}

.congr-main .hd28 {
    font-weight: 600;
    letter-spacing: -1px;
    line-height: 33px;
}
.fs16 {
    font-size: 16px;
}
.custom-control.custom-radio .custom-control-label:before {
    border-radius: 50% !important
}
.fs17 {
    font-size: 17px
}
.step-bx {
    -ms-flex-pack: center;
    justify-content: center
}

.step-bx .wow-steps.op1:before {
    background: #d8d8d8
}

.step-bx .wow-steps.op1.st2:before {
    background: #9b1e26
}

.step-bx .wow-steps.op1 li.active figure {
    font-size: 14px
}

.step-bx .wow-steps.op1 figure {
    font-size: 12px;
    color: #9b1e26
}

.step-bx .wow-steps.op1 figure.op1 {
    background: #fff
}

.step-bx .wow-steps li figure img {
    width: 20px
}

.step-bx .wow-steps-copy li {
    width: 150px;
    opacity: .35;
    letter-spacing: -.57px
}

.step-bx .wow-steps-copy li.active {
    opacity: 1
}

@media (max-width:767px) {
    .step-bx .wow-steps-copy {
        overflow: hidden
    }
}
.wow-steps {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

.wow-steps:before {
    background: #d8d8d8;
    height: 6px;
    position: absolute;
    content: "";
    left: 0;
    width: 100%;
    top: 35px
}

@media (max-width:767px) {
    .wow-steps:before {
        height: 5px;
        top: 30px
    }
}

.wow-steps li {
    width: 84px;
    text-align: center;
    font-size: 18px;
    letter-spacing: -1px;
    color: #686873
}

.wow-steps li figure {
    background: #f8feff;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, .08);
    width: 84px;
    height: 84px;
    border-radius: 50%;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.wow-steps li figure img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 50%
}

@media (max-width:767px) {
    .wow-steps li {
        width: 65px;
        font-size: 12px
    }

    .wow-steps li figure {
        width: 65px;
        height: 65px
    }
}

.wow-steps.op1 {
    margin: 0 auto
}

.wow-steps.op1.op2:before {
    width: 100%
}

.wow-steps.op1.op2:after {
    display: none
}

.wow-steps.op1:before {
    background: #9b1e26;
    left: 0
}

.wow-steps.op1:after,
.wow-steps.op1:before {
    height: 1px;
    position: absolute;
    content: "";
    width: 50%;
    top: 22px
}

.wow-steps.op1:after {
    background: #dbdbde;
    right: 0
}

.wow-steps.op1 li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    width: 130px
}

.wow-steps.op1 li:first-child {
    -ms-flex-align: start;
    align-items: flex-start
}

.wow-steps.op1 li:last-child {
    -ms-flex-align: end;
    align-items: flex-end
}

.wow-steps.op1 li:last-child figure {
    background: #fff
}

.wow-steps.op1 li.active figure {
    width: 40px;
    height: 40px;
    color: #fff;
    background: #9b1e26
}

.wow-steps.op1 figure {
    background: #9b1e26;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, .08);
    width: 24px;
    height: 24px;
    border-radius: 50%;
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin: 0;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width:767px) {
    .wow-steps.op1 {
        width: 300px;
        margin: 0 auto
    }

    .wow-steps.op1:after,
    .wow-steps.op1:before {
        top: 12px
    }

    .wow-steps.op1 figure {
        width: 16px;
        height: 16px
    }

    .wow-steps.op1 li.active figure {
        width: 24px;
        height: 24px
    }
}

.wow-steps.op3 {
    margin: 0 auto
}

.wow-steps.op3:before {
    left: 0
}

.wow-steps.op3:after,
.wow-steps.op3:before {
    background: #9b1e26;
    height: 1px;
    position: absolute;
    content: "";
    width: 50%;
    top: 22px
}

.wow-steps.op3:after {
    right: 0
}

.wow-steps.op3 li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    width: 130px
}

.wow-steps.op3 li:first-child {
    -ms-flex-align: start;
    align-items: flex-start
}

.wow-steps.op3 li:last-child {
    -ms-flex-align: end;
    align-items: flex-end
}

.wow-steps.op3 li:last-child figure {
    background: #fff
}

.wow-steps.op3 li.active figure {
    width: 40px;
    height: 40px;
    color: #fff;
    background: #9b1e26
}

.wow-steps.op3 figure {
    background: #9b1e26;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, .08);
    width: 24px;
    height: 24px;
    border-radius: 50%;
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin: 0;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width:767px) {
    .wow-steps.op3 {
        width: 300px;
        margin: 0 auto
    }

    .wow-steps.op3:after,
    .wow-steps.op3:before {
        top: 12px
    }

    .wow-steps.op3 figure {
        width: 16px;
        height: 16px
    }

    .wow-steps.op3 li.active figure {
        width: 24px;
        height: 24px
    }
}

.wow-steps.op2:before {
    width: 84%;
    left: 8%
}

.wow-steps.op2 li {
    width: 164px
}

.wow-steps.op2 li figure {
    margin: 0 auto;
    margin-bottom: 10px
}

.wow-steps-copy {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.wow-steps-copy li {
    width: 130px;
    text-align: center;
    font-size: 16px;
    letter-spacing: -1px;
    color: #686873
}

.wow-steps-copy li:first-child {
    margin-left: -50px
}

.wow-steps-copy li:last-child {
    margin-right: -50px
}

@media (max-width:767px) {
    .wow-steps-copy {
        width: 270px;
        margin: 0 auto;
        margin-top: 3px
    }

    .wow-steps-copy li {
        font-size: 11px
    }

    .wow-steps-copy li:last-child {
        opacity: .5
    }
}

@media (max-width:767px) {
    .screen-3 .wow-steps-copy li:last-child {
        opacity: 1
    }
}

    .custom-control-label:before {
    border-color: #9b1e26;
    border-radius: 0 !important;
    border-width: 2px
}

.custom-control-input:checked~.custom-control-label:before {
    border-color: #9b1e26;
    background-color: #9b1e26;
}

.custom-control.custom-radio .error {
    z-index: 1;
    width: 100%;
    white-space: nowrap
}

.custom-control.custom-radio .custom-control-input.is-valid~.custom-control-label, .custom-control.custom-radio .was-validated .custom-control-input:valid~.custom-control-label {
    color: #25243b;
}
.custom-control.custom-radio .custom-control-input.is-valid~.custom-control-label:before, .custom-control.custom-radio .was-validated .custom-control-input:valid~.custom-control-label:before {
    border-color: #9b1e26;
}

.custom-control.custom-radio .custom-control-input.is-valid:checked~.custom-control-label:before, .custom-control.custom-radio .was-validated .custom-control-input:valid:checked~.custom-control-label:before {
    border-color: #9b1e26;
    background-color: #9b1e26;
}
.link {
    color: #9b1e26;
    font-size: 12px;
    font-weight: 600;
    background: url(../../../content/dam/idfcfirstbank/images/pmsby-journey/arrow.svg) no-repeat 100%;
    padding-right: 26px;
    transition: all .3s;
}

.msg{
    font-size: 22px;
}
.congr-main {
    height: calc(100vh - 100px)
}

.congr-main .hd28 {
    font-weight: 600;
    letter-spacing: -1px;
    line-height: 33px
}