/* @license GNU-GPL-2.0-or-later https://www.drupal.org/licensing/faq */


.pc1-section h2 {
    font-size: 30px;
    line-height: 1.1;
    font-family: "Roboto-Bold";
}

.pc1-section .image {
    text-align: center;
}

.pc1-section .image img {
    width: 90%;
}

.pc1-section .content {
    text-align: center;
    margin-top: 25px;
}

.pc1-section .content span {
    color: #fe721d;
    font-weight: bold;
    font-family: "Ubuntu-Regular";
}

.pc1-section .card {
    border: none;
    text-align: center;
    background-color: #fbc53d;
    position: relative;
    border-radius: 1.5rem;
    box-shadow: 0 0 14px 0 rgba(0,0,0,0.21);
    display: block;
    padding: 0 12px;
    margin-top: 37px;
}

.pc1-section .card span {
    color: #000;
}

.error-msg {
    font-size: 12px !important;
    position: absolute;
    color: #f30a0a;
    bottom: -27px;
}

.pc1-section .card span.button {
    font-size: 26px;
    background-color: #fe721d;
    color: #fff;
    border-radius: 2rem;
    padding: 3px 34px;
    text-align: center;
    width: max-content;
    position: absolute;
    top: -23px;
    left: 0;
    right: 0;
    margin: auto;
    font-family: "Roboto-Regular";
    font-weight: normal;
}

.pc1-section .card .card-row {
    background-color: #fff;
    border-radius: 1.5rem;
    padding: 22px 0px 25px;
    box-shadow: 0 0 14px 0 rgba(0,0,0,0.21);
    overflow: hidden;
    justify-content: center;
}

.pc1-section .card .card-row .border-line {
    position: relative;
    border: none;
    padding-bottom: 0;
}

.pc1-section .card .card-row .border-line:after {
    position: absolute;
    content: "";
    width: 1.5px;
    height: 225px;
    border-right: #a2a2a2 solid 1.5px;
    top: 0;
    right: 0;
}

.pc1-section .card .card-row .border-line:last-child:after {
    display: none;
}

.pc1-section .card a {
    background-color: #fff;
    color: #000;
    font-weight: bold;
    border-radius: 20px;
    padding: 8px 30px;
    text-decoration: none;
    font-size: 16px;
    margin-left: 20px;
    display: inline-block;
}

.pc1-section .card a:hover {
    transition: all .2s;
    background-color: #000;
    color: #fff;
}

.pc1-section .card p {
    padding: 17px 20px;
}

.pc1-section .card .card-row p {
    padding: 20px 0 10px;
    font-size: 16px;
    line-height: 1.1;
    font-weight: bold;
}

.pc1-section .card .card-row p:last-child {
    padding: 0;
    line-height: 1.4;
}

.pc1-section .card .card-row p span {
    font-size: 45px;
    font-weight: bold;
    font-family: "Ubuntu-Bold";
}

.pc1-section .card .card-row p span sup {
    font-size: 19px;
    top: -22px;
    left: -7px;
}

.search-wrap .desk-none {
    display: none !important;
}


@media(max-width: 991px) {
    .pc1-section .card .card-row p span {
        font-size:22px;
    }

    .js-form-item-business-type label.js-form-required.form-required {
        bottom: 14px;
    }

    .js-form-item-business-type label span {
        font-size: 13px;
    }

    .interest-feature-first {
        margin-top: 125px !important;
    }

    .pc1-section .card .card-row p span sup {
        font-size: 16px;
        top: -14px;
        left: -4px;
    }

    .pc1-section .card .card-row p {
        font-size: 14px;
        line-height: 1.2;
    }

    .footeraccordian #accordionExample {
        padding: 2rem;
        padding-bottom: 0px;
    }

    .foot-logo img {
        padding: 15px 0px !important;
    }

    .partner-testimonial .profile-desc p {
        text-align: justify !important;
    }
}

@media(max-width: 767px) {
    .pc1-section .card .card-row .border-line:after {
        width:100%;
        height: 1.5px;
        border-bottom: #a2a2a2 solid 1.5px;
        top: auto;
        bottom: -11px;
    }

    .pc1-section .card .card-row .border-line {
        padding: 20px 10px 10px 10px;
        width: 85%;
        margin: auto;
    }

    .pc1-section .card .card-row p span {
        font-size: 34px;
    }

    .pc1-section .card span.button {
        font-size: 18px;
        top: -15px;
    }

    .bank-easier.device-view .hash-title {
        margin-bottom: -5px !important;
    }
}

@media(max-width: 767px) and (orientation :landscape) {
    .pc1-section h2 {
        font-size:20px;
    }

    .pc1-section .card .card-row p {
        padding: 17px 0 0px;
    }

    .pc1-section .card .card-row p span {
        font-size: 16px;
    }

    .pc1-section .card .card-row p span sup {
        font-size: 10px;
        top: -26px;
        left: auto;
        right: -24px;
    }

    .pc1-section .card .card-row p:last-child {
        padding: 0;
        font-size: 8px !important;
    }

    .pc1-section .card .card-row .border-line:after {
        display: none;
    }
}

.right-top-leaf-2 {
    position: relative;
    overflow-x: hidden;
}

section.pc1-section.right-top-leaf-2 {
    overflow: unset;
}

section.pc1-section.right-top-leaf-2:after {
    width: 19rem;
}

.right-top-leaf-2:after {
    background-image: url(/themes/ujjivan/images/p1/leaf2.png);
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 16rem;
    height: 12rem;
    background-size: 18rem;
    top: -120px;
    right: 20px;
}

.b1-section {
    padding: 140px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: #fff;
    width: 100%;
    max-height: 800px;
}

.b1-section h1 {
    text-align: left;
    color: #fff;
    font-size: 42px;
    margin-bottom: 12px;
}

.b1-section p {
    color: #fff;
    font-size: 20px;
    font-family: "Roboto-Medium";
}

a.orange-button {
    display: block;
    margin-top: 20px;
    background-color: #F78F35;
    border: 1.2px solid #F78F35;
    width: max-content;
    padding: 10px 48px;
    color: #fff;
    text-decoration: none;
    border-radius: 30px;
    font-size: 16px;
}

a.orange-button:hover {
    color: #F78F35;
    background-color: #fff;
    transition: all .2s;
}

.new-banner {
    padding: 0;
    background: none;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: #fff;
    width: 100%;
    max-height: 800px
}

.new-banner .banner-content {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
}

.new-banner img {
    width: 100%;
    object-fit: cover;
}

.new-banner .row {
    align-items: center;
    height: 100%;
}

@media (max-width: 1080px) and (orientation :landscape) {
    .new-banner img {
        object-position:right;
        min-height: 0;
    }
}

@media (min-width: 768px) and (max-width:1080px) {
    .rate-of-interest .rate-grid .grid-border .rate-sub-grid .rate-card {
        text-align:center;
    }

    .savings-accounts-card {
        margin-top: 20px;
    }

    .b1-slider-section h2,.b1-slider-section p {
        width: 75%;
    }
}

@media (max-width: 1080px) and (orientation :portrait) {
    .new-banner img {
        object-position:right;
        min-height: 0;
    }
}

@media(max-width: 991px) {
    .new-banner .banner-content {
        padding:15px 25px !important;
    }

    section.savings-accounts.leaf-over-top .savings-account-card-img {
        margin-top: 20px;
    }
}

@media(max-width: 991px) {
    .b1-section {
        background-position:right;
    }

    .b1-section h1 {
        text-align: left;
        font-size: 28px;
        line-height: 1.2;
    }

    .b1-section br {
        display: none;
    }
}

@media (max-width: 991px) and (orientation :landscape) {
    .b1-section .content .orange-button {
        margin-top:0px !important;
    }

    .b1-section h1 {
        font-size: 22px;
    }
}

.b2-section {
    padding: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: #fff;
    width: 100%;
}

.b2-section h2 {
    text-align: left;
    color: #fff;
    font-size: 25px;
    line-height: 1.1;
}

section.media-centre.desktop-view.meet-our-lead .card {
    border: none;
    box-shadow: unset;
}

section.media-centre.desktop-view.meet-our-lead .card-body {
    padding: 0;
    height: 100% !important;
}

@media(max-width: 991px) {
    .b2-section h2 {
        font-size:18px;
    }

    .customer-card-desc:before {
        left: -5px !important;
        top: 20px !important;
    }

    .customer-card-desc:after {
        right: -5px !important;
        bottom: 10px !important;
    }

    .media-centre .card {
        margin: 0px !important;
    }
}

@media(max-width: 991px) {
    .b2-section {
        background-position:center right;
    }

    .b2-section h2 {
        text-shadow: 2px 2px 17px #000;
    }
}

.b4-section {
    background-color: #E9E9E9;
    padding: 63px 0;
}

.b4-section h2 {
    text-align: left;
    color: #fe721d;
    font-size: 32px;
    line-height: 1.1;
    font-family: "Roboto-Bold";
}

@media(max-width: 991px) {
}

.right-leaf-center {
    position: relative;
    z-index: 0;
}

.right-leaf-center:after {
    background-image: url(/themes/ujjivan/images/b4/leaf.png);
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 16rem;
    height: 16rem;
    background-size: 19rem;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0px;
    z-index: -1;
}

@media(max-width: 767px) {
    .right-leaf-center:after {
        width:8rem;
        height: 8rem;
        background-size: 11rem;
    }
}

.ic2-section {
    text-align: center;
    background-color: #EEEEEE;
}

.ic2-section span {
    font-family: "Roboto-Bold";
    color: #fe721d;
}

.ic2-section ul {
    display: flex;
    justify-content: space-around;
    width: 100%;
    margin-top: 50px;
    padding-left: 0;
}

.ic2-section ul li {
    width: 20%;
}

.ic2-section ul li span {
    font-size: 40px;
    color: #000;
}

.ic2-section ul li p {
    font-size: 16px;
    font-family: "Roboto-Regular";
    margin: 0px 30px;
    line-height: 25px;
}

#calculator .padding-right {
    padding-right: 23px;
}

.range_blk {
    display: flex;
    justify-content: space-between;
}

.ic2-section ul li img {
    width: 4.8rem;
    object-fit: contain;
    margin-bottom: 15px;
}

@media(max-width: 991px) {
    .ic2-section ul {
        flex-wrap:wrap;
    }

    .ic2-section ul li {
        width: 33.33%;
    }
}

@media(max-width: 767px) {
    .ic2-section ul {
        flex-direction:column;
    }

    .ic2-section ul li {
        width: 100%;
        line-height: 8rem;
    }
}

.ic1-section {
    background-color: #EBEBEB;
}

.ic1-section span {
    color: #fe721d;
    font-weight: bold;
    padding-left: 27px;
}

.ic1-section h2 {
    text-align: left;
    font-family: "Roboto-Bold";
    line-height: 1.1;
    padding-left: 27px;
}

.ic1-section ul {
    padding-left: 0;
    display: flex;
    width: 100%;
    margin-bottom: 3px;
}

.ic1-section ul li {
    width: 25%;
}

.ic1-section .container .row:last-child ul {
    position: relative;
    left: 2.25%;
}

.ic1-section.home-personal .container .row:last-child ul {
    left: 0;
}

.captcha__image-wrapper {
    display: flex;
    justify-content: flex-start;
    gap: inherit;
    align-items: center;
    width: 49%;
    gap: 10px;
    --image-width: 220px;
}

.form-item-captcha-response {
    padding: 0px;
}

section.media-centre.desktop-view.meet-our-lead .row {
    justify-content: space-evenly;
}

.ic1-section .container .row:last-child ul li .card {
    padding: 30px 25px;
}

.ic1-section ul li a {
    text-decoration: none;
}

.ic1-section .card {
    text-align: center;
    display: block;
    padding: 30px 20px;
    border: none;
    margin: 0 6px;
    border-radius: 10px;
    background-color: #F9F9F9;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.ic1-section .card h3 span {
    color: #000;
    font-size: 13px;
    display: block;
    text-align: center;
    padding: 0;
    line-height: 1.1;
}

.ic1-section .card p {
    font-size: 14px;
    line-height: 1.3;
    font-family: "Roboto-Regular";
}

.ic1-section .card h3 {
    text-align: center;
    line-height: 1.1;
    margin: 15px 0;
    font-size: 20px;
    font-family: "Roboto-Regular";
}

.ic1-section .card img {
    width: 3rem;
}

.ic1-section .card img.image-white {
    display: none;
    margin: auto;
}

.ic1-section .card:hover {
    transition: all .2s;
    background-color: #fe721d;
}

.ic1-section .card:after {
    position: absolute;
    content: "";
    background-image: url(/themes/ujjivan/images/ic1/right-arrow.png);
    background-size: 32px;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    right: 70px;
    left: auto;
    margin: auto;
    bottom: 18px;
    transition: all .3s;
    opacity: 0;
}

.ic1-section .card:hover:before {
    position: absolute;
    content: "";
    background-image: url(/themes/ujjivan/images/ic1/leaf-hover.png);
    background-size: 11rem;
    background-repeat: no-repeat;
    width: 13rem;
    height: 9rem;
    left: -28px;
    margin: auto;
    top: -71px;
    transition: all .3s;
}

.ic1-section .card:hover:after {
    left: 0;
    right: 0;
    opacity: 1;
}

.ic1-section .card:hover h3,.ic1-section .card:hover p,.ic1-section .card:hover span {
    color: #fff;
}

.ic1-section .card:hover img.image {
    display: none;
}

.ic1-section .card:hover img.image-white {
    display: block;
}

.ic1-section .card:hover p {
    color: transparent;
}

.ic2-section ul li p:nth-child(even) {
    font-size: 35px !important;
    font-weight: bold;
}

section.title-with-cta.bg-green h2 {
    margin-bottom: 0px;
}

section.title-with-cta.bg-green {
    padding: 15px 40px;
    padding-bottom: 30px;
}

.title-with-cta.bg-green p {
    line-height: 1.2;
}

.width-fit img {
    width: 20px;
}

section.title-with-cta.bg-green .col-lg-2 {
    display: flex;
    align-items: center;
}

.text-white p {
    color: #ffffff;
}

@media(max-width: 991px) {
    .ic1-section .container .row:last-child ul {
        left:0;
    }

    .ic1-section {
        text-align: center;
    }

    .ic1-section h2 {
        text-align: center;
    }

    .ic1-section .card {
        padding: 17px;
    }

    .ic1-section .card h3 {
        line-height: 1.2;
    }

    .ic1-section .card img {
        margin-bottom: 15px;
    }

    .ic1-section .card p {
        line-height: 1.2;
    }

    .ic1-section .container .row:last-child ul li .card {
        padding: 24px 25px;
    }
}

@media(max-width: 767px) {
    .ic1-section ul {
        flex-direction:column;
    }

    .captcha__image-wrapper {
        --image-width: unset;
    }

    .ic1-section ul li {
        width: 100%;
    }

    .ic1-section .card {
        margin-top: 15px;
    }
}

.w1-section {
    position: fixed;
    width: 100%;
    padding: 0;
    bottom: 0;
    top: 120px;
    height: max-content;
    z-index: 11;
    display: none;
}

.w1-section .inner-content {
    padding: 25px 10px;
}

.pc1-section .card .card-row .border-line p:first-child {
    font-size: 35px !important;
    font-family: "Roboto-Bold";
    font-weight: bold;
}

.w1-section .expand-button {
    position: absolute;
    left: -28px;
    height: 100%;
    z-index: -1;
    padding: 13px 28px 13px 7px;
    bottom: 0;
    margin: auto;
    top: 0;
    background-color: #fe721d;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.w1-section .expand-button img {
    transform: rotate(90deg);
}

.w1-section .expand-button.closed-button img {
    transform: rotate(-90deg);
}

.w1-section .inner-content {
    position: absolute;
    width: 93%;
    left: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
    min-height: 5rem;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    background-color: #1b5779;
    padding: 16px 0;
    transition: all .2s;
}

.w1-section h2 {
    color: #fff;
    text-align: left;
    font-size: 22px;
    margin: 0;
    line-height: 1;
    font-family: "Ubuntu-Bold";
    margin-bottom: 0px;
}

.w1-section p {
    color: #fff;
    font-size: 16px;
}

.w1-section a.orange-button {
    padding: 4px 25px;
    margin: 0;
}

.w1-section .dropdown-toggle {
    appearance: none
}

.w1-section .dropdown button {
    background-color: #0000;
    color: #fff;
    font-family: "Roboto-Regular";
    border: 1px solid #fff;
    border-radius: 30px;
    padding: 7px 56px 7px 22px;
    appearance: none
}

.w1-section .dropdown .dropdown-toggle {
    position: relative;
    width: 15rem;
    text-align: left;
}

.nav-item>.dropdown-toggle::after {
    vertical-align: 2px;
}

.w1-section .dropdown .dropdown-toggle::after {
    border: none;
    background-image: url(/themes/ujjivan/images/w1/arrow-white.png);
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    background-size: 14px;
    width: 16px;
    height: 11px;
    right: 15px;
    top: 5px;
    bottom: 0;
    margin: auto;
}

.w1-section .dropdown ul.dropdown-menu {
    border: 1px solid #000;
    background-color: #f5f5f5;
    border-radius: 10px;
    padding: 0;
    height: 150px;
    overflow-y: scroll;
    width: 100%;
}

.w1-section .dropdown ul.dropdown-menu li {
    padding: 6px 21px;
    margin: 0;
    font-size: 15px;
    cursor: pointer;
}

.w1-section .dropdown ul.dropdown-menu li:hover {
    background-color: #b8b8b8;
    color: #fff;
}

.w1-section .form-list {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
}

@media(max-width: 991px) {
    .w1-section h2 {
        font-size:17px;
    }

    .how-to-apply-bg {
        background-color: #009079;
        background-image: unset !important;
    }

    .w1-section p {
        font-size: 14px !important;
    }

    .w1-section .inner-content {
        min-height: max-content;
        height: 36vh !important;
    }

    .w1-section .expand-button {
        height: 4.7rem;
    }

    .w1-section .container.hidden-right {
        height: 100% !important;
    }

    .w1-section .dropdown .dropdown-toggle {
        width: 10rem;
        padding: 5px 18px 5px 14px;
        font-size: 13px;
    }

    .w1-section .dropdown .dropdown-toggle::after {
        background-size: 9px;
        width: 9px;
        height: 7px;
    }

    .w1-section .dropdown ul.dropdown-menu li {
        font-size: 10px;
    }

    .w1-section .form-list {
        justify-content: space-between;
    }

    .w1-section a.orange-button {
        padding: 2px 19px;
        font-size: 13px;
    }
}

@media(max-width: 767px) {
    .w1-section a.orange-button {
        padding:5px 20px;
        font-size: 13px !important;
    }

    .w1-section .form-list {
        flex-direction: column;
        justify-content: space-evenly;
        align-items: flex-start;
    }

    .w1-section h2 {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .w1-section p {
        line-height: 1.3;
        margin-bottom: 10px;
    }

    .w1-section a.orange-button {
        margin-top: 15px;
    }

    .w1-section .expand-button {
        height: 4rem;
    }

    .w1-section .expand-button.closed-button {
        height: 4rem;
        margin: auto !important;
    }
}

@media(max-width: 767px) and (orientation :landscape) {
    .w1-section h2 {
        font-size:17px;
    }
}

.w3-section {
    background-color: #DDDDDD;
    padding: 26px 0;
}

.w3-section .content {
    display: flex;
    align-items: center;
}

.w3-section ul {
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
}

.w3-section ul li {
    margin-bottom: 0;
    position: relative;
}

.w3-section .card {
    flex-direction: row;
    margin-right: 50px;
    border: none;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    box-shadow: 2px 2px 3px #cdcdcd;
    height: 100%;
}

.w3-section .content ul li:last-child .card {
    margin-right: 0;
}

.w3-section .content ul li:after {
    content: "";
    position: absolute;
    background-image: url(/themes/ujjivan/images/w3/vs.png);
    background-size: 1.5rem;
    background-repeat: no-repeat;
    background-position: center;
    width: 1.5rem;
    height: 1.5rem;
    top: 0;
    right: 13px;
    bottom: 0;
    margin: auto;
}

.w3-section .content ul li:last-child:after {
    display: none;
}

.w3-section .card .image {
    object-fit: cover;
}

.w3-section .card img {
    width: 7rem;
    height: 100%;
    object-fit: cover;
}

.w3-section .card h3 {
    font-size: 17px;
    line-height: 1.1;
    font-family: "Roboto-Bold";
    margin: 0;
    padding: 18px;
    width: 62%;
}

.w3-section .button a.orange-button {
    background-color: #FF6501;
    margin-left: 20px;
    margin-top: 0;
    padding: 7px 20px;
}

.w3-section .button a.orange-button:hover {
    background-color: #fff;
}

@media(max-width: 991px) {
    .w3-section .card h3 {
        font-size:12px;
        padding: 10px;
        width: 100%;
    }
}

@media(max-width: 767px) {
    .w3-section .content {
        flex-direction:column;
    }

    .w3-section ul {
        flex-direction: column;
    }

    .w3-section .card {
        width: 77%;
        margin: auto;
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .w3-section .content ul li:last-child .card {
        margin-right: auto;
    }

    .w3-section .card h3 {
        font-size: 16px;
        padding: 20px;
        width: 100%;
    }

    .w3-section .content ul li:after {
        top: auto;
        right: 0;
        left: 0;
        bottom: -13px;
    }

    .w3-section .button a.orange-button {
        margin-left: 0;
    }
}

.tab1-section h2 {
    margin-bottom: 52px;
}

.tab1-section .container {
    overflow: hidden;
}

.tab1-section .tab-container {
    margin: 20px auto;
}

.tab1-section .tab-content {
    border: none;
    background: #f3f3f3;
    border-radius: 0px 0px 15px 15px;
}

.tab1-section .tab-header {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    position: relative;
    overflow-x: scroll;
    width: 100%;
    column-gap: 5px;
}

.tab1-section .tab-header::-webkit-scrollbar {
    display: none;
}

.tab1-section .tab-header li {
    width: -webkit-fill-available;
    text-wrap: nowrap;
    margin-bottom: 0;
}

.tab1-section .tab-header li span {
    padding: 20px 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    cursor: pointer;
    border-bottom: none;
    background-color: #fe721d;
    font-family: "Ubuntu-Bold";
    color: #fff;
    font-size: 18px;
    display: block;
    text-align: center;
}

.tab1-section .tab-header li.active span {
    background-color: #F79034;
    position: relative;
    padding: 19px 11px 29px;
}

.tab1-section .tab-header:after {
    position: absolute;
    content: "";
    border-bottom: #F79034 3.5px solid;
    width: inherit;
    height: 3.5px;
    bottom: 0;
    left: 0;
}

.tab1-section .tab-pane {
    display: none;
    padding: 10px;
    border: none;
}

.tab1-section .tab-pane.active {
    display: block;
}

.tab1-section .image-content img {
    width: 100%;
}

.tl-section .timeline {
    width: 100%;
    height: 480px;
    padding: 20px;
    position: relative;
    box-sizing: border-box;
    display: flex;
}

.tl-section .timieline-title {
    font-size: 22px;
    font-weight: bold;
    color: #000;
}

.tl-section .timeline-content {
    width: 258px;
    height: 200px;
    padding: 10px;
    flex-shrink: 0;
    flex-grow: 0;
    align-self: flex-start;
    position: relative;
    border-radius: 10px;
    margin-right: 10px;
    color: #555555;
    font-size: calc(14px + 0.1vw);
    font-weight: 600;
}

.tl-section .timeline-content:after {
    position: absolute;
    width: 9px;
    height: 70px;
    top: 65%;
    left: calc(50% - 10px);
    background: url(/themes/ujjivan/images/tl/line2.png);
    content: "";
}

.tl-section .timeline-period {
    position: absolute;
    top: calc(105% + 25px);
    padding: 10px;
    width: 161px;
    text-align: center;
    border-radius: 10px;
    left: calc(50% - 89px);
    font-family: "Roboto-Medium";
}

.tl-section .timeline-period:before {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fe721d;
    content: "";
    position: absolute;
    top: -16px;
    left: calc(50% - 2px);
    z-index: 2;
    outline: 6px solid #fe721d61;
}

.tl-section .timeline::before {
    position: absolute;
    width: 1600px;
    height: 6px;
    top: calc(48% + 10px);
    background-color: #198776;
    content: "";
    border-radius: 5px 0px 0px 5px;
    left: 25px;
}

.tl-section .timeline-content:nth-child(odd) {
    align-self: flex-end;
}

.tl-section .timeline-content:nth-child(odd):before {
    top: -15px;
}

.tl-section .timeline-content:nth-child(odd):after {
    top: 2px;
}

.tl-section .timeline-content:nth-child(odd) .timeline-period {
    top: -83px;
}

.tl-section .timeline-content:nth-child(odd) .timeline-period:before {
    top: calc(100% + 8px);
}

.tl-section .timeline-content ul {
    color: #555555;
    font-size: calc(14px + 0.1vw) !important;
    line-height: 1.4 !important;
    top: 69px;
    position: relative;
    text-align: left;
    font-weight: 600;
}

.tl-section .timeline-content:nth-child(even) ul {
    top: 4px;
}

.tl-section .journey-highlights-section h2 {
    padding: 5vw;
    padding-bottom: 0px;
}

.tl-section .horizontaltimeline {
    overflow-x: scroll;
    cursor: pointer;
    padding-bottom: 5vw;
    scrollbar-width: none;
}

.tl-section .journey-highlights {
    margin-bottom: 5vw;
}

.tl-section .timeline-content:nth-child(odd):after {
    background: url(/themes/ujjivan/images/tl/line1.png);
}

.tl-section .timeline-content:nth-child(odd) p {
    top: 80px;
}

.tl-section .horizontaltimeline::-webkit-scrollbar {
    display: none;
}

.tl-section .timeline-content ul li {
    list-style-type: disc;
    font-size: 14px;
    font-weight: bold;
    padding-left: 10px;
}

.channel-access .owl-carousel .owl-nav {
    display: none;
}

@media (max-width: 767px) {
    p {
        font-size:16px !important;
    }

    h5 {
        font-size: 16px;
        text-align: center;
    }
}

.channel-access .owl-carousel .owl-item img {
    width: auto;
}

.bx-icon-txt-wrap {
    padding-left: 0;
    display: flex;
    position: relative;
}

.bx-icon-txt-wrap li {
    background: #EDEDED;
    padding: 30px 20px;
    border-radius: 10px;
    width: 19%;
    margin-right: 8px;
    display: inline-block;
    min-height: 200px;
    height: 380px;
    overflow: hidden;
}

.bx-icon-txt-wrap li::after {
    background-image: url(/themes/ujjivan/images/box-bg-leaf.png);
    position: absolute;
    content: "";
    left: -13px;
    bottom: -38px;
    width: 50%;
    overflow: hidden;
    height: 33%;
    background-repeat: no-repeat;
    background-size: contain;
}

.bx-icon-txt-wrap p {
    line-height: 25px;
}

@media (max-width: 991px) {
    .bx-icon-txt-wrap {
        display:block;
    }

    .bx-icon-txt-wrap li {
        width: 31%;
        min-height: 200px;
        height: 310px;
    }

    .campaign_banner .row {
        align-content: normal!important;
    }
}

@media (max-width: 767px) {
    .bx-icon-txt-wrap {
        display:block;
    }

    .bx-icon-txt-wrap li {
        width: 95%;
        min-height: 200px;
        height: 300px;
        margin-right: 10px;
    }

    .bx-icon-txt-wrap li::after {
        left: -9px;
        bottom: -31px;
    }
}

@media (max-width: 767px) and (orientation:portrait) {
    .bx-icon-txt-wrap li {
        height:355px;
    }
}

.features-benefit .savings-rate-1 {
    display: inline-flex;
}

.features-benefit .savings-rate-2 {
    display: inline-flex;
}

.features-benefit .savings-rate-3 {
    display: inline-flex;
}

.features-benefit .savings-rate-1 p {
    color: #333333;
    font-size: 18px;
    line-height: 24px;
    width: 300px;
    text-align: left;
}

.features-benefit .savings-rate-2 p {
    color: #333333;
    font-size: 18px;
    line-height: 24px;
    width: 405px;
    text-align: left;
}

.features-benefit .cheque-text {
    width: 172px !important;
}

.features-benefit .savings-rate-3 p {
    color: #333333;
    font-size: 18px;
    line-height: 24px;
    width: 259px;
    text-align: left;
}

.features-benefit .rate-box p {
    background-color: #FDE19B;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 1rem;
}

.features-benefit .limit-text {
    margin-left: 1rem;
}

.features-benefit .cheque-text {
    margin-left: 1rem;
}

.features-benefit .deposit-text {
    margin-left: 1rem;
}

.features-benefit p.deposit-text {
    width: 350px !important;
}

.features-benefit #owl-carousel {
    z-index: 0;
}

.heading-text {
    padding-bottom: 1rem;
    text-align: left;
    color: #333333;
    font-size: 32px;
    line-height: 38px;
}

@media (max-width: 992px) {
    .feature-desktop {
        display:none;
    }
}

@media (min-width: 992px) {
    .benefits-mobile {
        display:none;
    }

    .sfb-classic {
        padding-right: 0;
    }

    .feature-img {
        position: relative;
        left: 45px;
        top: 20px;
    }
}

@media (min-width: 1200px) {
    .feature-img {
        left:0;
        top: 0;
    }

    .card-edge {
        margin: 10px 0px;
    }

    .profile-card {
        min-height: 100%;
    }
}

.features-benefit #owl-carousel p {
    color: #333333;
    font-size: 20px;
    line-height: 24px;
    height: auto;
    text-align: left;
    min-height: 100%;
    padding: 10px;
}

.features-benefit #owl-carousel .item {
    background-color: #FDE19B;
    border-radius: 5px;
    min-height: 130px;
}

.eligibility {
    font-size: 24px;
    line-height: 29px;
    padding-bottom: 10px;
}

.leaf-img {
    width: 360px;
    height: 243px;
}

@media only screen and (max-width: 600px) {
    .csa-1 {
        background-image:none;
    }

    .eligibility-card {
        padding-left: 25px !important;
    }

    .eligibility {
        padding-bottom: 0;
    }
}

@media screen and (min-width: 768px) and (max-width:1080px) {
    .set-trans {
        padding-top:2rem !important;
    }
}


@media only screen and (max-width: 1080px) {
    .management-section .card-edge {
        margin-bottom:10px;
        min-height: 100% !important;
    }
}

.margin-space {
    margin: 13px 0px;
}

.rate-of-interest .rate-grid {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 15px 0;
    margin: 0;
    box-shadow: rgba(0,0,0,0.1) 0px 10px 50px;
    margin-bottom: 40px;
}

.rate-of-interest .grid-border {
    border-right: 1px solid #dbd8d8;
}

.rate-of-interest {
    position: relative;
}

.rate-grid::after {
    position: absolute;
    content: "";
    background-image: url(/themes/ujjivan/images/product-leaf.png);
    background-repeat: no-repeat;
    background-size: 5rem;
    width: 6rem;
    left: 0;
    height: 5rem;
    bottom: 30px;
    transform: rotate(-100deg);
}

@media only screen and (max-width: 767px) {
    .bank-easier .hash-title,.bank-easier h2 {
        padding:0px 15px !important;
    }

    .rate-of-interest .rate-grid {
        box-shadow: none;
    }
}

@media only screen and (max-width: 1024px) {
    .rate-of-interest .grid-border {
        border:none;
    }
}

@media only screen and (max-width: 600px) {
    .rate-grid::after {
        background-image:none;
    }

    .w1-section .inner-content {
        height: 19vh !important;
    }

    .rate-sub-grid {
        border-bottom: 1px solid #dbd8d8;
        padding: 25px 0px !important;
    }

    .rate-of-interest .grid-border {
        border: none;
    }

    .rate-of-interest {
        background: none;
    }
}

@media only screen and (max-width: 376px) {
    .w1-section .inner-content {
        height:35vh !important;
    }
}

@media only screen and (max-width : 767px) and (orientation :landscape) {
    .rate-of-interest .grid-border {
        border-right:none;
    }
}

@media only screen and (min-width: 768px) {
    .rate-of-interest .grid-border:last-child {
        border-right:none;
    }

    .form-item-registered-mobile-number .error-msg {
        width: 180%;
    }

    .pre-banner .new-banner .banner-content {
        left: 10%;
    }

    .pt-100 {
        padding-top: 90px;
    }

    .list-with-icon li:last-child {
        border-bottom: none;
    }

    .kisan-product .sfb-classic li:last-child {
        border-bottom: none;
    }
}

.transaction-main {
    position: relative;
}

.transaction-main p {
    position: relative;
}

.form-item-registered-mobile-number {
    padding-left: 0 !important;
}

.transaction-facilities {
    color: #333333;
    font-size: 32px;
    line-height: 38px;
    text-align: center;
}

.transaction {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.tick-img-left::before {
    content: '';
    background-image: url(/themes/ujjivan/images/tick.png);
    position: absolute;
    left: -3px;
    margin-top: 2px;
    background-repeat: no-repeat;
    width: 2rem;
    height: 2rem;
}

.tick-img-right::before {
    content: '';
    background-image: url(/themes/ujjivan/images/tick.png);
    position: absolute;
    left: -33px;
    margin-top: 3px;
    background-repeat: no-repeat;
    width: 2rem;
    height: 2rem;
}

.transaction p::after {
    border: 1px solid #979797;
    opacity: 0.4000000059604645;
}

.transaction-faciliti {
    color: #333333;
    font-family: Roboto-Bold;
    font-size: 32px;
    line-height: 38px;
    text-align: center;
}

.btn-rectangle {
    border: 1px solid #22967C;
    border-radius: 22px;
    width: 495px;
    height: 44px;
    margin: auto;
}

.view-a-comprehensive {
    color: #444444;
    font-family: Ubuntu-Regular;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    padding: 8px 0 0 0;
}

.daily-shopping-limit {
    color: #333333;
    font-family: Ubuntu-Regular;
    font-size: 18px;
    line-height: 25px;
    text-align: left;
}

.high-free-cash-depos {
    color: #333333;
    font-family: Ubuntu-Regular;
    font-size: 18px;
    line-height: 30px;
    text-align: left;
}

.free-cheque-book {
    color: #333333;
    font-family: Ubuntu-Regular;
    font-size: 18px;
    line-height: 30px;
    text-align: left;
}

.border-line {
    border-bottom: 1px solid #979797;
    padding-bottom: 10px;
}

.pad-top {
    padding-top: 10px;
}

.list-with-icon {
    position: relative;
    padding: 0;
}

.nri-deposits ul.list-with-icon {
    padding-right: 4rem;
}

.net-nri .list-with-icon li a:hover {
    color: #F78F35 !important;
}

.list-with-icon li::before {
    content: '';
    background-image: url(/themes/ujjivan/images/tick.png);
    position: absolute;
    left: 0;
    background-repeat: no-repeat;
    width: 2rem;
    height: 2rem;
}

.list-with-icon li {
    padding: 25px 0 25px 45px;
    margin-bottom: 0;
    border-bottom: 1px solid #dbd8d8;
    line-height: 25px;
    font-family: "Roboto-Regular";
}

#frequently .list-with-icon li {
    padding: 15px 0 25px 45px;
}

section#frequently .list-with-icon li>p {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
}

.transaction-load-more {
    text-align: center;
    display: none;
}

.transaction-load-more a {
    font-weight: 600;
}

.transaction-load-more img {
    background: #189aa0;
    border-radius: 50%;
    padding: 6px 5px;
    margin-left: 5px;
}

#search_section .modal-dialog.search_modal {
    top: 30%;
    transform: translateY(-70%);
}

.transaction-load-more .show-less img {
    transform: rotate(180deg);
}

.transaction-load-more .show-list {
    display: block;
}

.transaction-load-more .show-less {
    display: none;
}

@media (max-width: 991px) {
    .list-with-icon li {
        margin-bottom:0;
        font-size: 16px;
    }

    .features-benefit #owl-carousel .item {
        margin-bottom: 19px;
        display: flex;
        align-items: center;
    }
}

@media (max-width: 767px) {
    .transaction-load-more {
        display:block;
        margin-top: 20px;
    }

    .transaction-facility .list-with-icon:first-child li:last-child:not(.mobile-hidden li) {
        border-bottom: 1px solid #dbd8d8;
    }

    .list-with-icon.load-more-toggle {
        display: none;
    }

    .load-more-toggle.show-list {
        display: block;
    }

    .list-with-icon {
        padding: 0;
        margin-bottom: 0;
    }

    .mobile-cont {
        display: none;
    }

    .tick-img-left::before {
        content: '';
        background-image: url(/themes/ujjivan/images/tick.png);
        position: absolute;
        left: -40px;
        margin-top: 10px;
        background-repeat: no-repeat;
        width: 2rem;
        height: 2rem;
    }

    .tick-img-right::before {
        content: '';
        background-image: url(/themes/ujjivan/images/tick.png);
        position: absolute;
        left: -40px;
        margin-top: 10px;
        background-repeat: no-repeat;
        width: 2rem;
        height: 2rem;
    }

    .btn-rectangle {
        width: 350px;
        height: 60px;
    }

    .view-a-comprehensive {
        padding: 8px 0 8px 0;
    }

    .transaction {
        margin-right: 2px;
        margin-left: 2px;
    }

    .right-cont {
        padding-left: 12px !important;
    }

    .transaction-faciliti {
        text-align: left;
    }

    .load-more {
        display: block;
        text-align: center;
        margin: 2rem 0 2rem 0;
    }

    .load-more::after {
        content: '';
        background-image: url(/themes/ujjivan/images/arrow.png);
        position: absolute;
        background-repeat: no-repeat;
        width: 2rem;
        height: 2rem;
        margin-top: 9px;
        margin-left: 5px;
    }

    .transaction-main .mobile-view {
        display: none;
    }

    .transaction-main .right-cont {
        padding-top: 10px;
        margin-left: 1rem;
    }

    .tick-img-left {
        padding-left: 0px !important;
    }
}

.transaction-main .right-cont {
    padding-left: 6rem;
}

.transaction-main .load-more {
    display: none;
}

.view-a-comprehensive a {
    font-family: Ubuntu-Regular;
}

.tick-img-left {
    margin-left: 1rem;
    padding-left: 30px;
}

.btn-rectangle:hover {
    background-color: #f48f41;
    border: 1px solid #f48f41;
}

.btn-rectangle:hover a {
    color: #fff !important;
}

.leaf-over-top::after {
    background-image: url(/themes/ujjivan/images/leaf.png);
    position: absolute;
    content: "";
    right: -34px;
    top: -80px;
    width: 19%;
    height: 10rem;
    background-repeat: no-repeat;
    background-size: contain;
}

.leaf-over-bottom::after {
    background-image: url(/themes/ujjivan/images/leaf2.png);
    position: absolute;
    content: "";
    right: 0;
    bottom: -65px;
    width: 16rem;
    height: 11rem;
    background-repeat: no-repeat;
    background-size: 15rem;
}

@media (max-width: 767px) {
    .leaf-over-top::after,.leaf-over-bottom::after {
        display:none
    }
}

.debit-intro.leaf-over-top::after {
    height: 77%;
    background-size: 13rem;
}

.footer-links li a {
    color: #9b9b9b;
    font-size: 14px;
    transition: .2s;
}

.footer-links li a:hover {
    color: #fff;
    transition: .2s;
}

.footer-links li {
    border-bottom: 1px solid #4a4a4a;
    padding: 10px 0;
    margin-bottom: 0;
}

.footer-links li:last-child {
    border-bottom: none;
}

.footer-links {
    padding-left: 0;
}

footer .footer {
    padding: 1rem 3rem;
}

footer {
    background-color: #2B2B2B;
}

footer .copyright {
    border-top: 1px solid #4a4a4a;
    padding: 10px 0;
    margin-top: 20px;
}

footer .copyright p {
    color: #9b9b9b;
    font-size: 14px !important;
}

@media (max-width: 767px) {
    footer .footer {
        padding:1rem 1rem;
    }
}

@media (max-width: 991px) {
    .footer-links {
        margin-bottom:0;
    }

    .footer-links li:last-child {
        border-bottom: 1px solid #4a4a4a;
    }

    footer .copyright {
        border-top: none;
    }
}

.footeraccordian .accordion-item.expanded {
    z-index: 1;
    position: relative;
}

.footeraccordian .accordion-item.default.expanded {
    width: 100% !important;
}

.footer-cnt {
    display: flex;
}

.footeraccordian .accordion-item {
    margin: 0px 35px;
    background-color: #2b2b2b;
}

.foot-logo img {
    padding: 15px;
}

.footeraccordian .accordion-header button {
    font-family: "Roboto-Regular";
}

@media (max-width: 991px) {
    .footer-cnt {
        display:block !important;
    }

    .footeraccordian .accordion-item.expanded {
        width: 100% !important;
    }

    .footeraccordian .accordion-item:last-child {
        border-bottom: 1px solid #494949;
    }

    .footeraccordian .accordion-header {
        margin-bottom: 0 !important;
        padding: 10px 0px;
    }
}

.bread-crumb nav {
    --bs-breadcrumb-divider: '>';
}

.bread-crumb .breadcrumb {
    margin-bottom: 0;
    font-family: "Roboto-Regular";
}

section.bread-crumb {
    border-bottom: #d8d8d8 solid 1.4px;
    padding: 10px 0;
}

section.bread-crumb a {
    color: #1f1e1e;
    text-decoration: none;
    position: relative;
    font-size: 13px;
    font-weight: bold;
}

.breadcrumb-item.active {
    color: #878787;
    font-size: 13px;
}

@media (max-width: 767px) {
    .bread-crumb {
        display:none;
    }
}

.sticky-cta-wrap {
    background: #fe721d;
    padding: 10px 0;
    position: sticky;
    bottom: 0;
    text-align: center;
    z-index: 2;
    margin-bottom: -1px;
    overflow-x: hidden;
}

.sticky-cta-wrap p {
    color: #fff;
    align-self: center;
}

.sticky-desk,.sticky-mobile {
    display: flex;
    justify-content: center;
}

.sticky-desk p {
    margin: 0 20px;
}

.sticky-mobile {
    display: none;
}

@media (max-width: 767px) {
    .sticky-cta-wrap {
        background:#d6d2d2;
    }

    .js-form-type-email {
        padding-top: 30px;
    }

    .sticky-cta-wrap .back-to-top {
        background: #189aa0;
        padding: 22px;
        border-radius: 50%;
        width: 10px;
        height: 10px;
        position: relative;
    }

    .sticky-cta-wrap .back-to-top span {
        width: 10px;
        height: 10px;
        display: block;
        background: #0000;
        border: 2px solid #fff;
        border-top: none;
        transform: rotate(135deg);
        border-right: none;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
    }

    .sticky-desk {
        display: none;
    }

    .sticky-mobile {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
    }

    .sticky-mobile .primary-cta {
        font-size: 13px;
    }
}

.banner-with-video {
    background-position: center;
    padding: 0;
    position: relative;
}

.banner-with-video #video-popup {
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    height: 100%;
}

.banner-with-video h2 {
    text-align: left;
    color: #fff;
    margin-bottom: 0;
}

#video-popup {
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
}

.banner-with-video iframe {
    width: 100%;
}

.banner-with-video .btn-close {
    background: url(/themes/ujjivan/images/icon-close-white.png);
}

.banner-with-video .modal-content button {
    float: right;
    position: absolute;
    top: -12px;
    border: 3px solid white !important;
    border-radius: 50%;
    right: -8px;
    margin: auto;
    color: #fff;
    padding: 6px;
    font-size: 10px;
    opacity: unset;
}

.banner-with-video .btn-close {
    background: url(/themes/ujjivan/images/icon-close-white.png);
    background-repeat: no-repeat;
    background-size: 0.6rem;
    background-position: center;
    background-color: #000;
}

.b2-section a {
    z-index: 9;
    position: relative;
}

@media (max-width: 767px) {
    .banner-with-video {
        background:url(/themes/ujjivan/images/hero-banner-mob.jpeg);
        background-position: center;
        background-size: cover;
    }

    #video-popup {
        justify-content: center;
    }
}

.media-centre .card {
    border: none;
    margin-bottom: 20px;
    box-shadow: 1px 1px 6px 0 rgb(156 168 181 / 40%);
    margin: 0px 20px;
}

a.read-arrow:hover {
    color: #429A86;
}

.media-centre h3 {
    color: #333333;
    font-size: 22px;
    margin: 0;
    text-align: left;
    line-height: 1.2;
}

.media-centre .card-text p {
    font-size: 16px;
    line-height: 1.5;
}

.media-centre a.read-arrow {
    font-size: 16px !important;
    z-index: 1;
}

.media-centre .media-date {
    color: #ADADAD;
    font-size: 15px;
    line-height: 1.5;
    min-height: 60px;
}

.media-centre .card-text {
    color: #333333;
    font-size: 16px;
    line-height: 25px;
    min-height: 80px;
}

.read-arrow {
    position: relative;
}

.read-arrow::after {
    content: "";
    position: absolute;
    top: 1px;
    left: 110%;
    width: 18px;
    height: 18px;
    background-image: url(/themes/ujjivan/images/Path.png);
    background-repeat: no-repeat;
}

.media-centre .card-body {
    padding: 20px;
}

.hash-title {
    color: #429A86;
    font-size: 16px;
    font-family: "Roboto-Bold";
    margin-bottom: -10px !important;
}

.read-arrow {
    color: #429A86;
    font-size: 18px;
    line-height: 29px;
}

@media (max-width: 767px) {
    .media-centre .card-text {
        min-height:auto;
    }
}

.social-card .card {
    background: #F5F5F5;
    border: none;
    padding: 1rem;
    border-radius: 15px;
}

.social-card .social-card-desc {
    color: #333333;
    font-family: "Ubuntu-Regula";
    font-size: 16px;
    line-height: 1.4;
    min-height: 60px;
}

.social-card button span {
    width: 8rem !important;
    height: 6px !important;
}

.social-card .owl-theme .owl-dots .owl-dot.active span,.social-connect .owl-theme .owl-dots .owl-dot:hover span {
    background-color: #F79036;
}

.social-heading h3 {
    color: #429A86;
    font-family: Roboto-Bold;
    font-size: 24px;
    line-height: 29px;
    font-weight: bold;
}

.social-heading h2 {
    color: #333333;
    font-family: Roboto-bold;
    font-size: 32px;
    line-height: 38px;
}

.social-connect .card-title {
    color: #333333;
    font-size: 16px;
    line-height: 24px;
}

.social-connect .card-body .social-card-tag {
    color: #ADADAD;
    font-size: 15px;
}

.social-card button span {
    display: none;
}

.social-card-desc p {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.5;
    margin-top: 20px;
}

.webform-submission-form ul.web-dropdown {
    position: absolute;
    background: #fff;
    z-index: 99;
    border: 1px solid #eee;
    width: 98.4%;
    border-top: none;
    max-height: 170px;
    overflow-Y: auto;
    padding-left: 0;
    display: none;
}

#webform-submission-career-form-node-1694-add-form div[data-drupal-messages] {
    font-size: 14px;
    color: #f30a0a;
    display: block;
    position: absolute;
    bottom: 85px;
}

#webform-submission-career-form-node-1694-add-form div[data-drupal-messages] .placeholder {
    background-color: transparent !important;
    opacity: 1;
    padding: 0 5px;
    font-style: normal;
}

#webform-submission-career-form-node-1694-add-form div[data-drupal-messages] ul {
    padding-left: 0 !important;
}

#webform-submission-career-form-node-1694-add-form div[data-drupal-messages] li {
    font-size: 14px;
    color: #f30a0a;
}

.feedback-form .description {
    padding-bottom: 10px;
}

.feedback-form .form-head input#edit-submit {
    margin-top: 60px;
}

.pdf-upload .form-file {
    display : block !important;
}

input.state-data,input.city-data,input.area-data,input.pin-data {
    background-image: url(/themes/ujjivan/images/dropdown-menu-mobile.png.png);
    background-size: 26px;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 100% -7px;
}

.webform-submission-form ul.web-dropdown li {
    padding-top: 10px;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 16px;
    border-bottom: 1px solid #eeeeee80;
    padding-left: 10px;
    color: #6c757d;
}

.width-fit {
    width: fit-content;
}

.b1-slider-section {
    padding: 0 !important;
    overflow: hidden;
}

.b1-slider-img {
    background-size: cover;
    background-position: center;
    padding: 120px 0;
}

.b1-slider-section button span {
    width: 8rem !important;
    height: 6px !important;
}

.b1-slider-section .owl-theme .owl-dots .owl-dot.active span,.b1-slider-section .owl-theme .owl-dots .owl-dot:hover span {
    background-color: #F79036;
}

.b1-slider-section .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: -22px;
    z-index: 1;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    padding-bottom: 15px;
}

.b1-slider-section h2,.b1-slider-section p {
    text-align: left;
    color: #fff;
}

.petal-icon {
    padding-left: 40px;
    position: relative;
}

.af2-faq .accordion .accordian-wrapper {
    background-color: #fff;
    padding: 1.5rem 2rem;
    margin-top: 1rem;
    box-shadow: rgba(0,0,0,0.08) 0px 4px 12px;
    border-radius: .5rem;
}

.af2-faq .accordion .accordion-header {
    cursor: pointer;
}

.af2-faq .accordion {
    margin-bottom: 2rem;
}

.af2-faq .accordion h4 {
    font-size: 18px;
    margin-bottom: 0;
    position: relative;
    font-weight: 600;
    font-family: "Roboto-Regular";
}

.af2-faq .accordion h4:after {
    position: absolute;
    content: "";
    background-image: url(/themes/ujjivan/images/arrow-down.png);
    background-repeat: no-repeat;
    width: 1.5rem;
    height: 1.5rem;
    background-size: 1.5rem;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: rotate(0deg);
    transition: .2s;
}

.af2-faq .accordion h4.active:after {
    transform: rotate(0deg);
    background-image: url(/themes/ujjivan/images/arrow-top.png);
    transition: .2s;
}

.af2-faq .accordion p {
    margin-bottom: 0;
    margin-top: 1rem;
    color: #9b9b9b;
    line-height: 1.3;
    font-family: "Roboto-Regular";
}

.af2-faq .accordion-content {
    display: none;
}

.privacy-list ul li {
    line-height: 27px;
}

.api-banner br {
    display: none;
}

@media(max-width: 991px) {
    .af2-faq .accordion h4 {
        font-size:15px;
    }

    .event p:nth-child(even) {
        width: 58%;
    }

    .vtl::before {
        height: 440px;
    }

    .interest-feature {
        width: 100%;
    }

    .requirements {
        padding: 14px;
    }

    .af2-faq .accordion-content {
        overflow: scroll;
    }
}

@media(max-width: 767px) {
    .af2-faq .accordion {
        width:100%;
    }

    .js-form-item.form-item.js-form-type-radio.form-item-existing-customer.js-form-item-existing-customer {
        width: 49% !important;
    }

    .af2-faq .accordion .accordian-heading {
        width: 88%;
    }

    .af2-faq .accordion h4:after {
        right: -10px;
    }

    .af2-faq .accordion h4 {
        font-size: 16px;
    }

    .af2-faq .accordion .accordion-header {
        padding-right: 20px;
    }

    .api-banner br {
        display: block !important;
    }
}

.list-with-btn {
    padding-left: 0;
    box-shadow: rgba(149,157,165,0.2) 0px 8px 24px;
}

.list-with-btn li {
    background: #fff;
    display: flex;
    justify-content: space-between;
    padding: 1.3rem 3rem;
    align-items: center;
    margin-bottom: 0;
    border-bottom: 2px solid #eee;
}

.list-with-btn li:first-child {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.list-with-btn li:last-child {
    border-bottom: none;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

@media(max-width: 767px) {
    .list-with-btn li {
        align-items:flex-start;
        padding: 1.8rem 1.8rem;
    }

    .list-with-btn li p {
        margin-bottom: 10px !important;
        width: 100%;
    }
}

.c4-card .profile-card {
    padding: 1rem;
    background: #fff;
    border-radius: 15px;
    box-shadow: rgba(149,157,165,0.2) 0px 8px 24px;
    margin-bottom: 1rem;
}

#search_section .modal-content .modal-body {
    background: #F7F7F7;
}

#search-form.search-form {
    background: #F7F7F7;
    padding: 40px !important;
    justify-content: center;
    margin-bottom: 40px;
}

#search-form.search-form .js-form-wrapper {
    background: #fff;
    border-radius: 4px;
    box-shadow: 1px 0px 5px 3px #f1f1f1f7;
    width: 80%;
    padding: 10px 20px 10px 20px;
}

#search-form.search-form .js-form-wrapper .js-form-type-search {
    width: 85%;
}

#search-form.search-form .js-form-wrapper .js-form-type-search .form-search {
    width: 100%;
    border: 0;
    outline: 0;
    font-size: 18px;
    line-height: 30px;
}

#search-form.search-form .js-form-wrapper .form-submit {
    border: 1px solid #F78F35;
    background: #F78F35;
    color: #fff;
    padding: 4px 30px;
    border-radius: 40px;
    float: right;
}

#search-form.search-form~h3 {
    padding: 5vw 10vw 0vw 10vw;
}

#search-form.search-form~ol li p:last-child {
    display: none;
}

.search-form~ol li h3 a:hover {
    color: #F78F35 !important;
}

.search-form~nav.pager ul li.pager__item.is-active a {
    color: #F78F35 !important;
}

#search-form.search-form~ol {
    padding: 0vw 10vw 0vw 10vw;
}

#search-form.search-form~ol li {
    list-style: none;
    padding-bottom: 20px;
    border-bottom: 1px solid #3333;
    margin-bottom: 15px
}

#search-form.search-form~ol li h3 a {
    font-size: calc(16px + 0.5vw);
    font-weight: 600;
    color: #056262;
}

#search-form.search-form~nav.pager ul li {
    display: inline-block;
}

#search-form.search-form~nav.pager {
    margin: 5vw;
    text-align: center;
}

#search-form.search-form~nav.pager ul.pager__items a {
    color: #333333;
    font-size: 16px;
    margin: 20px 10px;
}

.c4-card .profile-card h4 {
    margin-bottom: 0;
    font-weight: 600;
}

.c4-card .profile-card p span {
    color: #9b9b9b;
    font-size: 15px;
}

.c4-card .profile-card p {
    font-size: 16px;
    line-height: 22px;
}

.c4-card .profile-card .profile-desc p {
    padding: 16px 0;
    font-size: 15px;
}

.c4-card .profile-img img {
    border-radius: 15px;
}

#commercial-purchase-loan .nri-btn-sec {
    display: flex;
    justify-content: center;
}

.profile-read-more {
    font-size: 13px;
    background-color: transparent;
    color: #F78F35;
    padding: 9px 34px;
    border-radius: 27px;
    text-align: center;
    border: 1px #F78F35 solid;
    transition: 0.3s;
}

.profile-read-more:hover {
    background-color: #F78F35;
    color: #fff;
    text-decoration: none;
}

@media(min-width: 767px) {
    .c4-card .profile-card {
        margin-right:0rem;
    }
}

p#deposit_type {
    margin: 0 0 10px 0;
}

@media only screen and (min-width: 767px) and (max-width:1080px) {
    .c4-card .profile-card {
        height:max-content;
        min-height: 28rem;
    }

    .nri-ban p {
        font-size: 14 !important;
    }

    .channel-access-section-2 ul.bx-icon-txt-wrap li {
        height: 390px !important;
    }

    .management-section .profile-card {
        height: 100% !important;
    }

    .grid-desc {
        min-height: 156px;
        height: 220px;
    }

    .br-box .br-left-curve h3,.br-box .br-right-curve h3 {
        margin-bottom: -5px;
        font-size: 15px;
    }
}

@media (min-width: 432px) and (max-width:936px) and (orientation:landscape) {
    .grid-desc {
        min-height:156px !important;
        height: 220px !important;
    }

    header .mobile-header .main-menu-expand {
        height: 350px;
    }

    .management-section .profile-card {
        height: 100% !important;
    }
}

@media only screen and (min-width: 810px) and (max-width:1080px) and (orientation:landscape) {
    .grid-desc {
        min-height:140px;
        height: 130px;
    }

    .management-section .profile-card {
        height: 100% !important;
    }
}

.partner-testimonials .owl-carousel .owl-item img {
    width: auto;
    padding: 30px 0;
}

.partner-testimonials .owl-carousel .item {
    background: #fff;
    padding: 3rem 2rem;
    border-radius: 15px;
    box-shadow: rgba(0,0,0,0.04) 0px 3px 5px;
}

.partner-testimonials .partner-card p {
    line-height: 23px;
    font-size: 17px;
    margin-bottom: 12px;
}

.partner-testimonials .owl-carousel .item {
    overflow: hidden;
}

.partner-testimonials .owl-carousel .item::after {
    background-image: url(/themes/ujjivan/images/product-leaf.png);
    position: absolute;
    content: "";
    left: -29px;
    top: -76px;
    width: 100%;
    overflow: hidden;
    height: 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

.partner-testimonials .owl-carousel.owl-drag .owl-item {
    overflow: hidden;
    border-radius: 15px;
}

.partner-testimonials button span {
    width: 8rem !important;
    height: 6px !important;
}

.partner-testimonials .owl-theme .owl-dots .owl-dot.active span,.partner-testimonials .owl-theme .owl-dots .owl-dot:hover span {
    background-color: #F79036;
}

.partner-testimonials .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 30px;
}

.sbh2-section .title-with-select {
    display: flex;
    justify-content: space-between;
}

.sbh2-section select {
    background: #fff;
    border: none;
    padding: 1.5rem 2rem;
    box-shadow: rgba(0,0,0,0.08) 0px 4px 12px;
    border-radius: 0.5rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(/themes/ujjivan/images/arrow.png);
    background-repeat: no-repeat;
    background-position: center right 10px;
}

.sbh2-section select:focus-visible {
    outline: none;
}

@media(max-width: 767px) {
    .sbh2-section .title-with-select {
        flex-direction:column;
    }
}

.sa-content {
    background-color: #FFFFFF;
    border-radius: 0px 0px 8px 8px;
    box-shadow: 0 2px 7px 0 rgba(0,0,0,0.08);
    padding: 20px;
    padding-top: 30px !important;
}

.savings-accounts {
    background-color: #F7F7F7;
}

.explore-apply-btn {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.sa-explore-btn {
    border: 1px solid #5E5E5E;
    border-radius: 20px;
    text-decoration: none;
    padding: 6px 28px;
    font-family: 'Roboto-Medium';
    font-size: 14px;
    color: #5E5E5E;
}

.sa-apply-btn {
    border: 1px solid #F78F35;
    border-radius: 20px;
    text-decoration: none;
    padding: 6px 20px;
    background: #F78F35;
    color: #fff;
    font-family: 'Roboto-Medium';
    font-size: 14px;
}

.sa-apply-btn:hover {
    color: #fff;
}

.sa-content {
    padding-bottom: 30px !important;
}

.savings-accounts h2 {
    text-align: left;
    font-weight: 700 !important;
    font-size: 35px;
    line-height: 1.4;
}

.sa-content ul {
    padding-left: 0px;
    margin-bottom: 35px;
}

.sa-content ul li {
    margin-bottom: 15px;
    line-height: 1.5;
    padding-left: 16px;
    font-size: 14px;
    position: relative;
    font-family: 'Roboto-Regular';
}

.savings-accounts h3 {
    margin-bottom: 10px !important;
}

.sa-content {
    background-image: url(/themes/ujjivan/images/artboard-bg.png);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 115px;
}

.sa-content {
    background-color: #FFFFFF;
    border-radius: 0px 0px 8px 8px;
    box-shadow: 0 2px 7px 0 rgba(0,0,0,0.08);
    padding: 20px;
}

.sa-content ul li:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #2FBDC6;
    left: 0;
    top: 10px;
}

.savings-account-card-img {
    position: relative;
}

.savings-account-card-title {
    position: absolute;
    bottom: 10px;
    color: #fff;
    left: 20px;
    z-index: 1;
}

section.bread-crumb.navratna-breadcrumb {
    background-color: #9f2137;
    border: none;
}

section.bread-crumb.navratna-breadcrumb a {
    color: #ffffffd1;
    font-weight: 500;
}

.navratna-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    color: #fff;
}

.explore-item {
    min-height: 320px;
}

section.bread-crumb.navratna-breadcrumb li {
    color: #fff;
}

.savings-account-card-title h4 {
    color: #fff;
    margin-bottom: 0px;
    font-family: "Roboto-Bold";
    line-height: 23px;
    font-size: 18px;
}

.savings-account-card-title p {
    font-size: 13px;
    color: #fff;
    line-height: 21px;
}

.savings-account-checkbox .form-check {
    padding: 4px 15px 4px 30px;
    border: 1px solid #21212166;
    display: inline-block;
    border-radius: 30px;
    line-height: 19px;
}

.savings-account-checkbox .form-check .form-check-input,.savings-account-checkbox .form-check .form-check-label {
    font-size: 13px;
}

.savings-account-checkbox {
    margin-bottom: 15px;
}

.savings-account-checkbox .form-check .form-check-input {
    font-size: 12px;
    border-radius: 0px;
    vertical-align: middle;
    margin-top: 5px;
    border-color: #21212166;
}

.savings-account-checkbox .form-check-input:focus {
    border-color: #21212166;
    box-shadow: none;
}

.savings-account-card-img img {
    width: 100%;
    margin-top: 30px;
}

.mr-btm {
    margin-bottom: 20px;
}

.list-disc li:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #222222;
    left: 0px;
    top: 10px;
}

ul.list-disc li {
    margin-bottom: 15px;
    line-height: 1.5;
    padding-left: 16px;
    font-size: 18px;
    position: relative;
}

@media (max-width: 1080px) and (orientation:landscape) {
    .savings-account-card-img::after {
        position:absolute;
        content: '';
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0.3;
    }

    .pc1-section .card a {
        display: block;
        width: max-content;
        margin: auto;
        margin-top: 10px;
    }

    .savings-account-card-title {
        z-index: 1;
        left: 10px !important;
    }
}

@media (min-width: 768px) and (max-width:1080px) and (orientation:landscape) {
    .savings-account-card-img img {
        margin-top:0px;
    }
}

a.nd-btn-1,a.nd-btn-2 {
    border: 1px solid #F78F35;
    border-radius: 20px;
    text-decoration: none;
    background: #F78F35;
    color: #fff;
    font-family: 'Roboto-Medium';
    font-size: 15px;
    margin: 5px;
    text-align: center;
    display: inline-block;
}

a.nd-btn-1 {
    padding: 10px 62px;
}

a.nd-btn-2 {
    padding: 10px 40px;
}

.nri-btn-sec {
    text-align: center;
}

.nri-btn-sec {
    text-align: center;
    margin: 20px;
}

.upi-transaction-limits table {
    width: 100%;
    background-color: #ffffff;
    overflow: hidden;
    border: 1px solid #ccc;
}

.upi-transaction-limits th {
    background-color: #ffffff;
    color: #222222;
    padding: 10px;
}

.upi-transaction-limits td,.upi-transaction-limits th {
    padding: 20px 18px;
    border: 1px solid #ccc;
}

.upi-transaction-limits td {
    width: 16.66%;
    vertical-align: initial;
}

.upi-transaction-limits h2 {
    text-align: left;
}

.upi-limit-box {
    padding-left: 0;
    padding-right: 0;
    margin-top: 27px;
    overflow-x: auto;
}

.upi-limit-box::-webkit-scrollbar {
    height: 6px;
}

.upi-limit-box::-webkit-scrollbar-track {
    background: #f7f7f7;
    padding-top: 10px;
}

.upi-limit-box::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px;
}

section.upi-transaction-limits ul.list-disc li {
    font-size: 16px;
}

.upi-limit-box+p {
    font-weight: 700;
}

.about-us-sec .card {
    border: none;
    cursor: pointer;
}

.about-us-sec .content_section {
    align-self: center!important;
}

.about-us-sec .nri-btn-sec {
    text-align: left;
    margin: 20px 0px;
}

@media (max-width: 767px) {
    .upi-transaction-limits.table-col {
        padding:20px 7px !important;
        overflow: scroll;
    }
}

.how-to-apply-section {
    background: linear-gradient(180deg,#009f7f 0,#00706b 100%);
}

.vtl {
    padding-left: 50px;
    max-width: 500px;
}

.vtl,.event {
    position: relative;
}

.vtl::before,.event::before,.event::after {
    position: absolute;
}

.vtl::before {
    content: "";
    width: 2px;
    background: rgb(255 198 0 / 58%);
    top: 20px;
    left: 13px;
    height: 346px;
}

.event p:nth-child(odd) {
    margin: 0;
    color: #ffffff;
    border: 2px solid #059d7f;
    padding: 1px 15px;
    border-radius: 20px;
    width: fit-content;
    font-size: 16px;
}

.event {
    margin-bottom: 10px;
    border-radius: 5px;
    padding-bottom: 30px;
}

.event p {
    padding: 0;
    margin: 0;
    color: #fff;
}

p.date {
    font-size: 1.1em;
    font-weight: 700;
}

p.txt {
    font-size: 0.9em;
}

.event::after {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff;
    top: 20%;
    left: -39px;
    box-shadow: 0px 0px 10px 5px #ffffff96;
}

#cbwrap {
    width: 650px;
    padding: 20px;
    border-radius: 10px;
}

#cbtitle {
    margin-bottom: 40px;
    text-transform: uppercase;
}

#cbinfo {
    padding: 10px;
    margin-top: 40px;
    font-weight: 700;
    text-align: center;
}

#cbinfo a {
    text-decoration: none;
    padding: 5px;
    color: #fff;
    background: #a91616;
}

.event p:nth-child(even) {
    font-size: 16px;
    padding-top: 0px;
    padding-left: 5px;
}

.how-to-apply-section h2 {
    text-align: left;
    font-weight: 700 !important;
    font-size: 35px;
    line-height: 1.4;
    color: #ffffff;
    padding: 20px 10px 20px 0px;
    display: inline-block;
}

.hta-btn {
    border: 1px solid #F78F35;
    border-radius: 20px;
    text-decoration: none;
    background: #F78F35;
    color: #fff;
    font-family: 'Roboto-Medium';
    font-size: 15px;
    padding: 7px 30px;
}

.font-black h1 {
    color: #000;
    margin-bottom: 3vw;
}

.breadcrumb-item.active {
    margin-top: 4px;
}

.br-10 {
    border-radius: 10px;
}

.bread-crumb:nth-child(1) {
    margin-top: 70px;
}

.b2-section .banner-content {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    padding: 140px 12px;
}

.b2-section img {
    width: 100%;
    object-fit: cover;
}

.b2-section .content {
    display: flex;
    align-items: baseline;
    height: 100%;
    flex-direction: column;
    justify-content: center;
}

p:empty {
    display: none;
}

.eligibility-card hr {
    border-top: 1.4px solid #d8d8d8;
}

.features-benefit .nri-btn-sec {
    text-align: left;
    margin: 20px 0px;
}

.green-clr h1,.green-clr h2,.green-clr p {
    color: #008E7E !important;
}

@media(max-width: 767px) {
    br {
        display:none;
    }

    .sa-apply-btn {
        padding: 6px 40px;
    }

    .sa-explore-btn {
        padding: 6px 40px;
    }
}

@media only screen and (min-width: 767px) {
    .list-with-btn li {
        width:100%;
    }

    .list-with-btn li p {
        width: 70%;
    }
}

@media (min-width: 768px) {
    .kisan-section .eligibility-card {
        padding-top:0rem !important;
    }

    .kisan-section .eligibility-card .eligibility {
        display: none;
    }

    .title-with-cta.bg-green p {
        width: 85%;
    }

    section.title-with-cta .primary-cta {
        margin-top: 18px;
    }
}

.kisan-grid .annual_img {
    padding: 20px;
    background: #fff;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    box-shadow: rgba(149,157,165,0.2) 0px 8px 24px;
}

.kisan-grid .annual_img img {
    width: 100%;
}

.kisan-grid .annual_blk .primary-cta {
    background-color: #F78F35 !important;
    color: #fff;
    padding: 9px 13px !important;
    font-size: 13px;
    width: 90%;
    margin: auto;
    margin-left: auto;
    display: block;
    margin-right: auto;
}

.kisan-grid .primary-cta:hover {
    background-color: #fff !important;
    color: #F78F35 !important;
}

.note-section {
    margin-top: 40px;
}

.l1-list h2 {
    margin-bottom: 2.2rem;
}

.l1-list .list-with-btn p {
    margin-bottom: 0;
}

.l1-list .primary-cta,.upi-limit-box .primary-cta {
    font-size: 14px;
    padding: 5px 24px 7px;
    width: 155px;
}

.modal .modal-content iframe {
    width: 100%;
}

.list-style-disc li {
    list-style: disc;
    border-bottom: none !important;
    padding: 15px 0 0px 8px !important;
}

.list-style-disc li::before {
    background-image: none !important;
}

.tax-saver-features .savings-rate-2 p {
    width: 270px !important;
}

.tax-saver-features .cheque-text {
    width: 310px !important;
}

.dfd-features .savings-rate-2 p {
    width: 230px !important;
}

.dfd-features .cheque-text {
    width: 235px !important;
}

.tax-saver-features .savings-rate-3 p {
    width: 380px !important;
}

.personal-deposits-roi .rate-grid {
    width: fit-content !important;
}

.personal-deposits-roi .grid-border {
    width: 100%;
    border: none;
}

.b2-section .banner-content {
    padding-left: 25px !important;
    padding-right: 25px !important;
    padding: 70px 12px;
}

.steps-to-redeem h3 {
    padding-top: 0px !important;
}

.ixigo-tac ul li {
    list-style-type: disc;
    margin-bottom: 11px;
    line-height: 1.5;
}

.c1-two-col ul {
    padding: 0px;
}

@media (max-width: 767px) {
    .list-with-icon li {
        padding:20px 0 20px 45px;
    }

    .b2-section .banner-content {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }
}

.s2-type-two .item .popup-card h3,.s2-type-two .item h3 {
    font-size: 16px;
    line-height: 1.1;
    margin-bottom: 7px;
}

.s2-type-two .item .popup-card .card-img-top {
    width: 100%;
    height: 9rem;
}

.s2-type-two .item {
    margin-bottom: 23px;
}

a.primary-cta.card.popup-card {
    cursor: pointer;
}

.s2-type-two .card-content .toggle-text-content span {
    display: none;
}

.s2-type-two .card-content .toggle-text-link {
    display: block;
    font-size: 13px;
    color: #F78F35;
    margin-top: 9px;
}

.s2-type-two .card-content .toggle-text-link:hover {
    color: #4799bd;
}

.s2-type-two .social-card .card-content p {
    min-height: 7rem;
    font-size: 16px;
    line-height: 1.5;
}

.s2-type-two .card-body.card-content {
    min-height: 11rem;
}

.s2-type-two .item .card {
    position: relative;
}

.s2-type-two .item .image-top {
    position: relative;
}

.s2-type-two .item .popup-card {
    cursor: pointer;
}

.s2-type-two .item .card .card-popup {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
}

.s2-type-two .item .card .card-popup img {
    width: 3rem;
}

.s2-type-two .card-popup {
    display: block;
    height: max-content;
    width: max-content;
}

.popup-active {
    overflow: hidden;
    padding-right: 17px;
}

.video-popup.popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.7);
    z-index: 9999;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    opacity: 0;
    transition: opacity 0s ease-in-out;
}

.video-popup .popup-content {
    position: absolute;
    background-color: white;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
    width: 75%;
    height: 93%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}

.video-popup .close-btn {
    position: absolute;
    top: -7px;
    right: -7px;
    font-size: 20px;
    cursor: pointer;
    overflow: visible;
}

.video-popup .video-iframe {
    width: 100%;
    height: 100%;
}

.video-popup .popup-active {
    overflow: hidden;
    padding-right: 17px;
}

.video-popup button {
    float: right;
    position: absolute;
    top: -12px;
    border: 3px solid white !important;
    border-radius: 50%;
    right: -8px;
    margin: auto;
    color: #fff;
    padding: 6px;
    font-size: 10px;
    opacity: unset;
}

.video-popup .close-btn {
    background: url(/themes/ujjivan/images/icon-close-white.png);
    background-repeat: no-repeat;
    background-size: 0.6rem;
    background-position: center;
    background-color: #000;
    padding: 12px;
}

@media(max-width: 767px) {
    .video-popup .video-iframe {
        width:100%;
        height: 100%;
    }

    .video-popup .popup-content {
        width: 95%;
        height: 50%;
    }
}

.features-table.upi-transaction-limits td,.features-table.upi-transaction-limits th {
    font-weight: 400 !important;
}

.cus-2 {
    margin: 20px 0;
    display: block;
    width: fit-content;
}

.grid-btn {
    margin: 10px 0;
    display: block;
    width: fit-content;
}

.tc3-section .custom-row {
    justify-content: center;
    margin-top: 3rem;
}

.tc3-section .column {
    margin-bottom: 20px;
}

.slider-section .slider-content {
    margin: auto;
}

.slider-section .slider-content img {
    margin: auto;
}

.slider-section .owl-carousel {
    position: relative;
}

.slider-section .owl-nav button {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    width: max-content;
}

.slider-section .owl-nav button.owl-prev {
    left: -4rem;
}

.slider-section .owl-nav button.owl-next {
    right: -4rem;
}

.slider-section .owl-theme .owl-nav [class*='owl-']:hover {
    background: none;
    color: #229C80;
    transform: scale(1.2);
    transition: all .2s;
}

.slider-section .owl-theme .owl-nav {
    color: #229C80;
}

.slider-section .owl-nav span {
    font-size: 4rem;
}

.slider-section .owl-dots {
    position: relative;
    bottom: -2rem;
}

@media(max-width: 991px) {
    .slider-section .slider-content {
        width:80%;
    }

    .explore-item {
        min-height: 390px;
    }
}

@media(max-width: 767px) {
    .slider-section .slider-content img {
        width:100%;
        padding-bottom: 26px;
    }

    .explore-item {
        min-height: 400px;
    }

    .slider-section .slider-content {
        width: 84%;
    }

    .slider-section .owl-nav button.owl-next {
        right: -2.5rem;
    }

    .slider-section .owl-nav button.owl-prev {
        left: -2.5rem;
    }

    .popup-active {
        padding-right: 0;
    }

    .upi-transaction-limits td,.upi-transaction-limits th {
        padding: 20px 20px;
    }

    .upi-transaction-limits.forex-table table br {
        display: block;
    }
}

.cca-features .savings-rate-3 p {
    width: 500px !important;
}

.testimonial-article a .profile-card:hover {
    transform: scale(1.01);
    transition: .3s;
    box-shadow: rgba(149,157,165,0.2) 15px 19px 24px;
}

.testimonial-article h2 {
    margin-bottom: 2rem;
}

@media (min-width: 767px) {
    .testimonial-article h2 {
        margin-bottom:1.5rem;
    }

    .testimonial-article .profile-card {
        height: auto !important;
        min-height: 11rem;
    }
}

.banner-with-video #video-popup img {
    width: 4rem;
}

.ixigo-tac h3 {
    font-size: 18px;
    font-weight: bold;
}

@media(max-width: 991px) {
    .banner-with-video #video-popup {
        justify-content:center;
    }

    .testimonial-article .profile-card {
        min-height: 16rem;
    }
}

.features-benefit .nri-btn-sec a {
    margin-bottom: 10px;
    margin-right: 10px;
}

.c1-two-col .nri-btn-sec {
    margin-top: 10px;
}

.terms-txt ul li {
    font-size: 14px;
}

.primary-cta-inline {
    font-size: 14px;
    padding: 2px 10px;
}

.clr-yellow:hover {
    color: #F78F35;
}

.nri-btn-sec .primary-cta {
    margin-bottom: 10px;
    margin-right: 10px;
}

.nri-btn-sec .primary-cta:last-child {
    margin-right: 0;
}

.term-deposit-online {
    margin: 5vw;
    padding: 40px;
    border: 1px solid #B9B8B8;
    border-radius: 10px;
}

.term-deposit-online .fieldset-legend,.term-deposit-online label {
    color: #fe721d;
    font-size: 14px;
    display: block;
    margin-top: 40px;
}

.term-deposit-online input {
    border: none;
    border-bottom: 1px solid #D8D8D8;
    width: 95%;
    padding: 8px 0px;
}

.term-deposit-online .js-form-item {
    width: 49%;
    display: inline-block;
}

.term-deposit-online input:focus-visible {
    outline: none;
}

.term-deposit-online fieldset#edit-salutation-select .fieldset-legend {
    margin-top: 0px;
}

.term-deposit-online .form-item-i-declare-that-the-information label.option {
    color: #333333 !important;
    margin-top: -25px;
    margin-left: 30px;
}

.term-deposit-online input#edit-submit {
    background-color: #d2e6e4;
    color: ##fe721d;
    padding: 10px 60px;
    border-radius: 25px;
    width: fit-content;
}

.term-deposit-online .fieldset-wrapper .js-form-type-select {
    width: 95% !important;
}

.term-deposit-online.form-item-i-declare-that-the-information {
    width: 100% !important;
    display: block !important;
}

.term-deposit-online .form-item-i-declare-that-the-information,.term-deposit-online input#edit-submit {
    margin-top: 40px;
}

input#edit-i-declare-that-the-information {
    width: fit-content !important;
}

.form-item-i-declare-that-the-information {
    display: inline-block !important;
    width: 100% !important;
}

.term-deposit-online select {
    border: none;
    border-bottom: 1px solid #D8D8D8;
    border-radius: 0px;
}

fieldset#edit-salutation-select {
    width: 12% !important;
}

.term-deposit-online select {
    border: none;
    border-bottom: 1px solid #D8D8D8;
    border-radius: 0px;
    padding: 7px 0px;
}

.term-deposit-online .form-item-first-name-pahalaa-naama- {
    width: 36% !important;
}

.l1-list h3 {
    margin-bottom: 1rem !important;
}

.l1-list p {
    margin-bottom: 1.5rem;
}

.b1-slider-section h2 {
    text-align: left;
    color: #fff;
    font-size: 42px;
    margin-bottom: 12px;
    font-family: "Roboto-Bold";
}

.b1-slider-section p {
    color: #fff;
    font-size: 20px;
    font-family: "Roboto-Medium";
    line-height: 1.2;
}

.banking-information .col-md-6.col-lg-6.pb-md-0.pb-5.sfb-classic .list-with-icon li .list-style-disc li {
    border-bottom: none;
}

.banking-information .sfb-classic {
    padding-bottom: 0 !important;
}

@media (min-width: 991px) {
    .rural-mse .sfb-classic {
        padding-right:4rem !important;
    }

    section#how_to_apply .primary-cta {
        font-size: 16px;
        background-color: #F78F35;
        color: #FFFFFF;
        padding: 5px 25px;
        display: inline-block;
        border-radius: 27px;
        text-align: center;
        border: 1px #F78F35 solid;
        transition: 0.3s;
    }

    p.white-para br {
        display: none;
    }
}

@media(min-width: 768px) {
    .container.b1-slider-desc.banner-content {
        display:flex;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column;
    }

    .title-with-cta .primary-cta {
        padding: 7px 22px !important;
    }
}

@media(min-width: 992px) {
    .footeraccordian .accordion-item {
        margin:0px 35px !important;
    }
}

@media (max-width: 767px) {
    .banking-information .col-md-6.col-lg-6.pb-md-0.pb-5.sfb-classic .list-with-icon li:last-child {
        border-bottom:1px solid #dbd8d8;
    }

    .term-deposit-online .js-form-item {
        width: 100% !important;
    }

    .l1-list h3 {
        margin-bottom: 1.5rem !important;
    }

    .term-deposit-online {
        padding: 30px !important;
    }

    fieldset#edit-salutation-select {
        width: 30% !important;
    }

    .term-deposit-online .form-item-first-name-pahalaa-naama- {
        width: 68% !important;
    }

    .l1-list h3,.upi-transaction-limits h3,.sfb-classic h3 {
        line-height: 40px;
    }

    .b2-section h1 {
        line-height: 30px;
    }
}

.b1-slider-section img {
    object-position: left !important;
}

.b2-section h1 a {
    color: #fff;
    font-family: "Roboto-Bold";
}

.b2-section.green-clr h1 a {
    color: #008e7e;
}

@media (max-width: 991px) and (orientation:landscape) {
    .b2-section h1 {
        font-size:30px;
    }
}

@media only screen and (min-width: 810px) and (max-width:1080px) {
    .b2-section h1 {
        font-size:29px;
    }
}

@media screen and (min-width: 768px) and (max-width:991px) {
    .list-with-icon li:last-child {
        border-bottom:1px solid #dbd8d8;
    }

    .home-personal .row.sec-col ul li {
        width: 25% !important;
    }

    .life-event.b1-slider-section h2,.life-event.b1-slider-section p {
        width: 33%;
    }

    .life-event.b1-slider-section h2 {
        font-size: 27px;
    }

    .life-event.b1-slider-section p {
        font-size: 14px;
    }

    .life-event.b1-slider-section .primary-cta {
        font-size: 16px;
        background-color: #F78F35;
        color: #FFFFFF;
        padding: 5px 25px;
        display: inline-block;
        border-radius: 27px;
        text-align: center;
        border: 1px #F78F35 solid;
        transition: 0.3s;
    }

    .timeline::before {
        width: 175% !important;
    }

    .af2-faq .accordion .accordion-header {
        width: 95%;
    }

    .af2-faq .accordion h4:after {
        right: -35px;
    }
}

.note-section ul {
    padding-left: 0;
}

@media(max-width: 991px) {
    .new-banner .row {
        align-content:flex-start;
    }

    .upi-limit-box {
        margin-top: 25px;
    }

    .nri-deposits ul.list-with-icon {
        padding-right: 0;
    }
}


section.title-with-cta.bg-green:after {
    background-image: url(/themes/ujjivan/images/whats-new1.png);
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 11rem;
    height: 9rem;
    top: -120px;
    left: -2px;
}

.form-wrap #otpsubmit {
    background-color: #f78f35;
    padding: 4.8px 13px;
    border-radius: 20px;
    color: #fff;
    margin-top: 50px;
    border: 1px #f78f35 solid;
    transition: .3s;
    font-size: 15px;
}

.form-wrap .otp-label {
    padding-top: 5px;
}

.form-wrap .resend-btn:hover {
    color: #056262;
}

.form-wrap #otpsubmit:hover {
    background-color: #fff !important;
    color: #f78f35 !important;
}

.success {
    font-size: 12px;
    color: #00866b;
}

.form-wrap .resend-btn {
    position: absolute;
    left: 10px;
    bottom: -20px;
    font-size: 12px;
    color: #f78f35;
    z-index: 1;
    font-family: inherit;
    font-weight: 700;
    letter-spacing: 0.6px;
}

.form-wrap .resend-btn:hover {
    color: #000;
}

@media (max-width: 767px) {
    .form-wrap .resend-btn {
        left:0;
    }

    .otp-wrapper .form-wrap #otpsubmit {
        position: absolute;
    }

    .otp-wrapper p {
        bottom: -43px !important;
    }

    .otp-wrapper p,.mobile-wrapper p {
        font-size: 11px !important;
    }

    .form-wrap #otpsubmit {
        position: unset;
        right: 0;
        margin-top: 10px;
    }

    .form-wrap {
        text-align: right;
    }

    .form-wrap .form-head input#edit-submit {
        margin-top: 60px !important;
    }
}

form #otpsubmit {
    background-color: #f78f35;
    padding: 4.8px 13px;
    border-radius: 20px;
    color: #fff;
    border: none;
}

.form-item-registered-mobile-number.career-mob-label {
    margin-top: 0 !important;
}

.f-26 {
    font-size: 26px;
}

section.title-with-cta.bg-green:before {
    background-image: url(/themes/ujjivan/images/whatsnew2.png);
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 7rem;
    height: 7rem;
    bottom: -67px;
    right: 30px;
    z-index: 1;
}

.tel-wrap {
    margin: 0 !important;
}

.tel-wrap a {
    font-size: 13px;
}

span.pipe-line {
    color: #fff;
    padding-right: 3px;
}

.dse-box a {
    background: #fe721d;
    min-height: 100px;
    position: relative;
    color: #fff;
    font-size: 24px;
    display: block;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: 0.3s;
}

.dse-box a:hover {
    background: #F78F35;
}

.dse-box {
    text-align: center;
    margin-bottom: 20px;
}

.customer-card .card {
    background: #F5F5F5;
    border: none;
    padding: 1rem;
    border-radius: 15px;
}

.customer-card .customer-card-desc {
    color: #333333;
    font-size: 18px;
    line-height: 1.4;
    min-height: 90px;
    width: 90%;
    margin: auto;
    margin-top: 20px;
}

.customer-card button span {
    width: 8rem !important;
    height: 6px !important;
}

.customer-card .owl-theme .owl-dots .owl-dot.active span,.customer-speak .owl-theme .owl-dots .owl-dot:hover span {
    background-color: #F79036;
}

.customer-heading h3 {
    color: #429A86;
    font-family: Roboto-Bold;
    font-size: 24px;
    line-height: 29px;
    font-weight: bold;
}

.customer-heading h2 {
    color: #333333;
    font-family: Roboto-bold;
    font-size: 32px;
    line-height: 38px;
}

.customer-speak .card-title {
    color: #333333;
    font-family: Ubuntu-Regular;
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 20px;
    font-weight: 600;
    margin-bottom: 0px;
}

.customer-speak .card-body .customer-card-tag {
    color: #ADADAD;
    font-size: 15px;
}

.customer-card button span {
    display: none;
}

.customer-speak img.card-img-top {
    display: inline !important;
    width: 100px !important;
    margin-bottom: -40px;
    z-index: 1;
    position: relative;
}

.customer-speak .item {
    text-align: center;
    width: 65%;
    margin: auto;
}

.customer-card .card-body {
    margin: 20px 40px;
    margin-bottom: 0px;
}

.customer-card-desc:before {
    position: absolute;
    content: "";
    background-image: url(/themes/ujjivan/images/cus2.png);
    background-repeat: no-repeat;
    background-size: 5rem;
    width: 6rem;
    left: 15px;
    height: 5rem;
    top: 20%;
}

.customer-card-desc:after {
    position: absolute;
    content: "";
    background-image: url(/themes/ujjivan/images/cus3.png);
    background-repeat: no-repeat;
    background-size: 5rem;
    width: 6rem;
    right: 15px;
    height: 5rem;
}

.quick-links:before {
    background-image: url(/themes/ujjivan/images/above-footer1.png);
    content: "";
    position: absolute;
    width: 11rem;
    height: 9rem;
    top: -25px;
    left: -2px;
    z-index: 9;
    background-repeat: no-repeat;
}

.quick-links {
    padding: 0vw 8vw;
}

.quick-links:after {
    background-image: url(/themes/ujjivan/images/above-footer2.png);
    content: "";
    position: absolute;
    width: 10rem;
    height: 10rem;
    top: 20px;
    right: 0px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.quick-links h4 {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
}

.quick-links-grid {
    background: linear-gradient(-90deg,#f2dfb3 0,#f5f5f5 30%);
    padding: 10px 15px 15px 15px;
    border-radius: 30px 30px 0px 0px;
    z-index: 1;
    position: relative;
}

button#branch-dropdown {
    background-color: #0e6161;
    color: #fff;
    font-family: "Roboto-Regular";
    border: 1px solid #fff;
    border-radius: 30px;
    padding: 4px 43px;
    appearance: none;
    font-size: 16px;
}

button#branch-dropdown:after {
    border: none;
    background-image: url(/themes/ujjivan/images/w1/arrow-white.png);
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    background-size: 12px;
    width: 16px;
    height: 11px;
    right: 30px;
    top: 5px;
    bottom: 0;
    margin: auto;
}

.branch-locator.dropdown {
    width: fit-content;
    position: relative;
    margin-top: -5px;
}

ul#branch-list {
    padding: 10px;
    width: 72%;
    right: 15px;
    padding-bottom: 0;
}

ul#branch-list li a {
    font-size: 16px;
    display: inline-block;
    color: #0e6161;
}

button#branch-dropdown:before {
    content: '';
    background-image: url(/themes/ujjivan/images/branch-locator.png);
    position: absolute;
    background-size: 20px;
    top: -4px;
    bottom: 0;
    margin: auto;
    left: 26px;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
}

#search_section .search_modal .close {
    float: right;
    width: 30px !important;
    height: 30px !important;
    border-radius: 50%;
    outline: 0;
    border: 1px solid #f78f35;
    background: #f78f35;
    color: #fff;
    text-align: center;
    align-items: end;
    position: absolute;
    font-size: 12px;
    right: -7px;
    top: -16px;
    z-index: 999;
    font-weight: 700;
}

#search_section .search_modal .modal-content-section {
    padding: 20px;
    text-align: center;
}

#search_section .search_modal .modal-content-section #search {
    border: #d8d8d8 solid 1.4px;
    padding: 5px 20px;
}

#search_section .search_modal .modal-content-section form {
    background: #fff;
    border-radius: 4px;
    box-shadow: 1px 0px 5px 3px #f1f1f1f7;
    padding-right: 15px;
}

#search_section .search_modal .modal-content-section form #search {
    border: 0;
    padding: 10px 20px 10px 10px;
    width: 80%;
    outline: 0;
}

#search_section .search_modal .modal-content-section form .btn-search {
    border: 1px solid #f78f35;
    background: #f78f35;
    color: #fff;
    padding: 3px 30px;
    border-radius: 40px;
}

.col-md-2.hello-ujjivan-container {
    border-right: 1px solid;
}

p.hello-ujjivan-app {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    align-items: flex-start;
    row-gap: 18px;
    border-left: 1px solid;
    padding-left: 40px;
}

@media(max-width: 767px) and (orientation :landscape) {
    .b2-section .content {
        justify-content:center;
    }
}

@media(max-width: 767px) {
    .customer-speak .item {
        text-align:center;
        width: 100% !important;
        margin: auto;
        margin-left: 25px;
    }

    p.customer-card-desc:before {
        left: 5px;
    }

    button#branch-dropdown {
        padding: 12px 50px 12px 60px;
    }

    .b2-section .content {
        justify-content: flex-start;
    }
}

@media(max-width: 991px) {
    .width-fit {
        width:fit-content;
    }

    .quick-links h4 {
        text-align: center;
    }

    .quick-cont .row {
        justify-content: center;
    }

    button#branch-dropdown {
        position: relative;
    }

    .quick-cont {
        text-align: center;
    }

    .branch-locator.dropdown {
        width: 100%;
        text-align: center;
    }

    .quick-links {
        text-align: center;
    }

    button#branch-dropdown:before {
        left: 25px;
    }

    .quick-links-grid {
        padding-top: 40px;
    }
}

.investor-list span {
    display: inline-block;
    vertical-align: top;
    width: 140px;
}

.investor-list li {
    display: flex;
    gap: 10px;
}

@media (max-width: 767px) {
    .investor-list {
        margin-bottom:0px;
        margin-top: 0px;
    }

    .investor-section .sfb-classic {
        padding-bottom: 0px !important;
    }
}

@media only screen and (max-width : 768px) and (orientation:landscape) {
    .pc1-section .card .card-row .border-line p:first-child {
        font-size:26px !important;
    }

    .eligi-none-mob .eligibility-card .eligibility {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .pc1-section .card .card-row .border-line p:first-child {
        font-size:26px !important;
    }
}

.investor-list li {
    margin-bottom: 20px;
}

.investor-list {
    padding-left: 0px !important;
}

.investor-list span {
    opacity: 0.8;
}

.investor-list {
    margin-right: 30px;
}

.what-new-sec h2 {
    font-size: 30px;
}

.social-card .card-body {
    padding-bottom: 0px;
}

.home-hero-banner .owl-carousel .owl-item img {
    margin-left: -1px;
}

.pc1-section .card .card-row .border-line p:first-child {
    font-size: 42px;
    font-weight: 900;
    font-family: 'Roboto',sans-serif;
}

td:has(> .primary-cta) {
    text-align: center;
}

.dis-box a,.annual_blk a {
    width: 100%;
    color: #F78F35;
}

.dis-box .primary-cta,.annual_blk .primary-cta {
    background-color: #F1F1F1;
}

.dis-box .primary-cta:hover,.annual_blk .primary-cta:hover {
    background-color: #F78F35;
    color: #FFFFFF;
}

.state-data,.city-data,.area-data {
    cursor: pointer;
}

.annual_blk {
    padding: 20px
}

.annual_img {
    margin-bottom: 30px;
}

.bank-easier-card button span {
    width: 8rem !important;
    height: 6px !important;
}

.bank-easier-card button span {
    display: none;
}

.bank-easier-card .card {
    text-align: center;
    display: block;
    padding: 30px 20px;
    border: none;
    margin: 0 6px;
    border-radius: 10px;
    background-color: #f9f9f9;
    height: 100%;
}

section.bank-easier {
    background-color: #ebebeb;
}

.bank-easier-card .card img {
    width: auto;
    margin: auto;
}

.bank-easier-card .card h3 {
    text-align: center;
    line-height: 1.1;
    margin: 15px 0;
    font-size: 20px;
}

.bank-easier-card .card p {
    font-size: 14px;
    line-height: 1.3;
}

.bank-easier .container-fluid {
    padding: 0px;
}

.bank-easier-card .owl-item {
    margin-right: 0px !important;
    margin-left: 10px;
}

.bank-easier .hash-title,.bank-easier h2 {
    padding: 0px 25px;
}

.bank-easier h2 {
    margin-bottom: 20px !important;
    line-height: 35px;
}

.media-centre-slider .card {
    border: none !important;
}

.media-centre-slider button span {
    width: 8rem !important;
    height: 6px !important;
}

.media-centre-slider button span {
    display: none;
}

.media-centre-slider .card-body {
    padding: 20px 0px;
}

.column-sep-space .sfb-classic {
    padding-right: 4px;
}

@media (max-width: 767px) {
    .ic1-section {
        text-align:left !important;
    }

    .ic1-section h2 {
        text-align: left !important;
        padding: 0;
        margin-bottom: 10px !important;
    }

    .customer-card .card-body {
        margin: 20px !important;
    }

    .ic1-section span {
        text-align: left !important;
        padding: 0;
    }

    .pc1-section .image img {
        display: none;
    }

    .pc1-section.right-top-leaf-2:after {
        background-image: none !important;
    }

    p.customer-card-desc:before {
        background-size: 3rem !important;
        width: 6rem !important;
        left: 5px !important;
        top: 15% !important;
    }

    p.customer-card-desc:after {
        background-size: 3rem !important;
        right: -35px !important;
    }

    .customer-card .customer-card-desc {
        width: 95%;
    }

    .customer-card-desc:before {
        top: 20px;
    }

    .customer-card-desc:after {
        bottom: 20px;
    }

    .title-with-cta.bg-green:after {
        background-image: none !important;
    }

    section.title-with-cta.bg-green:before {
        background-image: none !important;
    }

    section.title-with-cta.bg-green h2 {
        text-align: center;
        margin-bottom: 10px !important;
    }

    .title-with-cta.bg-green p {
        text-align: center;
        line-height: 1.5;
    }

    .title-with-cta .container {
        padding: 0px;
    }

    .title-with-cta.bg-green .col-lg-2 {
        text-align: center !important;
        margin: auto;
        display: block !important;
    }

    .ic2-section ul li img {
        margin-bottom: 0px !important;
        margin-top: 30px;
    }

    .ic2-section ul li p {
        margin: 0 auto !important;
        width: 82%;
    }

    .quick-links-grid {
        background: linear-gradient(359deg,#f2dfb3 10%,#f5f5f5 30%) !important;
    }

    .quick-links h4 {
        text-align: center;
        margin-bottom: 5px;
    }

    .b1-slider-section h2 {
        font-size: 32px !important;
        line-height: 1.1;
        margin-bottom: 10px !important;
    }

    .quick-links-grid .p-3 {
        display: flex;
        justify-content: center;
        padding: 0px !important;
    }

    .social-card-desc p {
        margin-top: 0px;
    }

    .media-centre-slider h3.card-title {
        font-size: 20px;
        margin-bottom: 0px !important;
        line-height: 1.2;
    }

    .pc1-section .card .card-row {
        padding: 0px;
        padding-bottom: 15px;
        padding-top: 10px;
    }

    .pc1-section .card .card-row .border-line p:first-child {
        padding-top: 0px;
    }

    .bank-easier-card .card h3 {
        margin-bottom: 10px !important;
    }

    .bank-easier-card .card {
        padding: 20px;
    }

    .pc1-section .content {
        margin-top: 0px;
    }
}

@media (max-width: 767px) {
    .desktop-view {
        display:none;
    }

    .device-view {
        display: block;
    }

    p.hello-ujjivan-app {
        border-left: none;
        align-items: center;
    }
}

@media (min-width: 768px) {
    .desktop-view {
        display:block;
    }

    .device-view {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    section.b2-section,section.b1-section {
        padding-top:unset !important;
        padding-bottom: unset !important;
    }

    .customer-testimonials {
        background-image: unset !important;
        padding-top: 0 !important;
    }

    section {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }

    .media-centre-slider .card-text {
        padding: 0px !important;
        margin-bottom: 10px;
    }

    .b1-slider-section h2,.b1-slider-section p {
        width: 100% !important;
    }

    .b1-slider-section .primary-cta {
        margin-top: 20px;
    }

    .media-centre-slider.device-view p {
        margin-bottom: 10px !important;
    }

    section.title-with-cta.bg-green {
        padding: 25px !important;
    }

    .customer-speak p.mb-5 {
        margin-bottom: 20px !important;
    }

    .ic2-section ul li p:nth-child(even) {
        font-size: 35px !important;
        font-weight: bold;
        line-height: 1.5;
    }

    section.social-connect p.mb-5 {
        margin-bottom: 20px !important;
        padding: 0px 20px;
        line-height: 1.5;
    }

    .quick-links {
        padding: 0px 15px;
        padding-bottom: 0px !important;
    }

    .quick-links-grid .col-lg-4,.quick-links-grid .col-lg-3,.quick-links-grid .col-lg-5 {
        margin-bottom: 30px;
    }

    .media-centre-slider.device-view p.text-center.mb-5 {
        padding: 0px 20px;
        line-height: 1.2;
        padding-bottom: 20px;
    }

    .media-centre-slider-card .item {
        padding-left: 25px;
    }

    .customer-speak .container {
        padding: 0px;
    }

    .social-connect .container {
        padding: 0px;
    }

    .social-connect .item {
        margin-left: 25px;
    }

    section.social-connect {
        margin-bottom: 20px;
    }

    .b1-slider-section p {
        font-size: 18px !important;
    }

    section.bank-easier.device-view {
        padding-bottom: 30px !important;
        padding-left: 10px !important;
    }

    .bank-easier.device-view .hash-title {
        margin-bottom: -2px !important;
    }

    .ic2-section ul {
        margin-top: 0px;
    }

    .ic2-section h2 {
        margin-bottom: 0px !important;
    }

    .ic2-section {
        padding-bottom: 5px !important;
    }
}

.customer-speak .owl-dots {
    margin-top: 20px;
}

.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot {
    border: none;
    padding: 0 !important;
    font: inherit;
    width: 50px;
    height: 5px;
    margin: 5px;
    background: #D6D6D6;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 20px;
}

.owl-carousel button.owl-dot.active {
    background-color: #F79036 !important;
}

.owl-nav {
    display: none;
}

.owl-dots {
    margin: 0;
    text-align: center;
}

.device-view .container {
    padding: 0;
}

.annual_img img {
    margin: 0 auto;
    display: block;
    border: 1px solid #dedede;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.annual_blk:hover .annual_img img {
    transform: scale(1.05);
}

.b1-slider-section .primary-cta {
    margin-top: 20px;
}

.slider-with-text .slider-content {
    width: 100%;
    margin: auto;
}

@media (min-width: 767px) {
    .list-pad-right {
        padding-right:2rem !important;
    }
}

@media only screen and (max-width: 767px) {
    .list-pad-right {
        border-bottom:1px solid #dbd8d8;
    }
}

@media (max-width: 991px) and (orientation:landscape) {
    .what-new-sec .primary-cta {
        margin-top:20px;
    }

    .b1-slider-section h2 {
        font-size: 22px;
        line-height: 1.2;
    }
}

@media(max-width: 1180px) {
    .dis-box .primary-cta,.annual_blk .primary-cta {
        font-size:16px;
    }
}

@media(max-width: 800px) {
    .dis-box .primary-cta,.annual_blk .primary-cta {
        font-size:14px;
    }
}

@media(max-width: 567px) {
    .annual_blk a {
        width:60%;
    }

    .annual_blk {
        text-align: center;
        margin-bottom: 20px;
    }

    .w1-section h2 {
        font-size: 22px;
        margin-bottom: 10px !important;
        text-align: center;
        line-height: 1.5;
    }

    .w1-section p {
        line-height: 1.3;
        margin-bottom: 10px;
        text-align: center;
    }

    .w1-section a.orange-button {
        padding: 5px 20px;
        font-size: 13px;
        width: 285px;
        text-align: center;
    }

    .w1-section .dropdown .dropdown-toggle {
        width: 285px;
    }
}

@media (max-width: 991px) {
    .features-benefit #owl-carousel .item {
        min-height:140px;
    }
}

.c4-card .profile-desc .toggle-text-content span {
    display: none;
}

.read-section .toggle-text-link {
    display: block;
    font-size: 13px;
    background-color: transparent;
    color: #F78F35;
    padding: 7px 34px;
    border-radius: 27px;
    text-align: center;
    border: 1px #F78F35 solid;
    transition: 0.3s;
    width: fit-content;
    margin-top: 15px;
}

.read-section .toggle-text-link:hover {
    background-color: #F78F35;
    color: #fff;
}

.c4-card .profile-card p .toggle-text-content span {
    color: #333333;
}

.e-auctions-img .profile-img {
    width: 100%;
}

.e-auctions-img .slider-content img {
    width: 600px !important;
    margin: auto;
}

@media (max-width: 500px) {
    .annual_blk a {
        width:70%;
    }
}

.csr-slider .owl-carousel .profile-card {
    text-align: center;
}

.csr-slider .owl-carousel .profile-card img {
    width: 4rem;
    margin: auto;
}

.csr-slider .owl-carousel .profile-card p {
    margin-top: 1rem;
}

.menu-last img.font-size-a {
    display: none;
}

.rates-table {
    background-color: #c2fff2;
    text-align: center;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}

.rates-table th {
    background-color: #fe721d;
    padding: 20px;
    font-size: 15px;
    width: 50%;
    color: #fff;
}

.rates-table td {
    padding: 15px !important;
}

.interest-feature {
    background-color: #209b80;
    border-radius: 10px;
    height: 100px;
    display: flex;
    width: 80%;
    margin: auto;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 1.5rem;
}

.interest-feature p {
    font-size: 20px;
    padding: 20px;
    color: #fff;
}

.interest-feature span {
    padding: 30px;
}

.device-view li.desktop-view {
    display: block;
}

section.bank-easier.device-view .bank-easier-card img.image-white {
    display: none;
}

.sticky-nav-tab {
    text-decoration: none;
    color: #ffffff;
    font-size: 13px;
    padding: 15px 0;
}

.sticky-nav-tabs,.spa-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    text-align: center;
}

.sticky-nav-tabs-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    background-color: #056262;
    z-index: 1;
    -webkit-transition: all 0.3s cubic-bezier(0.19,1,0.22,1);
    transition: all 0.3s cubic-bezier(0.19,1,0.22,1);
    padding: 0 57px;
}

.sticky-nav-tabs-container--top-first {
    position: fixed;
    top: 75px;
    -webkit-transition: all 0.3s cubic-bezier(0.19,1,0.22,1);
    transition: all 0.3s cubic-bezier(0.19,1,0.22,1);
}

.sticky-nav-tabs-container--top-second {
    position: fixed;
    top: 0;
}

.sticky-nav-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    letter-spacing: 0.1rem;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    font-size: 0.8rem;
}

.sticky-nav-tab-slider {
    position: absolute;
    bottom: 0;
    width: 0;
    height: 6px;
    background: #ffc107;
    -webkit-transition: left 0.3s ease;
    transition: left 0.3s ease;
}

.space-right {
    margin: 15px 100px 15px 0px;
}

.not-found {
    font-size: 60px;
}

.image-section img {
    margin: 0 0 25px 0px;
}

.justify-image {
    display: flex;
    justify-content: center;
    align-items: center;
}

.navbar-brand img {
    width: 19rem;
    padding: 9px 0;
}

.benefits_sec {
    padding: 1.1rem;
    text-align: center;
}

.requirements {
    background-color: #209b80;
    border-radius: 10px;
    padding: 30px;
    height: 100%;
    margin-bottom: 0px;
}

.aadhar_sec {
    border-bottom: 1px solid #fafafa;
    padding: 13px 0px;
}

.benefits_para {
    font-size: 16px;
    font-weight: bolder !important;
    color: #333333;
    padding-top: 15px;
    letter-spacing: 0;
    line-height: 24px;
    font-weight: 500;
}

.aadhar p {
    font-size: 16px;
    color: #fafafa;
    letter-spacing: 0;
    line-height: 33px;
    font-weight: 500;
    padding-left: 20px;
}

.requirements h2 {
    font-size: 30px;
    color: #fafafa;
    letter-spacing: 0;
    line-height: 42px;
    font-weight: 700;
}

.media-center.section .tab-pane {
    margin: 10px 0;
}

.media-center.section .media-sec-img {
    display: flex;
    height: 100%;
    margin: 10px;
    border-radius: 20px;
    border: 1px solid #eee;
    align-content: flex-end;
    align-items: center;
    overflow: hidden;
    padding: 10px;
}

.form-head select:focus {
    box-shadow: none;
    border-color: #D8D8D8;
}

.feedback-form textarea:focus {
    outline: 0;
}

.feedback-form form .form-item-captcha-response label {
    bottom: 45px;
    transition: all .2s;
}

form#user-login-form input#edit-name {
    display: block;
    border: 1px solid #dfdddd;
    background: #fff;
    width: 85%;
}

form#user-login-form input#edit-pass {
    display: block;
    margin-top: 10px;
    width: 85%;
}

form#user-login-form label {
    position: unset;
    font-weight: 600;
    color: #000;
}

form#user-login-form .description {
    padding-bottom: 20px;
    color: #929292;
    font-size: 15px;
}

form#user-login-form {
    padding-left: 20px;
    width: 35%;
    margin: 0 auto;
    box-shadow: rgba(0,0,0,0.16) 0px 10px 36px 0px,rgba(0,0,0,0.06) 0px 0px 0px 1px;
    padding: 40px 20px;
    border-radius: 20px;
}


form#user-login-form .js-form-type-textfield {
    margin-top: 0 !important;
}

form#user-login-form input#edit-name:focus-visible,form#user-login-form input#edit-pass:focus-visible {
    outline: none;
}

.form-item-captcha-response {
    padding: 20px 0
}

form#user-login-form .form-submit {
    background-color: #F78F35;
    border: none;
    color: #fff;
    padding: 10px 30px;
    border-radius: 10px;
}

section.savings-accounts.leaf-over-top .savings-account-card-img {
    margin-top: 20px;
}

div#block-ujjivan-primary-local-tasks {
    text-align: center;
    padding: 20px 10px
}

.footeraccordian .accordion {
    background-color: #2B2B2B
}

.footeraccordian .accordion-item {
    border: 0;
    border-bottom: 1px solid #494949;
    text-align: left;
    border-radius: 0px
}

.footeraccordian .accordion-item:last-child {
    border-bottom: 0px;
}

.footeraccordian .accordion-header button {
    background-color: #2B2B2B;
    color: #DADADA;
    padding: 0px 0px 0px 0px;
    font-size: 14px;
    border-radius: 0px;
    transition: width 2s;
    transition-timing-function: linear;
}

.footeraccordian #accordionExample {
    padding: 3rem;
    padding-bottom: 0px;
}

.footeraccordian .accordion-item:last-of-type .accordion-button.collapsed {
    border-radius: 0px;
}

.footeraccordian .accordion-item:first-of-type .accordion-button {
    border-radius: 0px
}

.footeraccordian #accordionExample .container {
    padding: 0rem 0rem 0.8rem;
}

.footeraccordian .copyright p a {
    color: #DADADA;
    font-size: 14px;
}

.footeraccordian .copyright p {
    color: #DADADA;
    font-size: 14px;
    padding: 1rem 0rem 1.3rem 0rem;
}

.footeraccordian .copyright {
    margin-top: 1rem;
    border-top: 1px solid #494949;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.footeraccordian #accordionExample .expanded {
    background-color: #444444;
    color: #F2F2F2;
    padding: 0px 20px;
    z-index: 9;
}

.footeraccordian .accordion-body {
    background-color: #444444;
    color: #F2F2F2;
    padding: 10px 0px;
}

.footeraccordian .accordion-collapse p a {
    color: #DADADA;
    font-size: 13px;
}

.footeraccordian #accordionExample .expanded .accordion-header {
    margin: 0px;
}

.footeraccordian #accordionExample .expanded .accordion-button {
    transition: 1.s;
    background-color: #444444;
    color: #F3F3F3;
    transition: width 2s;
    transition-timing-function: linear;
}

.footeraccordian .accordion-item.expanded {
    border-left: 3px solid #FF8922;
}

.footeraccordian .accordion-item.expanded {
    z-index: 1;
    position: relative;
}

.footeraccordian #accordionExample .accordion-button {
    border: none;
    box-shadow: none;
}

.accordion-button:after {
    border: none;
    background-image: url(/themes/ujjivan/images/plus.png);
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    background-size: 13px;
    width: 13px;
    height: 13px;
    right: 5px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.accordion-button:not(.collapsed)::after {
    border: none;
    background-image: url(/themes/ujjivan/images/minus.png);
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    background-size: 13px;
    width: 13px;
    height: 13px;
    right: 5px;
    top: 0;
    bottom: 0;
    margin: auto;
}


.footeraccordian #accordionExample .expanded .accordion-header {
    margin: 0px !important;
}

.partners .item {
    padding: 25px 35px;
    padding-bottom: 15px;
    position: relative;
    padding-bottom: 50px;
    height: 100%;
}

.partners .owl-prev {
    position: absolute;
    top: 30%;
    font-size: 37px !important;
    left: -50px;
    border-radius: 100% !important;
    background-color: rgba(34,158,130,.8) !important;
    line-height: 80px !important;
    text-align: center;
    color: #fff !important;
    font-size: 28px;
    width: 80px !important;
}

.partners .owl-next {
    position: absolute;
    top: 30%;
    font-size: 37px !important;
    right: 0;
    border-radius: 100% !important;
    background-color: rgba(34,158,130,.8) !important;
    line-height: 80px !important;
    text-align: center;
    color: #fff !important;
    font-size: 28px;
    width: 80px !important;
}

.partners .howto-apply {
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.partners .green.howToApplyGreen {
    padding: 0;
}

.partners .howtoapply {
    padding-left: 160px;
}

@media only screen and (min-width: 991px) {
    .partner-testimonial .profile-card {
        margin-right:30px;
        margin-left: 30px;
    }

    ul.catagory_menu {
        text-align: center;
    }

    ul.catagory_menu .nav-item {
        text-align: left;
    }

    fieldset#edit-existing-customer--wrapper .fieldset-wrapper {
        width: 50%;
    }

    .partner-testimonial.slider-section .slider-content img {
        width: 70%;
        float: right;
        margin-right: 25px;
    }
}

input[type="range"] {
    width: 12.5em;
}

input[type="range"] {
    color: #f78f35;
    --thumb-height: 1.125em;
    --track-height: 0.125em;
    --track-color: rgba(0,0,0,0.2);
    --brightness-down: 80%;
    --clip-edges: 0.125em;
}

input[type="range"].win10-thumb {
    color: #2b2d42;
    --thumb-height: 1.375em;
    --thumb-width: 0.5em;
    --clip-edges: 0.0125em;
}

input[type="range"] {
    position: relative;
    background: #fff0;
    overflow: hidden;
}

input[type="range"]:active {
    cursor: grabbing;
}

input[type="range"]:disabled {
    filter: grayscale(1);
    opacity: 0.3;
    cursor: not-allowed;
}

input[type="range"],input[type="range"]::-webkit-slider-runnable-track,input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    transition: all ease 100ms;
    height: var(--thumb-height);
}

input[type="range"]::-webkit-slider-runnable-track,input[type="range"]::-webkit-slider-thumb {
    position: relative;
}

input[type="range"]::-webkit-slider-thumb {
    --thumb-radius: calc((var(--thumb-height) * 0.5) - 1px);
    --clip-top: calc((var(--thumb-height) - var(--track-height)) * 0.5 - 0.5px);
    --clip-bottom: calc(var(--thumb-height) - var(--clip-top));
    --clip-further: calc(100% + 1px);
    --box-fill: calc(-100vmax - var(--thumb-width,var(--thumb-height))) 0 0 100vmax currentColor;
    width: var(--thumb-width,var(--thumb-height));
    background: linear-gradient(currentColor 0 0) scroll no-repeat left center / 50% calc(var(--track-height) + 1px);
    background-color: currentColor;
    box-shadow: var(--box-fill);
    border-radius: var(--thumb-width,var(--thumb-height));
    filter: brightness(100%);
    clip-path: polygon(100% -1px,var(--clip-edges) -1px,0 var(--clip-top),-100vmax var(--clip-top),-100vmax var(--clip-bottom),0 var(--clip-bottom),var(--clip-edges) 100%,var(--clip-further) var(--clip-further));
}

input[type="range"]:hover::-webkit-slider-thumb {
    filter: brightness(var(--brightness-hover));
    cursor: grab;
}

input[type="range"]:active::-webkit-slider-thumb {
    filter: brightness(var(--brightness-down));
    cursor: grabbing;
}

input[type="range"]::-webkit-slider-runnable-track {
    background: linear-gradient(var(--track-color) 0 0) scroll no-repeat center / 100% calc(var(--track-height) + 1px);
}

input[type="range"]:disabled::-webkit-slider-thumb {
    cursor: not-allowed;
}

[type="radio"]:checked,[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

[type="radio"]:checked+label,[type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer !important;
    line-height: 15px;
    display: inline-block;
    color: #666;
}

[type="radio"]:checked+label:before,[type="radio"]:not(:checked)+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}

[type="radio"]:checked+label:after,[type="radio"]:not(:checked)+label:after {
    content: "";
    width: 10px;
    height: 10px;
    background: #f78f35;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

[type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

[type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.pull-right {
    float: none;
}

.custom-row {
    margin-left: 0px;
    margin-right: 0px;
}

.side-header {
    color: #209b80;
    font-family: "Ubuntu",sans-serif;
    font-size: 36px;
    line-height: 42px;
}

.book_Fix .primary-cta {
    margin-left: 20px;
}

.rates-table td:first-child {
    padding: 15px 17px 15px 37px !important;
    text-align: left;
}

.rupee {
    text-align: left;
    display: flex;
    margin: 1rem 0;
}

.rupees_align {
    padding-left: 140px;
}

.dot {
    margin-right: 14px;
    margin-top: 3px;
}

.dot p {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: #ecae3b;
    padding: 10px;
    margin: 0 !important;
    margin-top: 0 !important;
}

.dot_green {
    margin-right: 14px;
    margin-top: 3px;
}

.dot_green p {
    width: 5px;
    height: 5px;
    border-radius: 20px;
    background-color: #076162;
    padding: 10px;
    margin: 0 !important;
    margin-top: 0px !important;
}

.maturity_blk {
    border: 1px solid rgba(130,130,130,0.58);
    border-radius: 10px;
    width: 88%;
    margin: auto;
    padding: 15px 0px;
}

.maturity_blk p {
    color: #1ea185;
    font-size: 23px;
    line-height: 35px;
}

.maturity_blk span {
    color: #1ea185;
    font-size: 30px;
    font-weight: 600;
    line-height: 35px;
}

.space {
    padding: 10px;
}

.tel {
    color: #212529;
}

.main_sec {
    margin: auto;
    background-color: #e0e0e063;
    padding: 35px 40px 30px;
    width: 100%;
    border-radius: 1rem;
}

.maturity {
    text-align: end;
}

.check_returns {
    left: 4%;
    top: -10px;
    padding-bottom: 20px;
}

.maturity {
    text-align: end;
}

.calc-summary {
    background-color: #fff;
    margin: auto;
    border-radius: 1rem;
    padding: 39px 20px;
}

.calc-button {
    margin: auto;
}

#calc_note {
    margin: 10px;
    font-size: 14px;
}

#astrik_symbol {
    top: 9px !important;
    position: relative;
}

.month_sec {
    border-bottom: 2px solid #000 !important;
    color: #333333 !important;
    cursor: pointer;
}

#FdepType {
    color: #333333 !important;
}

p.maturity-para {
    display: flex;
    justify-content: center;
}

span.intrest-rate {
    font-size: 14px;
    color: #ffffff;
}

p.interest-rate-button {
    background-color: rgba(53,53,53,0.62);
    border-radius: 13.5px;
    width: max-content;
    padding: 0px 20px;
    border-radius: 20px;
    margin: auto;
}

.rupee-top {
    margin-top: 5%;
    padding-left: 3rem;
}

.main-need {
    display: flex;
    align-items: flex-start;
}

.main-need-assist {
    display: flex;
    justify-content: center;
}

.main-need-fixed {
    display: flex;
}

.switch {
    position: relative;
    display: block;
    width: 70px;
    height: 27px;
    padding: 3px;
    margin: 0 33px 10px 0;
    border-radius: 18px;
    cursor: pointer;
    vertical-align: top;
}

.switch-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.text-left.image-center-for-brand .brought_absolute {
    position: absolute;
    top: 74%;
    left: 15%;
    font-size: 16px;
    font-weight: bold;
}

.switch-label {
    position: relative;
    display: block;
    height: inherit;
    font-size: 10px;
    text-transform: uppercase;
    background: #eceeef;
    border-radius: inherit;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.12),inset 0 0 2px rgba(0,0,0,0.15);
}

.switch-label:before,.switch-label:after {
    position: absolute;
    top: 50%;
    margin-top: -0.5em;
    line-height: 1;
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
}

.switch-label:before {
    content: attr(data-off);
    right: 11px;
    color: #aaaaaa;
    text-shadow: 0 1px rgba(255,255,255,0.5);
}

.switch-label:after {
    content: attr(data-on);
    left: 11px;
    color: #ffffff;
    text-shadow: 0 1px rgba(0,0,0,0.2);
    opacity: 0;
}

.switch-input:checked~.switch-label {
    background: #1ea185;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.15),inset 0 0 3px rgba(0,0,0,0.2);
}

.switch-input:checked~.switch-label:before {
    opacity: 0;
}

.switch-input:checked~.switch-label:after {
    opacity: 1;
}

.switch-handle {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 25px;
    height: 25px;
    background: linear-gradient(to bottom,#ffffff 40%,#f0f0f0);
    background-image: -webkit-linear-gradient(top,#ffffff 40%,#f0f0f0);
    border-radius: 100%;
    box-shadow: 1px 1px 5px rgb(0 0 0 / 20%);
}

.switch-handle:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -6px;
    width: 12px;
    height: 12px;
    background: linear-gradient(to bottom,#eeeeee,#ffffff);
    background-image: -webkit-linear-gradient(top,#eeeeee,#ffffff);
    border-radius: 6px;
    box-shadow: inset 0 1px rgba(0,0,0,0.02);
}

.switch-input:checked~.switch-handle {
    left: 41px;
    box-shadow: -1px 1px 5px rgba(0,0,0,0.2);
}

.switch-label,.switch-handle {
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

@media (max-width: 991px) {
    .book_fix {
        text-align:center;
        margin: 30px;
    }

    #fixedcal #btn_FD {
        top: 20px !important;
    }

    .calc-summary {
        margin-top: 65px;
    }

    .radioBtn.setMrg input:checked+label,.radioBtn.setMrg input:not(:checked)+label {
        margin: 0 10px !important;
    }
}

@media (max-width: 667px) {
    .calc-summary {
        padding:0px;
    }
}

@media (max-width: 768px) {
    .maturity {
        text-align:center;
        padding: 20px 0px;
    }

    .invested_amount {
        background-color: rgba(241,241,241,0.14);
        border-radius: 9.18px;
        margin: 0px;
    }

    .book_fix {
        text-align: center;
        margin: 30px;
    }
}


input[name="mnthsavings"]:focus {
    border: 0px;
}

.borderrange {
    border-bottom: 2px solid #333;
}

input[type="range"] {
    margin: 14px 0;
    width: 100%;
}

input[type="range"]:focus {
    outline: none !important;
}

.range-value span {
    width: auto;
    padding: 0px 10px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: #ffc531;
    color: #fff;
    font-size: 12px;
    display: block;
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    border-radius: 6px;
}

.range-value span:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 10px solid #ffc531;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    margin-top: -1px;
}

.range-wrap {
    width: 100%;
    position: relative;
}

.range-value {
    position: absolute;
    top: -50%;
}

#FdepType {
    outline: none !important;
}

.addarrow {
    color: #fff;
}

.tenureSel {
    position: relative;
    display: inline-block;
    width: 32%;
    margin: 15px 5px 0 0;
}

.tenureSel input {
    width: 90%;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 2px solid #333333;
    padding: 4px 6px;
    background: none !important;
}

.typeOf {
    position: relative;
    float: right;
    width: 57%;
    margin: 0;
}

.typeOf select,.tenureSel select {
    padding: 3px 6px;
    background: none !important;
    position: relative;
    font-family: Lato;
    width: 90%;
    cursor: pointer;
    border-bottom: 2px solid #333333;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

.selArrow:after {
    display: inline-block;
    position: absolute;
    pointer-events: none !important;
    font-size: 25px;
    color: #ae285d;
    top: -3px;
    right: 10px;
}

.currentDate {
    float: right;
    color: #ae285d;
    font-weight: 600;
}

.fdCalc .selArrow:after {
    content: "⌄";
    font-size: inherit;
    top: 10px;
    width: 14px;
    height: 8px
}

.accessibility * {
    line-height: 1.5 !important;
}

.tenureSel input {
    padding: 0px 0px 0px 36px
}

.tenureSel input:active,.tenureSel input:focus {
    outline: none !important;
}

.typeOf select,.tenureSel select,.tenureSel input {
    width: 100%;
}

.tenureSel:before {
    content: '';
    background: none !important;
    width: 35px;
    height: 27px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    position: absolute;
    left: 0;
    z-index: 9;
}

.tenureSel span {
    position: absolute;
    font-size: 14px;
    padding: 2px 0px 4px 4px;
    left: 7%;
    transform: translateX(-50%);
    z-index: 2;
    color: #8a8a8a;
}

.hideY {
    visibility: hidden;
}

.tenureSel select {
    padding: 3px 0 3px 36px !important
}

.fdNames {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
}

.setMrg,#tenure_main {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dskRight {
    display: flex;
    justify-content: left;
}

.inpt-slider {
    margin: 20px 0 0;
}

.radioBtn.setMrg input:checked+label,.radioBtn.setMrg input:not(:checked)+label {
    margin: 0 30px;
}

.designin {
    background-color: #eee;
    text-align: right;
    border: 0px;
    width: 100%;
    display: inline;
    font-weight: 800;
    max-width: 100px;
}

.designin:active,.designin:focus,.tenureSel select:active,.tenureSel select:focus {
    outline: none !important;
}

input[name=mnthsavings]:focus {
    border: 0px;
}

#btn_FD_main {
    position: relative;
}

#btn_FD {
    position: absolute;
    top: 35px !important;
    left: -20px !important;
}

input[type="range"]::-moz-range-progress {
    background-color: #f78f35 !important;
}

input[type="range"]::-moz-range-track {
    background-color: rgba(0,0,0,0.2) !important;
}


.ic1-section .card h3 {
    min-height: 45px;
}

.title-with-cta .primary-cta {
    padding: 7px 40px;
}

p.media-date {
    color: #3333337a;
}

.footeraccordian .accordion-item {
    margin: 0px;
    background-color: #2b2b2b;
}

.how-to-apply-section {
    background-repeat: no-repeat;
}

.how-to-apply-bg {
    background-image: url(/sites/default/files/2024-04/video-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.dsa-how-to-apply-bg {
    background-image: url(/themes/ujjivan/css/../images/Apply-now.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.senior-citize-bg {
    background-image: url(/themes/ujjivan/images/senior-citizen-bg.jpg);
}

.tab3-section .image-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    text-align: center;
    backdrop-filter: blur(5px);
}

.tab3-section .close-popup {
    transform: translateX(-50%);
    position: absolute;
    top: 24%;
    background: black;
    z-index: 1;
    right: 28%;
    padding: 5px;
    font-size: 25px;
    color: white;
    border: 3px solid white !important;
    border-radius: 50%;
    cursor: pointer;
}

.tab3-section .popup-image {
    position: absolute;
    top: 30%;
    left: 30%;
    margin: auto;
    display: block;
    padding: 20px;
    background-color: black;
}

.tab3-section .popup-trigger {
    width: 200px;
    height: 150px;
    margin: 10px;
    cursor: pointer;
}

.customer-speak p.mb-5,.media-centre p.mb-5,section.social-connect p.mb-5 {
    margin-bottom: 1.5rem !important;
}

.form-head {
    margin: 5vw;
    padding: 40px;
    border: 1px solid #B9B8B8;
    border-radius: 10px;
}

.form-head .js-form-item {
    width: 49%;
    display: inline-block;
}

.form-head {
    margin: 5vw;
    padding: 40px 60px;
    border: 1px solid #B9B8B8;
    border-radius: 10px;
}

.webform-submission-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
}

.form-actions.js-form-wrapper.form-wrapper {
    display: block;
    width: 100%;
    text-align: center;
}

.form-head .fieldset-legend,.form-head label {
    color: #fe721d;
    font-size: 16px;
    display: block;
    margin-top: 35px;
    font-family: 'Roboto-Bold';
}

.form-head input {
    border: none;
    border-bottom: 1px solid #D8D8D8;
    width: 95%;
    padding: 8px 0px;
}

.form-head .js-form-item {
    width: 49%;
    display: inline-block;
    vertical-align: bottom;
}

.form-head input:focus-visible {
    outline: none;
}

.form-head fieldset#edit-salutation-select .fieldset-legend {
    margin-top: 0px;
}

.form-head .form-item-i-declare-that-the-information label.option {
    color: #333333 !important;
    margin-top: -25px;
    margin-left: 30px;
}

.form-head input#edit-submit {
    background-color: #d2e6e4;
    color: #fe721d;
    padding: 10px 60px;
    border-radius: 25px;
    width: fit-content;
}

.form-head .fieldset-wrapper .js-form-type-select {
    width: 95% !important;
}

.form-head .form-item-i-declare-that-the-information {
    width: 100% !important;
    display: block !important;
}

.form-head .form-item-i-declare-that-the-information,.form-head input#edit-submit {
    margin-top: 40px;
}

input#edit-i-declare-that-the-information {
    width: fit-content !important;
}

.form-item-i-declare-that-the-information {
    display: inline-block !important;
    width: 100% !important;
}

.form-head select {
    border: none;
    border-bottom: 1px solid #D8D8D8;
    border-radius: 0px;
    color: #212529bf;
}

fieldset#edit-salutation-select {
    width: 12% !important;
}

.form-head select {
    border: none;
    border-bottom: 1px solid #D8D8D8;
    border-radius: 0px;
    opacity: 0.7;
}

@media (max-width: 767px) {
    .webform-submission-form ul.web-dropdown {
        width:100%;
    }

    .add-break br {
        display: block;
    }

    section.rate-of-interest.rate-leaf .rate-sub-grid ul {
        padding-left: 0;
    }

    .upi-transaction-limits.table-col .lh-lg {
        line-height: 1.5!important;
    }

    .banking-information .col-md-6.col-lg-6.pb-md-0.pb-5.sfb-classic .list-with-icon li:last-child {
        border-bottom: 1px solid #dbd8d8;
    }

    .form-head .js-form-item {
        width: 100% !important;
    }

    .l1-list h3 {
        margin-bottom: 1.5rem !important;
    }

    .form-head {
        padding: 30px !important;
    }

    fieldset#edit-salutation-select {
        width: 30% !important;
    }

    .l1-list h3,.upi-transaction-limits h3,.sfb-classic h3 {
        line-height: 40px;
    }

    .b2-section h1 {
        line-height: 30px;
    }
}

.b1-slider-section img {
    object-position: left !important;
}

.b2-section h1 a {
    color: #fff;
    font-family: "Roboto-Bold";
}

.b2-section.green-clr h1 a {
    color: #008e7e;
}

@media (max-width: 767px) {
    .media-center .close-popup {
        transform:translateX(-50%);
        position: absolute;
        top: 26%;
        right: -2%;
        padding: 5px;
        font-size: 13px;
    }

    .media-center .popup-image {
        position: absolute;
        top: 29%;
        left: 0%;
    }

    .interest-feature br {
        display: block;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width:1024px) and (orientation :portrait) {
    .media-center .popup-image {
        position:absolute;
        top: 29%;
        left: 15%;
    }

    .media-center .close-popup {
        transform: translateX(-50%);
        position: absolute;
        top: 26%;
        z-index: 1;
        right: 12%;
        font-size: 20px;
    }
}

.desktop-view.business-box .ic1-section span {
    padding: 0;
}

.desktop-view.business-box.ic1-section h2 {
    padding: 0;
    text-align: center !important;
    margin-bottom: 1.5rem;
}

.desktop-view.business-box .col-lg-3.col-md-12.col-sm-3.col-12 {
    text-align: center;
    width: 100%;
}

.desktop-view.business-box .col-lg-9.col-md-12.col-sm-9.col-12 {
    width: 100%;
    margin: 0;
}

.desktop-view.business-box.ic1-section ul li {
    width: 20%;
}

.desktop-view.business-box.ic1-section ul {
    justify-content: center;
}

@media (min-width: 1200px) {
    .break-point br {
        display:none
    }
}

.media-centre-slider .card {
    box-shadow: 1px 1px 6px 0 rgb(156 168 181 / 40%);
}

.media-centre-slider.device-view .card-body {
    padding: 20px;
}

.tab-pane img {
    max-height: 200px;
    width: 100%;
}

div#exTab1 ul {
    border-bottom: 2px solid #F78F35;
}

div#exTab1 ul li {
    padding: 20px 50px 20px 50px;
    background-color: #fe721d;
    margin-bottom: 10px;
    margin-left: 20px;
    margin-right: 20px;
    border-radius: 10px 10px 0px 0px;
    text-align: center;
}

div#exTab1 ul li.active {
    padding: 20px 50px 20px 50px;
    background-color: #F78F35;
    margin-bottom: 0px;
    margin-left: 20px;
    margin-right: 20px;
    border-radius: 10px 10px 0px 0px;
}

div#exTab1 ul li a {
    color: #fff;
    font-weight: bold;
    text-align: center;
}

ul#branch-list li:first-child {
    display: none;
}

ul#branch-list li {
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: bold;
    display: block;
}

ul#branch-list {
    z-index: 9;
}

.footeraccordian #accordionExample .expanded {
    z-index: 0;
}

.media-centre .read-arrow:hover {
    color: #F78F35;
    cursor: pointer;
}

.media-centre .read-arrow:hover:after {
    background-image: url(/themes/ujjivan/images/Orange-Path.png);
}

.media-center .modal.show .modal-dialog {
    top: 25%;
}

.media-center .modal-body {
    text-align: center;
}

.modal-backdrop.show {
    opacity: 0.8;
}

#search-form.search-form~ol li h3 {
    margin-bottom: 0px !important;
}

#search-form.search-form~ol li h3 a {
    font-size: 20px;
}

#search-form.search-form~ol li p {
    font-size: 16px;
}

@media(max-width: 676px) {
    #search_section .search_modal .modal-content-section form #search {
        width:100%;
        box-shadow: 1px 0px 5px 3px #f1f1f1f7;
        margin-bottom: 20px;
        border-radius: 3px;
    }

    #search_section .search_modal .close {
        font-size: 10px;
        right: -7px;
        top: -6px;
        width: 20px !important;
        height: 20px !important;
    }

    #search_section .search_modal .modal-content-section {
        padding: 20px 0px;
    }

    #search_section .search_modal .modal-content-section form {
        box-shadow: none;
        padding-right: 0px;
        background-color: #F7F7F7;
    }
}

@media (min-width: 768px) and (max-width:1200px) {
    .mse-section.b1-section .content h1 {
        font-size:21px;
        line-height: 1.5rem;
    }

    .mse-section.b1-section .content p {
        font-size: 18px;
    }

    .mse-section .content a.orange-button {
        margin-top: 5px;
        font-size: 15px;
    }
}

@media (max-width: 991px) and (orientation:landscape) {
    .mse-section.b1-section h1 {
        font-size:18px;
    }

    .mse-section .content a.orange-button {
        font-size: 14px;
    }
}

#status_popup .modal-dialog {
    top: 50%;
    transform: translateY(-70%);
}

#status_popup .modal-content button {
    float: right;
    position: absolute;
    top: -12px;
    border: 3px solid white !important;
    border-radius: 50%;
    right: -8px;
    margin: auto;
    color: #fff;
    padding: 6px;
    font-size: 10px;
    opacity: unset;
    cursor: pointer;
    outline: 0;
    z-index: 99;
}

#status_popup .btn-close {
    background: url(/themes/ujjivan/images/icon-close-white.png);
    background-repeat: no-repeat;
    background-size: 0.6rem;
    background-position: center;
    background-color: #000;
}

#status_popup h2.visually-hidden {
    font-size: 18px;
    position: relative !important;
    color: #056262;
    display: block;
    width: fit-content;
    height: fit-content;
    padding-top: 10px;
}

#status_popup .modal-content .modal-body {
    text-align: center;
    padding: 40px 20px;
}

#status_popup .modal-content {
    background: #056262;
}

#status_popup .modal-content .modal-body {
    background: #056262;
    color: #fff;
    border-radius: 0.5rem;
}

#status_popup .modal-content button:focus {
    box-shadow: none;
}

#status_popup .modal-content a,#status_popup .modal-content ul li {
    color: #fff;
}

.media-center .desktop-list li {
    display: inline-block;
}

.desktop-list .item,.mobile-carousel .desktop-list {
    display: none;
}

.media-center .device-list {
    display: none;
}

@media screen and (max-width: 768px) {
    .media-center .desktop-list {
        display:none;
    }

    .media-center .device-list {
        display: block;
    }

    .partner-testimonial {
        padding-bottom: 60px !important;
    }
}

.feedback-form .form-head input {
    width: 100%;
    font-size: 16px;
    color: #212529bf;
}

.feedback-form .form-head select {
    width: 100%;
}

.feedback-form textarea {
    vertical-align: bottom;
    border-color: #D8D8D8;
}

.feedback-form textarea#edit-complaint {
    width: 100%;
}

.feedback-form textarea#edit-feedback {
    width: 100%;
}

.feedback-form textarea#edit-address {
    width: 100%
}

.webform-submission-form textarea {
    height: 35px;
    outline: 0;
    border: 0;
    border-bottom: 1px solid #d8d8d8;
}

.feedback-form form div:nth-child {
    padding-left: 20px;
}

.feedback-form {
    padding: 0px !important;
}

.feedback-form form div:nth-child {
    padding-left: 20px;
}

@media (max-width: 767px) {
    .feedback-form textarea {
        width:100% !important;
        display: block;
    }

    .feedback-form .form-head {
        padding: 25px !important;
    }

    .eligi-none-mob .eligibility-card .eligibility {
        display: none;
    }

    section.section.mobile-app {
        text-align: center;
    }

    section.section.mobile-app h3.align-l {
        text-align: center;
    }

    section.section.mobile-app img {
        margin: 1rem 0;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width:568px) {
    .feedback-form fieldset#edit-salutation-select {
        width:95% !important;
    }
}

.digital-fixed {
    position: fixed;
    width: 100%;
    top: 107px;
    z-index: 2;
}

.media-center .close {
    float: right;
    width: 30px !important;
    height: 30px !important;
    border-radius: 50%;
    outline: 0;
    border: 1px solid #f78f35;
    background: #f78f35;
    color: #fff;
    text-align: center;
    align-items: end;
    position: absolute;
    font-size: 12px;
    right: -7px;
    top: -16px;
    z-index: 999;
    font-weight: 700;
}

label.option {
    margin-top: 0;
}

.navbar-fixed.digital-fixed a {
    text-align: left;
}

.navbar-fixed a:hover {
    color: #F78F35;
}

.sticky-nav-tabs a.sticky-nav-tab:hover {
    color: #F78F35;
}

#top-up-loan .nri-btn-sec {
    display: flex;
    justify-content: center;
}

.nri-deposits .nri-btn-sec {
    text-align: left;
    margin-top: 13px;
    margin-left: 0;
}

.aadhar_sec:last-child {
    border-bottom: none;
}

#Calculator .range_blk {
    display: flex;
    justify-content: space-between;
}

#Calculator .head-h3 {
    text-align: center;
}

div#RadioButton {
    display: flex;
    justify-content: space-between;
}

.head-h3 h3 {
    text-align: center;
    margin-bottom: 3px;
}

.rupee p {
    font-size: 15px;
    line-height: 20px;
    margin: 14px 0;
}

.interest_earned,.range__value {
    font-weight: bold;
}

.earnmore-terms-apply {
    font-size: 14px;
    padding-top: 0 !important;
}

.earnmore-terms .card p:not(.earnmore-terms .card .row.card-row p) {
    padding-bottom: 10px;
}

.form-head input {
    width: 90%
}

@media only screen and (max-width: 768px) {
    .form-head input {
        width:95%
    }

    .earnmore-terms .card p a {
        margin-top: 10px;
    }

    .earnmore-terms .card p:not(.earnmore-terms .card .row.card-row p) {
        padding-bottom: 15px !important;
    }
}

.Faq_content p {
    font-family: "Roboto-Regular" !important;
}

.js-form-type-textfield label {
    position: absolute;
    bottom: 19px;
    transition: all 200ms;
}

.js-form-type-email label {
    position: absolute;
    bottom: 19px;
    transition: all 200ms;
}

.js-form-type-textfield {
    margin-top: 50px !important;
}

.floating-label {
    transform: translate3d(0,-70%,0);
    opacity: 1;
}

.form-head .js-form-item {
    position: relative;
}

@media (max-width: 1024px) {
    .vtl::before {
        height:445px;
    }
}

@media(max-width: 1024px) and (orientation:landscape) {
    .how-to-apply-bg {
        background-position:center !important;
        overflow-x: hidden;
    }
}

@media (max-width: 767px) {
    .upi-transaction-limits td,.upi-transaction-limits th {
        padding:8px !important;
    }

    .upi-transaction-limits td {
        width: 50% !important;
    }

    .sticky-nav-tabs {
        overflow-x: hidden;
        display: block;
        padding: 0 !important;
        height: 42px;
    }

    .sticky-nav-tabs .sticky-nav-tab {
        text-align: left;
        padding: 10px 20px;
    }

    .sticky-nav-tabs .sticky-nav-tabs-container {
        overflow-x: scroll;
        align-items: flex-start;
    }

    .sticky-nav-tabs .sticky-nav-tab {
        text-align: left;
        padding: 5px 1rem;
        height: 100%;
    }

    #Benefits,#Benefits h3 {
        text-align: center;
    }

    .aadhar p {
        text-align: left;
    }

    .main_sec {
        width: 100%;
        padding: 15px;
    }

    div#RadioButton {
        flex-direction: column;
    }

    .maturity {
        text-align: left;
    }

    .dskRight {
        flex-direction: column;
    }

    .radioBtn.setMrg input:checked+label,.radioBtn.setMrg input:not(:checked)+label {
        margin: 11px 0 !important;
    }

    #fixedcal #btn_FD {
        top: 20px !important;
        text-align: center;
        left: 0 !important;
        position: relative;
        width: 100%;
    }

    .calc-summary h3 {
        padding-top: 27px;
        text-align: center;
        margin-bottom: 10px !important;
    }

    .interest-feature {
        width: 100%;
    }

    #cbwrap {
        width: 100%;
        padding: 0;
    }

    .maturity_blk {
        margin-top: 0rem;
        margin-bottom: 2rem;
    }

    .invested_amount {
        padding: 0;
    }

    [type="radio"]:checked+label,[type="radio"]:not(:checked)+label {
        margin: 11px 0;
    }

    .how-to-apply-bg {
        background-image: none;
        background-color: #009079;
    }

    #benefits h3 {
        text-align: center;
    }
}

.sticky-nav-tabs .sticky-nav-tab {
    text-align: center;
    width: max-content;
    padding: 7px 1rem;
    white-space: nowrap;
    flex-direction: row;
}

.sticky-nav-tabs {
    padding: 0;
    padding-top: 48px;
}

@media(max-width: 1024px) {
    .event {
        margin-bottom:10px;
    }

    .how-to-apply-bg {
        background-position: right;
    }

    .vtl::before {
        height: 443px;
    }

    .interest-feature {
        width: 100%;
    }

    .sticky-nav-tabs {
        padding: 0;
        padding-top: 38px;
    }

    .digital-fixed {
        position: fixed;
        top: 0px !important;
    }

    .range_blk {
        display: flex;
        justify-content: space-between;
    }

    .sticky-nav-tabs-container {
        overflow-x: scroll;
    }

    .event p:nth-child(even) {
        font-size: 16px;
        padding-top: 10px;
    }

    .leaf-over-top::after {
        top: -25px;
    }

    .leaf-over-top {
        overflow: hidden;
    }
}

@media(max-width: 1024px) and (orientation:landscape) {
    .vtl::before {
        height:500px;
    }
}

@media(min-width: 991px) {
    .icon-two-bow.rate-of-interest .rate-grid {
        width:75%;
        margin: auto !important;
    }

    .icon-two-bow.rate-of-interest .grid-border {
        border-right: 1px solid #dbd8d8;
        width: 50%;
    }
}

@media(max-width: 991px) {
    .icon-two-bow .rate-of-interest .rate-grid {
        width:100%;
    }

    .footer-cnt {
        display: block !important;
    }
}

.js-form-item.form-item.js-form-type-select.form-item-title.js-form-item-title {
    width: 11%;
}

.js-form-item.form-item.js-form-type-textfield.form-item-first-name.js-form-item-first-name {
    width: 36%;
}

.js-form-item.form-item.js-form-type-select.form-item-salutation-select.js-form-item-salutation-select {
    width: 10%;
}

.js-form-item.form-item.js-form-type-textfield.form-item-first-name-pahalaa-naama-.js-form-item-first-name-pahalaa-naama- {
    width: 37%;
}

.form-head .js-form-item {
    padding-left: 10px;
}

@media only screen and (max-width: 768px) {
    .form-head .js-form-item {
        padding-left:0px;
    }

    .feedback-form .form-head input {
        width: 100% !important;
    }

    input#edit-email-id {
        margin-top: 50px;
    }

    .js-form-type-radio {
        padding-top: 20px;
    }

    .js-form-item.form-item.js-form-type-select.form-item-title.js-form-item-title {
        padding: 0px;
    }
}

label.option.floating-label {
    transform: translate3d(0,0%,0);
}

@media (max-width: 1080px) and (orientation:landscape) {
    .channel-access .bx-icon-txt-wrap li {
        height:380px !important;
    }
}

.sfb-classic h4 {
    margin-top: 10px;
}

.partners .owl-carousel .owl-item img {
    display: block;
    width: auto;
    height: 100px;
    margin-bottom: 20px;
}

.js-form-item.form-item.js-form-type-select.form-item-title.js-form-item-title label {
    margin-top: 20px;
}

.js-form-item.form-item.js-form-type-textfield.form-item-first-name-pahalaa-naama-.js-form-item-first-name-pahalaa-naama- {
    padding: 0;
}

.MsoNormal span {
}

.feedback-form .form-head select {
    background-size: 16px auto;
    font-size: 16px;
    cursor: pointer;
    background-position: 100%;
    text-wrap: balance;
    padding-left: 10px;
}

select option {
    font-size: 16px;
}

.form-head input#edit-submit {
    font-size: 18px;
    background-color: #F78F35;
    color: #FFFFFF;
    padding: 9px 38px;
    display: inline-block;
    border-radius: 27px;
    text-align: center;
    border: 1px #F78F35 solid;
    transition: 0.3s;
}

.form-head input#edit-submit:hover {
    background-color: #fff !important;
    color: #F78F35 !important;
}

.js-form-item.form-item.js-form-type-textfield.form-item-last-name-antaima-naama.js-form-item-last-name-antaima-naama {
    padding: 0px 0px 0px 15px;
}

@media (max-width: 767px) {
    .js-form-item.form-item.js-form-type-textfield.form-item-last-name-antaima-naama.js-form-item-last-name-antaima-naama {
        padding:0px;
    }
}

@media (max-width: 767px) {
}

.js-form-item.form-item.js-form-type-select.form-item-salutation-selct.js-form-item-salutation-selct {
    width: 10%;
}

.page-not-found h4 {
    font-size: 49px;
    margin-bottom: 38px;
}

.feedback-form .form-item-position-interested-in {
    width: 100% !important;
}

.feedback-form .form-item-position-interested-in input {
    width: 50% !important;
}

.file-upload-js-error .placeholder {
    background-color: unset;
    opacity: 1;
    font-style: normal;
    font-weight: 600;
}

.file-upload-js-error {
    font-size: 14px;
    color: #f30a0a
}

@media (max-width: 767px) {
    .page-not-found h4 {
        line-height:1.2;
    }

    .page-not-found .primary-cta {
        margin-bottom: 1.5rem !important;
    }

    .error-msg {
        bottom: -22px;
    }

    .js-form-type-textfield {
        margin-top: 40px !important;
    }
}

select#edit-salutation-selct {
    padding-top: 0;
}

.js-webform-states-hidden.js-form-item.form-item.js-form-type-select.form-item-feedback-relating-to.js-form-item-feedback-relating-to label {
    margin-top: 25px;
}

#search-form.search-form a#edit-help-link {
    display: none;
}

#search-form.search-form .js-form-wrapper .js-form-type-search label {
    display: none;
}

.tab-sec .tab {
    display: none;
}

.tab-sec .tab-nav {
    display: flex;
    overflow-x: auto;
}

.tab-sec .tab-link {
    cursor: pointer;
    padding: 10px 20px;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    border-radius: 5px 5px 0 0;
}

.tab-sec .tab-link.active {
    background-color: #fff;
    border: 1px solid #ccc;
}

.tab-sec .sub-tab-nav {
    display: flex;
    overflow-x: auto;
}

.tab-sec .sub-tab-link {
    cursor: pointer;
    padding: 10px 20px;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    border-radius: 5px 5px 0 0;
}

.tab-sec .sub-tab-link.active {
    background-color: #fff;
    border: 1px solid #ccc;
}

.tab-sec .tab-content {
    padding: 20px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0 0 5px 5px;
}

.tab-sec .tab-nav .tab-link {
    padding: 20px 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    cursor: pointer;
    border-bottom: none;
    background-color: #fe721d;
    margin-right: 5px;
    color: #fff;
    font-size: 18px;
    font-family: "Roboto-Regular";
}

.tab-sec .sub-tab-link {
    padding: 12px 30px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    cursor: pointer;
    border-bottom: none;
    background-color: #fe721d !important;
    margin-right: 5px;
    color: #fff;
    font-size: 18px;
    font-family: "Roboto-Regular";
    margin-top: 20px;
}

.tab-sec .sub-tab-link.active {
    background-color: #F78F35 !important;
    border: 1px solid #ccc;
}

.tab-sec .rate-grid-sec {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 15px 0;
    margin: 0;
    box-shadow: rgba(0,0,0,0.1) 0px 10px 50px;
    margin-bottom: 40px;
}

.page-not-found h3 {
    text-align: center;
    font-size: 42px;
    margin-bottom: 27px;
}

.page-not-found .primary-cta {
    padding: 3px 25px;
    margin: 0 14px;
}

#latest_interest_rates ul.list-with-icon {
    padding-left: 48px;
}

#latest_interest_rates .profile-read-more {
    margin-left: 48px;
    background: #f78f35;
    color: #fff;
}

#explore-sec .box-sec.item:hover .opport-click {
    color: #f78f35;
    transition: 0.3s;
}

#explore-sec .box-sec.item:hover p {
    color: #f78f35;
    font-weight: 700;
    transition: 0.3s;
}

#explore-sec .box-sec.item {
    cursor: pointer;
}

#latest_interest_rates .profile-read-more:hover {
    color: #F78F35;
    background: #fff;
}

#eligibility ul.list-with-icon {
    padding-right: 48px;
}

#benefits .benefits_sec img {
    width: 4rem;
}

.tab-link.active,.sub-tab-link.active {
    background-color: #F78F35 !important;
}

.interest-feature-first {
    margin-top: 92px;
}

.locator-map-section .locator-box {
    display: none;
}

@media only screen and (max-width: 766px) {
    .s2-type-two.accordian-section.sbh2-section .card.popup-card {
        height:394px;
    }
}

@media (max-width: 767px) {
    .list-with-btn li {
        flex-direction:row;
        padding: 1.8rem 1.8rem;
        width: 100%;
        justify-content: space-between;
    }

    .mobile-banner-form.b4-section h2 {
        font-size: 25px;
    }

    .text-left.image-center-for-brand .brought_absolute {
        top: 77%;
        left: 33%;
    }

    .sticky-nav-tabs .sticky-nav-tab {
        font-size: 16px;
    }

    .benefits_para {
        width: 90%;
        margin: auto;
    }

    .interest_earned,.range__value {
        width: max-content;
    }

    .setMrg {
        flex-direction: column;
        align-items: flex-start;
    }

    .rupee-top {
        margin-top: 5%;
        padding-left: 0;
        padding: 0 28px;
    }

    .main-need-fixed.pt-5 {
        padding-top: 0rem !important;
    }

    .calculator .depo_bg.pb-5 {
        padding-bottom: 0rem !important;
    }

    .how-to-apply-bg {
        background-position: right;
        padding: 0 !important;
        padding-bottom: 2.5rem !important;
        padding-top: 1rem !important;
    }

    .main-need-fixed {
        padding: 0 !important;
    }

    .vtl::before {
        height: 455px;
        top: 20px;
    }

    .event p:nth-child(even) {
        font-size: 16px;
        padding-top: 9px;
        padding-bottom: 14px;
        width: 94%;
    }

    .interest-feature {
        margin-bottom: 2rem;
    }

    .interest-feature-first {
        margin-top: 35px;
    }

    .how-to-apply-bg {
        padding-top: 0 !important;
    }

    #latest_interest_rates ul.list-with-icon {
        padding-left: 7px;
    }

    .how-to-apply-bg .primary-cta {
        margin-bottom: 0rem;
    }

    .nri-btn-sec .primary-cta {
        margin-bottom: 7px;
    }

    .nri-btn-sec .primary-cta:last-child {
        margin-bottom: 16px;
    }

    section#benefits {
        padding-bottom: 37px !important;
    }

    #calculator .depo_bg.pb-5 {
        padding-bottom: 0rem !important;
    }

    #latest_interest_rates .profile-read-more {
        margin-bottom: 0;
    }

    .event::after {
        top: 13%;
    }
}

@media (max-width: 767px) and (orientation:landscape) {
    .vtl::before {
        height:500px;
    }
}

.captcha__element {
    align-items: flex-end !important;
    flex-flow: inherit !important;
}

@media (max-width: 767px) {
    .captcha__image-wrapper {
        width:auto;
        padding-top: 30px;
    }

    .captcha__element {
        display: block !important;
        width: 100%
    }
}

#stateList {
    display: none;
}

#cityList {
    display: none;
}

.form-item-please-upload-your-resume-in-pdf-format-or-drag-and-drop-it-here {
    padding-bottom: 15px;
}

#stateList {
    height: 200px;
    overflow-y: scroll;
    width: 470px;
    border: 1px solid #333;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
    position: absolute;
    cursor: pointer;
    display: none;
    white-space-collapse: collapse;
    text-wrap: nowrap;
    min-height: 1.2em;
    padding: 10px;
    position: absolute;
    background-color: #fff;
    z-index: 2;
}

#statelist li {
    font-size: 16px !important;
}

@media only screen and (max-width: 768px) {
    .form-item-business-type {
        padding-top:30px;
    }

    .form-item-email-id-imaela-ayadai {
        padding-top: 50px;
    }
}

div#ajax-wrapper {
    width: 100%;
}

.our-initiative-section {
    padding: 0;
}

.our-initiative-section .tabs {
    width: 100%;
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #000;
}

.our-initiative-section .align-l {
    display: none;
}

.our-initiative-section .tab {
    cursor: pointer;
    padding: 10px 20px;
    display: inline-block;
    background-color: #fe721d;
    position: relative;
    padding: 19px 25px 19px;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    margin: 0 .5rem;
    color: #fff;
    font-weight: bold;
    width: 21rem;
    text-align: center;
}

.our-initiative-section .active-tab {
    background-color: #F79034 !important;
}

.our-initiative-section .tab-content {
    display: none;
}

.our-initiative-section #tab1Content {
    display: block;
}

.our-initiative-section .sticky-menu {
    position: sticky;
    top: 106px;
    background-color: #056262;
    z-index: 2;
}

.our-initiative-section .sticky-menu ul {
    display: flex;
    justify-content: center;
}

.our-initiative-section .sticky-menu ul {
    list-style-type: none;
    padding: 0;
    margin-bottom: 0;
}

.our-initiative-section .sticky-menu li {
    padding: 10px;
    margin: 0;
}

.our-initiative-section img {
    width: 100%;
    margin: 1rem 0;
}

.our-initiative-section .sticky-menu a {
    text-decoration: none;
    color: #fff;
    display: block;
    font-size: 12px;
}

.our-initiative-section .sticky-menu a:hover {
    color: #F78F35;
}

.our-initiative-section h3,.our-initiative-section h4 {
    margin-bottom: 10px;
}

.our-initiative-section h3 {
    font-size: 35px;
}

.our-initiative-section p {
    line-height: 25px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.our-initiative-section p b {
    font-size: 19px;
}

.our-initiative-section .content-scroll {
    padding: 4rem 7rem;
}

.our-initiative-section .csr-icon {
    background: #fe721d;
    padding: 13px 20px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    text-align: left;
    display: flex;
    align-items: center;
    width: 64%;
    justify-content: space-evenly;
}

.our-initiative-section .csr-icon i img {
    display: block;
    width: 2.5rem;
    margin-right: 56px;
    margin-bottom: 0;
    margin-top: 0;
}

.our-initiative-section .csr-count {
    color: #f69036;
    font-weight: 600;
    border: solid 1px #f69036;
    border-left: none;
    width: 36%;
    font-size: 20px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.our-initiative-section .csr-icon-box {
    display: flex;
    grid-template-columns: auto 1fr;
    vertical-align: top;
    margin: 2rem 0px;
    min-height: 122px;
    justify-content: space-between;
}

.our-initiative-section .rate-grid {
    justify-content: center;
}

.our-initiative-section .csr-icon p {
    font-size: 19px;
    font-family: "MyriadProBold";
    margin-top: 0;
    line-height: 1.2;
    text-align: left !important;
    color: #fff;
    font-weight: bold;
    margin-bottom: 0;
    width: 100%;
    margin-right: 8px;
}

.brand-films .item .popup-card .card-img-top {
    height: 100%;
}

.last-section-two-column p {
    margin: 0 1rem;
    text-align: left;
}

.our-initiative-section .rate-grid::after {
    display: none;
}

.our-initiative-section .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    margin: auto;
}

.our-initiative-section .slider-content {
    margin: 2rem 0;
}

.our-initiative-section img.col-image {
    width: 100%;
    margin: 2rem 1rem;
}

.our-initiative-section .dis-rel-section img {
    width: 100%;
    margin: 1rem 0;
}

.our-initiative-section .dis-rel-section p {
    border-left: solid 30px #ffc945;
    padding-left: 30px;
}

section.our-initiative-section .container {
    width: 100%;
    max-width: 100%;
    padding: 0;
}

.csr-icon img {
    margin-right: 15px;
    margin-left: 15px;
    width: 3rem;
}

.our-initiative-section h4 {
    font-weight: normal;
}

.our-initiative-section .sfb-classic {
    padding: 0;
}

.breadcrumb-item+.breadcrumb-item:last-child::before {
    display: none;
}

.our-initiative-section .diksha-image img {
    width: 11rem;
}

.our-initiative-section .sticky-menu.stickynew li {
    padding: 10px;
    margin: 0 20px;
}

.bread-cum ul li {
    margin-bottom: 0;
}

section.bread-crumb-maxima {
    border-bottom: #E3B239 solid 1.4px;
}

section.bread-crumb-maxima ul {
    margin-bottom: 10px;
}

.image-center-for-brand img {
    width: 24rem;
}

.brand-films .petal-icon {
    padding-left: 0;
}

.customer-speak .item {
    text-align: center;
    width: 86%;
}

.brand-films.bg-grey {
    background: #fff;
}

.white_bg {
    background: #fff;
}

a.green-clr {
    color: #008e7e !important;
}

.brand-films:after {
    display: none;
}

.brand-films .select-language {
    display: flex;
    align-items: center;
}

.brand-films .select-language p {
    padding-right: 1rem;
}

@media(max-width: 1024px) {
    .our-initiative-section .sticky-menu {
        top:55px;
    }

    .our-initiative-section img {
        width: 100%;
    }
}

@media(max-width: 767px) {
    .our-initiative-section .content-scroll {
        padding:3rem 2rem;
    }

    .generate-otp {
        top: -25px;
    }

    .otp-wrapper {
        margin-bottom: 50px;
    }

    .our-initiative-section .tab {
        padding: 12px 15px 12px;
        font-size: 13px;
    }

    our-initiative-section .sticky-menu {
        overflow: hidden;
    }

    .our-initiative-section .sticky-menu ul {
        overflow: scroll;
        justify-content: space-between;
        white-space: nowrap;
    }

    section.leadership,section.leadership h3,section.leadership h4 {
        text-align: center;
    }

    .slider-section .owl-dots {
        position: relative;
        bottom: 1rem;
    }

    .our-initiative-section .csr-icon {
        width: 100%;
    }

    .our-initiative-section .csr-count {
        width: 40%;
    }

    .our-initiative-section img {
        width: 100%;
        margin: 0;
        margin-right: 9px;
    }

    .our-initiative-section img.content-in-img {
        width: 12rem;
    }

    .our-initiative-section .owl-carousel .owl-item img {
        width: 100%;
    }
}

@media (max-width: 991px) {
    .desktop-view.business-box.ic1-section ul li {
        width:33% !important;
    }

    .form-head {
        margin: 3vw;
        padding: 40px 34px;
    }

    input.state-data,input.city-data,input.area-data,input.pin-data {
        background-position: 100% 8px;
    }

    .js-form-item.form-item.js-form-type-textfield.form-item-last-name-antaima-naama.js-form-item-last-name-antaima-naama {
        padding: 0px 0px 0px 0px;
    }

    .js-form-item.form-item.js-form-type-select.form-item-salutation-select.js-form-item-salutation-select {
        width: 12%;
    }
}

@media (max-width: 767px) {
    .feedback-form .form-head select {
        padding:10px 0;
    }
}

.footeraccordian .accordion-body p {
    line-height: 1 !important;
    padding: 8px 0px;
}

span.main-menu {
    font-size: 20px;
    text-decoration: none;
    font-weight: bold;
    font-family: "Ubuntu-Regular";
}

span.main-menu:hover {
    color: #F78F35;
}

ul.sub-menu li span {
    font-size: 16px;
    margin-bottom: 2px;
    font-weight: bold;
    display: block;
    padding-top: 10px;
}

ul.sub-menu li span:hover {
    color: #008E7E;
}

ul.sub-menu li p {
    font-family: "Roboto-Regular";
    font-size: 11px;
    line-height: 1.4;
    font-weight: 100;
    color: #6d6868;
}

.main-menu a,.sub-menu li,.sub-li-menu li {
    cursor: pointer;
}

.third-col,.frst-col,.scnd-col {
    margin-bottom: 3rem;
}

ul.sub-menu li a span:before {
    content: "- ";
}

.sub-menu .sub-li-menu li span {
    font-size: 14px;
    margin-bottom: 2px;
    display: block;
    padding-top: 10px;
    font-weight: 500;
}

ul.sub-menu {
    padding-left: 0;
}

ul.sub-li-menu {
    padding-left: 20px;
}

.menu-section {
    border-bottom: #bcbcbc54 solid 1px;
    margin-bottom: 3rem;
}

.menu-section:last-child {
    border-bottom: none;
}

#faqAccordionFilter .accordion-content th,#faqAccordionFilter .accordion-content td {
    border-width: 2px;
    padding: 0 4px
}

@media (max-width: 767px) {
    .menu-section h3 {
        font-size:21px;
        font-weight: bold;
    }

    #faqAccordionFilter .accordian-wrapper .accordion-header br {
        display: block;
    }

    .our-initiative-section {
        padding-top: 0 !important;
    }

    .our-initiative-section .csr-count {
        font-size: 20px;
    }

    .our-initiative-section .last-section-two-column img {
        width: 12rem;
        margin-right: 0;
    }

    .last-section-two-column p {
        margin: 0 1rem;
    }

    .last-section-two-column .column {
        margin-top: 2rem;
    }

    .our-initiative-section .diksha-image img {
        margin: 2rem 0;
    }

    .brand-films .select-language {
        justify-content: space-between;
    }

    .brochure-body {
        width: 88% !important;
    }

    .brochure-popup a#copybutton {
        margin-top: 1rem;
    }

    .brochure-content ul.brouchure-list {
        z-index: 2;
    }
}

.tab-txt td {
    line-height: 1.4 !important;
}

.tab-txt a {
    margin-bottom: 5px !important;
    display: block;
}

.tab-txt p {
    line-height: 1.2 !important;
    margin-bottom: 20px;
}

section.sticky-cta-wrap.gold-sticky {
    background: linear-gradient(270deg,#E2AE34 0%,#F4D86A 48%,#D39E2E 100%);
}

section.sticky-cta-wrap.gold-sticky .sticky-desk p {
    font-size: 18px;
    color: #000;
}

section.sticky-cta-wrap.gold-sticky .sticky-desk .primary-cta {
    background: none;
    color: #000;
    padding: 9px 34px;
    border: 2px #000000 solid;
}

section.sticky-cta-wrap.gold-sticky .sticky-desk .primary-cta:hover {
    color: #000000;
    background: #fff;
}

section.sticky-cta-wrap.gold-sticky .sticky-mobile a.primary-cta {
    background: none;
    border: 2px #000000 solid;
    color: #000;
}

section.sticky-cta-wrap.gold-sticky .sticky-mobile .back-to-top {
    background: none;
    border: 2px #000000 solid;
}

section.sticky-cta-wrap.gold-sticky .sticky-mobile .back-to-top span {
    border: 2px solid #000;
    border-top: none;
    border-right: none;
}

.drop-pop-sec h3 {
    color: #000;
    font-size: 30px;
    font-weight: 700;
    font-family: inherit;
    padding-bottom: 25px;
}

.pdf-wapper .wrap-container {
    border-bottom: 1px solid #eee;
    padding: 20px 20px 20px 60px;
    align-items: center;
}

.drop-pop-sec {
    padding: 50px 0;
    background-color: #eee;
}

.pdf-wapper {
    background-color: #fff;
    padding: 0 0px;
    border-radius: 20px;
}

.drop-pop-sec .drop-cont p {
    color: #666;
    font-family: inherit;
    color: #000;
    font-weight: 500;
    margin-bottom: 0;
}

.down-brochure {
    background: #f78f35;
    color: #fff;
    font-size: 14px;
    padding: 5px 15px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    border-radius: 60px;
    border: solid 1px #f78f35;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
}

.green-button {
    background: #fe721d;
    color: #fff;
    font-size: 15px;
    padding: 8px 20px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    border-radius: 60px;
    border: solid 1px #fe721d;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
}

.down-brochure:hover {
    background: #fff;
    color: #f78f35;
    transition: 0.3s linear;
}

ul.brouchure-list {
    padding-left: 0;
    border: 1px solid #eee;
    border-top: none;
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 4 !important;
}

.brochure-content .drop-pop-data {
    display: block;
    border: 1px solid #eee;
    color: inherit;
    text-decoration: none;
    padding: 5px 20px;
    background-image: url(/themes/ujjivan/images/dropdown-menu-mobile.png.png);
    background-repeat: no-repeat;
    background-position: 98% 5px;
    background-size: 4%;
}

.brochure-popup {
    width: 50%;
    margin: 0 auto;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgba(0,0,0,0.8);
}

.brochure-body {
    position: absolute;
    background: #fff;
    width: 40%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 45px 30px;
}

.brochure-content {
    width: 90%;
    margin: 0 auto;
}

.brochure-content .drop-pop-data {
    display: block;
    border: 1px solid #eee;
    color: inherit;
    text-decoration: none;
    padding: 5px 20px;
    background-image: url(/themes/ujjivan/images/dropdown-menu-mobile.png.png);
    background-repeat: no-repeat;
    background-position: 98% 5px;
    background-size: 6%;
}

.brouchure-list li {
    list-style-type: none;
    padding: 3px 0px;
    border-bottom: 1px solid #eeeeee70;
    padding-left: 20px;
    cursor: pointer;
    background-color: #fff;
}

.brouchure-list li:hover {
    background-color: #00866b;
    color: #fff;
    transition: 0.2s linear;
}

ul.brouchure-list {
    padding-left: 0;
    border: 1px solid #eee;
    border-top: none;
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    width: 100%;
    height: 250px;
    overflow-y: scroll;
}

.drop-pop-data {
    position: relative;
}

.close-brochure {
    position: absolute;
    background-image: url(/themes/ujjivan/images/close-button-icon.png);
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    background-size: 20px;
}

.brochure-popup {
    display: none;
}

#bb-btn .nri-btn-sec a.primary-cta span {
    font-size: 11px;
}

@media screen and (max-width: 991px) and (orientation:landscape) {
    .text-left.image-center-for-brand .brought_absolute {
        left:25%;
    }
}

div[data-drupal-messages] {
    display: none;
}

.modal-body div[data-drupal-messages] {
    display: block;
}

@media only screen and (min-width: 991px) {
    .footeraccordian .accordion-item.expanded {
        width:190% !important;
        z-index: 1 !important;
        position: relative;
    }
}

@media only screen and (max-width: 767px) {
    .media-centre-slider-card .item {
        margin-bottom:20px;
    }

    .header-logo-mobile {
        width: 44% !important;
    }

    .search-mobile {
        width: 22% !important;
    }
}

@media (max-width: 991px) {
    .footeraccordian .accordion-item:last-child {
        border-bottom:1px solid #494949 !important;
    }

    .footeraccordian.copyright {
        border-top: none;
        margin-top: 0.5rem;
    }

    .footeraccordian .copyright p {
        padding: 0.3rem 0;
    }
}

.brochure-popup a#copybutton {
    overflow: hidden;
    transition-duration: 0.7s;
    overflow: hidden;
    cursor: pointer;
    position: relative;
}

a#copybutton:hover {
    color: #fff;
}

.brochure-popup a#copybutton:after {
    content: "";
    background: #1abc9c;
    display: block;
    position: absolute;
    padding-top: 300%;
    padding-left: 350%;
    margin-left: -20px !important;
    margin-top: -120%;
    opacity: 0;
    transition: all 0.8s
}

.brochure-popup a#copybutton:active:after {
    padding: 0;
    margin: 0;
    opacity: 1;
    transition: 0s
}

.brochure-popup a#copybutton:focus {
    outline: 0;
}

.brochure-popup a#down-pdf:hover {
    color: #fff;
}

@media (max-width: 767px) {
    .sa-explore-btn,.sa-apply-btn {
        padding:6px 30px !important;
        margin: 0px 5px;
    }
}

div#exTab1 ul li:hover,.media-sec-img:hover {
    cursor: pointer;
}


.ic2-section ul li p {
    margin-bottom: 20px;
    line-height: 1.2;
}

.captcha-type-challenge--image .captcha__element>.form-item {
    padding-bottom: 5px;
}

input#edit-captcha-response {
    display: block !important;
}

@media(min-width: 600px) and (max-width:767px) {
    .innner-pop {
        height:300px;
        overflow: scroll;
    }
}

@media(max-width: 600px) {
    .innner-pop {
        height:500px;
    }

    .innner-pop {
        line-height: 30px;
        font-size: 20px;
        margin-bottom: 20px;
    }
}

.third-column ul li {
    width: 24%;
}

.home-personal .row.sec-col ul {
    flex-wrap: wrap;
}

.home-personal .row.sec-col ul li {
    width: 20%;
}

.savings-account-card-img::after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    border-radius: 0 0 15px 15px;
    background-image: linear-gradient(180deg,rgb(0 0 0/0%) 0%,#424242 157%);
    opacity: 1;
    z-index: 0;
    height: 74%;
    width: 100%;
}

.text-gold .sa-content {
    background: #000000;
}

.text-gold .sa-content ul li:before {
    background: linear-gradient(90deg,rgba(226,174,52,1) 0%,rgba(244,216,106,1) 50%,rgba(211,158,46,1) 100%);
}

.text-gold .sa-content ul li {
    background: linear-gradient(90deg,rgba(226,174,52,1) 0%,rgba(244,216,106,1) 50%,rgba(211,158,46,1) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.text-gold .sa-apply-btn {
    background: linear-gradient(90deg,rgba(226,174,52,1) 0%,rgba(244,216,106,1) 50%,rgba(211,158,46,1) 100%);
    color: #000000 !important;
}

.text-gold .sa-explore-btn {
    color: #ffffff !important;
    border: 1px solid #ffffff;
}

.text-gold .savings-account-card-title h4 {
    background: linear-gradient(90deg,rgba(226,174,52,1) 0%,rgba(244,216,106,1) 50%,rgba(211,158,46,1) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.text-gold .savings-account-card-title p {
    background: linear-gradient(90deg,rgba(226,174,52,1) 0%,rgba(244,216,106,1) 50%,rgba(211,158,46,1) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}


@media only screen and (min-width: 810px) and (max-width:1080px) and (orientation:portrait) {
    .w1-section .inner-content {
        height:7vh !important;
    }
}

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

.w1-section #account-list::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.w1-section #account-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}

.head-icon:before {
    position: relative;
    content: '';
    top: 20px;
    left: 10px;
    bottom: 0;
    background: url(/themes/ujjivan/css/../images/petal-icon.png);
    background-repeat: no-repeat;
    background-size: 2rem;
    width: 3rem;
    height: 3rem;
    display: inline-block;
}

.slider-sections .owl-carousel .owl-nav button.owl-prev {
    left: -24px;
    background: url(/themes/ujjivan/images/img/prev_arrow.png) no-repeat !important;
    background-size: 14px !important;
    height: 20px !important;
    width: 14px !important;
    background-position: center;
}

.slider-sections .owl-carousel .owl-nav button.owl-next {
    background: url(/themes/ujjivan/images/img/next_arrow.png) no-repeat !important;
    background-size: 14px !important;
    height: 20px !important;
    width: 14px !important;
    background-position: center;
    right: -24px;
}

.slider-sections .owl-carousel .owl-nav button.owl-next,.slider-sections .owl-carousel .owl-nav button.owl-prev {
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
}

.slider-sections .owl-nav {
    display: block;
}

.slider-sections .owl-dots {
    display: block;
}

.slider-sections .owl-nav span,.slider-sections .owl-dots span {
    display: none;
}

.follow-us {
    position: relative;
    top: 2px;
    display: flex;
}

.follow-us a {
    margin: 0 5px;
}

@media(max-width: 767px) {
    .slider-sections .owl-carousel .owl-nav button.owl-prev {
        left:-18px;
    }

    .slider-sections .owl-carousel .owl-nav button.owl-next {
        right: -18px;
    }

    .slider-sections .owl-carousel .owl-nav button.owl-prev {
        height: 44px !important;
    }

    .slider-sections .owl-carousel .owl-nav button.owl-next {
        height: 44px !important;
    }

    .follow-us {
        justify-content: center;
    }
}

.download-ujjivan {
    display: flex;
}

.download-ujjivan a:first-child {
    margin: 0 7px;
}

.download-ujjivan img {
    width: 7.2rem;
    margin-top: -4px;
}

@media(max-width: 991px) {
    .download-ujjivan {
        justify-content:center;
    }
}

.banking-apps .row {
    margin-left: 26px;
    margin-right: 21px;
}

.banking-apps {
    position: relative;
}

.banking-apps:after {
    position: absolute;
    border-right: 1.5px solid #adadad75;
    content: "";
    height: 68px;
    width: 1.5px;
    right: 13px;
    top: 0;
    bottom: 0;
    margin: auto;
}

@media (max-width: 767px) {
    .follow-us {
        margin-bottom:24px;
    }

    .banking-apps:after {
        display: none;
    }
}

.success.error-msg {
    color: #f30a0a !important;
}

@media only screen and (min-width: 390px) and (max-width:844px) and (orientation:portrait) {
    .w1-section .inner-content {
        height:28vh !important;
    }
}

@media only screen and (min-width: 390px) and (max-width:844px) and (orientation:portrait) {
    .w1-section .inner-content {
        height:28vh !important;
    }
}

@media only screen and (min-width: 430px) and (max-width:932px) and (orientation:landscape) {
    .w1-section .inner-content {
        height:18vh !important;
    }
}

.welcome-wrap {
    padding: 50px 0;
    text-align: center;
}

.welcome-wrap h2 {
    font-size: 40px;
    padding-bottom: 30px;
    color: #fff;
}

.wel-come {
    background-image: url(/themes/ujjivan/images/navratna-welcome.jpg);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

.wel-come p {
    color: #fff;
}

.explore-slider {
    background-image: url(/themes/ujjivan/images/navratna-two-color.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    padding: 60px 0;
    padding-bottom: 0;
}

.explore-slider h2 {
    font-size: 35px;
}

.explore-slider .owl-slider img {
    width: auto !important;
}

.explore-slider .owl-slider .item {
    background-color: #fff;
    padding: 20px;
    border-radius: 20px;
}

.explore-slider .owl-carousel button.owl-dot {
    background-color: #ffffff73 !important;
    width: 10px;
    height: 10px;
}

.explore-slider .owl-carousel button.owl-dot.active {
    background-color: #fff !important;
}

.explore-slider .owl-dots {
    padding-top: 30px;
    padding-bottom: 18px;
}

.explore-slider .owl-carousel .owl-item img {
    padding: 20px 0;
}

.discover {
    background-image: url(/themes/ujjivan/images/navratna-gradiant.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    padding: 70px 0 50px;
}

.discover h2 {
    color: #fff;
}

.discover h3 {
    color: #fff;
    font-size: 16px;
    padding: 20px 0;
    margin-bottom: 0;
    min-height: 90px;
    line-height: 25px;
}

.discover p {
    color: #fff;
    font-size: 14px;
}

.gold-wrap h2 {
    padding-bottom: 50px;
    color: #fff;
}

.faq-wrap {
    padding-top: 80px;
}

.faq-wrap .accordion-item {
    margin-bottom: 20px;
    border-radius: 20px;
}

.faq-head {
    padding-bottom: 40px;
}

.faq-wrap h2 {
    color: #fff;
}

.faq-full {
    background-image: url(/themes/ujjivan/images/navratna-faq.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.faq-wrap .accordion-button:focus {
    box-shadow: none;
}

.faq-wrap .accordion-button:not(.collapsed) {
    background-color: #fff;
    box-shadow: none;
}

@media(min-width: 991px) {
    .wel-come p {
        width:80%;
        margin: 0 auto;
    }

    .explore-slider h2,.discover h2 {
        padding-bottom: 50px;
    }
}

.faq-full .accordion-button {
    background-color: transparent !important;
    border: 1px solid #fff !important;
    border-radius: 12px !important;
    color: #fff !important;
}

.faq-full .accordion-button:after {
    background-image: url(/themes/ujjivan/images/navratna-arrow-down.png);
    background-size: 24px;
    width: 25px;
    height: 25px;
    right: 20px;
}

.faq-full .accordion-button:not(.collapsed)::after {
    background-image: url(/themes/ujjivan/images/navratna-arrow-up.png);
    background-size: 24px;
    width: 25px;
    height: 25px;
    right: 20px;
    transform: rotate(180deg);
}

@media(max-width: 767px) {
    .navratna-banner {
        padding-bottom:0 !important;
    }

    .discover h3 {
        padding-bottom: 0;
    }

    .discover .discover-card {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .c1-two-col .eligibility-card {
        padding-left: 25px !important;
    }
}

.navratna-banking {
    background: #dfa926;
    padding: 2rem 5rem;
    border-radius: 8rem;
}

.b-left {
    border-left: 1px solid;
}

.faq-wrap .accordion-wrapper.active {
    background-color: #fff !important;
    border-radius: 12px !important;
}

.faq-wrap .accordion.nested-faq .accordion-content {
    padding: 0px 1rem 1rem 50px;
}

.faq-wrap .accordion-content {
    display: none;
}

.c1-two-col .eligibility-card .list-with-icon li:last-child {
    border-bottom: none;
}

.section .sfb-classic .list-with-icon li:last-child {
    border-bottom: none;
}

@media(max-width: 1080px)and (orientation:landscape) {
    .leaf-over-top::after {
        right:0;
    }

    .our-initiative-section .sticky-menu {
        top: 61px;
    }
}

.statement-comp {
    position: relative;
    margin-top: 2rem;
}

.statement-comp-title {
    font-size: 22px;
    font-weight: bold;
    line-height: 24px;
    padding: 16px;
    background: #1ea185;
    color: #fff;
    border-radius: 10px 0px 0px 10px;
}

.statement-comp-content {
    font-size: 18px;
    line-height: 24px;
    background: #0c6364;
    padding: 16px;
    color: #fff;
    border-radius: 10px;
    position: relative;
}

.statement-comp:before {
    position: absolute;
    content: "";
    background-image: url(/sites/default/files/styles/wide/public/2024-01/left-leaf-icon.png);
    background-repeat: no-repeat;
    background-size: 5rem;
    width: 6rem;
    left: -36px;
    height: 5rem;
    top: -12%;
    z-index: 1;
}

.statement-comp:after {
    position: absolute;
    content: "";
    background-image: url(/sites/default/files/styles/wide/public/2024-01/right-leaf-icon.png);
    background-repeat: no-repeat;
    background-size: 5rem;
    width: 6rem;
    right: -30px;
    height: 5rem;
    top: -39%;
}

.statement-comp-content span {
    color: #f4b13e;
}

.btn-content {
    display: none;
}

.btn-content.active {
    display: block;
}

.button-tab {
    border: 1px solid;
    border-radius: 30px;
    padding: 9px 34px;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
}

.button-tab.active {
    font-size: 18px;
    background-color: #F78F35;
    color: #FFFFFF;
}

.button-tab:hover {
    background-color: #f1f1f1;
    color: #f78f35;
    text-decoration: none
}

.button-tab:active {
    transform: scale(1.1);
    transition: 0.1s;
}

.table-slider-comp {
    display: flex;
    justify-content: center;
    column-gap: 7px;
    flex-wrap: wrap;
    row-gap: 10px;
}

.table-slider-header {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
}

.table-slider-header-1,.table-slider-header-2 {
    display: flex;
    column-gap: 8px;
}

.table-slider-title {
    background: #fbb33a;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 15px;
    width: 150px;
    position: relative;
}

.table-slider-title::after {
    position: absolute;
    content: "";
    background-image: url(/sites/default/files/styles/wide/public/2024-01/table-slider-title-icon.png);
    background-repeat: no-repeat;
    background-size: 9px;
    width: 14px;
    height: 8px;
    right: -14px;
}

.table-slider-header-1 div,.table-slider-header-2 div {
    padding: 16px;
    width: 175px;
    height: 145px;
    display: flex;
    align-items: center;
    border-radius: 7px;
    line-height: 19px;
}

.tbl-slid-cnt-box1 {
    background: #157e84;
    font-weight: bold;
    color: #fff;
    position: relative;
}

.tbl-slid-cnt-box1::after {
    position: absolute;
    content: "";
    background-image: url(/sites/default/files/styles/wide/public/2024-01/tbl-slid-cnt-box1-2-icon.png);
    background-repeat: no-repeat;
    background-size: 7px;
    width: 15px;
    height: 10px;
    right: -15px
}

.tbl-slid-cnt-box2 {
    background: #7ad7c4;
}

.tbl-slid-cnt-box3 {
    background: #91e6d3;
}

.tbl-slid-cnt-box4 {
    background: #aef0e2;
}

.tbl-slid-cnt-box5 {
    background: #c7fff2;
}

.table-slider-title h4 {
    line-height: 20px;
    font-weight: bold;
    font-size: 22px;
}

.btn-tab-header-mob {
    position: relative;
    cursor: pointer;
    display: block;
    width: 100%;
    font-size: 16px;
    margin-bottom: 2rem;
}

.dropdown-header {
    background-color: #F78F35;
    color: #fff;
    padding: 10px 24px;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dropdown-header span {
    font-size: 16px;
}

.caret {
    border: solid #fff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    margin-left: 5px;
    transform: rotate(45deg);
}

.dropdown-options {
    display: none;
    position: absolute;
    background-color: #fff;
    box-shadow: 0 8px 16px rgba(0,0,0,0.1);
    z-index: 2;
    border-radius: 5px;
    width: 100%;
}

.dropdown-options.show {
    display: block;
}

.dropdown-options div {
    padding: 10px;
    color: #333;
    cursor: pointer;
    transition: background-color 0.3s;
}

.dropdown-options div:hover {
    background-color: #f1f1f1;
}

.bg-peach-yellow {
    background: #fcdfa4;
}

.bg-teal-green {
    background: #0c6364;
}

.bg-teal-green h3 {
    color: #fff;
    text-align: center;
}

.bg-jungle-green {
    background: #fe721d;
}

.Sunglow-color h1 {
    color: #fcca45;
}

.bg-saffron-mango {
    background: #ffbd4a;
}

.bg-white-smoke {
    background-color: #f3f3f3;
}

.bg-pumpkin-orange {
    background: #fb7500;
}

.peach-yellow-faq .accordion .accordian-wrapper {
    background: #fe721d;
}

.peach-yellow-faq .accordion .accordian-wrapper .accordion-header {
    color: #fff;
}

.peach-yellow-faq .accordion .accordian-wrapper:has(.accordion-header.active) {
    background: #fff;
}

.peach-yellow-faq .accordion .accordian-wrapper .accordion-header.active {
    color: #333333;
}

.peach-yellow-faq h3.f-26 {
    text-align: center;
    margin-bottom: 3rem;
}

.peach-yellow-faq h4.sub-title {
    background: #0c6364;
    width: max-content;
    padding: 15px;
    margin-bottom: 0;
    color: #fff;
    position: relative;
}

.peach-yellow-faq h4.sub-title:after {
    position: absolute;
    content: "";
    background-image: url(/sites/default/files/styles/wide/public/2024-01/right-leaf-icon.png);
    background-repeat: no-repeat;
    background-size: 4rem;
    width: 4rem;
    right: -12px;
    height: 4rem;
    top: -46%;
}

.peach-yellow-faq .accordion .accordian-wrapper:nth-child(1) {
    margin-top: 0;
    border-radius: 0 0.5rem 0.5rem;
}

.peach-yellow-faq .accordion .accordian-wrapper {
    margin-top: 10px;
}

.leaf-over-top-left:after {
    background-image: url(/themes/ujjivan/css/../images/leaf.png);
    position: absolute;
    content: "";
    left: 0;
    top: -80px;
    width: 19%;
    height: 10rem;
    background-repeat: no-repeat;
    background-size: contain
}

.text-cent .container h3.mb-4 {
    text-align: center;
}


.btn-align .nri-btn-sec {
    text-align: left !important;
    margin-left: 0;
}

.marquee-img {
    width: 75%;
    height: auto;
}

.marquee-text {
    position: absolute;
    top: 50%;
    left: 35%;
    transform: translate(-50%,-50%);
    font-size: 13px;
    color: #fff;
}

.marquee-container {
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    height: 30px;
}

.marquee-container marquee {
    align-items: center;
    display: flex;
    height: 30px;
    cursor: pointer;
}

.marquee-container marquee p {
    font-size: 13px !important;
    animation: marquee 30s linear infinite;
    display: inline-block;
    padding-right: 20px;
}

@keyframes marqueeAnimation {
    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(-100%);
    }
}

.static-title {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.statement-comp {
    position: relative;
    margin-top: 2rem;
}

.statement-comp-title {
    font-size: 22px;
    font-weight: 700;
    line-height: 24px;
    padding: 16px;
    background: #1ea185;
    color: #fff;
    border-radius: 10px 0 0 10px;
}

.statement-comp-content {
    font-size: 18px;
    line-height: 24px;
    background: #0c6364;
    padding: 16px;
    color: #fff;
    border-radius: 10px;
    position: relative;
}

.statement-comp:before {
    position: absolute;
    content: "";
    background-image: url(/sites/default/files/styles/wide/public/2024-01/left-leaf-icon.png);
    background-repeat: no-repeat;
    background-size: 5rem;
    width: 6rem;
    left: -36px;
    height: 5rem;
    top: -12%;
    z-index: 1;
}

.statement-comp:after {
    position: absolute;
    content: "";
    background-image: url(/sites/default/files/styles/wide/public/2024-01/right-leaf-icon.png);
    background-repeat: no-repeat;
    background-size: 5rem;
    width: 6rem;
    right: -30px;
    height: 5rem;
    top: -39%;
}

.statement-comp-content span {
    color: #f4b13e;
}

a.Maxima_banner {
    position: absolute;
    top: 82%;
    left: 71%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    font-size: 16px;
    background: linear-gradient(90deg,rgba(226,174,52,1) 0%,rgba(244,216,106,1) 50%,rgba(211,158,46,1) 100%);
    color: #fff;
    padding: 5px 35px;
    border-radius: 50px;
    display: inline-block;
    text-align: center;
}

@media (max-width: 649px) {
    a.Maxima_banner {
        top:102%;
        left: 50%;
    }
}

.af2-faq .accordion li {
    margin-bottom: 0;
    margin-top: 1rem;
    color: #9b9b9b;
    line-height: 1.3;
    font-family: "Roboto-Regular";
    font-size: 18px;
}

.multilanguagevideo .select-language {
    justify-content: space-between
}

.multilanguagevideo .select-language {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.multilanguagevideo .select-language p {
    padding-right: 1rem
}

.multilanguagevideo select {
    background: #fff;
    border: none;
    padding: 1rem 2rem;
    box-shadow: rgba(0,0,0,.08) 0px 4px 12px;
    border-radius: .5rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(/themes/ujjivan/css/../images/arrow.png);
    background-repeat: no-repeat;
    background-position: center right 10px
}

.multilanguagevideo select:focus-visible {
    outline: none
}

.multilanguagevideo .card-popup {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    height: max-content;
    width: max-content;
    top: 0;
    bottom: 0;
}

.multilanguagevideo .card.popup-card {
    position: relative;
}

.multilanguagevideo .card.popup-card img {
    border-radius: 10px;
}

@media (max-width: 991px) {
    .multilanguagevideo .row .box1 {
        order:1;
    }

    .multilanguagevideo .row .box2 {
        order: 3;
    }

    .multilanguagevideo .row .box3 {
        order: 2;
    }

    .multilanguagevideo .row .box4 {
        order: 4;
        margin-top: 2rem;
    }
}

.mini_box .bx-icon-txt-wrap li {
    height: 260px;
    max-width: 250px;
}

@media (max-width: 1080px) and (orientation:landscape) {
    .mini_box .bx-icon-txt-wrap li {
        height:280px !important;
    }
}

@media (max-width: 767px) and (orientation:portrait) {
    .mini_box .bx-icon-txt-wrap li {
        height:195px !important;
        max-width: none;
    }
}

.tab_with_pdf .tab-content {
    background: none;
}

.bg-grey.cyber-crime-sec {
    background: #ffffff !important;
}

.cyber-crime-sec a {
    color: #00A482;
}

.form-center-pdf .primary-cta {
    margin: 5px;
}

@media (max-width: 767px) {
    .form-center-pdf .list-with-btn li {
        display:block
    }
}

div#cbwrap a {
    margin-left: 50px;
}

.video-sec {
    padding: 0;
}

.video-sec-img,.sfb-classic .popup-card img {
    cursor: pointer;
}

.video-sec-img .card {
    height: 100%;
    background-color: transparent;
    border: none;
}

.video-sec-text {
    padding: 70px 30px !important;
}

.video-sec-img {
    padding: 0px;
}

@media (min-width: 1200px) {
    .how-to-apply-bg .container {
        max-width:none !important;
    }
}

.sa-content p {
    font-size: 14px;
}

.form_validation .captcha {
    width: 100%;
    margin-top: 50px;
}

.form_validation .captcha .captcha__image-wrapper {
    padding-left: 10px;
}

.form_validation .captcha .js-form-item-captcha-response {
    width: 100%;
    margin-top: 0 !important;
}

.form_validation .captcha .js-form-item-captcha-response {
    width: 49%;
}

.form_validation .js-form-item-captcha-response .error {
    position: inherit;
    left: 0;
    top: 0;
    transform: initial;
    z-index: 0;
    text-align: left;
}

.webform-submission-leads-form-node-2273-form .js-form-item {
    padding-left: 10px !important;
}

@media (max-width: 767px) {
    .form_validation .captcha {
        width:100%;
        margin-top: 0;
    }

    .form_validation .captcha .captcha__image-wrapper {
        padding-left: 0;
    }
}

section.size-py {
    padding: 15px 0 !important;
}

.timeline_wrap {
    overflow: hidden;
}

#timeline_slider {
    display: flex;
    overflow-x: scroll;
    padding-bottom: 20px;
    transform: translatey(20px)
}

.timeline {
    width: 2px;
    position: absolute;
    background: white;
    height: 100%;
    left: 50%;
}

.timeline_line {
    position: absolute;
    max-width: 100%;
    height: 12px;
    top: 270px;
    background-image: url(/sites/default/files/2024-04/Road-Line.png);
    width: 100%;
    background-repeat: repeat-x;
}

.timeline_slide {
    min-width: 170px;
    max-width: 10px;
    cursor: grab;
    text-align: center;
}

.timeline_nav {
    margin: auto;
    z-index: 2;
    margin-top: -19px;
    margin-bottom: -14px;
    width: 100%;
    position: relative;
}

.timeline_nav button {
    background: transparent;
    border: none;
}

.timeline_nav button:hover {
    transform: scale(1.1)
}

.grey_overlay {
    background: #f3f3f3;
    border-radius: 30px !important;
}

.timeline_dot {
    width: 35px;
    height: 35px;
    border: 4px solid #ffffff;
    border-radius: 100%;
    padding: 5px;
    margin: 10px auto;
}

.timeline_dot_center {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    font-size: 12px;
    text-align: center;
    font-weight: 600;
}

.timeline_item_content {
    color: #000000 !important;
    text-align: center;
    line-height: 1.4;
    font-size: 12px;
    font-weight: 600;
}

@media only screen and (max-width: 768px) {
    .timeline_nav span {
        background:transparent;
    }
}

@media only screen and (min-width: 768px) {
    #timeline_slider {
        padding-left:10%;
    }

    .timeline_left_line {
        width: 2px;
        background: white;
        left: 10%;
        height: 118px;
        position: absolute;
        top: 0;
    }

    .timeline_header {
        position: relative;
        width: fit-content;
        padding: 0 20px;
        margin-left: 10%
    }

    .timeline_top {
        max-width: 90%;
        overflow: hidden;
        padding: 100px 0;
        margin-left: auto;
    }

    .tl_line {
        position: absolute;
        background: white;
    }

    .tl_line_mid {
        width: 100%;
        height: 2px;
        top: 50%;
    }

    .tl_line_left {
        width: 2px;
        height: 400px;
        left: 0;
        top: 50%;
        z-index: 900000;
    }
}

.yellow-cl {
    background: #fcca45;
}

.green-cl {
    background: #1ea185;
}

.green-cl .timeline_dot_center {
    color: #ffffff;
}

p.timeline_date {
    font-size: 14px;
    font-weight: 600;
}

img.green-line {
    margin-top: 15px;
    height: 100px;
}

img.yellow-line {
    margin-top: 15px;
}

.yellow-sec {
    margin-top: 45px;
}

.arrow-start {
    margin-top: 140px;
}

.yellow-sec1:after,.green-sec:after {
    content: "";
    width: 100px;
    height: 10px;
    top: 120px;
    position: absolute;
    display: inline-block;
    background: url(/sites/default/files/2024-04/arrow.png);
    background-repeat: no-repeat;
    margin-left: 55px;
}

.timeline_bottom h5 {
    text-align: center;
}

#timeline {
    text-align: center;
}

.locator-desp a {
    color: #00A482;
}

.locator-desp a:hover {
    color: #F78F35;
}

.branch-btn a {
    background-color: #F78F35;
    padding: 8px 20px;
    border-radius: 20px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
}

.branch-btn {
    margin-top: 10px;
}

.branch-btn a:hover {
    background-color: #F1F1F1;
    border: 1px solid #F78F35;
}

p.form_note {
    color: #333 !important;
    font-size: 15px;
    line-height: 1.4;
}

div#edit-processed-text-note {
    width: 100%;
    padding: 30px 0 0;
}

.certification-career {
    background: #f3f3f3;
    border-radius: 30px !important;
    padding: 12px;
}

.certification-career .owl-stage {
    display: flex;
    align-items: center;
}

.certification-career .item {
    display: flex;
    justify-content: center;
}

.bottomstickytwo h3 {
    color: #fff;
    font-size: 22px;
    font-family: "Ubuntu-Bold";
    margin-bottom: 0;
    line-height: 26px;
}

.bottomstickytwo p {
    text-align: left;
    line-height: 26px;
    font-size: 16px;
}

.bottomstickytwo {
    background: #1b5779;
}

.bottomstickytwo a#open-now-form {
    margin-top: 0;
    padding: 10px 26px;
}