.wa-datepicker-modal .hidden {
    display: none
}

.wa-datepicker-modal .active {
    display: block
}

.wa-datepicker-modal .disabled {
    color: #85878b;
    cursor: pointer;
    opacity: .5;
    pointer-events: none
}

.day-active,.month-active,.year-active {
    color: #3eb9f4
}

.wa-datepicker-modal {
    width: 400px;
    border-radius: 10px;
    overflow: hidden;
    top: 50%!important;
    transform: translateY(-50%)!important;
    box-shadow: none
}

.wa-datepicker-modal .modal-content {
    padding: 0;
    background-image: none!important
}

.wa-datepicker-modal .modal-content .wadate-head {
    background: #3eb9f4;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly
}

.wa-datepicker-modal .modal-content .wadate-head .wadate-head-item {
    position: relative;
    width: 80px;
    height: 70px
}

.wa-datepicker-modal .modal-content .wadate-head .wadate-head-item.active:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #3eb9f4
}

.wa-datepicker-modal .modal-content .wadate-head .wadate-head-item div {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 1px;
    color: #fff;
    background: transparent;
    border: 0;
    opacity: .9;
    position: absolute;
    top: 0;
    left: 10px;
    width: 100%;
    height: 100%;
    display: inline-flex;
    padding-top: 14px;
    cursor: pointer
}

.wa-datepicker-modal .modal-content .wadate-head .wadate-head-item p {
    font-weight: 400;
    font-size: 24px;
    line-height: 29px;
    color: #fff;
    position: absolute;
    bottom: 7px;
    left: 10px;
    width: 100%;
    pointer-events: none;
    margin-bottom: 0
}

.wa-datepicker-modal .modal-content .wa-datepicker-calendar {
    padding: 10px 40px 0;
    height: 230px
}

.wa-datepicker-modal .modal-content .wa-datepicker-calendar .date-content table tr {
    border-bottom: 0
}

.wa-datepicker-modal .modal-content .wa-datepicker-calendar .date-content table tr td {
    padding: 10px 5px;
    cursor: pointer;
    font-weight: 400;
    text-align: center;
    border-radius: 50%;
    color: #000
}

.wa-datepicker-modal .modal-content .wa-datepicker-calendar .date-content table tr td.day-active {
    color: #fff;
    background: #3eb9f4
}

.wa-datepicker-modal .modal-content .wa-datepicker-calendar .date-content[data-name=Month] table tr td,.wa-datepicker-modal .modal-content .wa-datepicker-calendar .date-content[data-name=Year] table tr td {
    width: 80px;
    height: 50px;
    border-radius: 40px;
    padding: 0;
    margin: 10px 0;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.wa-datepicker-modal .modal-content .wa-datepicker-calendar .date-content[data-name=Month] table tr td.month-active,.wa-datepicker-modal .modal-content .wa-datepicker-calendar .date-content[data-name=Year] table tr td.month-active {
    color: #fff;
    background: #3eb9f4
}

.wa-datepicker-modal .modal-content .wa-datepicker-calendar .date-content[data-name=Year] {
    max-height: 220px;
    overflow: auto
}

.wa-datepicker-modal .modal-content .wa-datepicker-calendar .date-content[data-name=Year] table tr td {
    width: 70px;
    height: 35px
}

.wa-datepicker-modal .modal-content .wa-datepicker-calendar .date-content[data-name=Year] table tr td.year-active {
    color: #fff;
    background: #3eb9f4
}

.wa-datepicker-modal .modal-content .wa-datepicker-footer .wa-datepicker-clear {
    display: none
}

.wa-datepicker-modal .modal-content .wa-datepicker-footer .confirmation-btns {
    display: flex;
    justify-content: flex-end;
    padding-right: 30px
}

.wa-datepicker-modal .modal-content .wa-datepicker-footer .confirmation-btns button {
    font-weight: 400;
    font-size: 15px;
    line-height: 19px;
    color: #3eb9f4;
    margin-bottom: 10px;
    text-transform: none
}

.wa-datepicker-modal .modal-content .wa-datepicker-footer .confirmation-btns button.wa-datepicker-cancel {
    color: #7e838e
}

@media only screen and (max-width:600px) {
    .wa-datepicker-modal {
        width: 330px
    }

    .wa-datepicker-modal .modal-content .wa-datepicker-calendar {
        padding: 10px 20px 0;
        height: 230px
    }

    .wa-datepicker-modal .modal-content .wa-datepicker-calendar .date-content table tr {
        border-bottom: 0
    }

    .wa-datepicker-modal .modal-content .wa-datepicker-calendar .date-content[data-name=Month] table tr td {
        width: 70px
    }
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    transition: all .2s
}

.container-fluid {
    margin: 0;
    padding: 0;
    width: 100%
}

.row {
    margin: auto;
    padding: 0
}

a {
    text-decoration: none;
    position: relative;
    color: #3eb9f4;
    cursor: pointer
}

a:focus,a:hover {
    text-decoration: underline
}

a:focus,a:focus-visible {
    outline: none
}

.text-center,.text-left,.text-right {
    width: 100%
}

body {
    background-color: #000;
    scroll-behavior: smooth;
    font-family: Roboto,sans-serif
}

.desktop_mode {
    display: block
}

.mobile_mode {
    display: none
}

.ml-0 {
    margin-left: 0!important
}

.mr-0 {
    margin-right: 0!important
}

.mb-0 {
    margin-bottom: 0!important
}

.mt-0 {
    margin-top: 0!important
}

.pl-0 {
    padding-left: 0!important
}

.pr-0 {
    padding-right: 0!important
}

.pb-0 {
    padding-bottom: 0!important
}

.pt-0 {
    padding-top: 0!important
}

#myBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 10px;
    z-index: 99;
    cursor: pointer;
    height: 50px;
    width: 50px;
    padding: 0;
    outline: none;
    border: 0;
    opacity: .5;
    background-color: transparent
}

#myBtn:hover {
    opacity: 1
}

#myBtn img {
    width: 80%
}

li {
    list-style-type: none
}

p {
    font-size: 16px;
    color: #212529
}

input[type=text]:focus {
    box-shadow: none!important
}

.maxwidth {
    padding: 0 20px;
    max-width: 1340px;
    margin: auto;
    width: 100%
}

.modal-open {
    padding-right: 0!important
}

h1,h2,h3,h4,h5,h6 {
    margin-top: 0
}

.loader {
    background: #fff;
    min-height: 100vh;
    z-index: 99999;
    top: 0;
    position: fixed;
    left: 0;
    width: 100vw;
    display: flex;
    place-items: center;
    justify-content: center
}

.loader #status img {
    width: 300px
}

.checkbox-field,.input-field,.radio_group {
    margin-bottom: 30px
}

.radio_group p {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 15px;
    color: #3eb9f4
}

.radio_group label span {
    font-weight: 400;
    font-size: 15px;
    line-height: 19px;
    color: #7e838e
}

.radio_group label+label {
    margin-left: 50px
}

.input-field label {
    font-weight: 400;
    font-size: 15px;
    line-height: 19px;
    color: #7e838e;
    pointer-events: none
}

.input-field label.active {
    font-size: 13px;
    line-height: 16px;
    color: #3eb9f4
}

.input-field input {
    font-weight: 400;
    font-size: 15px;
    line-height: 19px;
    color: #000;
    box-sizing: border-box
}

span.error_msg {
    display: none
}

span.error_msg img {
    margin-bottom: -5px;
    margin-right: 5px;
    position: relative;
    bottom: 0;
    right: 0
}

.input-field.error {
    position: relative
}

.input-field.error input {
    border-bottom-color: #3eb9f4
}

.input-field.error span.error_msg {
    position: absolute;
    bottom: -12px;
    left: 10px;
    color: #e5435c!important;
    font-size: 12px!important;
    font-weight: 400!important;
    display: inline-block
}

.radio_group.error {
    position: relative
}

.radio_group.error span.error_msg {
    position: relative;
    margin-left: 15px;
    bottom: 0;
    left: 0;
    color: #e5435c!important;
    font-size: 12px!important;
    font-weight: 400!important;
    display: inline-block
}

p.input_info {
    font-size: 14px;
    line-height: 18px;
    color: #636c88
}

.select-wrapper+label {
    font-weight: 400;
    font-size: 15px;
    line-height: 19px;
    color: #7e838e;
    top: 0;
    z-index: 9
}

.select-wrapper+label.selected {
    font-size: 13px;
    line-height: 16px;
    color: #3eb9f4;
    transform: translateY(-14px) scale(1)
}

.select-field .select-wrapper input.select-dropdown {
    color: transparent
}

.select-field .select-wrapper input.select-dropdown.active {
    color: #000
}

.toggle_radio .switch {
    display: inline-block
}

.radio_group.toggle_radio label span {
    padding-left: 0!important
}

.radio_group2 label+label {
    margin-left: 0
}

.radio_group.toggle_radio [type=radio]+span:after,.radio_group.toggle_radio [type=radio]+span:before {
    display: none
}

[type=radio]:not(:checked)+span:before {
    box-shadow: 0 0 0 0 rgba(43,72,157,.1)
}

[type=radio]:hover+span:before {
    box-shadow: 0 0 0 8px rgba(43,72,157,.1);
    background: rgba(43,72,157,.1)
}

.radio_group2 label span {
    font-size: 13px;
    line-height: 16px;
    color: #464646;
    height: auto;
    background: transparent;
    border: 1px solid rgba(99,108,136,.29);
    box-sizing: border-box;
    border-radius: 6px;
    padding: 15px;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    margin-right: 10px;
    margin-bottom: 10px
}

.radio_group2 span img {
    margin-right: 20px
}

.radio_group2 span.active {
    color: hsla(0,0%,100%,.9);
    background: #3eb9f4;
    border: 1px solid #3eb9f4
}

.radio_group.radio_group_straight {
    display: flex;
    align-items: center
}

.radio_group.radio_group_straight p {
    margin-bottom: 0;
    margin-right: 35px
}

[type=checkbox].filled-in+span:not(.lever):after,[type=checkbox].filled-in+span:not(.lever):before,[type=radio]:checked+span:after {
    transition: none
}

.datepicker-modal {
    transition: unset
}

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

.login_captcha img {
    width: 100%
}

.password_field img {
    position: absolute;
    bottom: 20px;
    right: 10px;
    cursor: pointer
}

.password_field input {
    padding-right: 50px
}

.password_field a {
    display: block;
    margin-bottom: 30px;
    text-align: right;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #3eb9f4
}

.hidden {
    display: none
}

.datepicker_field img {
    position: absolute;
    bottom: 20px;
    right: 10px;
    cursor: pointer
}

.checkbox-field [type=checkbox].filled-in:not(:checked)+span:not(.lever):after {
    border: 1px solid #3eb9f4
}

.checkbox-field [type=checkbox].filled-in:checked+span:not(.lever):after {
    border: 1px solid #3eb9f4;
    background-color: #3eb9f4
}

.checkbox-field label span {
    font-size: 14px!important;
    line-height: 20px!important;
    color: #464646;
    padding-bottom: 0;
    height: auto!important
}

.checkbox-field label span a {
    font-weight: 400
}

.modal-overlay {
    background: rgba(15,19,29,.9);
    opacity: 1!important
}

.common-banner {
    background: url(/Content/darktheme/images/banner-image.png) no-repeat;
    background-size: cover;
    height: 290px;
    padding: 80px 20px 50px
}

.common-banner h1 {
    width: 100%;
    max-width: 1285px;
    font-weight: 700;
    font-size: 26px;
    line-height: 33px;
    color: #fff;
    margin: auto
}

.common-banner h1 span {
    color: #fff
}

.common-banner img {
    width: 100%
}

.quick-link-content {
    background: #fff;
    box-sizing: border-box;
    box-shadow: 0 2px 8px rgba(28,29,85,.08);
    width: 100%;
    max-width: 1285px;
    margin: auto auto 20px
}

.quick-link-content:first-child {
    margin-top: -130px
}

.quick-link-content>.row .col.s12.l6,.quick-link-content>.row .col.s12.l6:first-child,.quick-link-content>.row .col.s12.l7 {
    position: relative
}

.quick-link-content>.row .col.s12.l6:after,.quick-link-content>.row .col.s12.l6:first-child:after,.quick-link-content>.row .col.s12.l7:after {
    display: none;
    position: absolute;
    content: "";
    width: 1px;
    height: 90%;
    background: #d9dce4;
    top: 5%;
    right: 0
}

.quick-link-content>.row .col.s12.l5,.quick-link-content>.row .col.s12.l6.pr-0,.quick-link-content>.row .col.s12.l6:last-child {
    position: relative
}

.quick-link-content>.row .col.s12.l5:after,.quick-link-content>.row .col.s12.l6.pr-0:after,.quick-link-content>.row .col.s12.l6:last-child:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 90%;
    background: #d9dce4;
    top: 5%;
    left: -1px;
    display: none
}

.form-right.annual-statement-detail img {
    min-height: 635px;
    width: 100%
}

.photo-sign-page-content .right_img_sec .form-right .right-img .form_left_img_sec {
    min-height: 600px
}

.image_content {
    position: absolute;
    top: 65px
}

.image_content p {
    font-weight: 500;
    font-size: 16px;
    line-height: 210.6%;
    color: #fff;
    text-shadow: 0 6px 4px rgba(0,0,0,.2);
    display: flex;
    margin-top: 30px;
    padding: 0 35px
}

.image_content p img {
    vertical-align: middle;
    margin-right: 12px;
    height: 20px;
    margin-top: 10px
}

.card_icon {
    text-align: center;
    margin-top: 15px
}

.form-left {
    padding: 70px 0;
    max-width: 490px;
    margin: auto
}

.form-left.form-left-inputs {
    max-width: 320px
}

.grievance-content .form-right img {
    min-height: 550px;
    width: 100%
}

.form-right {
    padding: 0;
    position: relative
}

.form-right .right-img {
    display: flex;
    justify-content: flex-end
}

.form-right .right-img img {
    max-width: 100%
}

.form-right .right-txt-content {
    max-width: 400px;
    margin: auto;
    background-color: rgba(52,177,246,.32941176470588235);
    border-radius: 4px;
    padding: 17px 30px
}

.form-right .right-txt-content img {
    margin-bottom: 20px
}

.form-right .right-txt-content .right-content-total p {
    font-size: 14px;
    line-height: 29px;
    color: rgba(70,70,70,.8)
}

.form-right .right-txt-content .right-content-total a {
    font-size: 14px;
    line-height: 29px;
    color: #3eb9f4;
    font-weight: 700
}

.form-right .right-txt-content .right-content-total .more_content {
    display: none
}

.submitBtn {
    background: linear-gradient(0deg,#0090ff 4%,#36dae9 125%);
    border-radius: 4px;
    padding: 13px 15px;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    min-width: 150px;
    text-transform: none;
    box-shadow: none;
    height: auto
}

.submitBtn.cancelBtn {
    background: #f0f2f9;
    color: #3eb9f4
}

.submitBtn.extra-largeBtn {
    width: 277px;
    max-width: 100%
}

.form-btns {
    display: flex;
    justify-content: center
}

.form-btns .submitBtn {
    margin-right: 20px
}

.form-btns .submitBtn:last-child {
    margin-right: 0
}

button,button:focus,button:focus-visible {
    background-color: #000;
    outline: none;
    border: 0
}

.centered-button-group {
    display: flex;
    justify-content: center;
    margin-top: 40px
}

.centered-button-group a {
    background: #3eb9f4;
    border-radius: 7px;
    padding: 16px 40px;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    min-width: 127px;
    text-align: center
}

.centered-button-group a:hover {
    text-decoration: none
}

.bottom-instructions {
    border: 1px solid #bac2d6;
    border-radius: 6px;
    padding: 22px 80px;
    display: flex;
    align-items: flex-start;
    background-image: url(/Content/img/box-bg.svg);
    background-position: right 20px bottom 10px;
    background-repeat: no-repeat;
    margin-bottom: 40px
}

.bottom-instructions img {
    margin-right: 25px
}

.bottom-instructions h4 {
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    color: #3eb9f4;
    margin-bottom: 15px
}

.bottom-instructions p {
    font-size: 13px;
    color: hsla(0,0%,100%,.9);
    line-height: 17px;
    margin-bottom: 15px;
    max-width: 1000px
}

.modal {
    top: 50%!important;
    margin: auto;
    transform: translateY(-50%)!important
}

.declaration-modal {
    background: #fff;
    border-radius: 8px;
    width: 853px;
    max-width: 95%
}

.declaration-modal .modal-content {
    padding: 0
}

.declaration-modal .modal-content .declaration-modal-image {
    height: 78px;
    text-align: center;
    background-position: 0 100%;
    background-color: #f0f2f9
}

.declaration-modal .modal-content .declaration-modal-image img {
    position: relative;
    top: 35px
}

.declaration-modal .modal-content .declaration-modal-content {
    padding: 45px 55px
}

.declaration-modal .modal-content .declaration-modal-content h3 {
    font-weight: 900;
    font-size: 30px;
    line-height: 43px;
    letter-spacing: 2px;
    color: #3eb9f4;
    margin-bottom: 45px;
    text-align: center
}

.declaration-modal .modal-content .declaration-modal-content p {
    font-weight: 600;
    font-size: 14px;
    color: rgba(0,0,0,.8);
    line-height: 29px;
    margin-bottom: 20px
}

.declaration-modal .modal-content .declaration-modal-content p span {
    font-weight: 700
}

.otp-modal {
    width: 745px;
    max-width: 95%;
    border-radius: 8px
}

.otp-modal .modal-content {
    padding: 0
}

.otp-modal .otp-heading {
    margin-bottom: 0;
    height: 145px;
    padding: 45px 100px;
    background-color: #f0f2f9
}

.otp-modal .otp-heading h4 {
    font-weight: 700;
    font-size: 28px;
    line-height: 40px;
    color: #3eb9f4
}

.otp-modal .otp-heading a.modal-close {
    position: absolute;
    right: 55px;
    top: 52px
}

.otp-modal .otp-heading a.modal-close img {
    width: 14px
}

.otp-modal .otp-content {
    padding: 60px
}

.otp-modal .otp-content .dotted-border {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.otp-modal .otp-content .dotted-border a {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    text-transform: capitalize;
    color: #3eb9f4
}

.otp-modal .otp-content .otp-input p {
    font-weight: 700;
    font-size: 18px;
    line-height: 19px;
    color: #3eb9f4;
    margin-bottom: 10px
}

.otp-modal .otp-content .otp-input input {
    width: 56px!important;
    margin-right: 12px;
    text-align: center;
    font-size: 18px;
    font-weight: 700
}

.otp-modal .otp-content .otp-input input:focus {
    box-shadow: none
}

.otp-modal .otp-content .error input {
    border-bottom: 1px solid #3eb9f4
}

.otp-modal .otp-content .error-txt {
    font-size: 14px;
    text-align: center;
    color: #3eb9f4;
    margin-top: 25px
}

.otp-modal .otp-content .info-txt {
    font-size: 16px;
    color: #6b6b6b;
    margin-top: 50px;
    padding-left: 70px;
    margin-bottom: 60px;
    padding-right: 20px
}

.otp-modal .otp-content .info-txt span {
    color: #003974;
    font-weight: 700
}

.otp-modal .custom-btn {
    width: 100%;
    max-width: 210px
}

#otpModal-email.otp-modal {
    width: 850px
}

#otpModal-email.otp-modal .otp-content.email-mobile-otp .dotted-border {
    border: 1px dashed rgba(99,108,136,.5);
    border-radius: 9px;
    padding: 23px 64px 30px 33px;
    margin-bottom: 50px
}

#otpModal-email.otp-modal .otp-content.email-mobile-otp .dotted-border:first-child {
    margin-bottom: 20px
}

#otpModal-email.otp-modal .otp-content.email-mobile-otp .submitBtn {
    padding: 15px 85px
}

.info-details-modal {
    width: 95%;
    max-width: 500px;
    text-align: center;
    border-radius: 8px
}

.info-details-modal .modal-content {
    padding: 6px 8px 40px;
    position: relative
}

.info-details-modal .modal-content .info-details-modal-image {
    background: #f0f2f9;
    border-radius: 8px;
    height: 74px;
    margin-bottom: 65px
}

.info-details-modal .modal-content .info-details-modal-image img {
    position: relative;
    top: 30px
}

.info-details-modal .modal-content p {
    margin: 45px 0;
    font-size: 18px;
    line-height: 42px;
    color: #3eb9f4;
    padding: 0 30px;
    font-weight: 500
}

.info-details-modal .modal-content .custom-btn {
    min-width: 130px;
    padding: 12px 20px
}

.info-details-modal img.modal-close {
    position: absolute;
    right: 20px;
    top: 20px
}

.note {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #464646;
    margin-bottom: 30px
}

.note span {
    color: #3eb9f4
}

.upload-content {
    width: 100%;
    padding-left: 0
}

.upload-content .uploaded-content-info {
    border: 1px dashed rgba(99,108,136,.5);
    border-radius: 9px;
    font-size: 16px;
    margin: 0;
    height: 64px;
    display: flex;
    align-items: center
}

.upload-content .uploaded-content-info .left {
    position: relative;
    padding: 20px 20px 20px 50px
}

.upload-content .uploaded-content-info .left p {
    color: #3eb9f4
}

.upload-content .uploaded-content-info .left img {
    position: absolute;
    left: -27px;
    top: 0;
    bottom: 0;
    margin: auto
}

.upload-content .uploaded-content-info .right {
    background: rgba(40,61,124,.04);
    position: relative;
    border-top-right-radius: 9px;
    border-bottom-right-radius: 9px;
    z-index: 9;
    text-align: center;
    height: 64px;
    overflow: hidden;
    padding: 10px 45px 10px 25px;
    display: flex;
    justify-content: center
}

.upload-content .uploaded-content-info .right .upload-txt {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3eb9f4;
    font-weight: 700
}

.upload-content .uploaded-content-info .right .upload-txt .upload-button {
    position: relative;
    display: flex
}

.upload-content .uploaded-content-info .right .upload-txt .upload-button img {
    margin-right: 10px
}

.upload-content .uploaded-content-info .right .upload-txt input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer
}

.upload-content .uploaded-content-info .right .upload-txt.active {
    justify-content: end
}

.upload-content .uploaded-content-info .right .upload-txt.active .upload-button,.upload-content .uploaded-content-info .right .upload-txt.active .upload-first .webcam,.upload-content .uploaded-content-info .right .upload-txt.active .upload-first span {
    display: none!important
}

.upload-content .uploaded-content-info .right .upload-txt.active input {
    cursor: auto
}

.upload-content .uploaded-content-info .right .upload-txt.active .uploaded-file-name {
    display: block;
    overflow-wrap: anywhere;
    max-height: 40px
}

.upload-content .uploaded-content-info .right .upload-txt.active .uploaded-file-name .green-tick {
    position: absolute;
    width: 20px
}

.upload-content .uploaded-content-info .right .upload-txt.active .uploaded-file-name span {
    margin-left: 30px;
    font-size: 16px;
    line-height: 22px;
    color: #3eb9f4;
    font-weight: 400
}

.upload-content .uploaded-content-info .right .upload-txt .uploaded-file-name {
    display: none
}

.upload-content .uploaded-content-info .right .upload-txt .uploaded-file-name .clear-file {
    position: absolute;
    z-index: 99999;
    top: 40%;
    right: 25px;
    cursor: pointer
}

.upload-content .uploaded-content-info .right:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 25%;
    height: 37px;
    width: 1px;
    background: rgba(99,108,136,.29)
}

.upload-content .support-txt {
    padding: 15px 0;
    font-style: italic;
    font-size: 11px;
    margin-bottom: 30px;
    font-weight: 400;
    color: #636c88
}

.upload-content .support-txt span {
    font-style: normal;
    font-weight: 400;
    color: #3eb9f4
}

footer a:after,header a.nav-link:after {
    bottom: -3px;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    background: linear-gradient(90deg,#0090ff,#36dae9);
    transition: width .3s ease 0s,left .3s ease 0s;
    width: 0
}

footer a:hover:after,header a.nav-link.active:after,header a.nav-link:hover:after {
    width: 22px
}

footer a:hover:after {
    width: 100%
}

.navbar-dark .navbar-nav .header_joinNPS .nav-link:after,.navbar-dark .navbar-nav .header_login .nav-link:after,.notification_icon .nav-link:after,.search_icon .nav-link:after {
    display: none
}

body.about-cra-body .about-us-btn:after,body.forms-body .support-btn:after,body.strd-orp-body .support-btn:after,body.view-demo-body .support-btn:after {
    width: 22px
}

header {
    width: 100%;
    padding: 0;
    z-index: 99;
    background-color: #000
}

#collapsibleNavbar {
    justify-content: flex-end;
    place-items: center
}

header .nav_brand img {
    margin: 0
}

header .nav_brand a {
    display: inline-block;
    height: auto;
    line-height: unset
}

nav ul li {
    margin: 0 5px;
    position: relative;
    cursor: pointer;
    padding: 0 5px;
    display: flex;
    align-items: center
}

nav ul a:focus,nav ul a:hover {
    text-decoration: none
}

.bg-dark {
    align-items: center;
    justify-content: space-between;
    background-color: transparent!important;
    padding: 15px 25px;
    position: relative;
    height: auto;
    line-height: unset
}

.bg-dark,header .navbar-nav {
    display: flex
}

.mobile-nav,.mobile_toggle,.sidenav {
    display: none
}

header .search_icon {
    margin-left: 0;
    padding-left: 0
}

.navbar-dark .navbar-toggler {
    color: hsla(0,0%,100%,.5);
    cursor: pointer
}

.navbar-dark .navbar-nav .nav-link {
    color: hsla(0,0%,94.9%,.8);
    font-size: 15px;
    line-height: 18px;
    opacity: .8;
    padding: 0;
    display: flex;
    width: -webkit-max-content;
    width: max-content;
    position: relative;
    place-items: center;
    transition: unset
}

.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link.active {
    color: #fff;
    font-weight: 700
}

.navbar-dark .navbar-nav .nav-link svg {
    margin-left: 5px;
    font-size: .7em;
    transition: none!important
}

.navbar-dark .navbar-nav .header_login .nav-link {
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    color: #0090ff;
    opacity: 1;
    padding: 10px 28px;
    border-radius: 3.5px;
    background: -webkit-linear-gradient(left,#0090ff,#36dae9);
    background-clip: text;
    -webkit-background-clip: text;
    border: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(90deg,#0090ff,#36dae9)
}

.navbar-dark .navbar-nav .header_login .nav-link:hover {
    box-shadow: 0 2px 4px 0 rgba(58,67,133,.3)
}

.nav-item.notification_icon .nav-link,.nav-item.search_icon .nav-link {
    opacity: 1
}

.about-us-btn,.login-btn,.nav-kc-btn,.services-btn,.support-btn {
    display: flex;
    position: relative
}

.arrow {
    border-top: 5px solid #fff;
    display: flex;
    align-self: center
}

.arrow,.login-btn .arrow {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    margin-left: 10px
}

.login-btn .arrow {
    border-top: 5px solid #0090ff
}

.about-us-btn.active span,.login-btn.active span,.nav-kc-btn.active span,.services-btn.active span,.support-btn.active span {
    transform: rotate(180deg)
}

.about-us,.login,.support,header .services {
    width: -webkit-max-content;
    width: max-content;
    box-shadow: 0 2px 4px rgba(148,151,163,.37);
    border: 1px solid rgba(148,151,163,.368062);
    border-radius: 10px;
    position: absolute;
    top: 100%;
    left: auto;
    padding: 10px 5px;
    background-color: #000;
    z-index: 999;
    display: none
}

.support {
    padding: 5px
}

header .services {
    top: calc(100% + 18px);
    left: 50%;
    transform: translateX(-25%);
    justify-content: center;
    padding: 0
}

.kc-dropdown {
    width: 100%;
    padding: 0 5px 15px 15px;
    z-index: 999;
    display: none
}

.about-us .about-us-item,.login .login-item,.support .support-item {
    width: 100%
}

.services .service-item {
    text-align: center;
    margin: 20px
}

.about-us .about-us-item:not(:last-child),.kc-dropdown .kc-item:not(:last-child),.login .login-item:not(:last-child),.support .support-item:not(:last-child) {
    border-bottom: .5px solid hsla(0,0%,100%,.4)
}

.about-us .about-us-item a,.kc-dropdown .kc-dropdown a,.login .login-item a,.support .support-item a {
    display: block;
    width: 100%;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    padding: 10px 5px;
    color: hsla(0,0%,100%,.8)
}

.services .service-item a {
    display: block
}

.services .service-item p {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    color: #fff;
    margin-top: 15px;
    margin-bottom: 0
}

.desktop-login.active {
    display: block
}

.desktop-services.active {
    display: flex
}

.nav-kc-btn {
    display: flex!important;
    align-items: center;
    justify-content: space-between
}

.kc-dropdown.active {
    display: block
}

.notification_icon,.search_icon {
    position: relative
}

input.header-search-input[type=search] {
    padding: 9px 30px 9px 9px;
    position: absolute;
    right: 0;
    top: 0;
    width: 335px;
    border: 1px solid #3eb9f4;
    border-radius: 3.5px;
    background: url(/Content/img/search_icon.svg) no-repeat right 5px center #fff;
    box-sizing: border-box
}

.header-search-input:-ms-input-placeholder {
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: hsla(0,0%,59.2%,.8)
}

.header-search-input::placeholder {
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: hsla(0,0%,59.2%,.8)
}

.notification-popup {
    position: absolute;
    right: -10px;
    top: calc(100% + 10px);
    width: 400px;
    background: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 10px;
    box-shadow: -8px 4px 20px rgba(0,0,0,.05);
    z-index: 9999
}

.notification-popup span {
    position: absolute;
    bottom: 100%;
    right: 16px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom-color: #d8d8d8
}

.notification-popup span:after {
    content: "";
    position: absolute;
    bottom: -10px;
    right: -8px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom-color: #fff
}

.notification-popup h2 {
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    color: rgba(234,81,103,.8);
    border-bottom: .6px dashed #d8d8d8;
    margin: 10px 15px;
    padding: 15px 0
}

.notification-popup ul {
    height: 220px;
    overflow-y: auto
}

.notification-popup ul .notification-item {
    border-bottom: .6px dashed #d8d8d8;
    margin: 0 10px
}

.notification-popup ul li {
    list-style-type: disc;
    display: list-item;
    margin: 10px 0 10px 30px;
    font-size: 14px;
    line-height: 18px;
    color: #000;
    float: unset
}

.notification-popup ul li::marker {
    color: #3eb9f4;
    font-size: 20px
}

.notification-popup p {
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: rgba(40,61,124,.8);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 15px 25px 30px auto
}

.nav-mobile {
    display: none
}

.mobile-nav .p-2 {
    padding: .5rem!important
}

.navbar-dark .navbar-nav .header_joinNPS .nav-link,.sidenav .navbar-nav .header_joinNPS .nav-link,.sticky-nav .navbar-nav .sticky-nav_joinNPS .nav-link {
    background: linear-gradient(90deg,#0090ff,#36dae9);
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    color: #fff;
    opacity: 1;
    padding: 10px 28px;
    border-radius: 3.5px
}

.navbar-dark .navbar-nav .header_joinNPS .nav-link:hover,.sticky-nav .navbar-nav .sticky-nav_joinNPS .nav-link:hover {
    background-color: #474f90;
    box-shadow: 0 2px 4px 0 rgba(58,67,133,.3);
    transition: all .5s ease-in-out
}

.details-box {
    padding: 25px 75px 50px
}

    .details-box.subscriber-details {
        background: url(/Content/img/bg-grey.svg) no-repeat right 15px center
    }

.details-box.subscriber-details .pran-info {
    margin-bottom: 0
}

.details-box h2 {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #3eb9f4;
    padding: 15px 25px;
    border-radius: 1px;
    display: flex;
    justify-content: space-between
}

.details-box h2 a {
    text-decoration: underline;
    margin-right: 25px
}

.details-box h2.red-bg {
    background: linear-gradient(0deg,#0090ff 4%,#36dae9 125%);
    color: #fff
}

.details-box h2.red-bg a {
    color: #fff
}

.details-box h2.blue-bg {
    background: rgba(240,242,249,.4)
}

.details-box .details-content {
    padding: 0 25px
}

.details-box .input-field input[type=text] {
    margin: 0
}

.details-box .info-details-modal-content .submitBtn {
    padding: 15px
}

.details-box .upload-content .uploaded-content-info .left p {
    font-size: 12px;
    line-height: 15px
}

.re-kyc-success .tick-img {
    height: 80px;
    background: #f0f2f9;
    border-radius: 4px;
    position: relative
}

.re-kyc-success .tick-img img {
    width: 70px;
    position: absolute;
    left: 50%;
    top: 80px;
    transform: translate(-50%,-50%)
}

.re-kyc-success-content {
    padding: 60px;
    text-align: center
}

.re-kyc-success-content p.success-heading {
    font-weight: 900;
    font-size: 20px;
    line-height: 29px;
    color: #3eb9f4;
    letter-spacing: 1px;
    margin-bottom: 45px
}

.re-kyc-success-content p.success-discrp {
    font-weight: 600;
    font-size: 16px;
    line-height: 34px;
    color: #3eb9f4;
    width: 60%;
    margin: auto auto 45px
}

.re-kyc-success-content .success-info {
    display: flex;
    align-items: center;
    padding: 20px 30px;
    width: 70%;
    margin: auto auto 50px;
    border: 1px solid #bac2d6;
    border-radius: 6px
}

.re-kyc-success-content .success-info img {
    margin-right: 25px
}

.re-kyc-success-content .success-info p {
    font-size: 14px;
    line-height: 27px;
    color: rgba(70,70,70,.8);
    text-align: left
}

.re-kyc-esign-content {
    padding: 30px 100px 70px 60px
}

    .re-kyc-esign-content .pran-info {
        display: block;
        background: #f9fafd url(/Content/img/bg-grey.svg) no-repeat right 15px center;
        margin-bottom: 20px
    }

.re-kyc-esign-content .pran-info .row:first-child .pran-info-txt {
    margin-bottom: 30px
}

.re-kyc-esign-content h2 {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    background: linear-gradient(0deg,#0090ff 4%,#36dae9 125%);
    border-radius: 6px 6px 0 0;
    padding: 15px 50px;
    margin: 0
}

.re-kyc-esign-content .re-kyc-esign-section {
    padding: 50px 90px 50px 50px;
    border: 1px solid #bac2d6;
    border-radius: 0 0 6px 6px
}

.re-kyc-esign-content .re-kyc-esign-section .re-kyc-esign-info {
    display: flex;
    align-items: flex-start;
    margin-top: 50px
}

.re-kyc-esign-content .re-kyc-esign-section .re-kyc-esign-info img {
    margin-right: 40px
}

.re-kyc-esign-content .re-kyc-esign-section .re-kyc-esign-info p {
    font-size: 14px;
    line-height: 29px;
    color: rgba(70,70,70,.8)
}

.re-kyc-esign-content .re-kyc-esign-section .note {
    margin-top: 25px;
    padding: 20px 30px;
    border-top: 1px dashed hsla(0,0%,59.2%,.7)
}

.re-kyc-esign-content .re-kyc-esign-section .links {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap
}

.re-kyc-esign-content .re-kyc-esign-section .links a {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    background: linear-gradient(150deg,#0090ff,#36dae9);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.pran-info {
    display: flex;
    background: #f9fafd;
    border-radius: 2px;
    padding: 16px 60px;
    margin-bottom: 50px
}

.pran-info .pran-info-txt {
    margin-right: 100px
}

.pran-info .pran-info-txt h5 {
    font-size: 14px;
    line-height: 18px;
    color: #3eb9f4;
    margin-bottom: 5px
}

.pran-info .pran-info-txt p {
    font-weight: 500;
    font-size: 15px;
    color: #4e4e4e;
    line-height: 21px
}

.pran-info .pran-info-txt:last-child {
    margin-right: 0
}

.dremit-actype {
    padding: 0 30px 0 60px
}

.dremit-actype .radio_group_straight {
    margin-bottom: 70px
}

#dRemit-confirmation {
    max-width: 600px
}

#dRemit-confirmation .custom-btn {
    width: 250px;
    max-width: 100%;
    padding: 20px
}

.dremit-details {
    padding-left: 60px;
    padding-right: 20px;
    margin-top: -35px
}

.dremit-details .dremit-details-info {
    display: flex;
    align-items: center;
    margin-bottom: 16px
}

.dremit-details .dremit-details-info h5 {
    font-size: 14px;
    color: #3eb9f4;
    line-height: 18px;
    margin-bottom: 0;
    width: 165px;
    margin-right: 60px
}

.dremit-details .dremit-details-info p {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #464646
}

.dremit-details .dremit-details-info:last-child {
    margin-bottom: 40px
}

.dremit-details-left.form-left {
    padding: 25px 0
}

.pan-upload-form .input-field {
    max-width: 340px
}

.print-appl-links {
    display: flex;
    justify-content: space-between;
    border-top: 1px dashed #b5b5b5;
    margin-top: 30px;
    padding-top: 25px
}

.print-appl-links a {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    text-decoration: underline;
    color: #3eb9f4
}

.check-annuity .quick-link-content {
    padding: 50px 60px
}

.check-annuity .check-box-head {
    font-weight: 400;
    font-size: 15px;
    line-height: 19px;
    color: #3eb9f4;
    margin-bottom: 20px;
    padding: 0 .75rem
}

.check-annuity .check-box-head span {
    color: #dc143c
}

.check-annuity .check-boxs {
    margin-top: 0;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
    padding: 0 .75rem
}

.check-annuity .check-boxs .checkbox-field {
    width: 25%;
    margin-bottom: 15px
}

.check-annuity .check-boxs .checkbox-field label span {
    font-weight: 600;
    font-size: 12px!important;
    line-height: 15px!important;
    color: #636c88
}

.check-annuity .check-annuity-form {
    width: 95%
}

.check-annuity .check-annuity-form .input-field,.check-annuity .check-annuity-form .radio_group {
    margin-top: 20px
}

.check-annuity .check-annuity-form .captcha {
    margin-top: 30px;
    margin-bottom: 5rem
}

.check-annuity .check-annuity-form .captcha img {
    width: 100%
}

.check-annuity .check-annuity-form .captcha .input-field {
    margin-top: 20px;
    margin-left: 40px
}

.check-annuity .quotes-disclaimer .quotes {
    padding: 0 15px
}

.check-annuity .quotes-disclaimer .check-annuity-quote {
    border: 1px solid #e1e1e1;
    border-radius: 6px
}

.check-annuity .quotes-disclaimer .check-annuity-quote:not(:last-child) {
    margin-bottom: 20px
}

.check-annuity .quotes-disclaimer .check-annuity-quote .check-annuity-heading {
    background: linear-gradient(0deg,#0090ff 4%,#36dae9 125%);
    border-radius: 2px;
    font-weight: 700;
    font-size: 16px;
    line-height: 15px;
    color: #fff;
    padding: 10px 15px;
    margin: 0
}

.check-annuity .quotes-disclaimer .check-annuity-quote .check-annuity-table {
    padding: 7px
}

.check-annuity .quotes-disclaimer .check-annuity-quote .check-annuity-table table tr {
    border: 0
}

.check-annuity .quotes-disclaimer .check-annuity-quote .check-annuity-table table tr td,.check-annuity .quotes-disclaimer .check-annuity-quote .check-annuity-table table tr th {
    padding: 15px
}

.check-annuity .quotes-disclaimer .check-annuity-quote .check-annuity-table table thead th {
    font-weight: 700;
    font-size: 13px;
    line-height: 24px;
    color: #373d48;
    vertical-align: top
}

.check-annuity .quotes-disclaimer .check-annuity-quote .check-annuity-table table thead th span {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px
}

.check-annuity .quotes-disclaimer .check-annuity-quote .check-annuity-table table tbody tr {
    background: rgba(228,231,242,.4);
    border-radius: 2px
}

.check-annuity .quotes-disclaimer .check-annuity-quote .check-annuity-table table tbody tr td {
    font-size: 14px;
    line-height: 20px;
    color: #dc143c
}

.check-annuity .quotes-disclaimer .check-annuity-quote .check-annuity-content {
    font-size: 14px;
    line-height: 20px;
    color: #dc143c;
    display: flex;
    justify-content: center;
    padding: 15px
}

.check-annuity .quotes-disclaimer .check-annuity-quote .check-annuity-content img {
    margin-right: 10px
}

.check-annuity .quotes-disclaimer .check-annuity-quote:nth-child(2) .check-annuity-table table tbody tr td {
    font-weight: 400;
    color: #dc143c
}

.check-annuity .quotes-disclaimer.disclaimer-box {
    padding: 30px 180px 30px 75px;
    margin-bottom: 40px;
    border: 1px solid #bac2d6;
    border-radius: 6px;
    background: url(/Content/img/box-bg.svg) right 10px bottom 5px no-repeat
}

.check-annuity .quotes-disclaimer.disclaimer-box h6 {
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    color: #3eb9f4
}

.check-annuity .quotes-disclaimer.disclaimer-box .disclaimer-content {
    padding-left: 20px;
    margin-bottom: 20px
}

.check-annuity .quotes-disclaimer.disclaimer-box .disclaimer-content li {
    list-style-type: disc;
    font-size: 15px;
    line-height: 20px;
    color: hsla(0,0%,100%,.8)
}

.photo-sign-content .form-left.form-left-inputs {
    padding-bottom: 0
}

.photo-sign-content .form-left-note {
    max-width: 570px;
    margin: 25px auto
}

.photo-sign-page-content .form-btns {
    margin-bottom: 40px
}

.photo-sign-page-content .form-left {
    padding-bottom: 0
}

.photo-sign-page-content .form-left-note {
    max-width: 570px;
    margin: 25px auto
}

.photo-sign-page-content .upload-content .upload-txt.active+.webcam,.photo-sign-page-content .upload-content .upload-txt.active .upload-first span {
    display: none!important
}

.photo-sign-page-content .upload-content .upload-txt.active .photo-upload {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    display: flex;
    padding-left: 25px;
    align-items: center;
    background: #f2f2f5;
    border-top-right-radius: 9px;
    border-bottom-right-radius: 9px
}

.photo-sign-page-content .upload-content .upload-first {
    display: flex;
    align-items: center;
    color: #3eb9f4;
    font-weight: 700
}

.photo-sign-page-content .upload-content .upload-first span {
    font-size: 14px;
    font-weight: 400;
    color: #636c88
}

.photo-sign-page-content .upload-content .uploaded-content-info:first-child .right {
    display: block;
    padding: 15px 15px 15px 25px
}

.photo-sign-page-content .upload-content .uploaded-content-info:first-child .right .upload-first {
    justify-content: space-between;
    height: 30px
}

.photo-sign-page-content .upload-content .uploaded-content-info:first-child .right .upload-first .upload-txt {
    margin-left: auto
}

.photo-sign-page-content .upload-content .uploaded-content-info:first-child .right .upload-first .upload-txt.active .uploaded-file-name {
    display: flex;
    background: none;
    padding-right: 50px
}

.photo-sign-page-content .upload-content .uploaded-content-info:first-child .right .upload-first .webcam {
    display: flex;
    margin-left: auto
}

.photo-sign-page-content .upload-content .uploaded-content-info:first-child .right .upload-first .webcam img {
    margin-right: 10px
}

.photo-sign-page-content .upload-content .uploaded-content-info:first-child .right .upload-first .flex {
    display: flex
}

.photo-sign-page-content .upload-content .support-txt a {
    text-decoration: underline;
    color: #e5435c
}

#photo-sign-modal .uploaded-detail {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    border: 1px dashed rgba(99,108,136,.5);
    border-radius: 5px
}

#photo-sign-modal .uploaded-detail p {
    font-weight: 700;
    font-size: 15px;
    line-height: 19px;
    text-align: center;
    color: #150035;
    width: 30%
}

#photo-sign-modal .uploaded-detail span {
    font-size: 15px;
    line-height: 19px;
    text-align: center;
    color: #e5435c;
    margin-left: 40px
}

#photo-sign-modal .form-btns {
    padding-top: 20px
}

#confirmation-esign .declaration-modal-content p.red-color {
    color: #e5435c
}

.email-otp-upload .otp-content {
    padding-bottom: 0
}

.email-otp-upload .upload-modal-bottom {
    padding: 30px 40px
}

.email-otp-upload .upload-modal-bottom .dotted-line {
    width: 80%;
    margin: auto auto 15px;
    border-top: 1px dashed #d8d8d8
}

.email-otp-upload .upload-modal-bottom p.auth-discrp {
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    text-align: justify;
    color: #3eb9f4
}

.email-otp-upload .upload-modal-bottom .form-left-note {
    margin-top: 0
}

.email-otp-upload .upload-modal-bottom a {
    padding: 10px 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 1.25px;
    color: #ea5167;
    border: 1px solid #ea5167;
    border-radius: 4px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    margin: auto
}

.pension-calculator {
    background-color: #fff
}

    .pension-calculator .common-banner {
        background: url(/Content/img/pen-calc-banner.svg) no-repeat;
        background-size: cover;
        padding: 110px 20px 50px
    }

.pension-calculator input[type=number] {
    height: unset;
    margin: 0
}

.heading {
    font-weight: 600;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: .6px;
    text-transform: uppercase;
    color: #3a4385;
    padding-left: 85px;
    position: relative;
    margin-bottom: 40px
}

.heading:before {
    content: "";
    height: 1px;
    width: 60px;
    display: block;
    background-color: #3a4385;
    position: absolute;
    top: 12px;
    left: 15px
}

.main-heading {
    margin-bottom: 35px
}

.main-heading h4 {
    font-weight: 800;
    font-size: 30px;
    line-height: 38px;
    letter-spacing: .6px;
    text-transform: capitalize;
    color: #3d3d46
}

.main-heading h4:last-child {
    font-weight: 700;
    color: #ea5167
}

.normal-discrp {
    font-size: 16px;
    line-height: 30px;
    color: #173750
}

.nps-calc {
    background-image: url(/Content/img/calc_bg.svg);
    background-position: 40% 85%;
    background-repeat: no-repeat;
    padding: 80px
}

.nps-calc .calc-btns {
    margin-top: 45px
}

.nps-calc .calc-info {
    margin-top: 30px
}

.nps-calc .calc-info .calc-btns .join-btn {
    background-color: #1b3e75;
    padding: 10px 28px;
    border-radius: 3.5px;
    color: #fff;
    transition: all .5s ease-in-out;
    font-size: 20px;
    line-height: 25px
}

.nps-calc .calc-info .calc-btns .con-btn {
    padding: 10px 18px;
    border: 1px solid #3a4385;
    border-radius: 3.5px;
    background-color: transparent;
    color: #3a4385;
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    margin-right: 30px
}

.calc-box {
    padding: 30px 50px;
    box-shadow: 0 4px 20px rgba(0,0,0,.12);
    border-radius: 10px
}

.calc-box .slide-container {
    padding-bottom: 20px
}

.calc-box .slide-container .slide-heading {
    margin-bottom: 10px;
    display: flex;
    align-items: center
}

.calc-box .slide-container .slide-heading p {
    margin: 0;
    font-weight: 600;
    font-size: 15px;
    line-height: 25px;
    color: #3d3d46
}

.calc-box .slide-container .slide-heading p span {
    border-bottom: 0!important;
    font-size: 11px;
    display: inline-block
}

.calc-box .slide-container .slide-heading .range-text {
    display: flex;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    color: #3eb9f4;
    margin-left: auto
}

.calc-box .slide-container .slide-heading .range-text .value {
    width: 45px;
    border: 0;
    text-align: center
}

.calc-box .slide-container .slide-heading .range-text .value.rupee {
    width: 65px
}

.calc-box .slide-container .slide-heading .value,.calc-box .slide-container .slide-heading span {
    border-bottom: .5px solid rgba(0,0,0,.3)!important
}

.calc-box .slide-container .slide-heading .range-text input::-webkit-inner-spin-button,.calc-box .slide-container .slide-heading .range-text input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.calc-box .slide-container .slider::-webkit-slider-runnable-track {
    background: transparent
}

.calc-box .slide-container .slider::-moz-range-track {
    background: transparent
}

.calc-box .slide-container .slider::-ms-track {
    background: transparent
}

.calc-box .slide-container .slider .calc-box .slide-container .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #2e4896;
    box-shadow: 0 0 5px 5px rgba(90,117,200,.19);
    cursor: pointer;
    margin-top: -8px
}

.calc-box .slide-container .slider::-moz-range-thumb {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #2e4896;
    box-shadow: 0 0 5px 5px rgba(90,117,200,.19);
    cursor: pointer;
    margin-top: -8px
}

.calc-box .slide-container .slide-heading .range-text input[type=number] {
    -moz-appearance: textfield
}

.calc-box .slide-container .slide-heading input:focus {
    outline: none
}

.calc-box .slide-container .slider {
    -webkit-appearance: none;
    outline: none;
    height: 3px;
    background: #dadfec;
    border-radius: 10px;
    transition: opacity .2s;
    cursor: pointer;
    border: 0
}

.calc-box .calculate-btn {
    background-color: #3a4385;
    padding: 10px 50px;
    border-radius: 3.5px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    margin: 0 auto;
    transition: all .5s ease-in-out;
    display: flex;
    cursor: pointer
}

.calculated-box {
    box-shadow: 0 4px 20px rgba(0,0,0,.12);
    border-radius: 10px;
    transform: rotateY(180deg)
}

.calculated-box .calculated-box-discrp {
    font-family: Alegreya;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: .5px;
    color: #212529;
    padding: 20px 40px;
    border-bottom: 1px solid #e9ecf4;
    margin-bottom: 0
}

.calculated-box .calculated-box-discrp span {
    font-family: Roboto,sans-serif;
    font-weight: 800;
    color: #3a4385
}

.calculated-box .bottom {
    padding: 20px 30px;
    text-align: center;
    display: flex;
    justify-content: space-between
}

.calculated-box .bottom .tlp .total-invest-value {
    font-weight: 800;
    font-size: 18px;
    text-align: center;
    padding: 15px 10px;
    margin-bottom: 30px;
    position: relative
}

.calculated-box .bottom .tlp .total-invest-img-discp {
    font-family: Alegreya;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    color: rgba(40,61,124,.8);
    margin-top: 20px;
    margin-bottom: 0
}

.calculated-box .bottom .tlp .total-invest-img-discp2 {
    margin-top: 24px
}

.calculated-box .bottom .tlp div.blue {
    background: #f2f3ff!important;
    color: #7d8cee;
    opacity: 0
}

.calculated-box.active div.blue {
    animation: opacity-animation 1s linear 1s 1 forwards
}

@keyframes opacity-animation {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.calculated-box .bottom .tlp div.blue:after {
    content: "";
    height: 20px;
    width: 20px;
    transform: rotate(45deg);
    background: #f2f3ff;
    position: absolute;
    bottom: -10px;
    right: 40%
}

.calculated-box .bottom .tlp div.red {
    background: #fcecef!important;
    color: #e76f51;
    opacity: 0
}

.calculated-box.active div.red {
    animation: opacity-animation 1s linear 3s 1 forwards
}

.calculated-box .bottom .tlp div.red:after {
    content: "";
    height: 20px;
    width: 20px;
    transform: rotate(45deg);
    background: #fcecef;
    position: absolute;
    bottom: -10px;
    right: 40%
}

.calculated-box .bottom .tlp div.green {
    background: #e3f6f4!important;
    color: #24bdab;
    opacity: 0
}

.calculated-box.active div.green {
    animation: opacity-animation 1s linear 6s 1 forwards
}

.calculated-box .bottom .tlp div.green:after {
    content: "";
    height: 20px;
    width: 20px;
    transform: rotate(45deg);
    background: #e3f6f4;
    position: absolute;
    bottom: -10px;
    right: 45%
}

.calculated-box .bottom .tlp div.green:before {
    content: "";
    position: absolute;
    background: url(/Content/img/stars.svg) no-repeat;
    background-size: 100%;
    height: 84px;
    width: 128px;
    bottom: -23px;
    left: 0;
    z-index: 1;
    transform: scale(1.1)
}

.calculated-box .bottom .total-save-img {
    padding-top: 25px
}

.calculated-box .bottom .tax-save-imgs {
    position: relative
}

.calculated-box .bottom .total-save .coin {
    position: absolute;
    top: 0;
    right: 40%
}

.calculated-box.active .bottom .total-save .coin {
    animation: calculator-animation-coin 5s linear 2s infinite forwards
}

@keyframes calculator-animation-coin {
    0% {
        transform: scale(1)
    }

    80% {
        transform: scale(1)
    }

    90% {
        transform: scale(1.3)
    }

    95% {
        transform: scale(1.3)
    }

    to {
        transform: scale(1)
    }
}

.calculated-box .bottom {
    position: relative;
    z-index: 9
}

.calculated-box .bottom .tlp {
    z-index: 9999;
    position: relative
}

.calculated-box .bottom:after {
    content: "";
    position: absolute;
    top: 130px;
    left: 120px;
    background: #e9ecf4;
    height: 5px;
    width: 60%;
    z-index: 99
}

.calculated-box .bottom:before {
    content: "";
    position: absolute;
    top: 132px;
    left: 90px;
    border-bottom: 2px dashed #2b489d;
    height: 2px;
    width: 100px;
    z-index: 999
}

.calculated-box.active .bottom:before {
    animation: calculator-animation 5s linear 1.8s infinite
}

@keyframes calculator-animation {
    0% {
        left: 120px
    }

    90% {
        left: 340px
    }

    to {
        left: 360px
    }
}

.calculated-box .recalc-btn {
    display: block;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #e5435c;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px
}

.calculator-box-outer {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform .6s;
    transform-style: preserve-3d
}

.calc-box,.calculated-box {
    position: absolute;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.calculator-box {
    width: 100%;
    height: 560px;
    perspective: 1000px
}

.authesign-modal .form-btns {
    margin-bottom: 50px
}

.authesign-modal .form-btns .submitBtn {
    padding: 17px 45px
}

.authesign-modal .email-mobile-otp {
    padding-bottom: 0
}

.authesign-bottom {
    padding: 0 50px;
    margin-bottom: 30px;
    display: flex;
    align-items: flex-start
}

.authesign-bottom img {
    margin-right: 20px
}

.authesign-bottom p {
    font-size: 12px;
    color: #464646;
    opacity: .8;
    line-height: 25px
}

.form-left-note {
    margin-top: 28px;
    display: flex;
    align-items: flex-start;
    background: #f9fafd;
    padding: 25px
}

.form-left-note li {
    list-style-type: decimal;
    margin-left: 20px
}

.form-left-note img {
    margin-right: 20px
}

.form-left-note p {
    font-size: 14px;
    line-height: 19px;
    color: #000
}

.form-left-note p span {
    font-weight: 500;
    color: #3eb9f4
}

.transaction-statement-content .form-left {
    padding-bottom: 0
}

.transaction-statement-content .form-left-note {
    max-width: 570px;
    margin: 25px auto
}

.transaction-statement-details-form.form-left-inputs {
    max-width: 370px
}

.transaction-statement-details-form .radio_group label+label {
    margin-left: 35px
}

.annual-statement-right {
    padding: 0
}

.annual-statement-right .form-left-note {
    width: 100%;
    max-width: 550px;
    align-items: flex-start;
    margin: auto auto 50px
}

.annual-statement-details-left {
    max-width: 695px;
    padding-top: 0
}

.annual-statement-details-left .form-left-note {
    background: #fff;
    border: 1px solid #edeef1;
    border-radius: 2px;
    padding: 20px 10px;
    margin-bottom: 20px
}

.annual-statement-details-left .input-field {
    max-width: 450px;
    margin-left: 60px
}

#annual-success-modal.info-details-modal .modal-content h5 {
    font-weight: 900;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: -15px;
    color: #3eb9f4
}

#annual-success-modal.info-details-modal .modal-content p {
    font-weight: 500;
    line-height: 30px;
    text-align: center;
    color: #3eb9f4
}

.grievance-form.grievance_slect .input-field.select-field .select-dropdown {
    top: 5px!important
}

.grievance-language {
    display: inline-flex;
    align-items: center;
    padding: 5px;
    border: 1px solid #3eb9f4;
    border-radius: 4px;
    margin-bottom: 35px;
    width: 200px
}

.grievance-language img {
    margin-right: 12px
}

.grievance-language select {
    font-weight: 500;
    font-size: 12px;
    line-height: 13px;
    color: #3eb9f4;
    padding: 0;
    border: 0;
    border-radius: 2px;
    height: auto
}

.grievance-language select:focus {
    outline: none
}

.grievance-form.form-left {
    max-width: 330px
}

.grievance-form .select-field {
    margin-bottom: 50px
}

.grievance-note {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    text-decoration: underline;
    color: #3eb9f4;
    margin-bottom: 35px;
    margin-top: 25px;
    cursor: pointer
}

.grievance-status-content {
    display: none
}

.grievance-tabs {
    display: flex;
    max-width: 570px;
    margin: 35px auto -30px
}

.grievance-tabs .grievance-tabs-link {
    width: 50%;
    text-align: center;
    border-bottom: 1px solid #dedede;
    padding: 10px;
    position: relative
}

.grievance-tabs .grievance-tabs-link a {
    font-size: 15px;
    line-height: 19px;
    color: #646669
}

.grievance-tabs .grievance-tabs-link a:focus,.grievance-tabs .grievance-tabs-link a:hover {
    text-decoration: none
}

.grievance-tabs .grievance-tabs-link.active:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #3eb9f4
}

.grievance-tabs .grievance-tabs-link.active a {
    color: #3eb9f4
}

.grievance-request-details {
    padding: 35px 70px;
    border-top: 1px solid #eeeff3
}

.grievance-request-details .form-btns {
    margin-bottom: 25px
}

.request-details-heading {
    background-color: #e9eaf7;
    padding: 15px 50px;
    margin-bottom: 40px
}

.request-details-heading h4 {
    margin-bottom: 0;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #3eb9f4
}

.centered-button-group.request-details-bottom {
    border-top: 1px dashed hsla(0,0%,59.2%,.7);
    padding-top: 25px
}

.centered-button-group.request-details-bottom a {
    padding: 0;
    width: auto;
    background: unset;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #3eb9f4;
    text-decoration: underline
}

.centered-button-group.request-details-bottom a+a {
    margin-left: 70px
}

.right_img_sec .form-right .right-img .form_left_img_sec {
    min-height: 590px;
    width: 100%
}

.anual_text {
    margin-left: 6px
}

.annual_right_img p {
    margin-top: 10px;
    padding: 0 35px
}

.annual_right_img p:nth-child(2) {
    margin-top: 10px
}

.image_content.annual_right_img {
    top: 115px
}

@media only screen and (max-width:600px) {
    .desktop_mode {
        display: none
    }

    .mobile_mode {
        display: block
    }

    .bg-dark {
        padding: 1em
    }

    .mobile-nav {
        display: flex
    }

    .mobile-nav img {
        width: 24px;
        height: 24px
    }

    .nav_brand {
        width: 50%
    }

    .nav_brand img {
        width: 100%
    }

    .navbar-dark .navbar-toggler {
        color: #3a4385;
        border-color: transparent;
        padding: 0;
        transition: none!important;
        font-size: 1.5em
    }

    .navbar-dark .navbar-toggler svg {
        transition: none!important
    }

    .nav-down .navbar-dark .navbar-toggler {
        color: #3a4385;
        border-color: transparent
    }

    .navbar-dark .navbar-nav .nav-link,.navbar-dark .navbar-nav .nav-link.active {
        color: #fff
    }

    .navbar-dark .navbar-nav .header_login .nav-link {
        color: #fff;
        display: block
    }

    .notification-popup.mobile-notification-popup {
        right: -80px;
        width: 320px
    }

    .notification-popup.mobile-notification-popup span {
        right: 90px
    }

    input.header-search-input[type=search] {
        width: calc(100% + 130px);
        right: -50px
    }

    .sidenav {
        position: fixed;
        top: 0;
        width: 30vw;
        height: 100%;
        right: -40vw;
        z-index: 9999;
        display: block;
        transition: all .5s ease-in-out;
        left: unset;
        transform: none;
        padding-bottom: 0;
        background: transparent;
        box-shadow: none
    }

    .sidenav_inner {
        background-color: #000;
        height: 100%;
        width: 90%;
        float: right
    }

    .sidenav ul {
        display: -ms-grid;
        display: block;
        background-color: #000
    }

    .sidenav .nav-link {
        color: #fff
    }

    .sidenav.active {
        width: 100vw;
        right: 0;
        transition: all .5s ease-in-out;
        display: block
    }

    .sidenav li {
        padding-left: 28px
    }

    .sidenav li>a {
        display: flex;
        align-items: center;
        height: unset;
        padding: 0
    }

    .sidenav li.sidenav_close {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 0;
        text-align: right;
        padding: 28px;
        background: #000
    }

    .sidenav li.sidenav_close p {
        margin: 0;
        font-weight: 700;
        font-size: 18px;
        line-height: 18px;
        color: #fff
    }

    .sidenav .header_joinNPS {
        display: flex
    }

    .sidenav li.sidenav_close .close-icon img {
        width: 30px;
        height: 30px
    }

    .sidenav .navbar-nav .personal-links li a.nav-link:after {
        bottom: -3px;
        content: "";
        display: block;
        height: 2px;
        position: absolute;
        background: linear-gradient(90deg,#0090ff,#36dae9);
        transition: width .3s ease 0s,left .3s ease 0s;
        width: 0
    }

    .sidenav .navbar-nav .personal-links a.nav-link:hover:after {
        display: none
    }

    .sidenav a.nav-link.active:after,body.about-cra-body .about-us-btn:after,body.forms-body .support-btn:after,body.strd-orp-body .support-btn:after,body.view-demo-body .support-btn:after {
        width: 22px!important
    }

    .sidenav a.nav-link.active {
        font-weight: 700
    }

    .sidenav .navbar-nav .header_joinNPS .nav-link:after,.sidenav .navbar-nav .header_login .nav-link:after {
        display: none!important
    }

    .sidenav .navbar-nav .nav-link {
        font-size: 15px;
        line-height: 18px;
        opacity: .8;
        padding: 0;
        margin-bottom: 30px
    }

    .sidenav .navbar-nav .header_login .nav-link {
        font-weight: 600;
        margin-bottom: 0;
        display: inline-flex;
        opacity: 1;
        font-size: 15px;
        line-height: 18px;
        color: #0090ff;
        padding: 10px 28px;
        border-radius: 3.5px;
        background: -webkit-linear-gradient(left,#0090ff,#36dae9);
        background-clip: text;
        -webkit-background-clip: text;
        border: 1px solid;
        border-image-slice: 1;
        border-image-source: linear-gradient(90deg,#0090ff,#36dae9)
    }

    .personal-links {
        margin-top: 30px;
        max-height: calc(100vh - 80px);
        overflow: auto
    }

    .sidenav .navbar-nav .header_joinNPS .nav-link {
        padding: 10px 40px
    }

    .sidenav .navbar-nav .services {
        border: 1px solid rgba(0,0,0,.13);
        margin-left: -28px;
        margin-bottom: 30px;
        padding: 10px 0
    }

    .sidenav .navbar-nav .services .service-item {
        width: 50%;
        text-align: center;
        margin: 10px auto
    }

    .sidenav .navbar-nav .services .service-item p {
        font-weight: 600;
        font-size: 12px;
        line-height: 13px;
        text-align: center;
        color: #fff;
        margin-top: 5px
    }

    .sidenav .navbar-nav .services {
        display: none
    }

    .sidenav .navbar-nav .mobile-login.active,.sidenav .navbar-nav .mobile-services.active {
        display: flex;
        margin-top: 5px;
        flex-wrap: wrap
    }

    .sidenav .navbar-nav .about-us-btn.active,.sidenav .navbar-nav .support-btn.active {
        margin-bottom: 10px
    }

    .desktop-login,.desktop-services {
        display: none
    }

    .nav-item.header_login {
        margin-bottom: 30px
    }

    .sidenav .navbar-nav .about-us,.sidenav .navbar-nav .login,.sidenav .navbar-nav .support {
        margin-bottom: 10px;
        position: relative;
        width: 70%
    }

    .radio_group.radio_group_straight {
        display: block
    }

    .radio_group.radio_group_straight .radio_group_labels {
        margin-top: 10px
    }

    .maxwidth {
        padding: 0 15px
    }

    .common-banner {
        padding: 12px 15px;
        height: auto
    }

    .common-banner h1 {
        font-size: 18px;
        line-height: 24px
    }

    .common-banner h1 span {
        margin-left: 5px;
        display: inline-block
    }

    .common-banner .maxwidth {
        padding: 0
    }

    .quick-link-content,.quick-link-content:first-child {
        margin-top: 20px
    }

    .quick-link-content .l6.pr-0 {
        padding-left: 0
    }

    .quick-link-content>.row .col.s12.l5:after,.quick-link-content>.row .col.s12.l6.pr-0:after,.quick-link-content>.row .col.s12.l6:after,.quick-link-content>.row .col.s12.l6:first-child:after,.quick-link-content>.row .col.s12.l6:last-child:after,.quick-link-content>.row .col.s12.l7:after {
        display: none
    }

    .form-left {
        padding: 20px 0
    }

    .submitBtn {
        min-width: 120px
    }

    .form-right {
        padding: 10px 0 0
    }

    .radio_group label+label {
        margin-left: 30px
    }

    .pran-info {
        padding: 16px 10px;
        margin-bottom: 25px
    }

    .pran-info .pran-info-txt {
        margin-right: 40px
    }

    .pran-info .pran-info-txt p {
        font-size: 13px
    }

    .pran-info .pran-info-txt:last-child {
        margin-right: 0
    }

    .dremit-actype {
        padding: 0 10px
    }

    .dremit-actype .radio_group_straight {
        margin-bottom: 40px
    }

    .form-right .right-txt-content {
        padding: 17px 15px;
        display: flex;
        align-items: flex-start
    }

    .form-right .right-txt-content img {
        margin-right: 10px
    }

    .form-btns {
        flex-direction: column
    }

    .form-btns .submitBtn {
        width: 90%;
        margin: auto auto 30px
    }

    .form-btns .submitBtn:last-child {
        margin: auto auto 0
    }

    .form-right .right-img {
        display: none
    }

    .bottom-instructions {
        padding: 15px;
        display: block
    }

    .bottom-instructions h4 {
        margin-top: 10px
    }

    .bottom-instructions img {
        float: left;
        width: 30px;
        margin-right: 10px;
        margin-bottom: 0
    }

    .modal {
        width: 95%
    }

    .declaration-modal .modal-content .declaration-modal-content {
        padding: 45px 20px
    }

    .declaration-modal .modal-content .declaration-modal-content h3 {
        font-size: 21px;
        line-height: 33px;
        margin-bottom: 25px
    }

    .authesign-bottom {
        padding: 0 15px;
        margin-top: -30px
    }

    .authesign-bottom img {
        margin-right: 10px
    }

    .authesign-modal .form-btns .submitBtn {
        padding: 17px 15px
    }

    .otp-modal .otp-heading {
        height: 75px;
        padding: 20px 50px;
        text-align: center;
        background-size: 50px
    }

    .otp-modal .otp-heading h4 {
        font-size: 18px;
        line-height: 24px
    }

    .otp-modal .otp-heading a.modal-close {
        right: 25px;
        top: 28px
    }

    .otp-modal .otp-content {
        padding: 30px 20px
    }

    .otp-modal .otp-content .dotted-border {
        display: block;
        padding: 0 20px;
        text-align: center
    }

    .otp-modal .otp-content .dotted-border .otp-input {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    .otp-modal .otp-content .dotted-border .otp-input p {
        width: 100%
    }

    .otp-modal .otp-content .dotted-border .otp-input input {
        width: 33px!important;
        margin-right: 7px
    }

    .otp-modal .otp-content .dotted-border a {
        display: flex;
        justify-content: flex-end;
        font-size: 10px;
        line-height: 14px
    }

    .otp-modal .otp-content .info-txt {
        padding-left: 0;
        font-size: 10px;
        margin: 30px 0;
        padding-right: 0
    }

    .otp-modal .otp-content .custom-btn {
        font-weight: 400;
        font-size: 12px;
        max-width: 120px;
        padding: 10px
    }

    .info-details-modal .modal-content p {
        padding: 0 10px;
        font-size: 14px;
        line-height: 26px
    }

    .info-details-modal .custom-btn {
        font-weight: 400;
        font-size: 12px;
        max-width: 120px;
        padding: 10px
    }

    #dRemit-confirmation .custom-btn {
        width: 120px;
        padding: 15px
    }

    .dremit-details {
        margin-top: 0;
        padding: 0
    }

    .dremit-details .dremit-details-info h5 {
        width: 150px;
        font-size: 13px;
        margin-right: 25px
    }

    .dremit-details .dremit-details-info p {
        font-size: 13px;
        line-height: 16px
    }

    .upload-content {
        padding-left: 0
    }

    .upload-content .uploaded-content-info {
        display: block;
        height: auto;
        margin-bottom: 17px
    }

    .upload-content .uploaded-content-info .left {
        display: flex;
        align-items: center;
        padding: 6px 20px;
        height: 60px;
        justify-content: center
    }

    .upload-content .uploaded-content-info .left img {
        position: relative;
        left: 0;
        margin: 0 10px 0 0;
        width: 40px
    }

    .upload-content .uploaded-content-info .right {
        min-height: 64px;
        height: auto
    }

    .upload-content .uploaded-content-info .right:before {
        display: none
    }

    .upload-content .support-txt {
        margin-bottom: 20px;
        padding: 0 10px 15px
    }

    .details-box {
        padding: 10px 0
    }

    .details-box.subscriber-details {
        background: none
    }

    .details-box.subscriber-details h2 {
        margin-bottom: 0
    }

    .details-box.subscriber-details .pran-info {
        flex-wrap: wrap
    }

    .details-box.subscriber-details .pran-info .pran-info-txt {
        margin-bottom: 20px
    }

    .details-box h2 {
        padding: 10px;
        font-size: 14px
    }

    .details-box h2 a {
        margin-right: 0
    }

    .details-box .details-content {
        padding: 0
    }

    .details-box .details-content .upload-content {
        margin-top: 10px
    }

    .re-kyc-success-content {
        padding: 50px 10px
    }

    .re-kyc-success-content p.success-heading {
        margin-bottom: 25px
    }

    .re-kyc-success-content p.success-discrp {
        width: unset;
        margin-bottom: 25px
    }

    .re-kyc-success-content .success-info {
        width: unset;
        margin-bottom: 30px;
        padding: 10px
    }

    .re-kyc-success-content .success-info img {
        margin-right: 15px
    }

    .re-kyc-esign-content {
        padding: 20px 0 0
    }

    .re-kyc-esign-content .pran-info .row .pran-info-txt {
        margin-bottom: 20px
    }

    .re-kyc-esign-content h2 {
        padding: 15px 20px
    }

    .re-kyc-esign-content .re-kyc-esign-section {
        padding: 20px 10px
    }

    .re-kyc-esign-content .re-kyc-esign-section .re-kyc-esign-info {
        margin-top: 30px
    }

    .re-kyc-esign-content .re-kyc-esign-section .re-kyc-esign-info img {
        margin-right: 10px
    }

    .re-kyc-esign-content .re-kyc-esign-section .note {
        padding: 20px 0;
        margin-bottom: 0
    }

    .re-kyc-esign-content .re-kyc-esign-section .links {
        justify-content: flex-start
    }

    .re-kyc-esign-content .re-kyc-esign-section .links a {
        font-size: 15px;
        margin-bottom: 10px
    }

    #otpModal-email.otp-modal .otp-content.email-mobile-otp .dotted-border {
        padding: 30px
    }

    .annual-statement-details-left .form-left-note,.annual-statement-right .form-left-note,.transaction-statement-content .form-left-note {
        padding: 20px 10px
    }

    .annual-statement-details-left .form-left-note img,.annual-statement-right .form-left-note img,.transaction-statement-content .form-left-note img {
        margin-right: 10px
    }

    .transaction-statement-details-form .radio_group label+label {
        margin-left: 15px
    }

    .check-annuity .quick-link-content {
        padding: 20px 0
    }

    .check-annuity .check-boxs {
        margin-bottom: 20px
    }

    .check-annuity .check-boxs .checkbox-field {
        width: 100%
    }

    .check-annuity .check-boxs .checkbox-field label span {
        font-size: 13px!important;
        line-height: 16px!important
    }

    .check-annuity .check-annuity-form {
        width: 100%
    }

    .check-annuity .check-annuity-form .input-field,.check-annuity .check-annuity-form .radio_group {
        margin-top: 0
    }

    .check-annuity .check-annuity-form .radio_group .radio_group_labels label.selected {
        margin-right: 60px;
        margin-left: unset
    }

    .check-annuity .check-annuity-form .nps-corpus input {
        margin-top: 20px
    }

    .check-annuity .check-annuity-form .captcha {
        margin: 0
    }

    .check-annuity .check-annuity-form .captcha .input-field {
        margin-left: 0
    }

    .check-annuity .input-field label {
        line-height: 16px
    }

    .check-annuity .input-field.nps-corpus-input input {
        margin-top: 10px
    }

    .check-annuity .quotes-disclaimer .quotes {
        padding: 0
    }

    .check-annuity .quotes-disclaimer .quotes .custom_tables_mobile .custom-table-mobile-content {
        padding: 0 15px 10px;
        border-bottom: 1px solid #ebebeb
    }

    .check-annuity .quotes-disclaimer .quotes .custom_tables_mobile .custom-table-mobile-content h5 {
        font-weight: 400;
        font-size: 13px;
        line-height: 16px
    }

    .check-annuity .quotes-disclaimer .quotes .custom_tables_mobile .custom-table-mobile-content h6 {
        font-weight: 400;
        font-size: 13px;
        line-height: 15px;
        color: #263238
    }

    .check-annuity .quotes-disclaimer .quotes .custom_tables_mobile .custom-table-mobile-content:last-child {
        border-bottom: none;
        margin-bottom: 0
    }

    .check-annuity .quotes-disclaimer .quotes .custom_tables_mobile .custom-table-mobile-content .custom-table-mobile-content-info .custom-table-mobile-content-txt {
        width: 100%
    }

    .check-annuity .quotes-disclaimer .quotes .custom_tables_mobile .custom-table-mobile-content .custom-table-mobile-content-info .custom-table-mobile-content-txt:nth-child(2n) {
        padding-left: 0
    }

    .check-annuity .quotes-disclaimer .quotes .custom_tables_mobile .custom-table-mobile-content .custom-table-mobile-content-info .custom-table-mobile-content-txt p,.check-annuity .quotes-disclaimer .quotes .custom_tables_mobile .custom-table-mobile-content .custom-table-mobile-content-info .custom-table-mobile-content-txt p.custom-table-mobile-content-label {
        font-weight: 400;
        color: #606880
    }

    .check-annuity .quotes-disclaimer .quotes .custom_tables_mobile .custom-table-mobile-content .custom-table-mobile-content-info .custom-table-mobile-content-txt:last-child p.custom-table-mobile-content-label {
        font-weight: 400;
        font-size: 13px;
        color: #606880
    }

    .check-annuity .quotes-disclaimer .quotes .custom_tables_mobile .custom-table-mobile-content .custom-table-mobile-content-info .custom-table-mobile-content-txt:last-child p {
        font-size: 13px;
        color: #606880;
        line-height: 24px;
        font-weight: 400;
        margin-top: 7px
    }

    .check-annuity .quotes-disclaimer .quotes .custom_tables_mobile .custom-table-mobile-content .custom-table-mobile-content-info .custom-table-mobile-content-txt.drscp p {
        font-weight: 300;
        font-size: 13px;
        line-height: 15px;
        color: #263238
    }

    .check-annuity .quotes-disclaimer.disclaimer-box {
        padding: 25px 15px;
        background: none
    }

    .check-annuity .quotes-disclaimer.disclaimer-box .disclaimer-content li,.check-annuity .quotes-disclaimer.disclaimer-box h6 {
        font-size: 13px;
        line-height: 18px
    }

    .custom_tables_mobile>h4 {
        font-weight: 700;
        font-size: 13px;
        line-height: 24px;
        color: #666b7a;
        text-align: center;
        margin-top: 5px
    }

    .custom_tables_mobile .custom-table-mobile-content {
        border-bottom: 1px solid #f8efef;
        margin: 12px 0;
        padding: 0 25px
    }

    .custom_tables_mobile .custom-table-mobile-content h5 {
        font-weight: 700;
        font-size: 12px;
        line-height: 24px;
        color: #3eb9f4
    }

    .custom_tables_mobile .custom-table-mobile-content .custom-table-mobile-content-info {
        display: flex;
        flex-wrap: wrap
    }

    .custom_tables_mobile .custom-table-mobile-content .custom-table-mobile-content-info .custom-table-mobile-content-txt {
        width: 50%;
        margin-bottom: 12px
    }

    .custom_tables_mobile .custom-table-mobile-content .custom-table-mobile-content-info .custom-table-mobile-content-txt p {
        font-size: 13px;
        color: #212529;
        line-height: 24px
    }

    .custom_tables_mobile .custom-table-mobile-content .custom-table-mobile-content-info .custom-table-mobile-content-txt p.custom-table-mobile-content-label {
        color: #666b7a;
        font-weight: 700
    }

    .custom_tables_mobile .custom-table-mobile-content .custom-table-mobile-content-info .custom-table-mobile-content-txt:nth-child(2n) {
        padding-left: 20px
    }

    .custom_tables_mobile .custom-table-mobile-content .custom-table-mobile-content-info .custom-table-mobile-content-txt:last-child p {
        color: #606880;
        font-size: 15px;
        line-height: 24px;
        font-weight: 400
    }

    .custom_tables_mobile .custom-table-mobile-content .custom-table-mobile-content-info .custom-table-mobile-content-txt:last-child p.custom-table-mobile-content-label {
        font-size: 13px;
        color: #666b7a;
        font-weight: 700
    }

    .custom_tables_mobile .custom-table-mobile-bottom {
        display: flex;
        padding: 0 25px;
        margin-bottom: 30px
    }

    .custom_tables_mobile .custom-table-mobile-bottom p {
        font-weight: 400;
        font-size: 12px;
        line-height: 24px;
        color: #3eb9f4
    }

    .custom_tables_mobile .custom-table-mobile-bottom p.tier-investment-contribution-amount {
        margin-left: 24px;
        font-size: 16px
    }

    .custom_tables_mobile .custom-table-mobile-bottom p.tier-investment-current-valuation {
        margin-left: auto;
        font-weight: 700;
        font-size: 16px
    }

    .grievance-tabs {
        margin-bottom: 0
    }

    .grievance-tabs .grievance-tabs-link a {
        font-size: 12px
    }

    .grievance-request-details {
        padding: 35px 10px
    }

    .centered-button-group.request-details-bottom a+a {
        margin-left: 30px
    }

    .annual-statement-details-left .input-field {
        margin-left: 0
    }

    .heading {
        font-size: 15px;
        line-height: 19px;
        padding-left: 50px;
        margin-bottom: 15px
    }

    .heading:before {
        width: 31px;
        top: 9px;
        left: 10px
    }

    .main-heading {
        margin-bottom: 5px
    }

    .main-heading h4 {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: .5rem
    }

    .normal-discrp {
        font-size: 12px;
        line-height: 20px
    }

    .pension-calculator .common-banner {
        padding: 12px 15px;
        background: url(/Content/img/common-banner.svg) no-repeat
    }

    .nps-calc {
        padding: 0;
        margin: 0 -15px;
        background: none
    }

    .nps-calc .radio-buttons label {
        font-size: 10px;
        line-height: 13px;
        width: 100%;
        padding: 10px
    }

    .nps-calc .radio-buttons {
        width: unset;
        margin-bottom: 20px
    }

    .nps-calc .calc-btns {
        margin-top: 25px;
        text-align: center
    }

    .nps-calc .calc-info .calc-btns .con-btn,.nps-calc .calc-info .calc-btns .join-btn {
        font-size: 14px;
        line-height: 18px;
        padding: 5px 10px
    }

    .nps-calc .calc-info .calc-btns .join-btn {
        padding: 5px 18px
    }

    .calc-box {
        padding: 25px 15px 15px 20px
    }

    .calc-box .slide-container .slide-heading .range-text,.calc-box .slide-container .slide-heading p {
        font-size: 12px;
        line-height: 25px
    }

    .calc-box .slide-container {
        padding-bottom: 12px
    }

    .calc-box .slide-container .slide-heading .range-text .value {
        width: 27px
    }

    .calc-box .slide-container .slide-heading .range-text .value.rupee {
        width: 55px
    }

    .calc-box .slide-container .slider {
        height: 2px
    }

    .calc-box .slide-container .slider::-webkit-slider-thumb {
        width: 10px;
        height: 10px;
        box-shadow: 0 0 2px 2px rgba(90,117,200,.19);
        margin-top: -4px
    }

    .calc-box .slide-container .slider::-moz-range-thumb {
        width: 10px;
        height: 10px;
        box-shadow: 0 0 2px 2px rgba(90,117,200,.19);
        margin-top: -4px
    }

    .calc-box .slide-container .slide-heading {
        margin: 0
    }

    .calc-box .calculate-btn {
        padding: 5px 25px;
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 0!important;
        margin-top: 5px
    }

    .calculated-box .calculated-box-discrp {
        font-size: 12px;
        line-height: 22px;
        padding: 20px 25px 20px 20px
    }

    .calculated-box .bottom {
        padding: 10px
    }

    .calculated-box .bottom a {
        font-size: 12px;
        line-height: 16px;
        margin-top: 15px
    }

    .calculated-box .bottom .tlp .total-invest-value {
        font-size: 12px
    }

    .calculated-box .bottom .tlp .total-invest-value.green {
        font-size: 13px
    }

    .calculated-box.active .bottom .tlp div.green:before,.calculated-box.active .bottom .total-save .coin,.calculated-box.active .bottom:before,.calculated-box.active div.blue,.calculated-box.active div.green,.calculated-box.active div.red {
        animation: none
    }

    .calculated-box .bottom .tlp div.blue,.calculated-box .bottom .tlp div.green,.calculated-box .bottom .tlp div.red {
        opacity: 1
    }

    .calculated-box.active .bottom:before {
        display: none
    }

    .calculated-box .bottom .tlp div.green:before {
        width: 95px;
        bottom: -37px
    }

    .calculated-box .bottom .tlp .total-invest-img-discp {
        font-weight: 500;
        font-size: 12px;
        line-height: 25px
    }

    .calc-info {
        display: flex;
        flex-direction: column
    }

    .calculated-box .recalc-btn {
        margin: 0
    }

    .calculator-box {
        height: 500px;
        margin: 40px 0
    }

    .calc-box,.calculated-box {
        height: 490px
    }

    .calculated-box .bottom:after {
        top: 100px;
        left: 50px;
        width: 70%
    }

    #confirmation-esign .declaration-modal-content {
        background: none
    }

    #photo-sign-modal .uploaded-detail {
        flex-direction: column;
        padding: 10px 0
    }

    #photo-sign-modal .uploaded-detail img {
        margin: 10px 0
    }

    #photo-sign-modal .uploaded-detail span {
        margin: 0
    }

    .email-otp-upload .upload-modal-bottom {
        padding: 20px
    }
}

@media only screen and (min-width:460px)and (max-width:600px) {
    .calculated-box .bottom:after {
        width: 78%
    }
}

@media only screen and (min-width:601px)and (max-width:1000px) {
    .desktop_mode {
        display: none
    }

    .mobile_mode {
        display: block
    }

    .form-right .right-img {
        display: none
    }

    .mobile-nav {
        display: flex
    }

    .mobile-nav img {
        width: 24px;
        height: 24px
    }

    #collapsibleNavbar {
        display: none!important
    }

    .bg-dark {
        justify-content: space-between;
        padding: .5em 2em
    }

    .nav_brand {
        width: 40%
    }

    .nav_brand img {
        width: 100%
    }

    nav li {
        margin: 0
    }

    .desktop_toggle {
        display: none
    }

    .navbar-dark .navbar-toggler svg {
        transition: none!important
    }

    .nav-down .navbar-dark .navbar-toggler {
        color: #fff;
        border-color: transparent
    }

    .container-fluid.active {
        position: relative
    }

    .container-fluid.active:before {
        position: fixed;
        content: "";
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background-color: rgba(0,0,0,.6509803921568628);
        z-index: 99
    }

    .sidenav {
        position: fixed;
        top: 0;
        width: 30vw;
        height: 100%;
        right: -40vw;
        z-index: 9999;
        display: block;
        transition: all .5s ease-in-out;
        left: unset;
        transform: none;
        padding-bottom: 0;
        background: transparent;
        box-shadow: none
    }

    .sidenav_inner {
        background-color: #fff;
        height: 100%;
        width: 40%;
        float: right
    }

    .sidenav ul {
        display: -ms-grid;
        display: block
    }

    .sidenav .nav-link {
        color: #1b3e75
    }

    .sidenav.active {
        width: 100vw;
        right: 0;
        transition: all .5s ease-in-out;
        display: block
    }

    .sidenav li {
        padding-left: 28px
    }

    .sidenav li>a {
        display: flex;
        align-items: center;
        height: unset;
        padding: 0
    }

    .sidenav li.sidenav_close {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 0;
        text-align: right;
        padding: 28px;
        background: #f0f2f9
    }

    .sidenav li.sidenav_close p {
        margin: 0;
        font-weight: 700;
        font-size: 18px;
        line-height: 18px;
        color: #3a4385
    }

    .sidenav .header_joinNPS {
        display: flex
    }

    .sidenav li.sidenav_close .close-icon img {
        width: 30px;
        height: 30px
    }

    .sidenav .navbar-nav .personal-links li a.nav-link:after {
        bottom: -3px;
        content: "";
        display: block;
        height: 2px;
        position: absolute;
        background-color: #ea5167;
        transition: width .3s ease 0s,left .3s ease 0s;
        width: 0
    }

    .sidenav .navbar-nav .personal-links a.nav-link:hover:after {
        width: 22px
    }

    .sidenav a.nav-link.active:after {
        width: 22px!important
    }

    .sidenav a.nav-link.active {
        font-weight: 700
    }

    .sidenav .navbar-nav .header_joinNPS .nav-link:after,.sidenav .navbar-nav .header_login .nav-link:after {
        display: none!important
    }

    .sidenav .navbar-nav .nav-link {
        font-size: 15px;
        line-height: 18px;
        opacity: .8;
        padding: 0;
        margin-bottom: 40px
    }

    .personal-links {
        margin-top: 40px;
        max-height: calc(100vh - 80px);
        overflow: auto
    }

    .sidenav .navbar-nav .header_login .nav-link {
        background: url(/Content/img/login-btn-bg.svg) #3eb9f4;
        padding: 7px 25px 7px 35px;
        border: 1px solid #1b3e75;
        border-radius: 3.5px;
        color: #fff;
        transition: all .5s ease-in-out;
        font-weight: 600;
        margin-bottom: 0;
        display: inline-flex;
        opacity: 1
    }

    .sidenav .navbar-nav .services {
        border: 1px solid rgba(0,0,0,.13);
        margin-left: -28px;
        margin-bottom: 30px;
        padding: 10px 0
    }

    .sidenav .navbar-nav .services .service-item {
        width: 50%;
        text-align: center;
        margin: 15px auto
    }

    .sidenav .navbar-nav .services .service-item p {
        font-weight: 600;
        font-size: 14px;
        line-height: 18px;
        text-align: center;
        color: #3a4385;
        margin-top: 10px
    }

    .sidenav .navbar-nav .services {
        display: none
    }

    .sidenav .navbar-nav .mobile-login.active,.sidenav .navbar-nav .mobile-services.active {
        display: flex;
        margin-top: 5px;
        flex-wrap: wrap
    }

    .desktop-login,.desktop-services {
        display: none!important
    }

    .nav-item.header_login {
        margin-bottom: 30px
    }

    .sidenav .navbar-nav .about-us,.sidenav .navbar-nav .login,.sidenav .navbar-nav .support {
        margin-bottom: 10px;
        position: relative;
        width: 72%
    }

    .sidenav .navbar-nav .login .login-item a {
        font-size: 15px;
        line-height: 18px
    }

    .sidenav .navbar-nav .about-us-btn.active,.sidenav .navbar-nav .support-btn.active {
        margin-bottom: 15px
    }

    .quick-link-content>.row .col.s12.l5:after,.quick-link-content>.row .col.s12.l6.pr-0:after,.quick-link-content>.row .col.s12.l6:after,.quick-link-content>.row .col.s12.l6:first-child:after,.quick-link-content>.row .col.s12.l6:last-child:after,.quick-link-content>.row .col.s12.l7:after {
        display: none
    }

    .form-left {
        padding: 40px 0;
        max-width: 650px;
        margin: auto
    }

    .form-right {
        padding: 20px 0
    }

    .form-right .right-txt-content {
        max-width: 650px
    }

    .bottom-instructions {
        padding: 20px
    }

    .details-box {
        padding: 25px 0
    }

    .re-kyc-success-content p.success-discrp {
        width: 80%
    }

    #otpModal-email.otp-modal .otp-content.email-mobile-otp .dotted-border,.re-kyc-esign-content,.re-kyc-esign-content .re-kyc-esign-section {
        padding: 30px
    }

    .otp-modal .otp-content {
        padding: 60px 30px
    }

    .authesign-bottom {
        margin-top: -50px
    }

    .grievance-request-details {
        padding: 35px 20px
    }

    .check-annuity .quick-link-content {
        padding: 15px
    }

    .check-annuity .check-boxs {
        margin-bottom: 20px
    }

    .check-annuity .check-boxs .checkbox-field {
        width: 50%
    }

    .check-annuity .check-annuity-form .input-field,.check-annuity .check-annuity-form .radio_group {
        margin-top: 0
    }

    .check-annuity .check-annuity-form .captcha {
        margin-bottom: 0
    }

    .check-annuity .check-annuity-form .captcha img {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .check-annuity .check-annuity-form .captcha .input-field {
        margin-left: 0
    }

    .check-annuity .quotes-disclaimer .quotes {
        padding: 0
    }

    .check-annuity .quotes-disclaimer .quotes .mobile_mode {
        display: none
    }

    .check-annuity .quotes-disclaimer .quotes .desktop_mode {
        display: block
    }

    .check-annuity .quotes-disclaimer .check-annuity-quote .check-annuity-table table thead th,.check-annuity .quotes-disclaimer .check-annuity-quote .check-annuity-table table tr td {
        padding: 7px
    }

    .check-annuity .quotes-disclaimer.disclaimer-box {
        padding: 15px
    }

    .nps-calc {
        padding: 0 20px;
        background: 0
    }

    .calculated-box .calculated-box-discrp {
        line-height: 30px;
        padding: 30px
    }

    .calculated-box.active .bottom .tlp div.green:before,.calculated-box.active .bottom .total-save .coin,.calculated-box.active .bottom:before,.calculated-box.active div.blue,.calculated-box.active div.green,.calculated-box.active div.red {
        animation: none
    }

    .calculated-box .bottom .tlp div.blue,.calculated-box .bottom .tlp div.green,.calculated-box .bottom .tlp div.red {
        opacity: 1
    }

    .calculated-box.active .bottom:before {
        display: none
    }

    .calculated-box .bottom:after {
        width: 50%
    }

    .calculator-box {
        margin: 40px 0
    }

    .grievance-tabs {
        margin-bottom: -15px
    }
}

@media only screen and (min-width:1001px)and (max-width:1025px) {
    header .nav_brand img {
        width: 180px
    }

    header .bg-dark {
        padding: 15px 5px
    }

    header .nav-item {
        padding: 0 3px
    }

    .navbar-dark .navbar-nav .header_joinNPS .nav-link,.navbar-dark .navbar-nav .header_login .nav-link {
        padding: 6px 12px
    }

    .navbar-dark .navbar-nav .nav-link {
        font-size: 14px
    }

    nav ul li {
        margin: 0
    }

    .upload-content .uploaded-content-info .left img {
        left: 5px;
        width: 35px
    }

    .check-annuity .quick-link-content {
        padding: 15px
    }

    .check-annuity .check-boxs {
        margin-bottom: 20px
    }

    .check-annuity .check-boxs .checkbox-field {
        width: 50%
    }

    .check-annuity .check-annuity-form .input-field,.check-annuity .check-annuity-form .radio_group {
        margin-top: 0
    }

    .check-annuity .check-annuity-form .captcha {
        margin-bottom: 0
    }

    .check-annuity .check-annuity-form .nps-corpus label {
        font-size: 13px
    }

    .check-annuity .quotes-disclaimer .quotes {
        padding: 0
    }

    .check-annuity .quotes-disclaimer .quotes .mobile_mode {
        display: none
    }

    .check-annuity .quotes-disclaimer .quotes .desktop_mode {
        display: block
    }

    .check-annuity .quotes-disclaimer .check-annuity-quote .check-annuity-table table thead th,.check-annuity .quotes-disclaimer .check-annuity-quote .check-annuity-table table tr td {
        padding: 7px
    }

    .check-annuity .quotes-disclaimer.disclaimer-box {
        padding: 15px
    }

    .pension-calculator .common-banner {
        background: url(/Content/img/common-banner.svg) no-repeat
    }

    .nps-calc {
        background: none;
        padding: 20px 0 80px
    }

    .calculated-box.active .bottom .tlp div.green:before,.calculated-box.active .bottom .total-save .coin,.calculated-box.active .bottom:before,.calculated-box.active div.blue,.calculated-box.active div.green,.calculated-box.active div.red {
        animation: none
    }

    .calculated-box .bottom .tlp div.blue,.calculated-box .bottom .tlp div.green,.calculated-box .bottom .tlp div.red {
        opacity: 1
    }

    .calculated-box.active .bottom:before {
        display: none
    }

    .calculated-box .bottom:after {
        width: 50%
    }
}

@media only screen and (min-width:1026px)and (max-width:1300px) {
    .form-left {
        padding: 70px 30px
    }
}

@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none) {
    .loader #status img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%)
    }
}