@font-face {
    font-family: 'Gilroy-Regular';
    src: url("../fonts/Gilroy-Regular.ttf") format("woff-variations");
}

@font-face {
    font-family: 'Gilroy-Bold';
    src: url("../fonts/Gilroy-Bold.ttf");
}

@font-face {
    font-family: 'Gilroy-Medium';
    src: url("../fonts/Gilroy-Medium.ttf") format("woff-variations");
}


/*@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Roboto:300,400,500,700,900');*/


/* line 6, ../sass/securitydeposit.scss */

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}


/* line 13, ../sass/securitydeposit.scss */

body {
    font-family: 'Gilroy-Regular';
    font-weight: 400;
    overflow-x: hidden;
    background: #F1F4F9;
}

@media (max-width: 767px) {
    /* line 13, ../sass/securitydeposit.scss */
    body {
        background: #fff;
    }
}


/* line 23, ../sass/securitydeposit.scss */

#header {
    display: none;
}


/* line 27, ../sass/securitydeposit.scss */

.dialog-off-canvas-main-canvas {
    padding-top: 43px;
}

@media (max-width: 767px) {
    /* line 27, ../sass/securitydeposit.scss */
    .dialog-off-canvas-main-canvas {
        padding-top: 12px;
    }
}


/* line 34, ../sass/securitydeposit.scss */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
address,
big,
em,
img,
small,
strike,
strong,
sub,
sup,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
}


/* line 105, ../sass/securitydeposit.scss */

.clear {
    clear: both;
}


/* line 109, ../sass/securitydeposit.scss */

ol,
ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}


/* line 116, ../sass/securitydeposit.scss */

html,
body {
    margin: 0;
    padding: 0;
    border: 0;
}


/* line 123, ../sass/securitydeposit.scss */

.loader-wrapper {
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    background-image: url("//dcx0p3on5z8dw.cloudfront.net/themes/classroom/images/loader.gif");
    background-repeat: no-repeat;
    background-position: center center;
    background-color: rgba(0, 0, 0, 0.7);
    background-size: 198px 198px;
}


/*security deposit refund*/


/* line 135, ../sass/securitydeposit.scss */

.logo-srd img {
    width: 145px;
    margin: 0px auto;
    display: block;
    margin-bottom: 40px;
}

@media (max-width: 767px) {
    /* line 135, ../sass/securitydeposit.scss */
    .logo-srd img {
        width: 111px;
        display: block;
        margin-bottom: 37px;
        margin-top: 11px;
    }
}


/* line 149, ../sass/securitydeposit.scss */

.container-srd {
    max-width: 1200px;
    margin: 0px auto;
    display: block;
    padding: 59px 200px 44px;
    border-radius: 6px;
    background-color: #ffffff;
}

@media (max-width: 1023px) {
    /* line 149, ../sass/securitydeposit.scss */
    .container-srd {
        padding: 59px 42px 44px;
    }
}

@media (max-width: 767px) {
    /* line 149, ../sass/securitydeposit.scss */
    .container-srd {
        padding: 20px;
    }
}


/* line 164, ../sass/securitydeposit.scss */

.card-detail-box-srd {
    width: auto;
    height: auto;
    margin: 0 0 40px;
    padding: 32px 23px 32px 51px;
    border-radius: 6px;
    box-shadow: 0 0 32px 0 rgba(136, 152, 170, 0.15);
    background-color: #ffffff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

@media (max-width: 767px) {
    /* line 164, ../sass/securitydeposit.scss */
    .card-detail-box-srd {
        -webkit-flex-flow: wrap;
        -moz-flex-flow: wrap;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
    }
}

@media (max-width: 767px) and (max-width: 767px) {
    /* line 164, ../sass/securitydeposit.scss */
    .card-detail-box-srd {
        padding: 17px 16px 15px;
        margin: 0 0 23px;
    }
}


/* line 180, ../sass/securitydeposit.scss */

.card-detail-box-srd .card-pic-box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: wrap;
    -moz-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    min-width: 36%;
}

@media (max-width: 1023px) {
    /* line 180, ../sass/securitydeposit.scss */
    .card-detail-box-srd .card-pic-box {
        -webkit-flex-flow: row;
        -moz-flex-flow: row;
        -ms-flex-flow: row;
        flex-flow: row;
    }
}

@media (max-width: 767px) {
    /* line 180, ../sass/securitydeposit.scss */
    .card-detail-box-srd .card-pic-box {
        -webkit-flex-flow: row;
        -moz-flex-flow: row;
        -ms-flex-flow: row;
        flex-flow: row;
        width: 100%;
    }
}


/* line 192, ../sass/securitydeposit.scss */

.card-detail-box-srd .card-pic-box .card-profile-text {
    border-radius: 9px;
    width: 70px;
    height: 70px;
    margin: 0 19px 0 0;
    background: #00b0f5;
}

@media (max-width: 767px) {
    /* line 192, ../sass/securitydeposit.scss */
    .card-detail-box-srd .card-pic-box .card-profile-text {
        width: 48px;
        height: 48px;
    }
}


/* line 202, ../sass/securitydeposit.scss */

.card-detail-box-srd .card-pic-box .card-profile-text p {
    font-size: 26px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    padding: 20px 0px 20px 0px;
    box-sizing: border-box;
    margin-bottom: 0;
}

@media (max-width: 767px) {
    /* line 202, ../sass/securitydeposit.scss */
    .card-detail-box-srd .card-pic-box .card-profile-text p {
        font-size: 15px;
        padding: 15px 0px 20px 0px;
    }
}


/* line 216, ../sass/securitydeposit.scss */

.card-detail-box-srd .card-pic-box .card-name {
    padding-top: 0px;
    width: 65%;
}

@media (max-width: 767px) {
    /* line 216, ../sass/securitydeposit.scss */
    .card-detail-box-srd .card-pic-box .card-name {
        width: 100%;
    }
}


/* line 222, ../sass/securitydeposit.scss */

.card-detail-box-srd .card-pic-box .card-name h2 {
    font-size: 26px;
    font-weight: bold;
    color: #414141;
    font-family: 'Gilroy-Bold';
    line-height: 26px;
}

@media (max-width: 767px) {
    /* line 222, ../sass/securitydeposit.scss */
    .card-detail-box-srd .card-pic-box .card-name h2 {
        font-size: 14px;
    }
}


/* line 232, ../sass/securitydeposit.scss */

.card-detail-box-srd .card-pic-box .card-name p {
    color: #a1aeb7;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0;
    font-family: 'Gilroy-Bold';
    margin-top: 8px;
}

@media (max-width: 767px) {
    /* line 232, ../sass/securitydeposit.scss */
    .card-detail-box-srd .card-pic-box .card-name p {
        font-size: 12px;
        margin-top: 3px;
    }
}


/* line 246, ../sass/securitydeposit.scss */

.card-detail-box-srd .card-detail {
    max-width: 45%;
}

@media (max-width: 767px) {
    /* line 246, ../sass/securitydeposit.scss */
    .card-detail-box-srd .card-detail {
        max-width: 100%;
    }
}


/* line 251, ../sass/securitydeposit.scss */

.card-detail-box-srd .card-detail p {
    font-size: 18px;
    color: #00b0f5;
    font-weight: bold;
    margin: 0px 0px 14px 1px;
    font-family: 'Gilroy-Bold';
}

@media (max-width: 767px) {
    /* line 251, ../sass/securitydeposit.scss */
    .card-detail-box-srd .card-detail p {
        font-size: 14px;
        margin: 2px 0 8px 0;
    }
}


/* line 262, ../sass/securitydeposit.scss */

.card-detail-box-srd .card-detail h3 {
    font-size: 16px;
    color: #414141;
    font-family: 'Gilroy-Bold';
}

@media (max-width: 767px) {
    /* line 262, ../sass/securitydeposit.scss */
    .card-detail-box-srd .card-detail h3 {
        font-size: 12px;
    }
}


/* line 270, ../sass/securitydeposit.scss */

.card-detail-box-srd .card-detail h4 {
    font-size: 15px;
    font-weight: 500;
    color: #414141;
    margin-top: 6px;
    font-family: 'Gilroy-Medium';
    line-height: 22px;
}

@media (max-width: 767px) {
    /* line 270, ../sass/securitydeposit.scss */
    .card-detail-box-srd .card-detail h4 {
        font-size: 10px;
    }
}


/* line 282, ../sass/securitydeposit.scss */

.card-detail-box-srd .card-line {
    width: 119px;
    height: 0.1px;
    margin: 47px 1px 5px 0;
    transform: rotate(90deg);
    border: solid 1px #f0f0f0;
    background: #f0f0f0;
}

@media (max-width: 1023px) {
    /* line 282, ../sass/securitydeposit.scss */
    .card-detail-box-srd .card-line {
        width: 77px;
    }
}

@media (max-width: 767px) {
    /* line 282, ../sass/securitydeposit.scss */
    .card-detail-box-srd .card-line {
        width: 100%;
        margin: 17px 1px 5px 0;
        transform: rotate(180deg);
    }
}


/* line 301, ../sass/securitydeposit.scss */

.course-name-section h2 {
    font-size: 22px;
    color: #00b0f5;
    font-family: 'Gilroy-Bold';
}

@media (max-width: 767px) {
    /* line 301, ../sass/securitydeposit.scss */
    .course-name-section h2 {
        font-size: 16px;
    }
}


/* line 309, ../sass/securitydeposit.scss */

.course-name-section .course-n-box {
    margin: 9px 0 25px;
    padding: 17px 21px 17px 30px;
    border-radius: 4px;
    box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.06);
    background-color: #ffffff;
}

@media (max-width: 767px) {
    /* line 309, ../sass/securitydeposit.scss */
    .course-name-section .course-n-box {
        padding: 12px 0 9px 16px;
        margin: 6px 0 18px;
    }
}


/* line 319, ../sass/securitydeposit.scss */

.course-name-section .course-n-box p {
    font-size: 18px;
    font-weight: bold;
    color: #262626;
    margin-bottom: 0px;
    font-family: 'Gilroy-Bold';
}

@media (max-width: 767px) {
    /* line 319, ../sass/securitydeposit.scss */
    .course-name-section .course-n-box p {
        font-size: 12px;
        font-family: 'Gilroy-Medium';
    }
}


/* line 334, ../sass/securitydeposit.scss */

.course-date-section ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: wrap;
    -moz-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
}

@media (max-width: 767px) {
    /* line 334, ../sass/securitydeposit.scss */
    .course-date-section ul {
        -webkit-flex-flow: column;
        -moz-flex-flow: column;
        -ms-flex-flow: column;
        flex-flow: column;
    }
}


/* line 340, ../sass/securitydeposit.scss */

.course-date-section ul li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 34%;
    margin-top: 12px;
    align-items: center;
}

@media (max-width: 767px) {
    /* line 340, ../sass/securitydeposit.scss */
    .course-date-section ul li {
        width: 100%;
    }
}


/* line 348, ../sass/securitydeposit.scss */

.course-date-section ul li .right-enrol {
    width: 90px;
    font-size: 14px;
    font-weight: bold;
    color: #262626;
    font-family: 'Gilroy-Bold';
}

@media (max-width: 767px) {
    /* line 348, ../sass/securitydeposit.scss */
    .course-date-section ul li .right-enrol {
        font-size: 12px;
        font-weight: normal;
        font-family: 'Gilroy-Medium';
    }
}


/* line 360, ../sass/securitydeposit.scss */

.course-date-section ul li .mr-tp-li {
    margin-top: 19px;
}


/* line 363, ../sass/securitydeposit.scss */

.course-date-section ul li .left-enrol {
    font-size: 18px;
    font-weight: bold;
    color: #262626;
    font-family: 'Gilroy-Bold';
}

@media (max-width: 767px) {
    /* line 363, ../sass/securitydeposit.scss */
    .course-date-section ul li .left-enrol {
        font-size: 14px;
    }
}


/* line 376, ../sass/securitydeposit.scss */

.line-section {
    height: 1px;
    margin: 36px 0 44px;
    /* border: solid 1px #ebebeb;*/
    background: #ebebeb;
}

@media (max-width: 767px) {
    /* line 376, ../sass/securitydeposit.scss */
    .line-section {
        margin: 25px 0 30px;
    }
}


/* line 386, ../sass/securitydeposit.scss */

.srd-amount-section {
    border: 1px dashed #cbcbcb;
    border-radius: 10px;
    width: 700px;
    height: auto;
    margin: 14px auto 0;
    display: block;
}

@media (max-width: 767px) {
    /* line 386, ../sass/securitydeposit.scss */
    .srd-amount-section {
        width: 100%;
    }
}


/* line 396, ../sass/securitydeposit.scss */

.srd-amount-section h3 {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    color: #414141;
    font-family: 'Gilroy-Bold';
    margin-top: -12px;
    background: #fff;
    width: 30%;
    margin: -15px auto 0;
}

@media (max-width: 767px) {
    /* line 396, ../sass/securitydeposit.scss */
    .srd-amount-section h3 {
        font-size: 14px;
        background: #fff;
        width: 40%;
        margin: -8px auto 0;
    }
}


/* line 414, ../sass/securitydeposit.scss */

.srd-amount-section .srd-amount p {
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    color: #f5365c;
    margin-top: 16px;
    margin-bottom: 21px;
    font-family: 'Gilroy-Bold';
}

@media (max-width: 767px) {
    /* line 414, ../sass/securitydeposit.scss */
    .srd-amount-section .srd-amount p {
        margin-top: 12px;
        margin-bottom: 12px;
        font-size: 24px;
    }
}


/* line 431, ../sass/securitydeposit.scss */

.payment-detail-section {
    margin-top: 54px;
}

@media (max-width: 767px) {
    /* line 431, ../sass/securitydeposit.scss */
    .payment-detail-section {
        margin-top: 30px;
    }
}


/* line 436, ../sass/securitydeposit.scss */

.payment-detail-section .payment-box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
}


/* line 440, ../sass/securitydeposit.scss */

.payment-detail-section .edit-security-refund {
    display: flex;
}


/* line 442, ../sass/securitydeposit.scss */

.payment-detail-section .edit-security-refund .edit-button {
    margin: 5px 17px 21px 1px;
    padding: 9px 14px;
    border-radius: 6px;
    background-color: #00b0f5;
    cursor: pointer;
    color: #fff;
    font-size: 18px;
    font-family: 'Gilroy-Bold';
    border: none;
    display: block;
    height: 40px;
    outline: none;
}


/* line 455, ../sass/securitydeposit.scss */

.payment-detail-section .edit-security-refund .edit-button img {
    width: 24%;
}

@media (max-width: 767px) {
    /* line 442, ../sass/securitydeposit.scss */
    .payment-detail-section .edit-security-refund .edit-button {
        margin: 5px 17px 21px 1px;
        padding: 4px 4px;
        border-radius: 4px;
        background-color: #00b0f5;
        cursor: pointer;
        color: #fff;
        font-size: 12px;
        font-family: 'Gilroy-Bold';
        height: 32px;
    }
}


/* line 470, ../sass/securitydeposit.scss */

.payment-detail-section .edit-security-refund .cancel-button {
    margin: 5px 17px 21px 1px;
    padding: 3px 14px;
    border-radius: 6px;
    background-color: #fb4f4f;
    cursor: pointer;
    color: #fff;
    font-size: 18px;
    font-family: 'Gilroy-Bold';
    border: none;
    display: block;
    height: 40px;
}

@media (max-width: 767px) {
    /* line 470, ../sass/securitydeposit.scss */
    .payment-detail-section .edit-security-refund .cancel-button {
        margin: 5px 17px 21px 1px;
        padding: 4px 6px;
        border-radius: 4px;
        background-color: #f53636;
        cursor: pointer;
        color: #fff;
        font-size: 12px;
        font-family: 'Gilroy-Bold';
        height: 32px;
    }
}


/* line 495, ../sass/securitydeposit.scss */

.payment-detail-section h4 {
    color: #00b0f5;
    font-size: 22px;
    font-weight: bold;
    font-family: 'Gilroy-Bold';
}

@media (max-width: 767px) {
    /* line 495, ../sass/securitydeposit.scss */
    .payment-detail-section h4 {
        font-size: 16px;
    }
}


/* line 504, ../sass/securitydeposit.scss */

.payment-detail-section p {
    color: #262626;
    font-size: 18px;
    font-weight: 500;
    font-family: 'Gilroy-Bold';
    margin-top: 27px;
    margin-bottom: 15px;
}

@media (max-width: 767px) {
    /* line 504, ../sass/securitydeposit.scss */
    .payment-detail-section p {
        font-size: 12px;
        margin-top: 11px;
    }
}


/* line 516, ../sass/securitydeposit.scss */

.payment-detail-section ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: wrap;
    -moz-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    margin-top: 16px;
}

@media (max-width: 767px) {
    /* line 516, ../sass/securitydeposit.scss */
    .payment-detail-section ul {
        margin-top: 7px;
    }
}


/* line 523, ../sass/securitydeposit.scss */

.payment-detail-section ul li {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    width: 33%;
    margin-top: 12px;
}

@media (max-width: 767px) {
    /* line 523, ../sass/securitydeposit.scss */
    .payment-detail-section ul li {
        width: 50%;
    }
}


/* line 530, ../sass/securitydeposit.scss */

.payment-detail-section ul li .pay-right {
    font-size: 18px;
    font-weight: bold;
    color: #262626;
    font-family: 'Gilroy-Bold';
}

@media (max-width: 767px) {
    /* line 530, ../sass/securitydeposit.scss */
    .payment-detail-section ul li .pay-right {
        font-size: 12px;
    }
}


/* line 539, ../sass/securitydeposit.scss */

.payment-detail-section ul li .pay-left {
    font-size: 22px;
    color: #00b0f5;
    margin-top: 10px;
    font-family: 'Gilroy-Bold';
}

@media (max-width: 767px) {
    /* line 539, ../sass/securitydeposit.scss */
    .payment-detail-section ul li .pay-left {
        font-size: 12px;
        margin-top: 5px;
    }
}


/* line 548, ../sass/securitydeposit.scss */

.payment-detail-section ul li .pay-left a[href] {
    color: #00b0f5;
}


/* line 552, ../sass/securitydeposit.scss */

.payment-detail-section ul li .pay-right-2 {
    font-size: 18px;
    font-weight: bold;
    color: #262626;
    font-family: 'Gilroy-Bold';
}

@media (max-width: 767px) {
    /* line 552, ../sass/securitydeposit.scss */
    .payment-detail-section ul li .pay-right-2 {
        font-size: 12px;
    }
}


/* line 561, ../sass/securitydeposit.scss */

.payment-detail-section ul li .pay-left-2 {
    font-size: 22px;
    color: #00b0f5;
    margin-top: 10px;
    font-family: 'Gilroy-Bold';
}

@media (max-width: 767px) {
    /* line 561, ../sass/securitydeposit.scss */
    .payment-detail-section ul li .pay-left-2 {
        font-size: 12px;
        margin-top: 5px;
    }
}


/* line 570, ../sass/securitydeposit.scss */

.payment-detail-section ul li .pay-left-2 a[href] {
    color: #00b0f5;
}


/* line 578, ../sass/securitydeposit.scss */

.payment-detail-section-2 {
    margin-top: 54px;
}

@media (max-width: 767px) {
    /* line 578, ../sass/securitydeposit.scss */
    .payment-detail-section-2 {
        margin-top: 30px;
    }
}


/* line 583, ../sass/securitydeposit.scss */

.payment-detail-section-2 .payment-box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
}


/* line 587, ../sass/securitydeposit.scss */

.payment-detail-section-2 ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: wrap;
    -moz-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    margin-top: 16px;
}

@media (max-width: 767px) {
    /* line 587, ../sass/securitydeposit.scss */
    .payment-detail-section-2 ul {
        margin-top: 7px;
    }
}


/* line 594, ../sass/securitydeposit.scss */

.payment-detail-section-2 ul li {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    width: 33%;
    margin-top: 12px;
}

@media (max-width: 767px) {
    /* line 594, ../sass/securitydeposit.scss */
    .payment-detail-section-2 ul li {
        width: 50%;
    }
}


/* line 601, ../sass/securitydeposit.scss */

.payment-detail-section-2 ul li .pay-right-2 {
    font-size: 18px;
    font-weight: bold;
    color: #262626;
    font-family: 'Gilroy-Bold';
}

@media (max-width: 767px) {
    /* line 601, ../sass/securitydeposit.scss */
    .payment-detail-section-2 ul li .pay-right-2 {
        font-size: 12px;
    }
}


/* line 610, ../sass/securitydeposit.scss */

.payment-detail-section-2 ul li .pay-left-2 {
    font-size: 20px;
    color: #00b0f5;
    margin-top: 10px;
    font-family: 'Gilroy-Bold';
}

@media (max-width: 767px) {
    /* line 610, ../sass/securitydeposit.scss */
    .payment-detail-section-2 ul li .pay-left-2 {
        font-size: 12px;
        margin-top: 5px;
    }
}


/* line 619, ../sass/securitydeposit.scss */

.payment-detail-section-2 ul li .pay-left-2 a[href] {
    color: #00b0f5;
}


/* line 623, ../sass/securitydeposit.scss */

.payment-detail-section-2 ul li .text-box-acc {
    width: 70%;
    margin: 0px 41px 0px 8px;
    border-radius: 6px;
    border: solid 1.5px #00b0f5;
    background-color: #ffffff;
    height: 36px;
    padding: 4px 10px 4px 7px;
    font-size: 20px;
    color: #00b0f5;
    font-family: 'Gilroy-Bold';
}


/* line 635, ../sass/securitydeposit.scss */

.payment-detail-section-2 ul li .acc-bd-prefield {
    border-radius: 6px;
    border: solid 1.5px #00b0f5;
    padding: 4px 25px 4px 7px;
}


/* line 644, ../sass/securitydeposit.scss */

.note-acc {
    margin: 10px 0;
    padding: 9px 7px 8px;
    border-radius: 4px;
    background-color: #fff1f4;
    width: 70%;
}

@media (max-width: 767px) {
    /* line 644, ../sass/securitydeposit.scss */
    .note-acc {
        margin: 10px 0;
        padding: 7px 7px 6px;
        border-radius: 4px;
        background-color: #fff1f4;
        width: 70%;
        display: block;
    }
}


/* line 658, ../sass/securitydeposit.scss */

.note-acc p {
    font-family: 'Gilroy-medium';
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #f5365c;
}

@media (max-width: 767px) {
    /* line 658, ../sass/securitydeposit.scss */
    .note-acc p {
        font-size: 10px;
    }
}


/* line 673, ../sass/securitydeposit.scss */

.vissible-m {
    display: none;
}

@media (max-width: 767px) {
    /* line 673, ../sass/securitydeposit.scss */
    .vissible-m {
        display: block;
    }
}


/* line 680, ../sass/securitydeposit.scss */

.vissible-xl {
    display: block;
}

@media (max-width: 767px) {
    /* line 680, ../sass/securitydeposit.scss */
    .vissible-xl {
        display: none;
    }
}


/* line 687, ../sass/securitydeposit.scss */

.payment-detail-section-edit {
    margin-top: 0px;
}

@media (max-width: 767px) {
    /* line 687, ../sass/securitydeposit.scss */
    .payment-detail-section-edit {
        margin-top: 0px;
    }
}


/* line 692, ../sass/securitydeposit.scss */

.payment-detail-section-edit .file-cheque-upload {
    width: 70%;
    margin-top: 50px;
}

@media (max-width: 767px) {
    /* line 692, ../sass/securitydeposit.scss */
    .payment-detail-section-edit .file-cheque-upload {
        width: 100%;
        margin-top: 25px;
    }
}


/* line 700, ../sass/securitydeposit.scss */

.payment-detail-section-edit .payment-box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
}


/* line 704, ../sass/securitydeposit.scss */

.payment-detail-section-edit ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: wrap;
    -moz-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    margin-top: 16px;
}

@media (max-width: 767px) {
    /* line 704, ../sass/securitydeposit.scss */
    .payment-detail-section-edit ul {
        margin-top: 7px;
    }
}


/* line 711, ../sass/securitydeposit.scss */

.payment-detail-section-edit ul li {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    width: 33%;
    margin-top: 12px;
    position: relative;
}

@media (max-width: 767px) {
    /* line 711, ../sass/securitydeposit.scss */
    .payment-detail-section-edit ul li {
        width: 50%;
        margin-bottom: 19px;
    }
}


/* line 720, ../sass/securitydeposit.scss */

.payment-detail-section-edit ul li .pay-right-2 {
    font-size: 18px;
    font-weight: bold;
    color: #262626;
    font-family: 'Gilroy-Bold';
}

@media (max-width: 767px) {
    /* line 720, ../sass/securitydeposit.scss */
    .payment-detail-section-edit ul li .pay-right-2 {
        font-size: 12px;
    }
}


/* line 729, ../sass/securitydeposit.scss */

.payment-detail-section-edit ul li .pay-left-2 {
    font-size: 20px;
    color: #00b0f5;
    margin-top: 10px;
    font-family: 'Gilroy-Bold';
}

@media (max-width: 767px) {
    /* line 729, ../sass/securitydeposit.scss */
    .payment-detail-section-edit ul li .pay-left-2 {
        font-size: 12px;
        margin-top: 5px;
    }
}


/* line 738, ../sass/securitydeposit.scss */

.payment-detail-section-edit ul li .pay-left-2 a[href] {
    color: #00b0f5;
}


/* line 741, ../sass/securitydeposit.scss */

.payment-detail-section-edit ul li .pay-left-2 input[type=number]::-webkit-inner-spin-button,
.payment-detail-section-edit ul li .pay-left-2 input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


/* line 748, ../sass/securitydeposit.scss */

.payment-detail-section-edit ul li #imagePreview,
.payment-detail-section-edit ul li #imagePreview1,
.payment-detail-section-edit ul li #imagePreview2,
.payment-detail-section-edit ul li #imagePreview3 {
    margin-top: 32px;
    margin-right: 30px;
}


/* line 755, ../sass/securitydeposit.scss */

.payment-detail-section-edit ul li .imagep {
    position: relative;
}


/* line 758, ../sass/securitydeposit.scss */

.payment-detail-section-edit ul li .imagep .cross-btn-security img {
    position: absolute;
    background: #139edd;
    top: 22px;
    right: 24px;
    padding: 4px 4px;
    border-radius: 12px;
    cursor: pointer;
    z-index: 99;
}


/* line 770, ../sass/securitydeposit.scss */

.payment-detail-section-edit ul li .cheque-img {
    position: relative;
}


/* line 772, ../sass/securitydeposit.scss */

.payment-detail-section-edit ul li .cheque-img img {
    width: 180px;
    height: 133px;
    cursor: pointer;
    opacity: 1;
    transition: .5s ease;
    backface-visibility: hidden;
    border-radius: 10px;
}

@media (max-width: 767px) {
    /* line 772, ../sass/securitydeposit.scss */
    .payment-detail-section-edit ul li .cheque-img img {
        width: 80px;
        height: 69px;
        border-radius: 10px;
    }
}


/* line 787, ../sass/securitydeposit.scss */

.payment-detail-section-edit ul li .middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 47%;
    transform: translate(-34%, -42%);
    -ms-transform: translate(-34%, -42%);
    text-align: center;
}


/* line 797, ../sass/securitydeposit.scss */

.payment-detail-section-edit ul li .cheque-img:hover img {
    opacity: 0.1;
    background: #000;
}


/* line 801, ../sass/securitydeposit.scss */

.payment-detail-section-edit ul li .cheque-img:hover .middle {
    opacity: 1;
}


/* line 804, ../sass/securitydeposit.scss */

.payment-detail-section-edit ul li .text {
    background-color: #4A4A4A;
    color: white;
    font-size: 15px;
    padding: 7px 9px;
    cursor: pointer;
    border-radius: 2px;
}


/* line 812, ../sass/securitydeposit.scss */

.payment-detail-section-edit ul li .select-beneficiary {
    font-size: 20px;
    color: #00b0f5;
    font-family: 'Gilroy-Bold';
    border-radius: 6px;
    border: solid 2px #00b0f5;
    padding: 3px 10px 4px;
    width: 50%;
    outline: none;
    background: #fff;
    background-image: url(https://dcx0p3on5z8dw.cloudfront.net/Aakash/s3fs-public/pdf_management_files/sm_sa/arrow-down-1.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-color: #fff;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    cursor: pointer;
    text-transform: capitalize;
    padding-right: 40px;
}

@media (max-width: 767px) {
    /* line 812, ../sass/securitydeposit.scss */
    .payment-detail-section-edit ul li .select-beneficiary {
        width: 100%;
        font-size: 12px;
        background: #fff;
        height: 26px;
        padding: 3px 6px;
        border-radius: 4px;
    }
}


/* line 842, ../sass/securitydeposit.scss */

.payment-detail-section-edit ul li .select-beneficiary option {
    font-size: 14px;
    color: #262626;
}


/* line 847, ../sass/securitydeposit.scss */

.payment-detail-section-edit ul li input[type="file"] {
    display: none;
}


/* line 850, ../sass/securitydeposit.scss */

.payment-detail-section-edit ul li .custom-file-upload {
    cursor: pointer;
    background-color: #fcfcfc;
    font-size: 14px;
    padding: 0px 80px;
    border-radius: 4px;
    border: solid 1px #f1f5f7;
    display: flex;
    width: 62%;
    align-items: center;
    margin-top: 32px;
}

@media (max-width: 767px) {
    /* line 850, ../sass/securitydeposit.scss */
    .payment-detail-section-edit ul li .custom-file-upload {
        font-size: 12px;
    }
}

@media (max-width: 1023px) {
    /* line 850, ../sass/securitydeposit.scss */
    .payment-detail-section-edit ul li .custom-file-upload {
        width: 70%;
    }
}


/* line 867, ../sass/securitydeposit.scss */

.payment-detail-section-edit ul li .custom-file-upload img {
    margin-top: 8px;
}

@media (max-width: 767px) {
    /* line 867, ../sass/securitydeposit.scss */
    .payment-detail-section-edit ul li .custom-file-upload img {
        width: 19%;
    }
}

@media (max-width: 767px) {
    /* line 850, ../sass/securitydeposit.scss */
    .payment-detail-section-edit ul li .custom-file-upload {
        width: 100%;
    }
}


/* line 877, ../sass/securitydeposit.scss */

.payment-detail-section-edit ul li .upload-1-image,
.payment-detail-section-edit ul li #upload-2-image,
.payment-detail-section-edit ul li #upload-3-image,
.payment-detail-section-edit ul li #upload-4-image {
    position: relative;
}


/* line 882, ../sass/securitydeposit.scss */

.payment-detail-section-edit ul li .upload-1-image .before-image-upload-2,
.payment-detail-section-edit ul li #upload-2-image .before-image-upload-2,
.payment-detail-section-edit ul li #upload-3-image .before-image-upload-2,
.payment-detail-section-edit ul li #upload-4-image .before-image-upload-2 {
    position: absolute;
    width: 180px;
    top: 24px;
    z-index: 9;
}


/* line 888, ../sass/securitydeposit.scss */

.payment-detail-section-edit ul li .upload-1-image .before-image-upload-3,
.payment-detail-section-edit ul li #upload-2-image .before-image-upload-3,
.payment-detail-section-edit ul li #upload-3-image .before-image-upload-3,
.payment-detail-section-edit ul li #upload-4-image .before-image-upload-3 {
    position: absolute;
    width: 180px;
    top: 24px;
    z-index: 9;
}


/* line 894, ../sass/securitydeposit.scss */

.payment-detail-section-edit ul li .upload-1-image .before-image-upload-1,
.payment-detail-section-edit ul li #upload-2-image .before-image-upload-1,
.payment-detail-section-edit ul li #upload-3-image .before-image-upload-1,
.payment-detail-section-edit ul li #upload-4-image .before-image-upload-1 {
    position: absolute;
    width: 180px;
    top: 24px;
    z-index: 9;
}


/* line 900, ../sass/securitydeposit.scss */

.payment-detail-section-edit ul li .upload-1-image .custom-file-upload-2,
.payment-detail-section-edit ul li #upload-2-image .custom-file-upload-2,
.payment-detail-section-edit ul li #upload-3-image .custom-file-upload-2,
.payment-detail-section-edit ul li #upload-4-image .custom-file-upload-2 {
    cursor: pointer;
    font-size: 14px;
    border-radius: 10px;
    display: flex;
    width: 100%;
    align-items: center;
    margin-top: 0;
    background-color: #fcfcfc;
    border: solid 1px #f1f5f7;
    padding: 0px 33px;
    height: 133px;
}

@media (max-width: 767px) {
    /* line 900, ../sass/securitydeposit.scss */
    .payment-detail-section-edit ul li .upload-1-image .custom-file-upload-2,
    .payment-detail-section-edit ul li #upload-2-image .custom-file-upload-2,
    .payment-detail-section-edit ul li #upload-3-image .custom-file-upload-2,
    .payment-detail-section-edit ul li #upload-4-image .custom-file-upload-2 {
        font-size: 12px;
    }
}

@media (max-width: 1023px) {
    /* line 900, ../sass/securitydeposit.scss */
    .payment-detail-section-edit ul li .upload-1-image .custom-file-upload-2,
    .payment-detail-section-edit ul li #upload-2-image .custom-file-upload-2,
    .payment-detail-section-edit ul li #upload-3-image .custom-file-upload-2,
    .payment-detail-section-edit ul li #upload-4-image .custom-file-upload-2 {
        width: 70%;
    }
}


/* line 918, ../sass/securitydeposit.scss */

.payment-detail-section-edit ul li .upload-1-image .custom-file-upload-2 img,
.payment-detail-section-edit ul li #upload-2-image .custom-file-upload-2 img,
.payment-detail-section-edit ul li #upload-3-image .custom-file-upload-2 img,
.payment-detail-section-edit ul li #upload-4-image .custom-file-upload-2 img {
    margin-top: 8px;
}

@media (max-width: 767px) {
    /* line 918, ../sass/securitydeposit.scss */
    .payment-detail-section-edit ul li .upload-1-image .custom-file-upload-2 img,
    .payment-detail-section-edit ul li #upload-2-image .custom-file-upload-2 img,
    .payment-detail-section-edit ul li #upload-3-image .custom-file-upload-2 img,
    .payment-detail-section-edit ul li #upload-4-image .custom-file-upload-2 img {
        width: 19%;
        margin-top: 2px;
    }
}

@media (max-width: 767px) {
    /* line 900, ../sass/securitydeposit.scss */
    .payment-detail-section-edit ul li .upload-1-image .custom-file-upload-2,
    .payment-detail-section-edit ul li #upload-2-image .custom-file-upload-2,
    .payment-detail-section-edit ul li #upload-3-image .custom-file-upload-2,
    .payment-detail-section-edit ul li #upload-4-image .custom-file-upload-2 {
        width: 80px;
        height: 69px;
        padding: 5px;
        font-size: 10px;
    }
}


/* line 932, ../sass/securitydeposit.scss */

.payment-detail-section-edit ul li .upload-1-image .custom-file-upload-1,
.payment-detail-section-edit ul li #upload-2-image .custom-file-upload-1,
.payment-detail-section-edit ul li #upload-3-image .custom-file-upload-1,
.payment-detail-section-edit ul li #upload-4-image .custom-file-upload-1 {
    cursor: pointer;
    font-size: 14px;
    padding: 0px 0px;
    border-radius: 4px;
    display: flex;
    width: 100%;
    align-items: center;
    margin-top: 0;
    background-color: #fcfcfc;
    border: solid 1px #f1f5f7;
    padding: 0px 33px;
    height: 133px;
}

@media (max-width: 767px) {
    /* line 932, ../sass/securitydeposit.scss */
    .payment-detail-section-edit ul li .upload-1-image .custom-file-upload-1,
    .payment-detail-section-edit ul li #upload-2-image .custom-file-upload-1,
    .payment-detail-section-edit ul li #upload-3-image .custom-file-upload-1,
    .payment-detail-section-edit ul li #upload-4-image .custom-file-upload-1 {
        font-size: 12px;
    }
}

@media (max-width: 1023px) {
    /* line 932, ../sass/securitydeposit.scss */
    .payment-detail-section-edit ul li .upload-1-image .custom-file-upload-1,
    .payment-detail-section-edit ul li #upload-2-image .custom-file-upload-1,
    .payment-detail-section-edit ul li #upload-3-image .custom-file-upload-1,
    .payment-detail-section-edit ul li #upload-4-image .custom-file-upload-1 {
        width: 70%;
    }
}


/* line 951, ../sass/securitydeposit.scss */

.payment-detail-section-edit ul li .upload-1-image .custom-file-upload-1 img,
.payment-detail-section-edit ul li #upload-2-image .custom-file-upload-1 img,
.payment-detail-section-edit ul li #upload-3-image .custom-file-upload-1 img,
.payment-detail-section-edit ul li #upload-4-image .custom-file-upload-1 img {
    margin-top: 8px;
}

@media (max-width: 767px) {
    /* line 951, ../sass/securitydeposit.scss */
    .payment-detail-section-edit ul li .upload-1-image .custom-file-upload-1 img,
    .payment-detail-section-edit ul li #upload-2-image .custom-file-upload-1 img,
    .payment-detail-section-edit ul li #upload-3-image .custom-file-upload-1 img,
    .payment-detail-section-edit ul li #upload-4-image .custom-file-upload-1 img {
        width: 19%;
        margin-top: 2px;
    }
}

@media (max-width: 767px) {
    /* line 932, ../sass/securitydeposit.scss */
    .payment-detail-section-edit ul li .upload-1-image .custom-file-upload-1,
    .payment-detail-section-edit ul li #upload-2-image .custom-file-upload-1,
    .payment-detail-section-edit ul li #upload-3-image .custom-file-upload-1,
    .payment-detail-section-edit ul li #upload-4-image .custom-file-upload-1 {
        width: 80px;
        height: 69px;
        padding: 5px;
        font-size: 10px;
    }
}


/* line 966, ../sass/securitydeposit.scss */

.payment-detail-section-edit ul li #view_section {
    justify-content: center;
    width: 100%;
    display: flex;
    margin-top: 20px;
    text-align: center;
}

@media (max-width: 767px) {
    /* line 966, ../sass/securitydeposit.scss */
    .payment-detail-section-edit ul li #view_section {
        width: 100%;
    }
}


/* line 975, ../sass/securitydeposit.scss */

.payment-detail-section-edit ul li #view_section p {
    font-family: 'Gilroy-Medium';
    font-size: 14px;
    font-weight: bold;
    color: #00b0f5;
    padding: 9px 4px;
}


/* line 983, ../sass/securitydeposit.scss */

.payment-detail-section-edit ul li .view-btn {
    font-family: 'Gilroy-Medium';
    font-size: 14px;
    font-weight: bold;
    color: #00b0f5;
    padding: 9px 4px;
    cursor: pointer;
    text-decoration: none;
    background: none;
    border: none;
}


/* line 994, ../sass/securitydeposit.scss */

.payment-detail-section-edit ul li .view-btn-delete {
    font-family: 'Gilroy-Medium';
    font-size: 14px;
    font-weight: bold;
    color: #00b0f5;
    padding: 9px 7px;
    cursor: pointer;
    text-decoration: none;
    background: #fff !important;
    text-transform: capitalize;
    border: none;
}


/* line 1006, ../sass/securitydeposit.scss */

.payment-detail-section-edit ul li .note-choose-file {
    font-family: 'Gilroy-Regular';
    font-size: 13px;
    font-weight: 500;
    margin-top: 13px;
    color: #363636;
}

@media (max-width: 767px) {
    /* line 1006, ../sass/securitydeposit.scss */
    .payment-detail-section-edit ul li .note-choose-file {
        font-family: 'Gilroy-Regular';
        font-size: 10px;
        font-weight: 500;
        margin-top: 20px;
        color: red;
        text-align: center;
        width: 80%;
        margin: 20px auto 0;
        display: block;
    }
}


/* line 1024, ../sass/securitydeposit.scss */

.payment-detail-section-edit ul li .note-choose-file-error {
    font-family: 'Gilroy-Regular';
    font-size: 13px;
    font-weight: 500;
    margin-top: 16px;
    color: #363636;
}

@media (max-width: 767px) {
    /* line 1024, ../sass/securitydeposit.scss */
    .payment-detail-section-edit ul li .note-choose-file-error {
        font-family: 'Gilroy-Regular';
        font-size: 10px;
        font-weight: 500;
        margin-top: 20px;
        color: red;
        text-align: center;
        width: 80%;
        margin: 20px auto 0;
        display: block;
    }
}


/* line 1042, ../sass/securitydeposit.scss */

.payment-detail-section-edit ul li .text-box-edit {
    width: 90%;
    /* margin: 0px 41px 0px 8px; */
    border-radius: 6px;
    border: solid 2px #00b0f5;
    background-color: #ffffff;
    height: 36px;
    margin-right: 50px;
    padding: 3px 10px;
    color: #00b0f5;
    font-size: 18px;
    letter-spacing: 2px;
    font-family: 'Gilroy-Bold';
    outline: none;
}

@media (max-width: 767px) {
    /* line 1042, ../sass/securitydeposit.scss */
    .payment-detail-section-edit ul li .text-box-edit {
        font-size: 12px;
        border: solid 1px #00b0f5;
        height: 26px;
        padding: 3px 6px;
        border-radius: 4px;
    }
}


/* line 1063, ../sass/securitydeposit.scss */

.payment-detail-section-edit ul li .text-box-edit option {
    font-size: 14px;
    color: #262626;
}


/* line 1067, ../sass/securitydeposit.scss */

.payment-detail-section-edit ul li .text-box-edit input::-webkit-outer-spin-button,
.payment-detail-section-edit ul li .text-box-edit input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


/* line 1073, ../sass/securitydeposit.scss */

.payment-detail-section-edit ul li .acc-bd-prefield {
    border-radius: 6px;
    border: solid 1.5px #00b0f5;
    padding: 4px 31px 4px 7px;
}


/* line 1078, ../sass/securitydeposit.scss */

.payment-detail-section-edit ul li .error-account-no,
.payment-detail-section-edit ul li .error-ifsc-code,
.payment-detail-section-edit ul li .error-bank-name,
.payment-detail-section-edit ul li .error-beneficiary-name,
.payment-detail-section-edit ul li #error-ifsc-code-format {
    position: absolute;
    bottom: -19px;
    color: red;
    font-size: 13px;
    text-align: left;
    width: 100%;
    font-weight: normal;
    font-family: 'Gilroy-Regular';
    left: 8px;
}

@media (max-width: 767px) {
    /* line 1078, ../sass/securitydeposit.scss */
    .payment-detail-section-edit ul li .error-account-no,
    .payment-detail-section-edit ul li .error-ifsc-code,
    .payment-detail-section-edit ul li .error-bank-name,
    .payment-detail-section-edit ul li .error-beneficiary-name,
    .payment-detail-section-edit ul li #error-ifsc-code-format {
        position: absolute;
        bottom: -18px;
        color: red;
        font-size: 12px;
        text-align: left;
        width: 100%;
        font-weight: normal;
        font-family: 'Gilroy-Regular';
        left: 3px;
    }
}


/* line 1104, ../sass/securitydeposit.scss */

.payment-detail-section-edit ul li .error-file-upload {
    position: absolute;
    bottom: 21px;
    color: red;
    font-size: 13px;
    text-align: left;
    width: 100%;
    font-weight: normal;
    font-family: 'Gilroy-Regular';
    left: 0px;
    top: 136px;
}

@media (max-width: 767px) {
    /* line 1104, ../sass/securitydeposit.scss */
    .payment-detail-section-edit ul li .error-file-upload {
        position: absolute;
        bottom: 38px;
        color: red;
        font-size: 12px;
        text-align: left;
        width: 100%;
        font-weight: normal;
        font-family: 'Gilroy-Regular';
        left: 8px;
    }
}


/* line 1131, ../sass/securitydeposit.scss */

.error-admission-t-and-c {
    position: absolute;
    bottom: -30px;
    color: red;
    font-size: 14px;
    left: 45px;
    width: 100%;
}

@media (max-width: 767px) {
    /* line 1131, ../sass/securitydeposit.scss */
    .error-admission-t-and-c {
        font-size: 12px;
    }
}


/* line 1143, ../sass/securitydeposit.scss */

.refund-pay-tnc {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative;
}


/* line 1146, ../sass/securitydeposit.scss */

.refund-pay-tnc p {
    padding-left: 10px;
    font-size: 18px;
    font-weight: 500;
    color: #414141;
    font-family: 'Gilroy-Medium';
    position: relative;
    cursor: pointer;
    line-height: 27px;
}

@media (max-width: 767px) {
    /* line 1146, ../sass/securitydeposit.scss */
    .refund-pay-tnc p {
        font-size: 12px;
        line-height: 18px;
    }
}


/* line 1160, ../sass/securitydeposit.scss */

.refund-pay-tnc label {
    padding-left: 10px;
    font-size: 18px;
    font-weight: 500;
    color: #414141;
    font-family: 'Gilroy-Medium';
    position: relative;
    cursor: pointer;
    margin-top: 3px;
    background: #fff;
}

@media (max-width: 767px) {
    /* line 1160, ../sass/securitydeposit.scss */
    .refund-pay-tnc label {
        font-size: 12px;
    }
}


/* line 1174, ../sass/securitydeposit.scss */

.refund-pay-tnc input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}


/* line 1182, ../sass/securitydeposit.scss */

.refund-pay-tnc label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #00b0f5;
    padding: 8px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    border-radius: 3px;
    background: #fff;
}


/* line 1196, ../sass/securitydeposit.scss */

.refund-pay-tnc input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 17px;
    width: 5px;
    height: 11px;
    border: solid #00b0f5;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    border-radius: 2px;
}

@media (max-width: 767px) {
    /* line 1196, ../sass/securitydeposit.scss */
    .refund-pay-tnc input:checked+label:after {
        top: 1px;
    }
}


/* line 1215, ../sass/securitydeposit.scss */

.srd-button .button-confirm {
    margin: 101.5px auto 0;
    padding: 19px 212px;
    opacity: 0.5;
    border-radius: 6px;
    box-shadow: 0 4px 6px 0 rgba(50, 50, 93, 0.11), 0 1px 3px 0 rgba(0, 0, 0, 0.08);
    background-color: #00b0f5;
    cursor: pointer;
    color: #fff;
    font-size: 18px;
    font-family: 'Gilroy-Bold';
    border: none;
    display: block;
}


/* line 1228, ../sass/securitydeposit.scss */

.srd-button .button-confirm:hover {
    /*opacity: 1;*/
}

@media (max-width: 767px) {
    /* line 1215, ../sass/securitydeposit.scss */
    .srd-button .button-confirm {
        margin: 48px auto 0;
        padding: 13px 0;
        opacity: 0.5;
        border-radius: 6px;
        box-shadow: 0 4px 6px 0 rgba(50, 50, 93, 0.11), 0 1px 3px 0 rgba(0, 0, 0, 0.08);
        background-color: #00b0f5;
        cursor: pointer;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        border: none;
        display: block;
        width: 100%;
    }
}


/* line 1247, ../sass/securitydeposit.scss */

.srd-button .active {
    opacity: 1;
    background: #00b0f5;
}


/* line 1253, ../sass/securitydeposit.scss */

.container-blue-box {
    max-width: 1200px;
    margin: 0px auto;
    padding: 57px 299px 585px 300px;
    border-radius: 6px;
    background-color: #00b0f5;
    margin-bottom: 91px;
}

@media (max-width: 1023px) {
    /* line 1253, ../sass/securitydeposit.scss */
    .container-blue-box {
        padding: 57px 69px 585px 66px;
    }
}

@media (max-width: 767px) {
    /* line 1253, ../sass/securitydeposit.scss */
    .container-blue-box {
        padding: 57px 19px 135px 19px;
        border-radius: 0px;
        min-height: 100%;
        height: 100%;
        margin-bottom: 0px;
    }
    /* line 1269, ../sass/securitydeposit.scss */
    .container-blue-box:before {
        position: absolute;
        content: '';
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #00b0f5;
    }
}


/* line 1279, ../sass/securitydeposit.scss */

.container-blue-box .heading-date {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    position: relative;
}


/* line 1283, ../sass/securitydeposit.scss */

.container-blue-box .heading-date .arrow-mobile-srd {
    display: block;
}


/* line 1285, ../sass/securitydeposit.scss */

.container-blue-box .heading-date .arrow-mobile-srd img {
    cursor: pointer;
}


/* line 1289, ../sass/securitydeposit.scss */

.container-blue-box .heading-date .inner-div {
    width: 100%;
}


/* line 1292, ../sass/securitydeposit.scss */

.container-blue-box .heading-date h3 {
    color: #ffffff;
    font-size: 26px;
    text-align: center;
    font-family: 'Gilroy-Bold';
}

@media (max-width: 767px) {
    /* line 1292, ../sass/securitydeposit.scss */
    .container-blue-box .heading-date h3 {
        font-size: 16px;
    }
}


/* line 1302, ../sass/securitydeposit.scss */

.container-blue-box .date-birth-section {
    margin-top: 110px;
    position: relative;
}

@media (max-width: 767px) {
    /* line 1302, ../sass/securitydeposit.scss */
    .container-blue-box .date-birth-section {
        margin-top: 50px;
    }
}


/* line 1308, ../sass/securitydeposit.scss */

.container-blue-box .date-birth-section label {
    font-size: 22px;
    color: #ffffff;
    font-family: 'Gilroy-Bold';
    position: relative;
}

@media (max-width: 767px) {
    /* line 1308, ../sass/securitydeposit.scss */
    .container-blue-box .date-birth-section label {
        font-size: 16px;
        font-weight: normal;
        font-family: 'Gilroy-Medium';
    }
}


/* line 1319, ../sass/securitydeposit.scss */

.container-blue-box .date-birth-section p {
    font-size: 22px;
    font-weight: bold;
    color: #ffffff;
    padding-right: 30px;
    font-family: 'Gilroy-Bold';
    position: relative;
}

@media (max-width: 767px) {
    /* line 1319, ../sass/securitydeposit.scss */
    .container-blue-box .date-birth-section p {
        font-size: 16px;
        font-weight: normal;
        padding-right: 0px;
    }
}


/* line 1332, ../sass/securitydeposit.scss */

.container-blue-box .date-birth-section .dob-input {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative;
    margin-top: 34px;
}

@media (max-width: 1023px) {
    /* line 1332, ../sass/securitydeposit.scss */
    .container-blue-box .date-birth-section .dob-input {
        width: 100%;
        margin: 20px auto 0;
        justify-content: space-around;
    }
}

@media (max-width: 767px) {
    /* line 1332, ../sass/securitydeposit.scss */
    .container-blue-box .date-birth-section .dob-input {
        width: 100%;
        margin: 20px auto 0;
        justify-content: space-around;
    }
}


/* line 1346, ../sass/securitydeposit.scss */

.container-blue-box .date-birth-section .dob-input input[type="text"] {
    width: 62px;
    height: 61px;
    margin: 0 8px 0 0;
    padding: 22px 22px 23px 20px;
    border-radius: 5px;
    box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.06);
    border: solid 1px #ffffff;
    color: #fff;
    font-family: 'Gilroy-Medium';
    background-color: #00b0f5;
    font-size: 22px;
    text-align: center;
    font-weight: 500;
}


/* line 1360, ../sass/securitydeposit.scss */

.container-blue-box .date-birth-section .dob-input input[type="text"]:focus {
    outline: none;
    background-color: rgba(255, 255, 255, 0.2);
}

@media (max-width: 767px) {
    /* line 1346, ../sass/securitydeposit.scss */
    .container-blue-box .date-birth-section .dob-input input[type="text"] {
        width: 35px;
        height: 34px;
        padding: 4px;
        font-size: 14px;
        box-shadow: none;
        margin: 0 0px 0 0;
    }
}


/* line 1373, ../sass/securitydeposit.scss */

.container-blue-box .date-birth-section .dob-input input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}


/* line 1376, ../sass/securitydeposit.scss */

.container-blue-box .date-birth-section .dob-input ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1;
    /* Firefox */
}


/* line 1382, ../sass/securitydeposit.scss */

.container-blue-box .date-birth-section .dob-input :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff;
}


/* line 1386, ../sass/securitydeposit.scss */

.container-blue-box .date-birth-section .dob-input ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #fff;
}


/* line 1390, ../sass/securitydeposit.scss */

.container-blue-box .date-birth-section .dob-input .error-date {
    position: absolute;
    bottom: -45px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    width: 100%;
}

@media (max-width: 767px) {
    /* line 1390, ../sass/securitydeposit.scss */
    .container-blue-box .date-birth-section .dob-input .error-date {
        font-size: 16px;
    }
}


/* line 1402, ../sass/securitydeposit.scss */

.container-blue-box .date-birth-section .mr-d {
    margin-right: 32px !important;
}

@media (max-width: 767px) {
    /* line 1402, ../sass/securitydeposit.scss */
    .container-blue-box .date-birth-section .mr-d {
        margin-right: 13px !important;
    }
}


/* line 1408, ../sass/securitydeposit.scss */

.container-blue-box .date-birth-section .mr-m {
    margin-right: 42px !important;
}

@media (max-width: 767px) {
    /* line 1408, ../sass/securitydeposit.scss */
    .container-blue-box .date-birth-section .mr-m {
        margin-right: 12px !important;
    }
}


/* line 1415, ../sass/securitydeposit.scss */

.container-blue-box .otp-input {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-top: 34px;
    position: relative;
}

@media (max-width: 767px) {
    /* line 1415, ../sass/securitydeposit.scss */
    .container-blue-box .otp-input {
        padding: 0px 19px;
        width: 100%;
        margin: 34px auto 0;
        justify-content: space-around;
    }
}


/* line 1425, ../sass/securitydeposit.scss */

.container-blue-box .otp-input input[type="text"] {
    width: 80px;
    height: 78px;
    margin: 0 24px 0 0px;
    padding: 22px 22px 23px 20px;
    border-radius: 5px;
    box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.06);
    border: solid 1px #ffffff;
    color: #fff;
    background-color: #00b0f5;
    font-size: 22px;
    text-align: center;
    font-weight: 500;
}


/* line 1438, ../sass/securitydeposit.scss */

.container-blue-box .otp-input input[type="text"]:focus {
    outline: none;
    background-color: rgba(255, 255, 255, 0.2);
}

@media (max-width: 767px) {
    /* line 1425, ../sass/securitydeposit.scss */
    .container-blue-box .otp-input input[type="text"] {
        width: 36px;
        height: 35px;
        padding: 4px;
        font-size: 14px;
        margin: 0 18px 0 0;
        box-shadow: none;
    }
}


/* line 1451, ../sass/securitydeposit.scss */

.container-blue-box .otp-input ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1;
    /* Firefox */
}


/* line 1457, ../sass/securitydeposit.scss */

.container-blue-box .otp-input :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff;
}


/* line 1461, ../sass/securitydeposit.scss */

.container-blue-box .otp-input ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #fff;
}


/* line 1465, ../sass/securitydeposit.scss */

.container-blue-box .otp-input .error-otp {
    position: absolute;
    bottom: -45px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    width: 100%;
}

@media (max-width: 767px) {
    /* line 1465, ../sass/securitydeposit.scss */
    .container-blue-box .otp-input .error-otp {
        font-size: 16px;
    }
}


/* line 1478, ../sass/securitydeposit.scss */

.container-blue-box .srd-button-next .button-next {
    margin: 296px auto 0;
    padding: 21px 212px;
    border-radius: 6px;
    box-shadow: 0 4px 6px 0 rgba(50, 50, 93, 0.11), 0 1px 3px 0 rgba(0, 0, 0, 0.08);
    background-color: #fff;
    cursor: pointer;
    color: #00b0f5;
    font-size: 18px;
    font-family: 'Gilroy-Bold';
    border: none;
    display: block;
    opacity: 0.5;
    /* &:hover {
      background: #fff;
      color: #00b0f5;
      opacity: 1;
  }*/
}

@media (max-width: 767px) {
    /* line 1478, ../sass/securitydeposit.scss */
    .container-blue-box .srd-button-next .button-next {
        margin: 0px auto 0;
        padding: 13px 0px;
        font-size: 14px;
        width: 90%;
        position: fixed;
        bottom: 39px;
        left: 0;
        right: 0;
    }
}


/* line 1509, ../sass/securitydeposit.scss */

.container-blue-box .srd-button-submit .button-submit {
    margin: 80px auto 0;
    padding: 21px 212px;
    border-radius: 6px;
    box-shadow: 0 4px 6px 0 rgba(50, 50, 93, 0.11), 0 1px 3px 0 rgba(0, 0, 0, 0.08);
    background-color: #fff;
    cursor: pointer;
    color: #00b0f5;
    font-size: 18px;
    font-family: 'Gilroy-Bold';
    border: none;
    display: block;
    opacity: 0.5;
    /*&:hover {
      background: #fff;
      color: #00b0f5;
      opacity: 1;
  }*/
}

@media (max-width: 767px) {
    /* line 1509, ../sass/securitydeposit.scss */
    .container-blue-box .srd-button-submit .button-submit {
        margin: 0px auto 0;
        padding: 13px 0px;
        font-size: 14px;
        width: 90%;
        /*position: fixed;
bottom: 39px;
left: 0;
right: 0;*/
        position: absolute;
        bottom: 22px;
    }
}


/* line 1541, ../sass/securitydeposit.scss */

.container-blue-box .label-otp {
    text-align: center;
    margin-top: 15px;
}


/* line 1544, ../sass/securitydeposit.scss */

.container-blue-box .label-otp label {
    font-family: 'Gilroy-Medium';
    font-size: 17px;
}


/* line 1549, ../sass/securitydeposit.scss */

.container-blue-box .resend-otp {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    margin-top: 80px;
}

@media (max-width: 767px) {
    /* line 1549, ../sass/securitydeposit.scss */
    .container-blue-box .resend-otp {
        /*position: fixed;
bottom: 116px;*/
        text-align: center;
        margin: 0px auto;
        left: 0;
        right: 0;
        position: absolute;
        bottom: 89px;
    }
}


/* line 1564, ../sass/securitydeposit.scss */

.container-blue-box .resend-otp p {
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 500;
    color: #ffffff;
    padding-right: 9px;
    font-family: 'Gilroy-Medium';
}

@media (max-width: 767px) {
    /* line 1564, ../sass/securitydeposit.scss */
    .container-blue-box .resend-otp p {
        font-size: 14px;
        font-weight: normal;
    }
}


/* line 1576, ../sass/securitydeposit.scss */

.container-blue-box .resend-otp .button-otp {
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 500;
    color: #ffffff;
    background: none;
    border: none;
    border-bottom: 1px solid #fff;
    padding: 0;
    font-family: 'Gilroy-Medium';
    cursor: pointer;
}

@media (max-width: 767px) {
    /* line 1576, ../sass/securitydeposit.scss */
    .container-blue-box .resend-otp .button-otp {
        font-size: 14px;
        font-weight: normal;
    }
}


/* line 1592, ../sass/securitydeposit.scss */

.container-blue-box .resend-otp button:disabled {
    cursor: not-allowed;
    color: #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
}


/* line 1598, ../sass/securitydeposit.scss */

.container-blue-box .timer-otp {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    margin-top: 80px;
}

@media (max-width: 767px) {
    /* line 1598, ../sass/securitydeposit.scss */
    .container-blue-box .timer-otp {
        margin-top: 80px;
    }
}


/* line 1606, ../sass/securitydeposit.scss */

.container-blue-box .timer-otp p {
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 500;
    color: #ffffff;
    padding-right: 9px;
    font-family: 'Gilroy-Medium';
}

@media (max-width: 767px) {
    /* line 1606, ../sass/securitydeposit.scss */
    .container-blue-box .timer-otp p {
        font-size: 16px;
    }
}


/* line 1617, ../sass/securitydeposit.scss */

.container-blue-box .timer-otp img {
    padding-right: 10px;
}


/* line 1623, ../sass/securitydeposit.scss */

.successfull-section {
    padding: 263px 0 446px 0;
}

@media (max-width: 767px) {
    /* line 1623, ../sass/securitydeposit.scss */
    .successfull-section {
        padding: 25px 0px 332px 0;
    }
}


/* line 1628, ../sass/securitydeposit.scss */

.successfull-section h3 {
    text-align: center;
    margin: 0 331.5px 110px;
    font-size: 34px;
    color: #00b0f5;
    font-family: 'Gilroy-Bold';
}

@media (max-width: 767px) {
    /* line 1628, ../sass/securitydeposit.scss */
    .successfull-section h3 {
        text-align: center;
        margin: 0 0 79px 0;
        font-size: 24px;
    }
}


/* line 1640, ../sass/securitydeposit.scss */

.successfull-section p {
    text-align: center;
    margin: 110px 0 0;
    font-size: 24px;
    color: #414141;
    font-family: 'Gilroy-Bold';
    line-height: 38px;
}

@media (max-width: 767px) {
    /* line 1640, ../sass/securitydeposit.scss */
    .successfull-section p {
        font-size: 14px;
        color: #a1aeb7;
    }
}


/* line 1653, ../sass/securitydeposit.scss */

.successfull-section img {
    margin: 0px auto;
    display: block;
}


/* line 1660, ../sass/securitydeposit.scss */

.bank-tnc p {
    font-size: 16px;
    color: #4a4a4a;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 23px;
    font-family: 'Gilroy-Medium';
    font-weight: bold;
}

@media (max-width: 767px) {
    /* line 1660, ../sass/securitydeposit.scss */
    .bank-tnc p {
        font-size: 10px;
        padding: 0px 44px;
    }
}


/* line 1675, ../sass/securitydeposit.scss */

.container-blue-box-otp {
    max-width: 1200px;
    margin: 0px auto;
    padding: 57px 299px 585px 300px;
    border-radius: 6px;
    background-color: #00b0f5;
    margin-bottom: 91px;
}

@media (max-width: 1023px) {
    /* line 1675, ../sass/securitydeposit.scss */
    .container-blue-box-otp {
        padding: 57px 69px 585px 66px;
    }
}

@media (max-width: 767px) {
    /* line 1675, ../sass/securitydeposit.scss */
    .container-blue-box-otp {
        padding: 57px 19px 0px 19px;
        border-radius: 0px;
        min-height: 100%;
        height: 100%;
        margin-bottom: 0px;
    }
    /* line 1691, ../sass/securitydeposit.scss */
    .container-blue-box-otp:before {
        position: absolute;
        content: '';
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #00b0f5;
    }
}


/* line 1701, ../sass/securitydeposit.scss */

.container-blue-box-otp .date-birth-section {
    margin-top: 110px;
    position: relative;
}

@media (max-width: 767px) {
    /* line 1701, ../sass/securitydeposit.scss */
    .container-blue-box-otp .date-birth-section {
        margin-top: 50px;
        height: 100vh;
    }
}


/* line 1708, ../sass/securitydeposit.scss */

.container-blue-box-otp .date-birth-section label {
    font-size: 22px;
    color: #ffffff;
    font-family: 'Gilroy-Bold';
    position: relative;
}

@media (max-width: 767px) {
    /* line 1708, ../sass/securitydeposit.scss */
    .container-blue-box-otp .date-birth-section label {
        font-size: 16px;
        font-weight: normal;
        font-family: 'Gilroy-Medium';
    }
}


/* line 1719, ../sass/securitydeposit.scss */

.container-blue-box-otp .date-birth-section p {
    font-size: 22px;
    font-weight: bold;
    color: #ffffff;
    padding-right: 30px;
    font-family: 'Gilroy-Bold';
    position: relative;
}

@media (max-width: 767px) {
    /* line 1719, ../sass/securitydeposit.scss */
    .container-blue-box-otp .date-birth-section p {
        font-size: 16px;
        font-weight: normal;
        padding-right: 0px;
    }
}


/* line 1733, ../sass/securitydeposit.scss */

.container-blue-box-otp .heading-date {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    position: relative;
}


/* line 1737, ../sass/securitydeposit.scss */

.container-blue-box-otp .heading-date .arrow-mobile-srd {
    display: block;
}


/* line 1739, ../sass/securitydeposit.scss */

.container-blue-box-otp .heading-date .arrow-mobile-srd img {
    cursor: pointer;
}


/* line 1743, ../sass/securitydeposit.scss */

.container-blue-box-otp .heading-date .inner-div {
    width: 100%;
}


/* line 1746, ../sass/securitydeposit.scss */

.container-blue-box-otp .heading-date h3 {
    color: #ffffff;
    font-size: 26px;
    text-align: center;
    font-family: 'Gilroy-Bold';
}

@media (max-width: 767px) {
    /* line 1746, ../sass/securitydeposit.scss */
    .container-blue-box-otp .heading-date h3 {
        font-size: 16px;
    }
}


/* line 1756, ../sass/securitydeposit.scss */

.container-blue-box-otp .otp-input {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-top: 34px;
    position: relative;
}

@media (max-width: 767px) {
    /* line 1756, ../sass/securitydeposit.scss */
    .container-blue-box-otp .otp-input {
        padding: 0px 19px;
        width: 100%;
        margin: 34px auto 0;
        justify-content: space-around;
    }
}


/* line 1766, ../sass/securitydeposit.scss */

.container-blue-box-otp .otp-input input[type="text"] {
    width: 80px;
    height: 78px;
    margin: 0 24px 0 0px;
    padding: 22px 22px 23px 20px;
    border-radius: 5px;
    box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.06);
    border: solid 1px #ffffff;
    color: #fff;
    background-color: #00b0f5;
    font-size: 22px;
    text-align: center;
    font-weight: 500;
}


/* line 1779, ../sass/securitydeposit.scss */

.container-blue-box-otp .otp-input input[type="text"]:focus {
    outline: none;
    background-color: rgba(255, 255, 255, 0.2);
}

@media (max-width: 767px) {
    /* line 1766, ../sass/securitydeposit.scss */
    .container-blue-box-otp .otp-input input[type="text"] {
        width: 36px;
        height: 35px;
        padding: 4px;
        font-size: 14px;
        margin: 0 18px 0 0;
        box-shadow: none;
    }
}


/* line 1792, ../sass/securitydeposit.scss */

.container-blue-box-otp .otp-input ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1;
    /* Firefox */
}


/* line 1798, ../sass/securitydeposit.scss */

.container-blue-box-otp .otp-input :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff;
}


/* line 1802, ../sass/securitydeposit.scss */

.container-blue-box-otp .otp-input ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #fff;
}


/* line 1806, ../sass/securitydeposit.scss */

.container-blue-box-otp .otp-input .error-otp {
    position: absolute;
    bottom: -45px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    width: 100%;
}

@media (max-width: 767px) {
    /* line 1806, ../sass/securitydeposit.scss */
    .container-blue-box-otp .otp-input .error-otp {
        font-size: 16px;
    }
}


/* line 1819, ../sass/securitydeposit.scss */

.container-blue-box-otp .srd-button-next .button-next {
    margin: 296px auto 0;
    padding: 21px 212px;
    border-radius: 6px;
    box-shadow: 0 4px 6px 0 rgba(50, 50, 93, 0.11), 0 1px 3px 0 rgba(0, 0, 0, 0.08);
    background-color: #fff;
    cursor: pointer;
    color: #00b0f5;
    font-size: 18px;
    font-family: 'Gilroy-Bold';
    border: none;
    display: block;
    opacity: 0.5;
}


/* line 1832, ../sass/securitydeposit.scss */

.container-blue-box-otp .srd-button-next .button-next:hover {
    background: #fff;
    color: #00b0f5;
    opacity: 1;
}

@media (max-width: 767px) {
    /* line 1819, ../sass/securitydeposit.scss */
    .container-blue-box-otp .srd-button-next .button-next {
        margin: 0px auto 0;
        padding: 13px 0px;
        font-size: 14px;
        width: 90%;
        position: fixed;
        bottom: 39px;
        left: 0;
        right: 0;
    }
}


/* line 1850, ../sass/securitydeposit.scss */

.container-blue-box-otp .srd-button-submit .button-submit {
    margin: 80px auto 0;
    padding: 21px 212px;
    border-radius: 6px;
    box-shadow: 0 4px 6px 0 rgba(50, 50, 93, 0.11), 0 1px 3px 0 rgba(0, 0, 0, 0.08);
    background-color: #fff;
    cursor: pointer;
    color: #00b0f5;
    font-size: 18px;
    font-family: 'Gilroy-Bold';
    border: none;
    display: block;
    opacity: 0.5;
}


/* line 1863, ../sass/securitydeposit.scss */

.container-blue-box-otp .srd-button-submit .button-submit:hover {
    background: #fff;
    color: #00b0f5;
    opacity: 1;
}

@media (max-width: 767px) {
    /* line 1850, ../sass/securitydeposit.scss */
    .container-blue-box-otp .srd-button-submit .button-submit {
        margin: 0px auto 0;
        padding: 13px 0px;
        font-size: 14px;
        width: 100%;
        /*position: fixed;
bottom: 39px;
left: 0;
right: 0;*/
        position: absolute;
        bottom: 22px;
    }
}


/* line 1882, ../sass/securitydeposit.scss */

.container-blue-box-otp .label-otp {
    text-align: center;
    margin-top: 15px;
}


/* line 1885, ../sass/securitydeposit.scss */

.container-blue-box-otp .label-otp label {
    font-family: 'Gilroy-Medium';
    font-size: 17px;
}


/* line 1890, ../sass/securitydeposit.scss */

.container-blue-box-otp .resend-otp {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    margin-top: 80px;
}

@media (max-width: 767px) {
    /* line 1890, ../sass/securitydeposit.scss */
    .container-blue-box-otp .resend-otp {
        /*position: fixed;
bottom: 116px;*/
        text-align: center;
        margin: 0px auto;
        left: 0;
        right: 0;
        position: absolute;
        bottom: 89px;
    }
}


/* line 1905, ../sass/securitydeposit.scss */

.container-blue-box-otp .resend-otp p {
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 500;
    color: #ffffff;
    padding-right: 9px;
    font-family: 'Gilroy-Medium';
}

@media (max-width: 767px) {
    /* line 1905, ../sass/securitydeposit.scss */
    .container-blue-box-otp .resend-otp p {
        font-size: 14px;
        font-weight: normal;
    }
}


/* line 1917, ../sass/securitydeposit.scss */

.container-blue-box-otp .resend-otp .button-otp {
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 500;
    color: #ffffff;
    background: none;
    border: none;
    border-bottom: 1px solid #fff;
    padding: 0;
    font-family: 'Gilroy-Medium';
    cursor: pointer;
}

@media (max-width: 767px) {
    /* line 1917, ../sass/securitydeposit.scss */
    .container-blue-box-otp .resend-otp .button-otp {
        font-size: 14px;
        font-weight: normal;
    }
}


/* line 1933, ../sass/securitydeposit.scss */

.container-blue-box-otp .resend-otp button:disabled {
    cursor: not-allowed;
    color: #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
}


/* line 1939, ../sass/securitydeposit.scss */

.container-blue-box-otp .timer-otp {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    margin-top: 80px;
}

@media (max-width: 767px) {
    /* line 1939, ../sass/securitydeposit.scss */
    .container-blue-box-otp .timer-otp {
        margin-top: 80px;
    }
}


/* line 1947, ../sass/securitydeposit.scss */

.container-blue-box-otp .timer-otp p {
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 500;
    color: #ffffff;
    padding-right: 9px;
    font-family: 'Gilroy-Medium';
}

@media (max-width: 767px) {
    /* line 1947, ../sass/securitydeposit.scss */
    .container-blue-box-otp .timer-otp p {
        font-size: 16px;
    }
}


/* line 1958, ../sass/securitydeposit.scss */

.container-blue-box-otp .timer-otp img {
    padding-right: 10px;
}


/*alertboxcss*/

.content {
    position: fixed;
    top: 0;
    left: 0;
    /*transform: translate(-50%, -50%);*/
    width: 100%;
    height: 100%;
    text-align: center;
    box-sizing: border-box;
    padding: 10px;
    z-index: 100;
    display: none;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
    /*to hide popup initially*/
}

.content-popup {
    background-color: #fff;
    margin: auto;
    padding: 22px 22px 22px;
    border: 1px solid #888;
    width: 380px;
    border-radius: 5px;
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0px 0px 24px rgb(0 0 0 / 30%);
    -webkit-box-shadow: 0px 0px 24px rgb(0 0 0 / 30%);
    font-size: 17px;
}

.content-img {
    position: fixed;
    z-index: 4;
    padding-top: 69px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.3);
    display: none;
    z-index: 999;
}

.cheque-popup-img img {
    /*  width: 100%;
    height: auto;*/
}

.cheque-popup-img {
    /* width: 100%;*/
    /*margin: 0px auto;*/
}

.content-popup-img {
    position: fixed;
    z-index: 4;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.5);
}

#zoomImage {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}


/* Add Animation - Zoom in the Modal */

@media (max-width: 767px) {
    #zoomImage {
        width: 87%;
    }
    .close-pop {
        position: absolute;
        top: 0px;
        right: -14px;
        color: #fff;
        font-size: 66px;
        font-weight: bold;
        transition: 0.3s;
    }
}

.content-popup h3 {
    color: #00b0f5;
    margin: 7px 0 9px;
    font-family: 'Gilroy-Bold';
    font-size: 24px;
    font-weight: bold;
}

.content-popup p {
    margin: 0;
    font-family: 'Gilroy-Bold';
    font-size: 17px;
    font-weight: 500;
}

.close-btn-img {
    position: absolute;
    right: 33px;
    top: 29px;
    color: #fff;
    border-radius: 50%;
    padding: 4px;
    font-size: 82px;
    font-weight: bold;
    cursor: pointer;
}

.close-pop {
    position: absolute;
    top: 0px;
    right: 35px;
    color: #fff;
    font-size: 66px;
    font-weight: bold;
    transition: 0.3s;
}

.close-btn {
    position: absolute;
    right: 11px;
    top: -1px;
    color: #333;
    border-radius: 50%;
    padding: 4px;
    font-size: 32px;
    font-weight: bold;
    cursor: pointer;
}

.close-btn img {
    position: absolute;
    background: #139edd;
    top: -10px;
    right: -21px;
    padding: 4px 4px;
    border-radius: 12px;
    cursor: pointer;
    z-index: 9999;
}