@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
body {
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000000;
    background-color: #FCFCFC;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.7);
        opacity: 0;
    }
}
/* web vital css start */
.web-vital {
    aspect-ratio: 545 / 470;
}
/* web vital css end */
a.nav-link.dropdown-toggle {
    white-space: normal;
    word-break: break-word;
}
.dropdown-toggle::after {
    content: none;
}
.dicgclink:hover {
    color: #fff;
}
.captchadiv {
    margin-right: 40px;
}
#wealth-footer .captchadiv,
.private-template .captchadiv {
    margin-right: 0;
}
.form-control:focus,
.form-select:focus {
    box-shadow: unset;
}
.selector-for-some-widget {
    box-sizing: content-box;
}
.info-box h3 {
    font-size: 28px;
    font-weight: 700;
    margin: 10px 0px 5px;
}
.small,
small {
    font-size: 80%;
}
.h2,
h2 {
    font-size: 34px;
    font-weight: 700;
}
.h3,
h3 {
    font-size: 34px;
    font-weight: 500;
}
.h5,
h5 {
    font-weight: 700;
}
.mb-09 {
    margin-bottom: 0.9rem;
}
.w-80 {
    width: 80%;
}
.w-82 {
    width: 82%;
}
.l-h-14 {
    line-height: 14px !important;
}
.l-h-16 {
    line-height: 16px !important;
}
.color-blue-1e3868 {
    color: #1e3868 !important;
}
.blue-bullet ul {
    list-style: none;
    margin: 20px 0;
}
.blue-bullet ul li::before {
    content: "\2022";
    color: #00B4F0;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}
.background-image h5 {
    color: #00B2E2;
}
.textherf {
    color: #00B2E2;
    text-decoration: none;
}
.benefits {
    background-color: #ffffff;
    padding: 40px 50px;
    margin-top: -120px;
    position: relative;
}
#myBtn {
    display: none;
    position: fixed;
    /* bottom: 20px; */
    bottom: 60px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    color: white;
    cursor: pointer;
    padding: 9px 15px;
    border-radius: 30px;
    background-color: #00A2E19C;
}
#myBtn:hover {
    background-color: #00A2E19C;
}
.blue-template #myBtn,
.blue-template #myBtn:hover {
    background-color: #B18F4F;
}
.g-recaptcha {
    transform: scale(0.8);
    transform-origin: 0 0;
}
.blue-template .g-recaptcha {
    filter: hue-rotate(180deg) brightness(0.8);
}
/*contact form css start*/
.contact-form h2 {
    color: #ffffff;
    margin-bottom: 20px;
}
.form-control {
    padding: .475rem .75rem;
    border-radius: .20rem;
}
.contact-form {
    background-color: transparent;
    background-image: linear-gradient(258deg, #27E6FF 0%, #00A2E1 100%);
    padding: 80px 30px 50px 30px;
    margin-bottom: -130px;
    position: relative;
    z-index: 1;
}
#phone-error,
#name-error,
#email-error,
#comments-error,
#city-error,
#captcha-error,
#pincode-error,
#state-error,
#contactConsent-error,
#lname-error,
#fname-error {
    font-size: 11px;
    color: red;
    font-weight: 500;
}
.error-message {
    color: red;
    font-weight: 500;
}
.thank-you-message {
    color: #1E3868;
    font-weight: bold;
    margin-top: 20px;
}
.contact-form::before {
    content: '';
    position: absolute;
    background-image: url('../images/request-callback.png');
    z-index: -1;
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 100%;
    width: 25%;
    bottom: 0%;
    right: 0%;
}
::placeholder {
    color: #7a7a7a !important;
    opacity: 0.5 !important;
    /* Firefox */
}
::-ms-input-placeholder {
    /* Edge 12 -18 */
    color: #7a7a7a !important;
    font-size: 13px;
}
.background-image {
    position: relative;
    background-image: url('../images/fixed-deposit.jpg');
    background-size: cover;
    background-attachment: fixed;
    /* background-position: center; */
    background-position: 70%;
    height: 100vh;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: 520px;
}
.overlay-text {
    position: relative;
    z-index: 1;
    /* Ensure text is above background image */
    text-align: center;
    /* Center text */
}
/* Webkit browsers: Chrome, Safari, Edge */
::-webkit-scrollbar {
    width: 5px;
    /* Width of the scrollbar */
    height: 5px;
}
::-webkit-scrollbar-track {
    background: transparent;
    /* Background color of the track */
}
::-webkit-scrollbar-thumb {
    background: #888;
    /* Color of the draggable part of the scrollbar */
}
::-webkit-scrollbar-thumb:hover {
    background: #555;
    /* Color of the draggable part on hover */
}
/*contact form css end*/
.cta-blue {
    font-size: 0.938rem;
    font-weight: 500;
    background-color: #1E3868;
    text-decoration: none;
    display: inline-block;
    line-height: 1;
    padding: 12px 24px;
    color: #fff;
    text-align: center;
    border: 1px solid #1E3868;
}
.cta-gold {
    font-size: 0.938rem;
    font-weight: 500;
    background-color: #B18F4F;
    text-decoration: none;
    display: inline-block;
    line-height: 1;
    padding: 12px 24px;
    color: #fff;
    text-align: center;
    border: 1px solid #B18F4F;
}
.cta-gold:hover {
    background-color: #B18F4F;
    color: #fff;
    border: 1px solid #B18F4F;
    text-decoration: none;
}
.cta-white {
    background-color: #ffffff;
    color: #1E3868;
    border: 1px solid #1E3868;
    padding: 12px 24px;
    text-decoration: none;
    display: inline-block;
    width: 14rem;
}
/* Hide arrows in Webkit browsers (Chrome, Safari) */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* Hide arrows in Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}
section {
    padding: 40px 0px;
}
.pt-50 {
    padding-top: 50px;
}
.pt-40 {
    padding-top: 40px;
}
.pt-100 {
    padding-top: 100px;
}
.pb-50 {
    padding-bottom: 50px;
}
.pb-40 {
    padding-bottom: 40px;
}
.cta-icon {
    padding-left: 15px;
}
.cta-blue:hover {
    color: #fff;
}
.clr-blue {
    color: #1E3868;
    font-weight: 700;
    text-decoration: none;
}
.clr-white,
.accordion .clr-white {
    color: #ffffff;
}
.dark-blue {
    color: #1E3868;
}
.carousel-item .fa-arrow-right {
    color: #00A2E1;
}
.carousel-control-next,
.carousel-control-prev {
    top: 100%;
    opacity: 1;
    bottom: 0%;
}
.carousel-control-next {
    right: 46%;
}
.carousel-control-prev {
    left: 36%;
    right: auto;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
    width: 1.5rem;
    height: 1.5rem;
}
.fs-8 {
    font-size: 0.5rem;
}
.fs-10 {
    font-size: 0.625rem !important;
}
.fs-11 {
    font-size: 0.688rem;
}
.fs-12 {
    font-size: 0.75rem;
}
.fs-13 {
    font-size: 0.813rem;
}
.fs-14 {
    font-size: 0.875rem;
}
.fs-16 {
    font-size: 1rem !important;
}
.fs-19 {
    font-size: 1.188rem;
    line-height: 25px;
}
.fs-32 {
    font-size: 32px;
    line-height: 38px;
}
.fs-34 {
    font-size: 32px;
    line-height: 38px;
}
.fsn-34 {
    font-size: 34px;
    line-height: 38px;
}
.fs-36 {
    font-size: 36px;
    line-height: 42px;
}
.fs-44 {
    font-size: 44px;
    line-height: 50px;
}
.fs-38 {
    font-size: 38px;
    line-height: 43px;
}
.fs-54 {
    font-size: 54px;
    font-weight: 400;
    line-height: 1;
}
.fs-55 {
    font-size: 55px;
    font-weight: 400;
    line-height: 60px;
}
.fs-28,
.niyoglobal-wrap .owl-theme .owl-nav .owl-prev,
.niyoglobal-wrap .owl-theme .owl-nav .owl-next {
    font-size: 1.75rem;
}
.fs-24 {
    font-size: 1.5rem;
}
.fs-25 {
    font-size: 1.563rem;
}
.fs-22 {
    font-size: 1.375rem;
}
.fs-20 {
    font-size: 1.375rem;
    line-height: 25px;
}
.fs-30 {
    font-size: 30px;
}
.fs-40 {
    font-size: 40px;
}
.h-line .col {
    border-left: 4px solid #00B4F0;
    padding: 5px 15px;
}
hr {
    color: #9d9d9d;
}
/*vanitha - breadcrumb code*/
.section-s {
    padding: 40px 0 60px 0;
}
.breadcrumb-item+.breadcrumb-item::before {
    content: "»";
    padding: 0 5px 0 0;
    color: #6c757d;
}
.breadcrumb-item a,
.breadcrumb-item.active {
    font-size: .85em;
    color: #000;
    text-decoration: none;
}
.breadcrumb-item.active {
    margin-top: 3px;
}
.nri-banking .breadcrumb-item a,
.nri-banking .breadcrumb-item.active {
    color: #223155;
}
.divider {
    float: right;
    padding: 0px 10px;
}
.fs-17 {
    font-size: 1.063rem;
    line-height: 22px;
}
.fs-18 {
    font-size: 1.125rem;
    line-height: 23px;
}
.l-h-34 {
    line-height: 34px;
}
.accordion-item {
    background-color: #ffffff00;
    border: none;
    border-bottom: 1px solid #d5d8dc;
    padding: 10px 15px;
}
.accordion-button:not(.collapsed) {
    color: #000000;
    background-color: #e7f1ff00;
    box-shadow: none;
    padding-left: 0;
    padding-right: 0;
}
.accordion-body {
    padding: 1rem 0rem;
}
.accordion-button {
    background-color: #ffffff00;
    padding: 15px 0px;
}
.accordion a,
.card-wrap a,
.debitcard-wrap a {
    color: #00B4F0;
}
::marker {
    color: #00B4F0;
}
.accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
    transition: all 0.5s;
    background-size: 23px;
}
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='currentColor' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
    transform: none;
}
.accordion-button::after {
    transition: all 0.5s;
}
.accordion-button:focus {
    box-shadow: none;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #000000 !important;
    background-color: #ffffff00;
    border: none;
    border-bottom: 5px solid #00B4F0;
}
.nav-tabs .nav-link:hover {
    border-color: #e9ecef00 #e9ecef00 #dee2e600;
    border-bottom: 5px solid #00B4F0;
}
.nav-tabs .nav-link {
    padding: 20px 25px;
    line-height: 1.5;
    font-size: 1rem;
    border: 0px solid transparent;
    border-bottom: 5px solid #00b4f000;
    text-align: left;
}
.location-box {
    background: #fff;
    border-radius: 15px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06);
    padding: 10px;
    min-height: 201px;
}
/*vanitha - breadcrumb code end*/
/*vanitha - contact us page code*/
.contact-section {
    background-image: url('../images/banner/contact-us.jpg');
    background-position: 0px -60px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    min-height: 600px;
}
.contact-card {
    background-color: #1E3868;
    color: white;
    padding: 30px 60px;
    position: absolute;
    bottom: -185px;
    left: 10%;
    width: 35%;
}
.contact-card h1 {
    color: #00B4F0;
    font-size: 55px;
    font-weight: 400;
    margin-bottom: 20px;
}
.icon-circle {
    width: 50px;
    height: 50px;
    background-color: rgb(36, 66, 121);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
}
.contact-info i {
    color: #6EC1E4;
}
.contact-item {
    display: flex;
    align-items: center;
    margin: 20px 0;
}
.font15 {
    font-size: 0.938rem;
}
.fw-600 {
    font-weight: 600;
}
.fw-400 {
    font-weight: 400;
}
.fw-300 {
    font-weight: 300;
}
.text-grey {
    color: #dbdbdb;
}
a,
a:focus,
a:hover,
button,
input,
select,
textarea {
    text-decoration: none;
    outline: 0
}
a:active,
a:hover {
    color: #336;
}
.text-blue:hover {
    color: #00A2E1;
}
.page-title {
    font-size: 44px;
    font-weight: 400;
    line-height: 49px;
}
.address-left-sec {
    padding-right: 60px;
}
.text-black {
    color: #000000;
}
.hover-blue:hover {
    color: #00B4F0;
}
.bg-light-blue {
    background-color: #F5F8F8;
}
.bg-light {
    background-color: #f8f8f8;
}
.add i {
    font-size: 25px;
    color: #6EC1E4;
}
.section-l {
    padding: 250px 0 60px 0;
}
.address-left-sec hr {
    margin: 2rem 0;
}
.search_by_location {
    margin-top: 40px;
    padding: 8px;
    width: 260px;
    background-image: url(../images/icon/down-arrow.svg);
    background-position: right 12px center;
    background-repeat: no-repeat;
    background-size: 14px 14px;
    appearance: none;
}
.branch-title {
    font-size: 24px;
    font-weight: 600;
    margin-top: 30px;
}
.branch-sec .contact-item {
    margin: 30px 0;
}
.branch-iframe iframe {
    width: 100%;
}
.branch-iframe {
    margin-top: 40px;
}
.contactadd {
    width: 60%;
}
/*vanitha - contact us page code end*/
/* private template - wealth solution - start */
.private-template .breadcrumb-item a,
.private-template .breadcrumb-item.active,
.private-template .breadcrumb-item+.breadcrumb-item::before {
    color: #B18F4F;
}
.private-heading {
    color: #fff;
    font-size: 55px;
    font-weight: 400;
    line-height: 60px;
}
.private-med-heading {
    color: #fff;
    font-size: 44px;
    font-weight: 400;
    line-height: 49px;
}
.private-sub-heading {
    color: #fff;
    font-size: 28px;
    font-weight: 400;
    line-height: 33px;
}
.private-template .accordion-button {
    color: #fff;
}
.text-gold,
a.text-gold,
.golden-bullet li::marker,
.private-template .accordion-header .accordion-button:not(.collapsed) {
    color: #B38C52;
}
.text-gold-imp {
    color: #B38C52 !important;
}
.private-template p,
.golden-bullet li,
.banksolution-wrap p,
.text-dark-grey {
    color: #D5D5D5;
    font-weight: 400;
}
.text-light-grey {
    color: #D6D6D6;
}
.padrght60 {
    padding-right: 60px;
}
.padrght50 {
    padding-right: 50px;
}
.padleft60 {
    padding-left: 60px;
}
.w-60 {
    width: 60%;
}
.w-70 {
    width: 70%;
}
.w-90 {
    width: 90%;
}
.w-45 {
    width: 45%;
}
.pad-e-40 {
    padding-right: 40px;
}
.pad-e-30 {
    padding-right: 30px;
}
.grey-box {
    background-color: #1B1B1B;
    padding: 30px;
    margin-right: 25px;
}
.private-template .accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23B38C52' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
}
.private-template .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23B38C52' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
}
/*private template - wealth solution - end*/
/*private banking - private banking privilages start */
.margintopminus {
    margin-top: -130px;
}
.faqtable {
    width: 400px;
}
.faqtable tbody>tr:nth-child(odd)>td {
    background-color: hsla(0, 0%, 50.2%, .0705882353);
}
.faqtable td,
table th {
    border: 1px solid hsla(0, 0%, 50.2%, .5019607843);
}
.faqtable th {
    background: transparent;
    border: none;
}
/*private banking - private banking privilages end */
/*private banking*/
.button1 {
    background-color: transparent;
    border: solid 1px #f2c978;
    color: #f2c978 !important;
    padding: 10px 20px;
    margin: 10px 0;
    transition: all .5s;
    display: inline-block;
}
.button1:hover,
.button1:focus {
    text-decoration: underline;
}
.overlay-private-text {
    top: 32%;
    left: 43%;
    padding: 50px 50px 30px;
}
.goldleftline {
    border-left: 3px solid #B18F4F;
    padding: 0 20px 0 10px;
    line-height: 1.2;
    cursor: default;
}
.mt-8 {
    margin-top: 8rem;
}
.border-box-text {
    border: 1px solid #383838;
}
.row.border-box-text>div {
    border-left: 1px solid #383838;
    display: flex;
    align-items: center;
    padding: 2.5rem;
}
.row.border-box-text p {
    margin: 0;
}
.row.border-box-text>div:first-child {
    border-left: none;
}
.page-heading span,
.text-blue {
    color: #00A2E1;
}
.blue-text {
    color: #00A2E1;
}
/*private banking end*/
/*content hub - blogs */
.contenthub .nav-item.active {
    border-bottom: 3px solid #00A2E1;
}
.contenthub .nav-link.active {
    background-color: transparent;
}
.contenthub .nav-link {
    font-size: 17px;
    font-weight: 600;
    color: #00A2E1 !important;
}
.contenthub .page-heading span {
    color: #00A2E1;
}
.box-shadow {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.blog-thumb-content {
    padding: 1.5rem !important;
}
.blog-thumb-content .blog-thumb-content h3,
.blog-thumb-content h3 a {
    margin: 18px 0 12px 0;
    color: #223155;
    font-size: 19px;
    font-weight: 700;
}
.blog-thumb-content h3 {
    line-height: 18px;
    margin-bottom: 1rem;
}
.blog-excerpt,
.blog-thumb-content p {
    font-size: 14px;
    line-height: 1.5em;
    font-weight: 400;
    color: #223155;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.blog-thumb-content p b {
    font-weight: normal;
}
.blog-thumb-content a {
    font-size: 16px;
    font-weight: 700;
    color: #1E3868;
    line-height: 21px;
}
.blog-card {
    transition: all 0.3s ease;
}
.blog-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}
.social-share-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    background: white;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    border: 1px solid #e9ecef;
    padding: 10px;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    min-width: 180px;
}
.social-share-dropdown.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.social-icon {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #6c757d;
    background: #f8f9fa;
    transition: all 0.3s ease;
    text-decoration: none;
    margin: 0 3px;
}
.social-icon:hover {
    color: white;
    transform: translateY(-2px);
}
.social-icon.whatsapp:hover {
    background: #25d366;
}
.social-icon.facebook:hover {
    background: #1877f2;
}
.social-icon.linkedin:hover {
    background: #0077b5;
}
.social-icon.instagram:hover {
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}
.share-btn-list {
    color: #0d6efd;
    background: none;
    border: none;
    padding: 8px;
    border-radius: 4px;
    transition: all 0.3s ease;
    position: relative;
}
.share-btn-list:hover {
    background: rgba(13, 110, 253, 0.1);
    color: #0a58ca;
}
/* Mobile specific styles */
@media (max-width: 768px) {
    .social-share-dropdown {
        position: fixed;
        top: auto;
        bottom: 20px;
        left: 50%;
        right: auto;
        transform: translateX(-50%) translateY(10px);
        min-width: 200px;
    }
    .social-share-dropdown.show {
        transform: translateX(-50%) translateY(0);
    }
}
/*content hub - blogs - end*/
.blue-heading {
    color: #00A2E0;
    font-size: 22px;
    font-weight: 700;
}
.blue-para {
    color: #1E3868;
    font-size: 1em;
    font-weight: 600;
    line-height: 1.2em;
}
@media (min-width: 576px) {
    .blog-modal .modal-dialog {
        max-width: 600px;
    }
}
/*content hub - blogs detail page - start */
.blog-detail h1 {
    color: #1E3868;
    font-size: 3.2em;
    font-weight: 600;
    line-height: 1.01em;
    margin: 30px 0 20px 0;
}
.blog-detail p {
    color: #1E3868;
}
.share-btn {
    width: 45px;
    display: block;
    height: 45px;
    text-align: center;
    align-content: center;
    border-radius: 50%;
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .12), transparent);
    margin-right: 0.8rem;
}
.bg-facebook {
    background-color: #3b5998;
}
.bg-twitter {
    background-color: #1da1f2;
}
.bg-linkedin {
    background-color: #0077b5;
}
/*notice board - important information - start */
.pdf-listing-section .impinfo-wrap {
    border: 1px solid #d5d8dc;
}
.pdf-listing-section .impinfo-wrap a {
    color: #0B295C;
    display: flex;
    align-items: center;
    font-weight: 500;
    /* border-bottom: 3px solid #00B4F0; */
}
.pdf-listing-section .impinfo-wrap a:hover {
    text-decoration: underline;
}
/*notice board - dnd form - end */
.dnd-form {
    background: linear-gradient(258deg, #27E6FF 0, #00A2E1 100%);
}
.dnd-form .form-control {
    border-color: #D6D6D6;
    box-shadow: none;
    outline: none;
}
.dnd-form select {
    color: #7a7a7a;
    background-color: #fff;
}
.dnd-form select option {
    color: #7a7a7a !important;
}
.dnd-form .select-down-arrow,
.simulatorcalc .select-down-arrow {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 30px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath fill='black' d='M0 0l5 6 5-6H0z'/%3E%3C/svg%3E");
    background-position: right 10px center;
    background-size: 12px;
    background-repeat: no-repeat;
}
.dnd-form .paddingtbrl {
    padding: 30px 45px
}
#doNotDisturbForm .error {
    font-size: 13px;
    color: #000000;
}
/*notice board - dnd form - end */
.bg-grey {
    background-color: #EDF0F0;
}
.bg-blue {
    background-color: #1E3868;
}
.bg-grey-light {
    background-color: #F5F8F8;
}
.color-blue {
    color: #00B4F0;
}
.icon-height {
    min-height: 63px;
}
.svg-icon {
    height: 65px;
    width: auto;
}
.dots {
    color: #007bff;
    /* Change this to your desired color */
    margin: 0 2px;
    font-size: 0.5rem;
    /* Adjust size of the dots */
}
.col.step {
    text-align: left;
}
.step h5 {
    color: #00B2E2;
    font-size: 22px;
    font-weight: 400;
}
.step img {
    height: 60px;
}
.icon-height img {
    height: 55px;
    width: auto;
}
.dots .dot {
    color: #fff;
    font-size: 3px;
    margin-left: 4px;
}
.step p {
    color: #ffffff;
}
.steps-heading {
    color: #00B2E2;
    font-size: 22px;
    font-weight: 400;
}
.int-grp {
    border-radius: 20px;
    border: 1px solid #E7E9E9;
}
.int-grp .fa-magnifying-glass {
    font-size: 14px;
    color: #7a7a7a;
}
.int-grp .input-group-text,
.int-grp .form-control {
    background-color: unset;
    border: unset;
}
.media-con {
    border-top: 1px solid #c4c4c4;
    padding-top: 60px;
}
.media-con .badge {
    background-color: #F5F8F8;
    padding: 5px 10px 5px 10px;
    border-radius: 5px 5px 5px 5px;
    color: #1E3868;
    font-weight: 500;
}
.media-con p,
.pdf-listing-section .grey-title,
.grey-text {
    color: #7a7a7a;
}
.media-title-ln {
    color: #1E3868;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2em;
}
.media-lm a {
    color: #1E3868;
    font-weight: 700;
    font-size: 16px;
}
.font-weight-700-bold {
    font-weight: 700;
}
.readmore {
    color: #051838;
}
.supp {
    top: -8px;
}
/*responsive css krishna*/
.cards-fw-500 {
    font-weight: 500;
}
.off-con p {
    color: #000000;
}
@media (min-width: 1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1180px;
    }
}
@media (min-width: 1400px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1240px;
    }
}
@media (max-width: 1140px) {
    /*contact us page code*/
    .contact-card h1 {
        font-size: 40px;
    }
}
@media (max-width: 1024px) {
    /*contact us page code*/
    .contact-card {
        width: 45%;
        padding: 40px;
    }
}
@media (max-width: 1024px) {
    .bottom-footer {
        text-align: center;
    }
}
@media (max-width: 768px) {
    h2 {
        font-size: 1.688rem;
    }
    .fs-44 {
        font-size: 27px;
        line-height: 32px;
    }
    .fs-55 {
        font-size: 35px;
        line-height: 40px;
    }
    .fs-40 {
        font-size: 1.75rem;
    }
    .h1 {
        font-size: 1.75rem;
    }
    .pt-xs-0 {
        padding-top: 0px;
    }
    section {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .info-box p {
        font-size: 15px;
    }
    .cta-blue {
        font-size: 13px;
    }
    .accordion .cta-blue {
        color: #fff;
    }
    .info-box h3 {
        font-size: 25px;
    }
    .benefits {
        margin-top: -90px;
        padding: 20px;
    }
    .h3,
    h3 {
        font-size: 1.75rem;
    }
    .contact-form {
        padding: 80px 30px 350px;
    }
    .contact-form::before {
        background-size: 50% auto;
        width: 100%;
    }
    .bottom-footer {
        text-align: center;
    }
    .h3,
    h3 {
        font-size: 23px;
        font-weight: 600;
    }
    .fsn-34 {
        font-size: 23px;
        line-height: 27px;
    }
    .contact,
    .contact .container {
        padding: 0px 0px 20px 0px;
    }
    .carousel-top {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 50px;
    }
    .carousel-control-prev {
        left: 34%;
    }
    .carousel-control-next {
        left: 42%;
    }
    .carousel-control-next,
    .carousel-control-prev {
        bottom: -5%;
    }
    .dropdown-menu {
        box-shadow: none !important;
        padding: 0 !important;
    }
    .dropdown-item {
        padding: 10px !important;
        font-size: 0.938rem !important;
    }
    .nav-item:hover {
        border-bottom: none !important;
        background: #ffffff00 !important;
    }
    .navbar-toggler:focus {
        box-shadow: none;
    }
    header .navbar {
        margin-top: 0px !important;
    }
    header {
        height: 50px !important;
    }
    img.logo {
        width: 120px;
    }
    .login-button {
        padding: 2px 10px !important;
        margin-top: 15px;
    }
}
@media (max-width: 767px) {
    .nav-tabs .nav-link {
        padding: 10px 0px;
        line-height: 1;
        font-size: 14px;
        width: 50%;
        text-align: left;
    }
    .breadcrumb-item a,
    .breadcrumb-item.active {
        font-size: .80em;
    }
    .pb-50 {
        padding-bottom: 25px;
    }
    .pt-50 {
        padding-top: 25px;
    }
    .pt-100 {
        padding-top: 25px;
    }
    /* .carousel-item{
    height: 80vh !important;
} */
    .contact-form {
        padding: 80px 30px 250px;
    }
    .contact-form::before {
        background-size: 100% auto;
        width: 280px;
    }
    .step {
        flex: 100%;
        margin-bottom: 25px;
    }
}
@media (max-width: 768px) {
    .background-image {
        /* height: 70vh; */
        height: auto;
        max-height: max-content;
        padding: 100px 20px 50px 20px;
        background-image: url(../images/fixeddeposit-mobile.jpg);
        background-attachment: scroll;
        background-position: 35%;
    }
    .overlay-text p {
        font-size: 1rem;
    }
    /*vanitha - contact us code*/
    .contact-item {
        flex-direction: column;
        text-align: center;
        margin: 15px 0;
    }
    .contact-section {
        background-position: 0px 0px;
        background-size: unset;
        min-height: 1110px;
    }
    .contact-card {
        width: 100%;
        left: 0;
        top: 19%;
        padding: 1.5rem;
        text-align: center;
        position: relative;
    }
    .contact-card h2 {
        font-size: 40px;
    }
    .address-left-sec {
        padding-right: 0;
        padding-left: 20px;
    }
    .page-title {
        font-size: 25px;
        line-height: 30px;
    }
    .contact-item.add {
        flex-direction: row;
    }
    .mbl-mb-60 {
        margin-bottom: 60px;
    }
    .mbl-mb-0 {
        margin-bottom: 0;
    }
    .contact-info .contact-item .icon-circle {
        margin-right: 0;
    }
    .mbl-my-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
    .mbl-mt-0 {
        margin-top: 0 !important;
    }
    .mbl-mt-20 {
        margin-top: 20px !important;
    }
    .branch-sec .contact-item {
        margin: 25px 0;
    }
    /*vanitha - contact us code end*/
}
@media (max-width: 1024px) {
    .fs-54 {
        font-size: 2.5rem;
    }
}
@media screen and (min-width: 990px) and (max-width: 992px) {
    .contact-form {
        padding: 30px;
    }
    .bottom-footer {
        text-align: center;
    }
    .tab-content .align-items-center {
        align-items: flex-start !important;
    }
}
@media screen and (min-width: 820px) and (max-width: 912px) {
    .contact-form {
        padding: 30px 30px 100px;
    }
}
@media (max-width: 320px) {
    .background-image {
        height: auto;
    }
    .mbl-my-3 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }
}
@media (max-width: 280px) {
    /*vanitha - contact us code*/
    .contact-card h1 {
        font-size: 30px;
        margin-bottom: 10px;
    }
    .branch-sec .contact-item a {
        font-size: 12px;
    }
    .add i {
        font-size: 15px;
    }
    .branch-sec .contact-item .icon-circle {
        width: 30px;
        height: 30px;
    }
    .search_by_location {
        width: 100%;
        font-size: 13px;
    }
}
/* personal banking css */
.breadcrumbs {
    padding-top: 30px !important;
    padding-bottom: 5px !important;
}
.fw-500 {
    font-weight: 500 !important;
}
.personal-banking-section {
    background-image: url(/images/banner/bank-cards-payments.jpg);
    background-position: 50%;
}
.leadership-development-programme {
    background-image: url(/images/banner/leadership-development-programme.jpg);
    background-position: 50%;
}
.bullet-circle li::before {
    content: "✓";
    margin-right: 20px;
    background-color: rgb(0, 180, 240);
    color: rgb(255, 255, 255);
    padding: 4px 10px;
    border-radius: 50px;
}
.bullet-circle li::marker {
    color: #ffffff00;
}
.bullet-circle li {
    margin: 0 0 20px 0;
    display: flex;
    align-items: center;
}
ul.bullet-circle {
    padding-left: 0px;
}
.o-list li {
    padding-left: 15px;
    color: #7a7a7a;
    margin-bottom: 10px;
}
.o-list li::marker {
    color: #00B4F0;
    font-weight: bold;
    float: left;
    margin-right: 138px;
}
.border-top-3 {
    border-top: 3px solid #00B4F0;
}
/*PB cards*/
.personal-banking-cards {
    background-image: url(/images/background/bankcards-provide-swift-way.jpg);
    background-position: 50%;
    min-height: 454px;
}
.boxshadow-wrap .card {
    box-shadow: 0px 20px 30px 12px rgba(169.99999999999997, 159.99999999999997, 159.99999999999997, 0.1607843137254902);
    border: transparent;
    border-radius: 10px;
}
.freedom-credit-card {
    background-image: url(/images/background/bg-bookfixeddeposit.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 550px;
}
.cc-box {
    border: 1px solid #fff;
    margin: 0 40px 0 0;
    border-radius: 20px;
}
.cc-box p {
    font-size: 28px;
    line-height: 42px;
    font-weight: 600;
    color: #fff;
    padding: 10px 0 30px 25px;
}
.wifi-icon {
    padding: 60px 80px 0 30px;
    animation-delay: 0.9s;
}
.animated {
    animation-duration: 1s;
    animation-iteration-count: 1;
}
@keyframes tada {
    0% {
        transform: scale3d(1, 1, 1);
    }
    10%,
    20% {
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }
    30%,
    50%,
    70%,
    90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%,
    60%,
    80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    100% {
        transform: scale3d(1, 1, 1);
    }
}
.tada {
    animation-name: tada;
}
.fdcontentspecial ul li {
    position: relative;
    margin-left: 0px;
    padding-left: 0px;
    margin-bottom: 8px;
    color: #00B4F0;
}
.fdcontentspecial ul li::before {
    content: "";
    position: absolute;
    left: -15px;
    top: 15px;
    width: 1px;
    height: 100%;
    background-color: #00B4F0;
}
.topblueborder {
    padding: 14px 0px 0px 0px;
    border-top: 3px solid #00B4F0;
}
/* Hide the collapse (accordion) version on desktop */
@media (min-width: 768px) {
    .sup-fd {
        top: -22px
    }
    .accordion-mobile {
        display: none;
        /* Hide accordion on desktop */
    }
    .scrl-height {
        max-height: 620px !important;
    }
    .desk-disp-none {
        display: none;
    }
}
/* Hide the tabs on mobile and show accordion */
@media (max-width: 767.98px) {
    .nav-tabs,
    .tab-content {
        display: none;
    }
    .accordion-mobile {
        display: block;
    }
    .mob-disp-none {
        display: none;
    }
}
/* personal banking css end */
.no-gradient th {
    background: transparent !important;
}
.table-striped th {
    background: transparent linear-gradient(93deg, #7BDAFF 0%, #7BDAFF 100%) 0% 0% no-repeat padding-box;
}
table.table {
    box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.5);
    border-radius: 20px;
    overflow: hidden;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    --bs-table-accent-bg: #fff;
    color: var(--bs-table-striped-color);
}
.table-striped>tbody>tr:nth-of-type(even) {
    --bs-table-accent-bg: #fcfcfc;
    color: var(--bs-table-striped-color);
}
.table-striped>tbody>tr:nth-of-type(even):hover {
    --bs-table-accent-bg: #efefef;
    color: var(--bs-table-striped-color);
}
.b-radius-20 {
    border-radius: 20px 20px 0px 0px;
}
.b-radius-l-20 {
    border-radius: 0px 0px 0px 20px;
}
.b-radius-r-20 {
    border-radius: 0px 0px 20px 0px;
}
.b-radius-8 {
    border-radius: 8px;
}
td,
th {
    padding: 15px !important;
    vertical-align: middle;
}
th {
    color: #1e3868;
}
.table-bordered th {
    text-align: center;
}
.table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, .075);
}
.td-heading {
    color: #1e3868;
    font-weight: 700;
}
@media (max-width: 767px) {
    .nav-tabs .nav-link {
        padding: 10px 0px;
        line-height: 1;
        font-size: 14px;
        width: 50%;
        text-align: left;
    }
    .personal-banking .carousel-item {
        height: auto !important;
        padding-bottom: 10px;
    }
    .personal-banking-section {
        background-position: 100%;
        padding-top: 40px;
    }
    .accordion-item {
        padding: 0px;
    }
}
.carousel-top .carousel-item {
    display: flex;
}
/* currency converter css start */
.currency-wrap .select2-container--default .select2-selection--single .select2-selection__rendered {
    display: flex;
    align-items: center;
}
.currency-wrap .select2-container--default .select2-selection--single .select2-selection__rendered i {
    margin-right: 5px;
}
.currency-wrap .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #717171 !important;
    border-radius: 4px;
    height: 36px !important;
}
.currency-wrap .convertbtn {
    background-color: #fff;
    border: 1px solid #c36;
    padding: 6px 20px;
    color: #c36;
    border-radius: 5px;
}
.currency-wrap .selectcurrency {
    width: 200px;
}
.currency-wrap .select2-selection__clear {
    display: none;
}
.currency-calculator .putamount {
    padding: 4px;
    border: 1px solid #717171;
    border-radius: 4px;
    vertical-align: middle;
}
/* currency converter css end */
/* Personal-Banking/Accounts css start */
.card-wrap .card,
.offer-wrap .offercard {
    box-shadow: 10px 0px 20px 0px rgba(157, 157, 157, 0.16);
    -webkit-box-shadow: 10px 0px 20px 0px rgba(157, 157, 157, 0.16);
    -moz-box-shadow: 10px 0px 20px 0px rgba(157, 157, 157, 0.16);
    border: none;
}
/* Personal-Banking/Accounts css end */
/* Personal-Banking/Cards/Debit-card css start */
.debitcard-wrap .card {
    -webkit-box-shadow: 0px 6px 43px -11px rgba(170, 160, 160, 1);
    -moz-box-shadow: 0px 6px 43px -11px rgba(170, 160, 160, 1);
    box-shadow: 0px 6px 43px -11px rgba(170, 160, 160, 1);
    border-radius: 10px;
    border: transparent;
}
.related-bankingwrap .card-title {
    border-top: 3px solid #00B4F0;
}
/* Personal-Banking/Cards/Debit-card css end */
/* ccil-fx-retail platform css start */
.bckl-link {
    color: #000;
}
.bckl-link:hover {
    border-bottom: 1px solid #00B4F0;
}
/* ccil-fx-retail platform  css end */
/* Recurring Deposit Calculator css start */
.rd-calculatorwrap {
    background: rgba(4, 221, 196, 0.3) linear-gradient(310deg, rgba(4, 221, 196, 0.3) 0%, rgba(0, 162, 225, 0.3) 100%) 0% 0% no-repeat padding-box;
    ;
    border-radius: 15px;
}
.rd-calculatorwrap .output {
    background: transparent linear-gradient(291deg, #04DDC4 0%, #00A2E1 100%) 0% 0% no-repeat padding-box;
    border-radius: 8px;
    color: #333;
}
#amountOutput,
#interestRateOutput,
#timePeriodOutput {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 4px;
    padding: 5px 20px;
    margin: 15px 10px;
}
.rd-calculatorwrap .tab-item {
    background-color: #CCCCCC;
    cursor: pointer;
    pointer-events: none;
}
.rd-calculatorwrap .tab-item.active,
.simulator-calculatorwrap .tab-item.active {
    background-color: #04DDC4;
    color: #fff;
}
.rd-calculatorwrap .tab-item.month-active {
    background-color: #04DDC4;
    color: #fff;
}
.rd-calculatorwrap input[type="text"] {
    border-radius: 8px;
    border: none;
}
.rd-calculatorwrap input[type="range"] {
    margin: 10px 0px;
}
/* Recurring Deposit Calculator css end */
/* FD Deposit Calculator css start */
.fd-benefit {
    background-image: url(/images/banner/i-fixeddeposit-header.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.nav-list .listing:before {
    content: '✓';
    margin-right: 20px;
    background-color: #00B4F0;
    color: #fff;
    padding: 4px 10px;
    border-radius: 50px;
}
.nav-list ul li::marker {
    color: transparent;
}
.nav-list:hover,
.tab-wrap .tab-card:hover {
    background-color: #EDF0F0;
}
.fd-benefit .border-right {
    border-right: 1px solid #fff;
}
.keyfeature .front-card {
    height: 449px;
    position: relative;
    transition: .5s;
}
.keyfeature .keyitem {
    position: relative;
}
.keyfeature .keyitem .card-heading {
    position: absolute;
    bottom: 0;
}
.bg-dblue {
    background-color: #051838;
    position: absolute;
    top: 0;
    height: 449px;
    display: none;
    transition: 1s;
    cursor: pointer;
}
.keyfeature .keyitem:hover .bg-dblue {
    display: block;
    transition: 1s;
}
.keyfeature .keyitem .card1 {
    background-image: url(/images/side-banner/i-multiple-onboardingmodes.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.keyfeature .keyitem .card2 {
    background-image: url(/images/side-banner/i-flexible-tenures.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.keyfeature .keyitem .card3 {
    background-image: url(/images/side-banner/i-competitive-interest-rates.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.keyfeature .keyitem .card4 {
    background-image: url(/images/side-banner/i-convenient-financing.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.keyfeature .keyitem .card5 {
    background-image: url(/images/side-banner/i-choice-of-fd-schemes.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.keyfeature .keyitem .card6 {
    background-image: url(/images/side-banner/i-manage-maturityinstructions.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.keyfeature .keyitem .card7 {
    background-image: url(/images/side-banner/i-premature-fdclosure.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.keyfeature .keyitem .card8 {
    background-image: url(/images/side-banner/i-nomination-facility-available.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.keyfeature .keyitem .card9 {
    background-image: url(/images/side-banner/i-get-loan-againstfd.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.keyfeature .keyitem .card10 {
    background-image: url(/images/side-banner/i-open-fd-jointly.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.owl-theme .owl-dots .owl-dot.active span {
    background-color: #00B2E2 !important;
}
.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 40px;
}
/* FD Deposit Calculator css end */
.card-body {
    padding: 2rem 2rem;
}
.fw-700 {
    font-weight: 700;
}
.clr-blue-light {
    color: #00b4f0;
}
.blue-pdf {
    font-size: 1.2em;
    font-weight: 700;
    line-height: 1.2em;
    color: #1E3868;
}
.text-black-FB,
.shdw-con-1 .text-black-FB {
    color: #54595f;
}
.width-25 {
    width: 25px;
}
.carousel-item .clr-white {
    color: #ffffff !important;
}
.clr-light-blue {
    color: #00B2E2;
    font-size: 22px;
    font-weight: 700;
}
.dark-blue ul li::marker {
    color: #1E3868;
}
.dark-blue ul {
    padding-left: 1.25rem;
}
.moretext {
    display: none;
}
/* testimonial css start */
.fs-325 {
    font-size: 325px !important;
}
.testimonial-quote {
    height: 100px;
    position: absolute;
    top: -95px;
    font-size: 325px;
    line-height: 231px;
    font-family: arial;
    font-weight: bold;
    color: #00B4F0;
    opacity: 0.3;
    margin-left: -20px;
    z-index: 19;
}
.carousel-indicators [data-bs-target] {
    background-color: #EDEDED;
    width: 7px;
    height: 7px;
    border-radius: 50%;
}
.carousel-indicators .active {
    background-color: #00B2E2;
}
#testimonialCarousel .carousel-control-prev,
#testimonialCarousel .carousel-control-next {
    top: 50%;
    transform: translateY(-50%);
    width: 5%;
}
#testimonialCarousel .carousel-control-prev {
    left: 0;
}
#testimonialCarousel .carousel-control-next {
    right: 0;
    left: auto;
}
.carousel-indicators {
    bottom: 0px;
}
#testimonialCarousel .carousel-control-prev-icon,
#testimonialCarousel .carousel-control-next-icon {
    filter: brightness(0.1);
}
#testimonialCarousel .carousel-inner {
    overflow: visible;
}
.testimonials-image {
    margin-top: -90px;
}
/* testimonial css end */
.number-section {
    display: flex;
    align-items: flex-start;
    padding: 15px;
}
.section-number {
    color: #B1EBFF;
    font-size: 62px;
    font-weight: 700;
    line-height: 50px;
}
.section-text {
    text-align: left;
    flex: 1;
    margin-left: 15px;
}
.timeline {
    margin: 20px auto 50px auto;
    padding: 0px 8px 14px 22px;
    border-left: 1px solid #ccc;
}
.timeline p {
    padding-left: 25px;
    position: relative;
}
.timeline p:before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #fff;
    border: 3px solid #00B4F0;
    position: absolute;
    top: 7px;
    left: -28px;
}
/* NRI Banking Css Start */
.nribanking-wrap .owl-carousel .owl-theme .owl-loaded .owl-drag {
    position: relative;
}
.nribanking-wrap .owl-theme .owl-nav {
    margin-top: -50px;
    margin-right: 130px;
}
.nribanking-wrap .owl-theme .owl-nav .owl-prev {
    margin-left: -20px;
}
.nribanking-wrap .owl-theme .owl-nav .owl-prev,
.nribanking-wrap .owl-theme .owl-nav .owl-next {
    color: #383838;
    font-size: 24px;
    position: absolute;
    background: transparent;
}
.nribanking-wrap .owl-theme .owl-nav .owl-prev:hover,
.nribanking-wrap .owl-theme .owl-nav .owl-next:hover {
    background: transparent;
    color: #383838;
    text-decoration: none;
}
.whychoosewrap .tiles-section {
    max-height: 400px;
    overflow-y: scroll;
    padding-right: 1rem;
    /* Space for hidden scrollbar */
}
.whychoosewrap .tiles-section::-webkit-scrollbar {
    display: none;
    /* Hide scrollbar in WebKit browsers */
}
.whychoosewrap .tiles-section {
    scrollbar-width: none;
    /* Hide scrollbar in Firefox */
}
.whychoosewrap .tile {
    border: 1px solid #e3e3e3;
}
.nav-table {
    border: 1px solid #E6E6E6;
}
.nav-table td:first-child {
    border-right: 1px solid #E6E6E6;
}
.featurewrap .featurecard {
    padding: 40px;
    height: 700px;
}
.featurewrap .featurecard .ftitle {
    line-height: 33px;
}
.featurewrap .featureimg {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    min-height: 400px;
}
.featurewrap .fetureimg1 {
    background-image: url(/images/side-banner/h-nri-fd.webp);
}
.featurewrap .fetureimg2 {
    background-image: url(/images/side-banner/h-nri-saving-account.webp);
}
.featurewrap .fetureimg3 {
    background-image: url(/images/side-banner/i-sendmoneytoindia.webp);
}
.featurewrap .fetureimg4 {
    background-image: url(/images/side-banner/i-currencyconverter.webp);
}
.featurewrap .fetureimg5 {
    background-image: url(/images/side-banner/i-nri-debit-cards.webp);
}
.featurewrap .fetureimg6 {
    background-image: url(/images/side-banner/h-nri-loan-against-property.webp);
}
.featurewrap .owl-theme .owl-nav .owl-prev,
.featurewrap .owl-theme .owl-nav .owl-next,
.featurewrap .owl-theme .owl-nav .owl-prev:hover,
.featurewrap .owl-theme .owl-nav .owl-next:hover {
    color: #9D9D9D;
}
.featurewrap .owl-theme .owl-nav {
    margin-right: 80px;
}
.notice-links {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2em;
    color: #000000;
}
.bg-clr-white {
    background-color: #ffffff;
}
.notice-border:hover {
    border-bottom: 5px solid #00A2E0;
}
.notice-border {
    height: 70px;
    padding: 0px 15px;
}
.white-button {
    background-color: #ffffff;
    display: block;
    padding: .5rem 1rem;
    color: #000000;
    text-decoration: none;
}
.bg-dark-blue {
    background-color: #EDF0F0;
    position: sticky;
    top: 90px;
    z-index: 99;
}
.bg-dark-blue ul li {
    list-style: none;
}
/*notice board support*/
.divsec>div {
    margin-bottom: 15px;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}
.formdiv .form-control {
    border-radius: 3px;
    padding: .5rem 1rem;
    transition: all .3s;
    border: 1px solid #D6D6D6;
    color: #7A7A7A;
}
.grey-border {
    border: 1px solid #D6D6D6;
}
.formdiv textarea.form-control {
    line-height: 1.4;
    font-size: 15px;
    min-height: 40px;
    padding: 5px 14px;
}
.formdiv select {
    padding-right: 30px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath fill='%237a7a7a' d='M0 0l5 6 5-6H0z'/%3E%3C/svg%3E");
    background-position: right 10px center;
    background-size: 12px;
    background-repeat: no-repeat;
}
.formdiv label {
    color: #7A7A7A;
    cursor: pointer;
}
.form-check-input {
    width: 0.9em;
    height: 0.9em;
    margin-top: .30em;
}
/* Niyo Global Page Css */
.niyoglobal-wrap .banner-listing li::marker {
    color: transparent;
}
.niyoglobal-wrap .niyo-btn {
    color: #c2a463;
    border-radius: 20px;
    display: inline-block;
    font-weight: 500;
}
.niyoglobal-wrap .ptext {
    color: #212529;
}
.niyoglobal-wrap .accordion-item {
    border: 1px solid #ccc;
    padding: 10px 20px;
    margin-bottom: 30px;
    border-radius: 20px;
}
.niyoglobal-wrap .accordion-button:hover {
    color: #0056b3;
    text-decoration: none;
}
.niyoglobal-wrap .yt-wrap .yt-img {
    border-radius: 15px
}
.niyoglobal-wrap .yt-wrap .owl-theme .owl-nav {
    margin-top: 20px;
}
.niyoglobal-wrap .owl-theme .owl-nav .owl-prev,
.niyoglobal-wrap .owl-theme .owl-nav .owl-next {
    background: transparent;
    color: #c7a663;
    font-weight: 700;
    margin: 0px;
    padding: 4px;
}
.niyoglobal-wrap .owl-theme .owl-nav .owl-prev:hover,
.niyoglobal-wrap .owl-theme .owl-nav .owl-next:hover {
    background: transparent;
    color: #9f9e9e;
}
.niyoglobal-wrap header .navbar,
.niyoglobal-wrap .top-menu,
.niyoglobal-wrap {
    background-color: #FFFFFf;
}
.niyoglobal-wrap .bgpink {
    background-color: #eaddc3;
}
.niyoglobal-wrap .sm-icon {
    margin-right: 18px;
}
.niyoglobal-wrap .apply-points a {
    color: #000;
    text-decoration: none;
}
.level-griv>div {
    margin-bottom: 20px;
    padding-right: 1.2rem;
}
.form-level-griv {
    line-height: 1.4;
    font-size: 15px;
    min-height: 60px;
    padding: 5px 20px;
}
.form-level-griv .form-control {
    border-radius: 3px;
    padding: .5rem 1rem;
    transition: all .3s;
    border: 1px solid #D6D6D6;
    color: #7A7A7A;
}
.form-level-griv select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath fill='%237a7a7a' d='M0 0l5 6 5-6H0z'/%3E%3C/svg%3E");
    background-position: right 10px center;
    background-size: 12px;
    background-repeat: no-repeat;
}
.griv-cta {
    padding: 15px 30px;
}
.message-lvl-2 {
    height: 42px;
}
#grm-leve1 .error,
#grm-level-two .error,
#grm-level-three .error,
#reportform .error,
#formpaymentdispute .error,
#grm-leve1-mobile .error,
#grm-level-two-mobile .error,
#grm-level-three-mobile .error,
#reportform-mobile .error,
#formpaymentdispute-mobile .error #doNotDisturbForm .error {
    color: red;
    font-size: 12px;
}
.pagination li {
    color: #c36;
    cursor: pointer;
}
.pagination .nav-list:hover {
    background-color: transparent;
}
.pagination .active {
    color: #000
}
/* About Us style start */
.leftblueborder {
    border-left: 3px solid #00B4F0;
}
.aboutus-banner,
.vision-card .our-vision,
.vision-card .our-mission {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.vision-card .our-vision,
.vision-card .our-mission {
    flex: 1 1 0;
    min-width: 0;
    padding: 105px;
}
.aboutus-banner {
    background-image: url(/images/banner/i-aboutus-secondfold.webp);
    height: 100vh;
}
.vision-card .our-vision {
    background-image: url(/images/side-banner/i-our-vision.webp);
}
.vision-card .our-mission {
    background-image: url(/images/side-banner/i-our-mission.webp);
}
.vision-card {
    gap: 40px;
}
.teamwrap .bod {
    cursor: pointer;
}
.teamwrap .modal-body {
    overflow: scroll;
    height: 500px;
}
.figwrap {
    position: relative;
}
.figtitle {
    position: absolute;
    bottom: 20px;
    left: 30px;
    z-index: 10;
}
/* About Us style end */
/* Simulator calculator style start */
.simulator-calculator .breadcrumbs,
.simulator-calculator .pt-40 {
    padding-top: 40px !important;
}
.faq-item {
    background-color: #CCCCCC;
    cursor: pointer;
}
.faq-simulator {
    background-color: #E7E7E7;
}
#saving-table thead tr:first-child {
    background-color: #E2E2E2 !important;
}
.simulator-th-blue {
    background-color: #00B4F0;
}
.simulator-calculatorwrap .tab-details {
    background-color: #E8E8E8;
}
.faq-button:after {
    background-image: none;
    background-repeat: no-repeat;
    border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    width: 10px;
    height: 10px;
}
.faq-button:not(.collapsed):after {
    transform: rotate(-135deg);
}
.stepwrap {
    width: 52px;
    height: 52px;
    align-content: end;
}
.saving-fixdiv {
    background-color: transparent;
    background-image: linear-gradient(258deg, #04DCC4 0%, #00A3E0 100%);
}
.saving-fixedwrap {
    position: fixed;
    bottom: 0;
    z-index: 999;
    width: 100%;
}
.simulator-calculatorwrap .amountInput {
    border-radius: 8px;
}
.simulator-calculatorwrap .amount-input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}
.simulator-calculatorwrap .rupee-symbol {
    position: absolute;
    left: 10px;
    font-size: 14px;
    pointer-events: none;
}
.simulator-calculatorwrap #amountInput {
    padding-left: 30px;
    box-sizing: border-box;
}
.tab-details .resultheading {
    border-bottom: 1px solid #000000;
}
.assistancewrap a {
    color: #011B52;
}
.amount-input-wrapper input::placeholder {
    color: #000000 !important;
    opacity: 1 !important;
}
.amount-input-wrapper input::-ms-input-placeholder {
    color: #000000 !important;
}
.simulator-calculatorwrap #interestRateInput {
    appearance: none;
    -webkit-appearance: none;
    background-size: 10px;
    border-radius: 8px;
    background-position: right 15px center;
}
.simulator-saving-display .table {
    text-align: center;
    margin: 0 auto;
    box-shadow: none;
    border-radius: 0;
}
.simulator-clr-blue {
    color: #011B52 !important;
}
.simulator-clr-grey {
    border-color: #818181;
}
.bg-header-grey {
    background: #E2E2E2 !important;
    color: #000;
    font-weight: 500;
}
.bg-sky-blue {
    background: #00B4F0 !important;
}
.simulator-saving-display .table-striped>tbody>tr:nth-of-type(even) {
    --bs-table-accent-bg: #fff;
    color: var(--bs-table-striped-color);
}
.simulator-saving-display table th {
    border: none;
    padding: 8px !important;
}
.simulator-saving-display table th.bg-header-grey {
    padding: 13px !important;
}
.simulator-saving-display table td {
    border-bottom: 1px solid #E2E2E2;
    padding: 5px !important;
    font-size: 15px;
}
#simulatorContactForm .divcity {
    display: none;
}
/*unclaimed deposit*/
.unclaimed-wrap .form-control {
    border: 1px solid #2187c3;
}
.unclaimed-wrap .redastrict {
    color: #F00;
}
.unclaimed-para p,
.unclaimed-para h2,
.unclaimed-para h3,
.unclaimed-para ul li {
    line-height: 1.875;
}
.unclaimed-wrap .operate {
    color: #999e9a;
    font-size: 12px;
    font-weight: 600;
}
.table-container {
    margin: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgb(0 0 0 / .1)
}
.table-responsive {
    overflow-x: auto
}
.table-udeposit {
    width: 100%;
    border-collapse: collapse;
    background-color: #fff;
}
.table-udeposit th,
.table-udeposit td {
    padding: 12px 15px;
    text-align: left;
    border-bottom: 1px solid #ddd;
    border: 1px solid #eee;
}
.table-udeposit thead th {
    background-color: #f5f5f5;
    font-weight: 700;
}
#unclaimedForm label {
    color: #7a7a7a;
}
#unclaimedForm input:focus-visible {
    outline: 1px solid #000000;
}
.private-template :focus-visible {
    border: 1px solid #B18F4F !important;
}
/* When inside .blue-template theme */
.blue-template :focus-visible {
    border: 1px solid #007BFF !important;
    /* replace with your blue if different */
}
@media (max-width: 768px) {
    .clr-light-blue {
        font-size: 19px;
    }
    .breadcrumb-item a,
    .breadcrumb-item.active {
        font-size: .80em;
    }
    .bg-dark-blue {
        top: 48px;
    }
}
@media (max-width: 768px) {
    .number-section {
        display: block;
    }
    .career-points {
        padding: 1rem !important;
    }
    .testimonials-image {
        margin-top: 20px;
        width: 60%;
    }
    .pad-0 {
        padding: 0 !important;
    }
    .testimonial-quote {
        color: #00B4F0 !important;
        top: -70px;
        height: 70px;
        line-height: 170px;
    }
    .fs-325 {
        font-size: 230px !important;
    }
    #testimonialCarousel .mt-5 {
        margin-top: 1rem !important;
        color: #1E3868;
    }
    /* .mt-5 {
        margin-top: 0rem !important;
    } */
    .leadership-development-programme {
        background-image: url(/images/background/mobile_bg-1.jpg);
        padding: 100px 20px 200px 20px;
    }
    .section-text {
        margin-left: 0;
        margin-top: 10px;
    }
    .d-block-mobile {
        display: block !important;
    }
    .text-xs-center {
        text-align: center !important;
    }
    .culture-icon {
        width: 50px;
        height: 50px;
        margin-bottom: 15px;
    }
}
.cta-button {
    width: max-content;
}
.unclaimed-cta {
    padding: 15px 20px;
    border: 0;
}
#unclaimedForm label {
    color: #7a7a7a;
}
#unclaimedForm input:focus-visible {
    outline: 2px solid #000000;
}
.video-heading:hover {
    text-decoration: underline;
    transition: all .3s linear;
}
.popup-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}
.popup-container.show {
    opacity: 1;
    pointer-events: auto;
}
.close-button {
    position: absolute;
    top: 30px;
    right: 30px;
    color: #ffffff;
    cursor: pointer;
    font-size: 25px;
}
.video-container {
    position: relative;
    width: 80%;
    max-width: 800px;
    margin: 0 auto;
}
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.play-button {
    position: relative;
    text-align: center;
    width: 60px;
    height: 60px;
    display: block;
    background: #fff;
    color: #1a1a1a;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    border: none;
    font-size: 21px;
}
.play-button:hover,
.play-button:hover:before {
    background: #1a1a1a;
    color: #fff;
}
.play-button:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 50%;
    animation: pulse-border 1.5s ease-out infinite;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
}
.play-button i {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    display: block;
    cursor: pointer;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #1a1a1a;
}
.youtube-container {
    position: relative;
}
.video-popup {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
#thankyou .btn-close {
    padding: .5rem .9rem;
}
#thankyou .modal-body {
    padding: 2.5rem !important;
}
#thankyou .modal-content-cus {
    background-color: #10264e;
    max-width: 50%;
}
.modal-content-cus {
    max-width: 75%;
    margin: 4rem auto;
}
.modal-content-cus .modal-header {
    padding: 1rem;
}
.modal-header {
    border-bottom: 0px;
}
.teamwrap .btn-close:focus {
    box-shadow: none;
    border: none;
}
.homepage-popup .btn-close {
    position: absolute;
    color: #fff;
    background: none;
    right: 0;
    margin: 10px;
    opacity: 1;
}
*/ .homepage-popup .btn-close:hover,
.homepage-popup .btn-close:focus {
    color: #fff;
    opacity: 1;
    box-shadow: none;
}
@media only screen and (max-width: 768px) {
    .video-container {
        width: 90%;
        padding-top: 56.25%;
    }
    .modal-content-cus,
    #thankyou .modal-content-cus {
        max-width: 100%;
        margin: 5.75rem auto;
    }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
    .video-container {
        width: 700px;
        height: 393.75px;
    }
}
@media only screen and (min-width: 1025px) {
    .video-container {
        width: 800px;
        height: 450px;
    }
}
/* simulator calcuator */
.custom-cursor-pointer {
    cursor: pointer;
}
.bg-cccccc {
    background-color: #cccccc;
    color: #000;
}
.fc-747474 {
    color: #747474;
}
.custom-cursor-pointer::-moz-range-track {
    border: none;
}
/* online fixed deposit subscript text CSS*/
.sub-text {
    font-size: 0.6em;
    position: relative;
    top: 0.2em;
}
/* New FD page css start */
.newfd #requestacallback {
    display: none;
}
.newfd footer {
    padding-top: 60px;
}
.fd-card .cta-blue {
    padding: 8px 25px;
}
.fd-card .cta-blue .cta-icon {
    padding-left: 10px;
}
.newfd .breadcrumbs {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
.fd-cardwrap .banner-text p {
    line-height: 14px;
}
.fd-cardwrap {
    position: relative;
}
.fd-cardwrap .banner-text {
    position: absolute;
    top: 91.4%;
    left: 22%;
    transform: translateY(-50%);
}
.fd-cardwrap .banner-text .bannerbgtext {
    background-color: #1D6D9E;
    border-radius: 10px 10px 0 0;
    padding: 5px 26px;
    display: inline-block;
}
.fd-card {
    background-color: #ffffff;
    color: #000;
    padding: 20px 20px 30px;
    position: absolute;
    top: 12%;
    right: 7%;
    width: 33%;
    -webkit-box-shadow: 4px 4px 24px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 4px 4px 24px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 4px 4px 24px 0px rgba(0, 0, 0, 0.16);
}
.fd-card select {
    cursor: pointer;
}
.fd-table thead th {
    font-size: 16px;
    font-weight: 600;
}
.fd-table table th,
.fd-table table td {
    padding: 10px !important;
}
.fd-table td {
    border-style: none;
}
.tablenote {
    font-size: 16px;
    color: #000;
    font-weight: 400;
}
.fd-card .form-check-input {
    padding: 8px;
    border-radius: 0;
}
.fd-card .form-container {
    background-color: white;
    border-radius: 8px;
    padding: 30px;
    max-width: 500px;
    width: 100%;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.select-deposit {
    color: #000000 !important;
    font-weight: 500;
    line-height: 1;
    padding-bottom: 5px;
}
.fd-card .form-control {
    border: none;
    border-bottom: 1px solid #666666;
    border-radius: 0;
    padding: 0;
    padding-bottom: 3px;
    color: #666666;
    font-size: 14px;
    padding-left: 5px;
}
.fd-card input.form-control::placeholder {
    color: #666666 !important;
    opacity: 1 !important;
}
.fd-card input:-webkit-autofill,
.fd-card select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
    -webkit-text-fill-color: #666666 !important;
    transition: background-color 5000s ease-in-out 0s;
}
.fd-card input.form-control {
    color: #000000;
}
.fd-card input.form-control .fd-card .form-control:focus {
    box-shadow: none;
    border-bottom: 1px solid #000000;
}
.fd-card select option[disabled] {
    color: #666666;
}
.fd-card select option {
    color: #000000;
}
.fd-card .form-label,
select {
    color: #666666;
    font-size: 0.9rem;
}
.fd-table td {
    font-size: 1rem;
}
.fd-benefits {
    margin-top: 100px;
}
.fd-benefits .bluecta {
    color: #011B52;
    text-decoration: underline;
}
.fd-benefits img {
    width: 55px;
    height: auto;
}
.icon-sec {
    background: #011B52;
    padding: 20px;
}
.icon-sec p {
    color: #fff;
}
/* New FD page css end */
.pulse-btn {
    display: inline-block;
    background-color: #00A2E1;
    /* Cyan */
    color: #fff;
    padding: 8px 15px;
    text-decoration: none;
    font-weight: 500;
    border-radius: 5px;
    animation: pulseZoom 1.5s ease-in-out infinite;
    transition: box-shadow 0.3s ease;
}
.pulse-btn:hover {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    color: #fff;
}
/* Animation keyframes */
@keyframes pulseZoom {
    0%,
    100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
}
/* footer hover css start */
footer ul li a:hover {
    color: #00A2E1;
}
footer ul li a.active {
    color: #00A2E1;
    font-weight: bold;
}
.private-template footer a:hover {
    color: #B18F4F;
}
.private-template footer ul li a.active {
    color: #B18F4F;
    font-weight: bold;
}
/* checksum-listing-section */
.checksum-listing-section {
    width: 80%;
}
/* Keyboard Support - Navigate using Tab to highlight content   */
:focus-visible {
    border: 1px solid #000000 !important;
}
/* When inside .private-template theme */
.private-template :focus-visible {
    border: 1px solid #B18F4F !important;
}
/* When inside .blue-template theme */
.blue-template :focus-visible {
    border: 1px solid #007BFF !important;
}