/*---------------------- Top Bar ----------------------*/
header {
    position: fixed;
    top: 0;
    z-index: 99;
    background: var(--white);
    width: 100%;
    background: var(--lightblue);
}
.left-topbar {
    display: flex;
    gap: 10px;
    align-items: center;
}
.skip-content a, .nav-card {
    font-size: var(--font12);
}
.skip-content a {
    color: var(--gray1E);
}
.topbar-call-wrap {
    position: relative;
}
.customerCare-dropdown-wrap {
    display: none;
    position: absolute;
}
.nav-card {
    padding: 4px 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    width: max-content;
    cursor: pointer;
}
.call-card {
    background: var(--secondary);
    color: #fff;
    border: 0;
}
.nav-card svg {
    width: 14px;
    height: 14px;
}
.nav-card svg.topbar-chevron {
    width: 10px;
}
.customerCare-dropdown-wrap ul {
    padding-left: 0;
    background: rgba(255, 255, 255, 0.93);
    box-shadow: 0 1px 8.5px 0 rgba(0, 0, 0, 0.19);
    backdrop-filter: blur(2px);
    border-radius: 0 0 var(--radius15) var(--radius15);
    -webkit-border-radius: 0 0 var(--radius15) var(--radius15);
    -moz-border-radius: 0 0 var(--radius15) var(--radius15);
    -ms-border-radius: 0 0 var(--radius15) var(--radius15);
    -o-border-radius: 0 0 var(--radius15) var(--radius15);
    padding: 16px;
    font-size: var(--font14);
    font-family: var(--font_poppins);
}
.customerCare-dropdown-wrap ul li {
    border-bottom: 1px solid var(--grayD6);
    padding-bottom: 9px;
    margin-bottom: 9px;
}
.customerCare-dropdown-wrap ul li:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
.customerCare-dropdown-wrap .customerCare-title, .customerCare-dropdown-wrap .number a, .customerCare-dropdown-wrap .number {
    color: var(--gray34);
}
.customerCare-dropdown-wrap .email a {
    color: var(--dodgerBlue);
}

.customerCare-dropdown-wrap .customerCare-title {
    font-weight: 700;
}
.call-dropdown {
    position: absolute;
    display: none;
    margin-top: -7px;
}
.translate-wrap .nav-card {
    justify-content: end;
    background: transparent;
    border: none;
}
.translate-wrap svg.topbar-chevron {
    stroke: var(--indigoBlue);
}
.translate-wrap {
    display: flex;
    justify-content: end;
}
.red-divider{
    height: 5px;
    background: var(--secondary);
    margin-top: 2px;
}
/*---------------------- Navbar ----------------------*/
.navbar-wrap {
    width: 100%;
}
.main-header {
    background: var(--primary);
}
.navbar-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}
.main-header .dropdown {
    position: initial;
}
.navbar-expand-xl .navbar-nav {
    align-items: center;
}
.navbar-nav .nav-link {
    color: var(--white);
    font-weight: 400;
    padding: 25px 10px;
    white-space: nowrap;
    font-size: var(--font15);
    font-size: var(--font15);
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}
.dropdown-toggle::after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='7' viewBox='0 0 9 7' fill='none'%3E%3Cpath d='M0.394287 0.317078L4.29352 5.31708L8.39429 0.317078' stroke='white'/%3E%3C/svg%3E") center no-repeat;
    border: none;
    width: 8px;
    height: 5px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transition: transform 0.3s ease-in-out;
    -webkit-transition: transform 0.3s ease-in-out;
    -moz-transition: transform 0.3s ease-in-out;
    -ms-transition: transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
}
.megamenu:hover > .nav-link.dropdown-toggle::after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='7' viewBox='0 0 9 7' fill='none'%3E%3Cpath d='M0.394287 0.317078L4.29352 5.31708L8.39429 0.317078' stroke='%236fc1ff'/%3E%3C/svg%3E") center no-repeat;
    transform: rotate(-90deg);
}
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus,
.nav-item:hover > .nav-link {
    color: #6fc1ff !important;
}
.nav-link:focus-visible {
    outline: -webkit-focus-ring-color auto 1px;
}
.megamenu .dropdown-menu {
    width: 100%;
    max-width: 1210px;
    border-radius: 0 0 var(--radius24) var(--radius24);
    overflow: hidden;
    background: var(--white);
    left: 0;
    -webkit-border-radius: 0 0 var(--radius24) var(--radius24);
    -moz-border-radius: 0 0 var(--radius24) var(--radius24);
    -ms-border-radius: 0 0 var(--radius24) var(--radius24);
    -o-border-radius: 0 0 var(--radius24) var(--radius24);
}
.megamenu:hover > .dropdown-menu,
.megamenu .dropdown-menu.show {
    display: block;
}
.megamenu-content {
    background: var(--white);
    font-family: var(--font_poppins);
    font-size: var(--font15);
}
.megamenu-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 0;
    align-items: start;
}
.megamenu-column {
    display: grid;
    gap: 20px;
    padding: 1.875rem 1.5625rem;
}
.megamenu-image {
    position: relative;
    height: 100%;
}
.megamenu-main-title {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 2.375rem 1.875rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.77) 100%);
    color: var(--white);
    font-weight: 700;
    width: 100%;
    height: 70%;
}
.megamenu-main-title span {
    font-size: var(--font24);
    font-weight: 700;
    line-height: 100%;
}
.megamenu-title {
    text-transform: uppercase;
    margin-bottom: 10px;
    color: var(--dodgerBlue);
    font-weight: 600;
}
.megamenu-list {
    margin: 0;
    padding: 0;
}
.megamenu-list li + li {
    margin-top: 10px;
}
.megamenu-list .dropdown-item:hover,
.megamenu-list .dropdown-item:focus,
.sub-category .megamenu-list .dropdown-item:hover,
.sub-category .megamenu-list .dropdown-item:focus {
    color: var(--secondary);
    background: transparent;
}
.megamenu-list .dropdown-item, .sub-category .megamenu-list .dropdown-item {
    padding: 0;
    color: var(--body-color);
    white-space: normal;
    line-height: 125%;
    font-weight: 400;
}
.sub-category .dropdown-item {
    /* color: var(--gray92); */
    color: var(--body-color);
    font-weight: 700;
    margin-bottom: 10px;
}
.sub-category .megamenu-list {
    padding-left: 18px;
    border-left: 2px solid var(--softPink);
}
.dropdown-menu.p-0 {
    padding: 0;
}
.navbar-toggler {
    border: 1px solid rgba(36, 64, 125, 0.18);
}

.nav-search svg{
    width: 27px;
    height: 27px;
    object-fit: contain;
}

.header-search-wrap ul{
    display: flex;
    align-items: center;
    gap: 15px;
}

.header-login{
    position: relative;
}

.header-login .login-dropdown ul{
    display: flex;
    flex-direction: column;
    padding-left: 0;
}

.header-login .login-dropdown ul li a{
    font-size: var(--font13);
    color: var(--white);
    font-weight: 700;
    padding: 12px 18px;
}

.header-login .login-dropdown ul .btn-blue{
    background: var(--dark-blue);
    border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    -ms-border-radius: 8px 8px 0 0;
    -o-border-radius: 8px 8px 0 0;
}

.header-login .login-dropdown ul .btn-red{
    background: var(--secondary);
    border-radius: 0px 0px 8px 8px;
    -webkit-border-radius: 0px 0px 8px 8px;
    -moz-border-radius: 0px 0px 8px 8px;
    -ms-border-radius: 0px 0px 8px 8px;
    -o-border-radius: 0px 0px 8px 8px;
}

.main-navigation ul li:focus-within > .dropdown-menu {
    display: block;
    opacity: 1;
    visibility: visible;
}

.login-dropdown{
    position: fixed;
    margin-top: 10px;
}
.header-submenu-toggle {
    display: flex;
    flex-direction: column;
    gap: 3px;
    align-items: center;
} 
.header-submenu-toggle span {
    font-size: var(--font13);
    color: var(--white);
    line-height: 1;
}

@media (max-width: 1199.98px) {
    .megamenu .dropdown-menu {
        position: static;
        width: 100%;
        max-width: none;
        border-radius: 0;
    }
    .megamenu-image {
        min-height: 180px;
    }
}
@media (max-width: 767.98px) {
    .main-header {
        flex-wrap: wrap;
        padding: 1rem 1rem 0.5rem;
    }
    .navbar-nav {
        padding-top: 0.5rem;
    }
}


/*---------------------- section heading ----------------------*/


.sec-head-style-1.heading-wrap{
    display: flex;
    flex-direction: column;
    gap: 17px;
    margin-bottom: 2.8125rem;
}
.sec-head-style-1.heading-wrap p{
    font-size: var(--font18);
    line-height: 130%;
    letter-spacing: -0.36px;
}
.sec-head-style-2 {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 20px;
    flex-wrap: wrap;
}

.sec-head-style-2.heading-wrap{
    text-align: left;
}
.sec-head-style-2 span{
    font-size: var(--font20);
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: -0.6px;
    font-family: var(--font_inter);
    color: var(--primary);
}
.sec-head-style-2 h3{
    color: var(--primary);
}

.sec-head{
    display: flex;
    flex-direction: column;
    gap: 22px;
}
.sec-head-style-1 h6,
.gta-sec h6{
    margin-bottom: 0;
}
.gta-sec h6,
.sec-head-style-1 h6{
    font-weight: 700;
    line-height: 140%;
    letter-spacing: -0.44px;
    font-size: var(--font22);
    margin-bottom: 0;
}

/* ------------------ get a quote ---------------- */

.gta-sec{
    padding: var(--space42) 0;
    background: var(--primary);

}
.gta-sec .content-wrap{
    text-align: center;
}
.gta-sec h2{
    color: var(--white);
    font-weight: 600;
    line-height: 110%;
    letter-spacing: -0.8px;
    font-size: var(--font40);
}
.gta-sec .text-wrap{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.gta-sec .content-wrap{
    display: flex;
    flex-direction: column;
    gap: 29px;
}
.gta-sec h6{
    color: var(--white);
}

/* ---------------- product ------------------ */

.banner-section{
    width: 100%;
    height: 300px;
    position: relative;
    margin-bottom: 0;
}
.banner-caption {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.banner-section picture::before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    background: var(--white);
    opacity: 0.1;
}
.banner-section picture{
    height: 100%;
    width: 100%;
}
.banner-section picture img,
.vi-hero-banner-style-1 picture img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.banner-section .content-wrap{
    display: flex;
    flex-direction: column;
    gap: 23px;
}
.banner-section .banner-caption-wrap{
    z-index: 1;
}
.banner-section .content-wrap p{
    font-size: var(--font20);
    font-weight: 500;
    color: var(--light-black);
}
.banner-caption-wrap .banner-heading,
.banner-caption-wrap .banner-sub-text{
    display: grid;
}
.banner-caption-wrap .banner-sub-text{
    grid-template-columns: 37%;
}
.banner-caption-wrap .banner-heading{
    grid-template-columns: 53%;
}
.banner-caption-wrap{
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.blog-detail-banner .banner-caption-wrap .banner-heading {
    grid-template-columns: 50%;
}
/* ----------------------- vertical tab (Product tab) ------------------------------------- */


.vertical-tabs-sec .nav-link:focus-visible {
    box-shadow: none;
}

.vertical-tabs-sec .nav-link-custom {
    background: var(--lightGrey);
    color: var(--darkGrey);
    border-radius:8px 0 0 8px;
    border: none;
    text-align: left;
    padding:9px 23px 9px 13px;
    /* transition: all 0.3s ease; */
    -webkit-border-radius:8px 0 0 8px;
    -moz-border-radius:8px 0 0 8px;
    -ms-border-radius:8px 0 0 8px;
    -o-border-radius:8px 0 0 8px;
    width: 100%;
}

.vertical-tabs-sec .nav-pills{
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 40px;
}
.vertical-tabs-sec .nav-link-custom.active {
    background: var(--light-sky-blue-gradient);
    font-size: var(--font20);
    font-weight: 700;
    line-height: 115%;
    color: var(--dark-blue);
    position: relative;
    border-left: 8px solid var(--red);
    border-radius: 8px 0 0 8px !important;
    -webkit-border-radius: 8px 0 0 8px !important;
    -moz-border-radius: 8px 0 0 8px !important;
    -ms-border-radius: 8px 0 0 8px !important;
    -o-border-radius: 8px 0 0 8px !important;
}

/* Content Area Styling */

.vertical-tabs-sec .tab-content-custom {
    background: linear-gradient(300deg, #F3F3F3 32.04%, #A4DEF3 90.39%);
    border-radius: 24px;
    padding: 45px 40px;
    /*min-height: 350px;
    *//*box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    */-webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
    -webkit-border-radius: 24px;
}

.feature-list {
    list-style: none;
}
/*
.feature-list li span{
    font-weight: 700;
}
.feature-list li .list-item,
.feature-sub-list li .list-item{
    display: flex;
    align-items: baseline;
    gap: 10px;
}
.feature-list li .feature-sub-list{
    padding-top: 14px;
}
.feature-list,
.feature-sub-list{
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.feature-list li img{
    height: 14px;
    width: 14px;
} */
.tab-pane h3{
    color: var(--black);
    font-size: var(--font16);
    font-weight: 700;
    line-height: 140%;
    letter-spacing: -0.32px;
    margin-bottom: 0;
}
.feature-list{
    padding: 0;
}
.vertical-tabs-sec .vertical-tabs-wrap{
    display: flex;
}
.vertical-tabs-sec .nav-pills{
    width: calc(100% / 2);
}
.vertical-tabs-sec .tab-content{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
}
/* .tab-content .tab-pane .tab-pane-content{
    display: flex;
    flex-direction: column;
    gap: 10px;
} */
.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    font-size: var(--font18);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.vertical-tabs-style-1 .swiper-slide {
    width: auto;
}



/* ----------------------- infographic sec -------------------- */
.product-intro-sec .secured-personalised-wrap{
    padding-right: 2rem;
}
.product-intro-sec .secured-personalised-wrap{
    display: flex;
    flex-direction: column;
    gap: 22px;
}
.infographic-panel ul {
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3px;
}

.infographic-card {
    padding: 28px;
}

.infographic-wrap {
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: center;
    justify-content: center;
}

.rounded-icon {
    background:
    linear-gradient(var(--white), var(--white)) padding-box,
    linear-gradient(132deg, #ECECED 38.32%, #A4DEF3 100%) border-box;
    border: 1px solid transparent;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    border-radius: 50%;
}

.rounded-icon img {
    max-width: 40px;
    object-fit: contain;
    height: 100%;
}

.infographic-detail h6 {
    margin-bottom: 6px;
    font-size: var(--font20);
    font-weight: 700;
    color: var(--primary);
    line-height: 1.1;
}

.infographic-detail {
    text-align: center;
}

.infographic-detail p {
    font-size: var(--font14);
    line-height: 1.12;
}

.infographic-panel ul li:nth-child(1){
    background: linear-gradient(122deg, #F3F3F3 45.08%, #A4DEF3 94.66%);
    border: 1px solid var(--lightGrey);
    border-radius: 0 55px;
}

.infographic-panel ul li:nth-child(2){
    border-radius: 55px 0;
    border: 1px solid var(--lightGrey);
    background: linear-gradient(228deg, #F3F3F3 44.33%, #A4DEF3 100%);
}

.infographic-panel ul li:nth-child(3){
    border-radius: 55px 0;
    border: 1px solid var(--lightGrey);
    background: linear-gradient(37deg, #F3F3F3 55.51%, #A4DEF3 101.76%);
}

.infographic-panel ul li:nth-child(4){
    border-radius: 0 55px;
    border: 1px solid var(--lightGrey);
    background: linear-gradient(327deg, #F3F3F3 44.81%, #A4DEF3 100%);
}


/* ----------------------- footer ------------------------ */

footer {
    background: var(--darkGrey);
    padding: var(--space80) 0;
}

.footer-wrap{
    gap: 41px;
}
.footer-wrap,
.ftr-widget ul,
.ftr-widget,
.ftr-bottom-left,
.ftr-bottom-content{
    display: flex;
    flex-direction: column;
}
.ftr-md-left ul, .ftr-widget ul{
    padding: 0;
}
.ftr-widget ul{
    gap: 8px;
}
.ftr-widget ul li a:hover,
.ftr-md-left ul li a:hover,
.ftr-bottom-content p a:hover{
    color: var(--secondary);
}

.ftr-widget ul li a,
.ftr-bottom-content p,
.ftr-bottom-content p a{
    color: var(--white);
}
.ftr-widget ul li a,
.ftr-md-left ul li a,
.ftr-bottom-content p{
    font-size: var(--font14);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.ftr-md-left ul li a,
.ftr-md-right p{
    color: var(--greyF7);
}
.ftr-widget{
    gap: 10px;
}
.ftr-widget h2{
    color: var(--lightblue);
    font-size: var(--font16);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0;
}
.ftr-widget-wrap{
    display: grid;
    /* grid-template-columns: repeat(5, calc(100% / 5)); */
    grid-template-columns: repeat(5, 1fr);
    gap: 30px;
}
.ftr-middle-wrap{
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-width: 1px 0;
    padding: 16px 0;
}
.ftr-md-left ul li{
    font-size: var(--font14);
    font-weight: 400;
    color: var(--grayF7);
    position: relative;
}

.ftr-md-left ul li::after,
.pdf-detail ul li::after,
.card-style-7 .card ul li::after{
  content: "|";
  margin-left: 10px;
  color: var(--greyF7);
}

.ftr-md-left ul,
.pdf-detail ul,
.card-style-7 .card ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.ftr-md-left ul li:last-child::after,
.pdf-detail ul li:last-child::after,
.card-style-7 .card ul li:last-child::after{
  content: none;
}
.ftr-md-left ul li:first-child,
.card-style-7 .card ul li:first-child{
    margin-left: 0;
}
.ftr-md-left ul li,
.card-style-7 .card ul li{
    margin-left: 10px;
}
.ftr-md-right p{
    margin-bottom: 0;
    font-size: var(--font11);
    font-weight: 400;
    text-align: center;
}
.ftr-middle-wrap{
    display: flex;
    justify-content: space-between;
    row-gap: 12px;
    column-gap: 20px;
    flex-wrap: wrap;
}
.ftr-bottom-img{
    display: flex;
    gap: 10px;
}
.ftr-bottom-left {
    gap: 10px;
}
.ftr-bottom-content{
    gap: 9px;
}

.ftr-bottom-wrap ul{
    padding: 0;
}
.ftr-bottom--social-icon ul {
    display: flex;
    gap: 22px;
}
.ftr-bottom-wrap {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
}

/* ------------------- fact style ------------------- */
.counter-style-1 {
    background: var(--light-vertial-sky-blue-gradient);
    padding: var(--space50) 0;
}
.counter-style-1 .card-wrapper {
    display: flex;
    overflow: hidden;
    grid-template-columns: calc(30% - 10px) calc(20% - 10px) calc(20% - 10px) calc(30% - 10px);
    justify-content: center;
}

.counter-style-1 .card-wrapper .card-body:last-child{
    border-right: none;
}
.counter-style-1 .card-wrapper .card-body {
    border-right: 1px solid var(--darkGrey);
    width:initial;
}

.counter-style-1 .card-wrapper .counter-col {
    padding: 0 30px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    width: auto;
}

.counter-style-1 .card-wrapper .counter-num {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
}

.counter-style-1 .counter-num span,
.counter-style-1 .card-wrapper .counter-col .counter-heading{
    font-size: var(--font35);
    font-weight: 600;
    letter-spacing: -0.7px;
    text-align: center;
}
.counter-style-1 .card-wrapper .counter-col .counter-heading{
    margin-bottom: 0;
    line-height: 1.2;
}
.counter-style-1 .card-wrapper .counter-col p,
.counter-style-1 .card-wrapper .counter-col .counter-heading,
.counter-style-1 .counter-num span{
    color: var(--darkGrey);
}
.counter-style-1 .card-wrapper .counter-col p {
    font-size: var(--font14);
    font-weight: 600;
    text-align: center;
}

/* ------------------- vi-feature-style-1  ----------------------- */

.vi-feature-style-1 .split-left-img-wrap img{
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
    overflow: hidden;
}
.vi-feature-style-1 .split-left-img-wrap{
    aspect-ratio: 9 / 6;
}
.vi-feature-style-1 .split-right-content{
    gap: 16px;
}
.vi-feature-style-1 .split-left{
    gap: 28px;
}
.vi-feature-style-1 .split-left,
.vi-feature-style-1 .split-right-content {
    display: flex;
    flex-direction: column;
}
.vi-feature-style-1 h6{
    color: var(--primary);
    font-size: var(--font20);
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 0;
}
/* ------------------------ marquee-sec --------------------------------- */
/*
.marquee-wrap marquee span{
    color: var(--darkGrey);
    font-family: var(--font_inter);
    font-size: var(--font18);
    font-style: normal;
    font-weight: 400;
}
.marquee-wrap marquee{
    display: flex;
    gap: 15px;
    padding: 12px;
    align-items: center;
}
.marquee-wrap marquee span::after {
  content: "\2022";
  margin: 0 15px;
  color: var(--secondary);
}

.marquee-wrap marquee span:last-child::after {
  content: none;
} */


.marquee-sec .marquee-wrap {
  overflow: hidden;
  position: relative;
}

.marquee-sec .marquee-track {
  display: flex;
  padding: 12px;
  align-items: center;
  width: max-content;
  animation: marqueeScroll 20s linear infinite;
}

.marquee-sec .marquee-track span {
  white-space: nowrap;
  color: var(--darkGrey);
  font-family: var(--font_inter);
  font-size: var(--font18);
  font-weight: 400;
}

.marquee-sec .marquee-track span::after {
  content: "\2022";
  margin: 0 15px;
  color: var(--red);
}

.marquee-sec .marquee-track span:last-child::after {
  content: none;
}

@keyframes marqueeScroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}



/* ----------------------- hero banner section --------------------------- */

.vi-hero-banner-style-1 .swiper-container {
    width: 100%;
    height: 100%;
}

.vi-hero-banner-style-1 .swiper-slide {
    background-position: center;
    background-size: cover;
}

.vi-hero-banner-style-1 .swiper-slide img {
    display: block;
    width: 100%;
}

.vi-hero-banner-style-1 .swiper-slide {
    display: flex;
    align-items: center;
}

.vi-hero-banner-style-1 .swiper-button-next,
.vi-hero-banner-style-1 .swiper-button-prev {
    color: var(--white);
}


.vi-hero-banner-style-1 .banner-overlay::before{
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    background: var(--black);
    opacity: 0.5;
}
.vi-hero-banner-style-1 .banner-overlay{
    position: relative;
}
/* ----------------------- splide js ---------------- */
.splide__pagination {
    bottom: -50px;
}
.splide__pagination__page{
    height: 12px;
    width: 12px;
}
.splide__pagination__page{
    background: var(--white);
}
.vi-hero-banner-style-1 .swiper-pagination-bullet-active,
.splide__pagination__page.is-active{
    background: var(--red) !important;
    opacity: 1 !important;
    transform: scale(1.1);
}
.vi-hero-banner-style-1 .swiper-pagination-bullet-active.swiper-pagination-bullet{
    width: 35px;
}

.vi-hero-banner-style-1 .swiper-pagination-bullet{
    background: var(--white);
    width: 20px;
    border-radius: 0;
    height: 3px;
    opacity: 0.7;
    border-radius: 10px;
}
.vi-hero-banner-style-1 .swiper-pagination{
    display: flex;
    justify-content: flex-start;
    gap: 5px;
    bottom: 32px;
    left: auto;
}

.vi-hero-banner-style-1 .swiper-button-next:after, .swiper-button-prev:after {
    font-size: 35px;
}

.vi-hero-banner-style-1 .swiper-slide{
    width: 100%;
    height: 560px;
    position: relative;
    margin-bottom: 0;
}

.vi-hero-banner-style-1 picture::before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    background: var(--black);
    opacity: 0.1;
}
.vi-hero-banner-style-1 .slider-content-wrap{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.vi-hero-banner-style-1 .splide-slider-content{
    width: 100%;
    height: 100%;
}
.vi-hero-banner-style-1 picture{
    height: 100%;
    width: 100%;
    display: inline-flex;
}
.vi-hero-banner-style-1 h2{
    line-height: 0.8;
    font-size: var(--font48);
    line-height: normal;
    font-weight: 800;
    letter-spacing: -1.44px;
}
.vi-hero-banner-style-1 h2,
.vi-hero-banner-style-1 span,
.vi-hero-banner-style-1 ul li{
    color: var(--navy-blue);

}
.vi-hero-banner-style-1 span{
    font-size: var(--font35);
    font-weight: 500;
    letter-spacing: -1.08px;
    margin-bottom: 0;
}
.vi-hero-banner-style-1 ul li{
    font-size: var(--font18);
    font-weight: 400;
}
.vi-hero-banner-style-1 .banner-list ul{
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.vi-hero-banner-style-1 ul{
    gap: 8px;
    list-style:disc;
    padding-left: 25px;
}
.vi-hero-banner-style-1 .content-text,
.vi-hero-banner-style-1 .content-wrap{
    display: flex;
    flex-direction: column;

}
.vi-hero-banner-style-1 .content-text{
    text-align: start;
    gap: 15px;
}
.vi-hero-banner-style-1 .btn-wrap{
    display: flex;
    justify-content: flex-start;
}
.vi-hero-banner-style-1 .content-wrap{
    gap: 30px;
    justify-content: flex-start;
}
.vi-hero-banner-style-1 .splide__pagination {
    bottom: 30px;
    left: 100px;
    justify-content: flex-start;
}
.vi-hero-banner-style-1 .splide__pagination__page.is-active,
.vi-hero-banner-style-1 .splide__pagination__page{
    height: 3px;
}
.vi-hero-banner-style-1 .splide__pagination__page.is-active .splide__pagination__page{
    width: 35px;
}
.vi-hero-banner-style-1 .splide__pagination__page {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    width: 20px;
}
.vi-hero-banner-style-1 .slide-style-2 .content-text{
    text-align: center;
}
.vi-hero-banner-style-1 .slide-style-2 .btn-wrap {
    justify-content: center;
}

/* --------------- backdrop-filter cards ---------------------- */
.section-wrap{
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.hm-loan-product-panel h2{
    color: var(--primary);
    font-size: var(--font32);
    font-weight: 600;
    line-height: 110%;
    letter-spacing: -0.96px;
}

.hm-product-panel,
.hm-loan-product-panel,
.cta-img-card-sec,
.vi-slider-style-12{
    background: var(--lightGrey);
}
.cta-img-card-sec{
    padding-top: var(--space40);
    padding-bottom: var(--space80);
}
.hm-loan-product-panel{
    padding-bottom: var(--space80);
}
.hm-product-panel, .vi-feature-style-1{
    padding: var(--space80) 0;
}
.btn-link:hover{
    color: var(--secondary);
}
.btn-link{
    font-size: var(--font14);
    text-decoration: none;
}
.hm-product-panel h2,
.hm-product-panel p,
.hm-loan-product-panel h3,
.hm-loan-product-panel p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.hm-product-panel h2,
.hm-loan-product-panel h3{
    line-clamp: 2;
    -webkit-line-clamp: 2;
}
.hm-loan-product-panel p{
    line-clamp: 2;
    -webkit-line-clamp: 2;
}
.hm-product-panel p{
    line-clamp: 3;
    -webkit-line-clamp: 3;
}
.btn-link,
.hm-product-panel h3,
.hm-product-panel p,
.hm-loan-product-panel h3,
.hm-loan-product-panel p,
.cta-img-card-sec span,
.cta-img-card-sec h6{
    color: var(--white);
}
.btn-link,
.hm-product-panel h3,
.hm-loan-product-panel h3{
    font-weight: 700;
    font-style: normal;
    line-height: normal;
}
.hm-loan-product-panel h3{
    font-size: var(--font17);
}
.hm-loan-product-panel .feature-img-card:hover h3{
    color: var(--secondary);
    transition:ease-in-out 0.2s all;
    -webkit-transition:ease-in-out 0.2s all;
    -moz-transition:ease-in-out 0.2s all;
    -ms-transition:ease-in-out 0.2s all;
    -o-transition:ease-in-out 0.2s all;
}

.hm-product-panel h3,
.hm-loan-product-panel h3{
    margin-bottom: 0;
    letter-spacing: normal;
    transition:ease-in-out 0.2s all;
    -webkit-transition:ease-in-out 0.2s all;
    -moz-transition:ease-in-out 0.2s all;
    -ms-transition:ease-in-out 0.2s all;
    -o-transition:ease-in-out 0.2s all;
}

.hm-product-panel h3{
    font-size: var(--font22);
}
.hm-loan-product-panel .card-text{
    min-height: 77px;
}
.hm-product-panel .feature-card-content,
.hm-product-panel .card-text,
.hm-loan-product-panel .card-text{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.hm-loan-product-panel .feature-card-content,
.cta-img-card-sec .feature-card-content{
    padding: 24px 20px;
}
.hm-loan-product-panel .feature-card-content{
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 40%, rgba(0, 0, 0, 0.76) 100%);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: end;
    justify-content: flex-start;
}
.hm-loan-product-panel .feature-img-card{
    border: 1px solid var(--dusty-blue);
}
.hm-product-panel .feature-card-content,
.hm-loan-product-panel .feature-card-content,
.cta-img-card-sec .feature-card-content{
    position: absolute;
    bottom: 0;
}

.hm-product-panel .feature-card-content{
    padding: 18px 22px;
    justify-content: space-between;
    background: rgba(255, 255, 255, 0.10);
    background-blend-mode: hard-light;
    backdrop-filter: blur(4.5px);
    min-height: 170px;
}

.hm-loan-product-panel .feature-img-card,
.hm-product-panel img,
.hm-loan-product-panel img,
.cta-img-card-sec img{
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
    overflow: hidden;

}
.hm-product-panel .feature-card-content{
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

.hm-product-panel .feature-img-card,
.hm-loan-product-panel .feature-img-card,
.cta-img-card-sec .feature-img-card{
    position: relative;
}
.hm-loan-product-panel .feature-img-wrap{
    aspect-ratio: 9 / 10.2;
}
.hm-product-panel .feature-img-wrap{
    aspect-ratio: 9 / 12.5;
}
.cta-img-card-sec .feature-img-wrap{
    aspect-ratio: 9 / 6;
}
/* .emi-panel .main-tab-wrap .nav-tabs .nav-link:hover{
    color: var(--primary) !important;
} */
.cta-img-card-sec span,
.cta-img-card-sec h6{
    font-style: normal;
    font-weight: 600;
    line-height: 95%;
}
.cta-img-card-sec span{
    font-size:var(--font32);
    letter-spacing: -0.96px;
}
.cta-img-card-sec h6{
    font-size: var(--font38);
    letter-spacing: -1.14px;
}
.vi-feature-style-1 img {
    aspect-ratio: 9 / 4.3;
}

.vi-feature-style-1 .video-wrap {
    position: relative;
}
.vi-feature-style-1 .play-btn{
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    margin: 0 auto;
    transition: 0.4s;
    z-index: 99;
}

 .vi-feature-style-1 .play-btn{
    height: 60px;
    width: 60px;
    z-index: 9;
    background: rgba(0, 0, 0, 0.45);
    border-color: transparent;
}
.vi-feature-style-1 .thumb-img img{
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}
.vi-feature-style-1 .thumb-img::before {
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 1;
    transition: all 500ms linear;
    opacity: 25%;
    border-radius: 24px;
}
.vi-feature-style-1 .modal-backdrop.show {
    opacity: 0.9;
}
.vi-feature-style-1 .modal-video-video iframe{
    width: 100%;
}
.vi-feature-style-1 .close-btn {
    position: absolute;
    top: -30px;
    right: 5px;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e")no-repeat;
    opacity: 1;
    width: 5px;
    height: 5px;
    z-index: 99;
}

/* --------------------ci slider style 12 ------------------------- */

.vi-slider-style-12{
    color: var(--body-color);
}

.vi-slider-style-12 .vi-slider-card {
    background: var(--white);
}

.vi-slider-style-12 .navigation {
    display: flex;
    gap: 12px;
    justify-content: end;
}

.vi-slider-style-12 .nav-button-next:hover svg path,
.vi-slider-style-12 .nav-button-prev:hover svg path{
    fill: var(--white);
}
.vi-slider-style-12 .nav-button-next:hover,
.vi-slider-style-12 .nav-button-prev:hover {
    background: var(--gray80);
    transition: all 0.3s ease-in-out;
}
.vi-slider-style-12 .nav-button-next,
.vi-slider-style-12 .nav-button-prev {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--grayBE);
    background: var(--white);
    padding: 10px;
    border-radius: 8px;
    height: 40px;
    width: 40px;
    transition: all 0.3s ease-in-out;
}
.vi-slider-style-12 .navigation svg path{
    fill: var(--black);
}
.vi-slider-style-12 .navigation svg {
    height: 20px;
    width: 20px;
}

.vi-slider-style-12 .feature-card:hover,
.vi-slider-style-12 .vi-slider-12 .swiper-slide-active .feature-card
{
    border-bottom: 3px solid var(--gray98);
    transition: all 0.3s ease-in-out;
}
.vi-slider-style-12 .feature-card{
    border-radius: 8px;
    padding: 21px 35px;
    transition: all 0.3s ease-in-out;
    border-bottom: 3px solid var(--grayD3);
}
.vi-slider-style-12 .left-wrap-card{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    height: 100%;
    gap: 2rem;
    border-radius: 8px;
    border-bottom: 3px solid transparent;
}
.vi-slider-style-12 .card-top {
    display: flex;
    flex-direction: column;
    gap: 0;
}
.vi-slider-style-12 .left-wrap-card .card-top{
    margin-bottom: 0;
}
.vi-slider-style-12 .left-wrap-card .card-top p{
    margin-bottom: 0;
}

.vi-slider-style-12 .vi-slider-card{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    height: 100%;
    align-items: start;
    justify-content: space-between;
}

.vi-slider-style-12 .vi-slider-card .card-content, .vi-slider-style-12 .vi-slider-card .border-content {
    text-align: start;
}

.vi-slider-style-12 .vi-slider-card h5{
    font-size: var(--font20);
}
.vi-slider-style-12 .vi-slider-card p{
    font-size: var(--font16);
}
.vi-slider-style-12 .slider-panel{
    height: 100%;
}
.vi-slider-style-12 .swiper{
    height: 100%;
}
.vi-slider-style-12 .card-content p{
    margin-bottom: 0;
}
.vi-slider-style-12 .feature-card {
    margin-bottom: 0;
}
.vi-slider-style-12 .feature-card h5{
    margin-bottom: 1rem;
}

.testimonial-sec{
    background: var(--greyE5);
    position: relative;
}

.testimonial-sec .swiper-pagination .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
}

.testimonial-sec .swiper-pagination .swiper-pagination-bullet-active{
    background: var(--secondary);
}

.testimonial-sec .swiper, .testimonial-sec .swiper-wrapper{
    position: initial;
}

.testimonial-sec .swiper-pagination{
    bottom: 45px;
}

.border-content {
    position: relative;
    padding-left: 13px;
}

.border-content::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 3px;
    height: 100%;
    background: red;;
}

.border-content h6{
    font-size: var(--font18);
    color: var(--blue1f4);
    margin-bottom: 0px;
    font-weight: 700;
}

.border-content span{
    font-size: var(--font13);
}

@media screen and (max-width: 767px) {
    .vi-slider-style-12 .vi-slider-card {
        gap: 1rem;
    }
    .vi-slider-style-12 .feature-card h5 {
        margin-bottom: 1rem;
    }

}
@media screen and (max-width: 575px) {
    .vi-slider-style-12 .sec-head p {
        padding: 0 1rem;
    }
}

/* ---------------------section img --------------------- */
.recommended-products{
    padding-bottom: var(--space50);
    padding-top: var(--space50);
}
.multi-tab{
    padding-top: var(--space80);
    background: var(--lightGrey);
}

.apply-now {
    position: fixed;
    right: 0;
    top: 24%;
    margin: auto;
    z-index: 2;
}
.apply-now button {
    position: absolute;
    right: 0;
    top: 4px;
    padding: 66px 20px;
    background: transparent;
    border: 0;
}
.tooltip-1 {
    top: 40%;
}
.tooltip-2 {
    top: 53%;
}
.tooltip-3 {
    top: 65%;
}
.tooltip-4 {
    top: 77%;
}
.tooltip-5 {
    top: 90%;
}
.tooltip {
    padding: 12px 10px;
    position: absolute;
    right: 24%;
    cursor: pointer;
}
.ai-chatbtn {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 1;
}

/* --------------------- Modal --------------------- */

.default-modal .modal-dialog {
    max-width: 700px;
}
.default-modal .modal-content {
    padding: 0 24px 20px;
    gap: 8px;
}
.default-modal .modal-body {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.default-modal .modal-footer {
    border: 0;
    margin-top: 15px;
}
.default-modal .btn-close {
    position: absolute;
    right: 18px;
    top: 16px;
    --bs-btn-close-bg: none;
    opacity: 1;
    width: auto;
    height: auto;
    display: flex;
}
.modal-title-wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 10px;
}
.modal-title-wrap .modal-title {
    background: var(--primary);
    padding: 12px 30px 12px 30px;
    position: relative;
    color: var(--white);
    font-weight: 700;
}
.modal-title-wrap p {
    font-size: var(--font14);
    letter-spacing: -0.42px;
    line-height: normal;
}

/* --------------------- form --------------------- */
.red-info {
    font-size: var(--font11);
    color: var(--secondary);
    letter-spacing: -0.33px;
    line-height: normal;
}
.form-checkbox-wrap {
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.form-acceptance.form-checkbox-wrap .form-check label{
    font-size: var(--font16);
    font-weight: 400;
    line-height: 150%;
    color: var(--darkGrey);
}
.form-acceptance.form-checkbox-wrap{
    flex-direction: row;
}
.form-checkbox-wrap .form-check {
    display: flex;
    align-items: flex-start;
    margin-bottom: 0;
    gap: 10px;
}
.form-acceptance .form-check label {
    font-size: var(--font11);
    line-height: normal;
}
.form-acceptance .form-legal p {
    text-align: center;
    font-weight: 700;
    line-height: normal;
    font-size: var(--font12);
}
.form-acceptance .form-legal p a {
    text-decoration: underline;
}
.cust-form-group label, .cust-form-group input, .cust-form-group select, .cust-form-group input::placeholder {
    font-size: var(--font14);
    color: var(--body-color);
}
.cust-form-group input, .cust-form-group textarea, .cust-form-group select{
    padding: 10px 12px;
}
.cust-form-group select{
    padding-right: 40px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23b3b3b3' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 12px;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}
.cust-form-group label,
.form-group label{
    font-weight: 700;
    line-height: normal;
    margin-bottom: 6px;
}
.form-container .cust-form-group{
    width: 100%;
}
.form-check-input[type=checkbox] {
    background: var(--greyD9);
    width: 18px;
    height: 18px;
    aspect-ratio: 1 / 1;
    border-radius: 4px;
}
.form-check-input:checked[type=checkbox] {
    --bs-form-check-bg-image: none;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='8' viewBox='0 0 11 8' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.7446 0.189269C11.0546 0.463269 11.0836 0.937269 10.8096 1.24927L5.05962 7.74927C4.99322 7.82435 4.91244 7.88536 4.82205 7.9287C4.73167 7.97203 4.63351 7.9968 4.53339 8.00156C4.43327 8.00631 4.33321 7.99095 4.23912 7.95638C4.14504 7.9218 4.05884 7.86872 3.98562 7.80027L0.235621 4.30027C0.0913583 4.16431 0.00678598 3.97678 0.000390831 3.77865C-0.00600432 3.58052 0.0662979 3.38792 0.201493 3.24295C0.336688 3.09797 0.523779 3.01242 0.72187 3.00498C0.919961 2.99755 1.11294 3.06884 1.25862 3.20327L4.44862 6.17327L9.68862 0.253269C9.75395 0.179363 9.83322 0.11907 9.92189 0.0758444C10.0106 0.0326185 10.1069 0.0073083 10.2053 0.00136334C10.3038 -0.00458161 10.4025 0.00895555 10.4957 0.0411993C10.5889 0.073443 10.6749 0.12376 10.7486 0.189269H10.7446Z' fill='black'/%3E%3C/svg%3E") center no-repeat var(--greyF7);
}
.form-check-input:checked {
    border-color: var(--greyD9);
}
.form-checkbox-wrap .form-check-label {
    font-size: 16px;
}
.filter-form-warp {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.filter-style-1 .form-btn-wrap{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}
.form-acceptance.form-checkbox-wrap label{
    cursor:pointer;
}
.btn-search {
    box-sizing: border-box;
    background: var(--secondary);
    color: var(--white);
    font-weight: 700;
    font-size: var(--font15);
    border: none;
    padding: 10px 20px;
    border-radius: 8px;
    width: 100%;
    font-family: var(--font_inter);
    cursor: pointer;
    transition: background-color 0.15s ease-in-out;
    -webkit-transition: background-color 0.15s ease-in-out;
    -moz-transition: background-color 0.15s ease-in-out;
    -ms-transition: background-color 0.15s ease-in-out;
    -o-transition: background-color 0.15s ease-in-out;
}
.clear-btn{
    display: flex;
    gap: 5px;
    align-items: center;
    border: 1px solid var(--secondary);
    padding: 6px 7px;
    font-size: var(--font14);
    color:var(--secondary);
    font-weight: 400;
    line-height: 120%;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    background: transparent;
}
.form-control,
.form-select{
    border-color: var(--greyB0);
}
label {
    line-height: 1.6;
}
.light-text{
    font-size: var(--font14);
    font-weight: 400;
    color: var(--body-color);
}

/* --------------------- Mobile APP Section --------------------- */
.mobile-app-panel {
    background: url('../images/mobile-app-bg.webp') center / cover no-repeat;
    position: relative;
}
/* .mobile-app-panel::before {
    content: '';
    background: linear-gradient(283deg, #000 2.72%, rgba(0, 0, 0, 0.80) 43.27%, rgba(0, 0, 0, 0.00) 77.36%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
} */
.icon-card-wrap {
    display: flex;
    gap: 12px;
}
.icon-card-wrap .icon-outline-card {
    font-size: var(--font15);
    font-weight: 300;
    letter-spacing: -0.3px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    color: var(--white);
    padding: 27px 20px;
    border-radius: 18px;
    border: 1px solid rgba(164, 193, 228, 0.54);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
}
.app-links-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 28px;
}
.app-links {
    display: flex;
    color: var(--white);
    align-items: center;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.30);
    background: #062A68;
    padding: 8px 16px;
    gap: 12px;
}
.app-title {
    display: flex;
    flex-direction: column;
    gap: 3px;
}
.app-title span, .app-title p {
    font-family: var(--font_poppins);
    text-box: trim-both cap alphabetic;
    display: block;
}
.app-title span {
    font-size: var(--font10);
}
.app-title p {
    font-weight: 500;
}

/* --------------------- vertical tab 2 (Home tab) --------------------- */

.vertical-tabs-style-2 .vertical-tabs-wrap{
    display: flex;
    gap: 40px;
}

.vertical-tabs-style-2 .nav-pills {
    width: calc(100% / 3.4);
    background: var(--primary);
    padding: 40px 32px;
    border-radius: 12px;
    gap: 10px;
    display: flex;
    flex-direction: column;
}

.vertical-tabs-style-2 .nav-pills .nav-link{
    padding: 10px 20px;
    color: var(--white);
    text-align: start;
    width: 100%;
    border: 1px solid transparent;
    border-radius: 8px;
}

.vertical-tabs-style-2 .nav-pills .swiper-slide{
    justify-content: start;
}

.vertical-tabs-style-2 .nav-pills .nav-link.active{
    border: 1px solid #fff;
    background: transparent;
}

.vertical-tabs-style-2 .tab-content{
    width: 100%;
}

.vertical-tabs-style-2 .sec-head-style-1{
    margin-bottom: 30px;
}

.icon-list-card {
    display: flex;
    gap: 17px;
    align-items: center;
    justify-content: flex-start;
}

.icon-list-card .card-icon {
    padding: 15px;
}

.icon-list-card .card-icon img{
    width: 54px;
    height: 54px;
    object-fit: contain;
}

.icon-list-card .card-content span{
    color: var(--primary);
    font-size: 10px;
    line-height: 1;
    text-transform: uppercase;
}

.icon-list-card .card-content h6{
    color: var(--body-color);
    margin: 5px 0;
    font-weight: 600;
}

.icon-list-card .card-content p{
    font-size: var(--font14);
    color: var(--grey75);
    line-height: 1.2;
}

.icon-list-card-wrap{
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.two-col-grid .icon-list-content-wrap h3{
    color: var(--black);
    font-weight: 600;
}

.cta-card-main-wrap{
    padding-top: var(--space40);
}

/* ------------------- Nested tab -------------------- */

.emi-panel{
    background: var(--blueE7);
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
    overflow: hidden;
}

.emi-panel .nav-link{
    color: var(--body-color);
    font-weight: 600;
}

.main-tab-wrap .nav-link{
    font-size: var(--font18);
    border: 1px solid var(--blue87);
    border-radius: 12px 12px 0 0;
    -webkit-border-radius: 12px 12px 0 0;
    -moz-border-radius: 12px 12px 0 0;
    -ms-border-radius: 12px 12px 0 0;
    -o-border-radius: 12px 12px 0 0;
    padding: 18px;
}

.emi-content-wrap {
    padding: 50px 100px;
}

.main-tab-wrap .nav-tabs{
    border-bottom: 1px solid var(--primary);
}

.emi-panel .nav-tabs{
    justify-content: center;
    background: var(--blueD7);
    padding-top: 20px;
}

.emi-panel .nested-tab-1 .nav-tabs{
    background: transparent;
    padding-top: 11px;
    border-bottom: 1px solid var(--greyB0);
    gap: 24px;
}

.emi-panel .nested-tab-1 .nav-tabs .nav-link{
    padding: 10px 28px;
}

.emi-panel .nested-tab-1 .nav-tabs .nav-link.active{
    border-bottom: 2px solid var(--secondary);
    color: var(--secondary);
    background: transparent;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

.emi-panel .nested-tab-2 .nav-tabs .nav-link.active{
    border: 1px solid var(--secondary);
    border-radius: 39px;
    -webkit-border-radius: 39px;
    -moz-border-radius: 39px;
    -ms-border-radius: 39px;
    -o-border-radius: 39px;
    color: var(--primary);
}

.emi-panel .nested-tab-2 .nav-tabs .nav-link{
    padding: 13px 22px;
}

.emi-panel .nested-tab-2 .nav-tabs{
    background: transparent;
    padding-top: 28px;
    border-bottom: 0;
    gap: 15px;
}

.emi-panel .main-tab-wrap .nav-tabs .nav-link.active{
    border: 1px solid var(--primary);
    border-bottom: 1px solid transparent;
    background: var(--blueE7);
    color: var(--primary);
}
.result-card{
    background: var(--white);
}

.loan-calculator-wrap{
    background: var(--white);
    padding: 50px;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.main-amount-wrap {
    background: var(--lightGrey);
    padding: 28px 26px;
    text-align: center;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}

.main-amount-wrap h4{
    margin-top: 20px;
}

.main-amount-wrap span{
    font-size: var(--font14);
    color: var(--black)
}

.calculated-amnt span{
    font-size: var(--font12);
    font-weight: 600;
    color: var(--body-color);
    letter-spacing: -0.36px;
    margin-bottom: 10px;
}

.calculated-amnt h6{
    color: var(--primary);
    font-size: var(--font18);
    font-weight: 700;
    letter-spacing: -0.54px;
    margin-bottom: 0;
}

.calculated-amnt-list{
    display: flex;
    gap: 20px;
    justify-content: space-between;
}

.calculated-amnt-list .calculated-amnt:nth-child(2){
    text-align: center;
    border-right: 1px solid var(--greyB0);
    border-left: 1px solid var(--greyB0);
    padding: 0 25px;
}

.calculated-amnt-list .calculated-amnt:nth-child(1){
    text-align: start;
}

.calculated-amnt-list .calculated-amnt:nth-child(3){
    text-align: end;
}

.emi-content-wrap .two-col-grid{
    align-items: center;
    gap: 45px;
}

.amnt-range-wrap span{
    font-size: var(--font14);
    color: var(--black);
    font-weight: 600;
    letter-spacing: -0.42px;
}

.amnt-range-wrap h6{
    font-size: var(--font20);
    letter-spacing: -0.6px;
    font-weight: 600;
    color: var(--primary);
}

.loan-range-slider {
    display: flex;
    flex-direction: column;
    gap: 33px;
}

.amnt-range-wrap {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.amnt-min-max-wrap{
    display: flex;
    justify-content: space-between;
}

.amnt-min-max-wrap span{
    font-size: var(--font11);
    margin-bottom: 0;
    color: var(--dark-blue);
}

.progress {
  background: var(--greyB0);
  border: 0;
  border-radius: 8px;
  height: 3px;
  width: 100%;
  overflow: visible;
  transition: background 450ms ease-in;
  appearance: none;
  -webkit-appearance: none;
}

.progress::-webkit-slider-thumb {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  appearance: none;
  -webkit-appearance: none;
  cursor: ew-resize;
  background: var(--white);
  border: 2px solid var(--secondary);
}

/* --------------------- surakshit-bharat ----------------------- */



.contact-band-card span svg {
    height: 36px;
    width: 36px;
    object-fit: contain;
}

.contact-band-card span {
    display: block;
    height: auto;
    width: 100%;
}

.contact-band-card{
    background: var(--white);
    padding: 20px 22px;
    height: 100%;
    border-right: 1px solid var(--greyCD);
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}

.contact-band-card-wrap{
    box-shadow: 0 4px 12.1px 0 rgba(0, 0, 0, 0.25), 0 10px 15px 11px rgba(0, 0, 0, 0.05);
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    overflow: hidden;
}

.contact-band-card:hover{
    background: var(--lightblue);
}

.contact-band-card:hover h6, .contact-band-card:hover p{
    color: var(--dark-blue);
}

.contact-band-card h6{
    margin-bottom: 0;
    color: var(--blue1f4);
    font-size: var(--font18);
    letter-spacing: -0.54px;
    font-weight: 600;
    padding: 10px 0;
}

.contact-band-card p{
    color: var(--grey75);
    margin-bottom: 0;
    font-size: var(--font16);
}

.surakshit-bharat .cta-style-1 {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-top: -14px;
    margin-left: 30px;
    margin-left: 30px;
}

.cta-style-1 {
    display: flex;
}

.cta-style-1 .cta-img {
    max-width: 350px;
    height: 100%;
    width: 100%;
}

.cta-style-1 .sec-head-style-1{
    margin-bottom: 30px;
}

.cta-style-1 .sec-head-style-1 p{
    font-size: var(--font20);
    color: var(--body-color);
    font-weight: 600;
    margin-bottom: 0;
}


 /* ---------------------- blog sec ----------------------- */

.feature-card-style-7 .card-3 .card-content, .feature-card-style-7 .card-5 .card-content{
    height: 100%;
    width: 100%;
}

.feature-card-style-7 .card-wrap{
    height: 100%;
    width: 100%;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}

.feature-card-style-7 .card-wrap::before{
    position: absolute;
    content: "";
    background: var(--black);
    width: 100%;
    height: 100%;
    opacity: 0.4;
}

.feature-card-style-7 .bento-grid-wrap{
    display: grid;
    grid-template-columns: calc(51% - 10px) calc(23.3% - 10px);
    grid-template-rows: 239px 239px;
    grid-template-areas:"card-1 card-2 card-3" "card-1 card-4 card-4";
    gap: 30px;
    justify-content: center;
}

.feature-card-style-7 .content-main-wrap {
    position: absolute;
    top: 0;
    padding: 20px 22px;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.blog-card.card-4 {
    display: grid;
    background: var(--blue1f4);
    border-radius: 16px;
    overflow: hidden;
    grid-template-columns: repeat(2, 1fr);
}

.blog-card.card-4 .content-main-wrap{
    position: initial;
}

.feature-card-style-7 .date-wrap {
    display: flex;
    gap: 15px;
    color: var(--white);
    font-size: var(--font12);
    align-items: center;
}

.feature-card-style-7 .date-wrap span{
    display: block;
}

.feature-card-style-7 .date-wrap .icon{
    width: 18px;
    height: 18px;
    object-fit: contain;
}

.feature-card-style-7 .blog-content h6{
    color: var(--white);
    font-size: var(--font21);
    margin-bottom: 0;
    margin-top: 20px;
    font-weight: 400;
}

.feature-card-style-7 .blog-btn a{
    width: 38px;
    height: 38px;
    display: block;
    margin: 0 0 0 auto;
}

.feature-card-style-7 .bento-grid-wrap .card-1{
    grid-area: card-1;
}
.feature-card-style-7 .bento-grid-wrap .card-2{
    grid-area: card-2;
}
.feature-card-style-7 .bento-grid-wrap .card-3{
    grid-area: card-3;
}
.feature-card-style-7 .bento-grid-wrap .card-4{
    grid-area: card-4;
}

.hm-product-panel .feature-img-card{
    position: relative;
}

.hm-product-panel .feature-img-card::before{
    content: "";
    position: absolute;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 40%, rgba(0, 0, 0, 0.76) 100%);
    height: 100%;
    width: 100%;
    border-radius: 16px;
}

.app-hero-phone{
    height: 100%;
    width: 100%;
    margin-top: -45%;
}


/* ------------------------ leadership page ------------------------ */

.team-card-wrap .team-card {
    display: flex;
    flex-direction: column;
    gap: 42px;
    justify-content: center;
    align-items: center;
}

.team-card-wrap.four-col-grid{
    column-gap: 30px;
    row-gap: 56px;
    justify-content: center;
}

.team-card-wrap .team-img {
    width: 100%;
    height: auto;
    aspect-ratio: 9 / 10;
    border-radius: 12px;
    overflow: hidden;
}

.team-content {
    text-align: center;
}

.team-content h3{
    font-size: var(--font20);
    font-weight: 700;
    margin-bottom: 8px;
}

.team-content span{
    color: var(--blue00);
    font-size: var(--font16);
    font-weight: 400;
    line-height: 1.2;
}

/* ------------------- subheader ------------------- */

.hamburg-menu{
    position: fixed;
    background: var(--body-color);
    padding: 45px 48px;
    top: 0px;
    right: 0;
    transform: translateX(100%);
    height: 100%;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    z-index: 991;
    overflow-y: scroll;
}

.hamburg-menu.active{
    transform: translateX(0%);
}

.hamburg-btn{
    color: var(--lightblue);
    font-size: var(--font18);
    font-weight: 700;
    padding: 8px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.50);
}

.hamburger-nav ul{
    padding-left: 0;
}

.hamburger-nav .navbar-nav{
    padding-left: 20px;
    border-left: 1px solid var(--lightblue);
    margin-left: 12px;
    margin-bottom: 10px;

    /* accordion animation */
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all 0.35s ease;
}

.menu-item.active .navbar-nav{
    max-height: 500px; /* enough height */
    opacity: 1;
}

.hamburg-btn{
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    text-decoration: none;
}

.topbar-chevron{
    transition: transform 0.3s ease;
}

.menu-item.active .topbar-chevron{
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}

.hamburger-nav .navbar-nav a{
    padding: 16px 0 0;
}

.hamburg-img {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-radius: 14px;
    aspect-ratio: 16 / 8;
    margin: 35px 0;
}

.header-social-media-wrap ul{
    display: flex;
    gap: 22px;
}


/* ------------------------- contact us page ----------------------- */

.contact-wrap .contact-address-card h5{
    font-weight: 700;
    margin-bottom: 10px;
}

.contact-wrap .contact-address-card p{
    line-height: 150%;
}

.map-wrap iframe{
    margin: 30px 0;
    width: 100%;
    border: 0;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.contact-wrap .contact-detail-card {
    padding: 0 15px;
    border-right: 1px solid var(--lightGrey);
    font-size: var(--font14);
    font-family: var(--font_poppins);
}

.contact-wrap .contact-detail-card h6{
    font-weight: 700;
    margin-bottom: 5px;
}

.contact-wrap .contact-detail-card .mail-wrap a{
    color: var(--dodgerBlue);
}

.contact-wrap .contact-detail-card .btn{
    padding: 7px 12px;
    font-size: var(--font15);
    margin-top: 14px;
    display: ruby-text;
}

.contact-wrap .contact-detail-card .btn:hover{
    border: 1px solid var(--red);
    color: var(--red);
}

.contact-wrap .contact-detail-card:last-child{
    border-right: none;
}

/* Principal Nodal Officer Section */
.officer-contact-details{
    display: flex;
    gap: 30px;
}

.officer-details{
    padding:22px;
    background: var(--greyF9);
    border-radius: 16px;
    margin-top: 16px;
}

.principal-officer-card{
    padding: 16px;
}

.principal-officer-card h6{
    font-size: var(--font20);
    font-weight: 700;
    margin-bottom: 16px;
}

.officer-info h6{
    font-size: var(--font16);
    font-weight: 700;
    margin-bottom: 3px;
}

.officer-designation{
    border-bottom: 1px solid var(--greyB0);
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.officer-info .contact-item{
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}

.officer-info .contact-item span{
    font-weight: 700;
}

.contact-details-wrap{
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid var(--lightGrey);
}

/* ----------------------- about us ------------------------ */

.abt-img-card.card-1{
    background: url(../images/our-history.jpg) center / cover no-repeat;
}

.abt-img-card.card-2{
    background: url(../images/our-branch.jpg) center / cover no-repeat;
}

.abt-img-card {
    aspect-ratio: 16 / 10.3;
    display: flex;
    width: 100%;
    justify-content: end;
    align-items: end;
    border-radius: 16px;
    position: relative;
    overflow: hidden;
    margin-top: 50px;
}

.abt-img-card .card-content{
    padding: 20px 30px;
    display: flex;
    flex-direction: column;
    text-align: end;
    color: var(--white);
    position: relative;
}

.abt-img-card .card-content p{
    margin-bottom: 0;
}

.abt-img-card .card-content h3{
    color: var(--white);
}

.abt-img-card::before{
    content: "";
    position: absolute;
    background: var(--black);
    height: 100%;
    width: 100%;
    opacity: 0.5;
    top: 0;
    left: 0;
}

.abt-featured-sec .featured-img {
    border-radius: 24px;
    overflow: hidden;
    height: 100%;
    width: 100%;
}

.abt-featured-content h6{
    font-size: var(--font20);
    color: var(--primary);
    font-weight: 700;
}

.sec-mission-vision .five-col-grid{
    gap: 30px;
}

.sec-mission-vision .icon-card-wrap {
    display: flex;
    gap: 24px;
    flex-direction: column;
}

.sec-mission-vision .icon-card-wrap .icon-card-content{
    color: var(--white);
}

.sec-mission-vision .icon-card-wrap .icon-card-content h6{
    color: var(--white);
    font-weight: 700;
    margin-bottom: 12px;
    font-size: var(--font20);
}

.core-values-wrap h3{
    color: var(--white);
    margin-bottom: 30px;
}

.split-img-panel .split-img,
.split-img-panel-2 .split-img{
    height: auto;
    width: 100%;
    overflow: hidden;
    border-radius: 24px;
    aspect-ratio: 1 / 1;
}

.split-img-wrap.two-col-grid{
    gap: 100px;
    align-items: center;
    padding-bottom: 100px;
}
.split-img-wrap:nth-child(odd) .split-img{
    order: 2;
}

.split-content h3{
    font-weight: 700;
    margin-bottom: 18px;
}

.icon-content-list li{
    display: flex;
    gap: 10px;
    align-items: start;
}

.icon-content-list{
    padding-left: 0;
}

.icon-content-list li span{
    font-weight: 700;
}

.icon-content-list li svg{
    max-width: 14px;
    width: 100%;
    height: 100%;
    object-fit: contain;
    margin-top: 5px;
}

.financial-position-table-wrap .sechead{
    margin-bottom: 30px;
}

.financial-position-table-wrap .sechead h5{
    font-weight: 700;
}

.financial-position-table-wrap .two-col-grid{
    gap: 20px;
}

.financial-table h5{
    color: var(--primary);
    margin-bottom: 14px;
    font-weight: 700;
}

.financial-table {
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.35);
    padding: 18px 24px;
}

.financial-table ul {
    padding-left: 0;
    border-radius: 12px;
    background: var(--white);
    overflow: hidden;
}

.financial-table ul li{
    display: flex;
    justify-content: space-between;
    padding: 10px;
    border-bottom: 0.5px solid var(--greyB0);
}

.financial-table ul li:last-child, .financial-table ul li:first-child{
    border-bottom: 0;
}

.financial-table ul .table-head{
    background: var(--lightGrey);
}

.financial-table ul .table-head p{
    font-weight: 700;
}

.financial-table ul li:last-child {
    font-weight: 700;
}

.mission-vision-card {
    display: flex;
    padding: 30px 70px;
    background: var(--stroke-gradient);
    overflow: hidden;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
}

.mission-vision-card-wrap.two-col-grid{
    gap: 30px;
    margin-top: -200px;
}

.mission-vision-card .card-img {
    margin-left: -70px;
    margin-bottom: -70px;
}

.mission-vision-card h3{
    margin-bottom: 12px;
    color: var(--primary);
    font-weight: 700;
}

.abt-featured-sec{
    margin-bottom: 100px;
}

/* ----------------- breadcrumb--------------------- */

.breadcrumb .breadcrumb-wrap{
    border-bottom: 1px solid var(--greyB0);
    padding-bottom: 18px;
    display: inline-flex;
}
.breadcrumb{
    margin-bottom: 0;
}
.breadcrumb ul{
    display: flex;
    gap: 16px;
    padding-left: 0 ;
    flex-wrap: wrap;
}
.breadcrumb ul li a{
    font-size: var(--font16);
    font-weight: 400;
    line-height: 150%;
}
.breadcrumb ul li,
.arrow-list li{
    position: relative;
    list-style: none;
    display: flex;

}
.breadcrumb ul li{
    justify-content: flex-start;
    align-items: center;
}
.arrow-list li{
    flex-direction: row-reverse;
    gap: 10px;
    align-items: center;
}
.arrow-list{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    padding-left: 0;
}
.arrow-list li::after{
    width: 10px;
    height: 15px;
}
.breadcrumb ul li::after{
    width: 8px;
    height: 12px;
    margin-left: 16px;
}
.breadcrumb ul li::after,
.arrow-list li::after{
    content: "";
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='9' viewBox='0 0 6 9' fill='none'%3E%3Cpath d='M6 4.33014L6.90043e-08 8.66027L4.47556e-07 1.16587e-05L6 4.33014Z' fill='%23E1262B'/%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
}
.breadcrumb ul li:last-child::after {
  content: none;
}

.breadcrumb li a {
  color: var(--primary);
  text-decoration: none;
}

.breadcrumb li:last-child a{
  color: var(--grey60);
  pointer-events: none;
}

/* -------------- ftr-nav-links-------------------- */

.ftr-nav-links{
    background: var(--primary);
    padding: 21px 0;
}
.ftr-nav-links ul{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding-left: 0;
    justify-content: center;
    align-items: center;
}
.ftr-nav-links ul li{
    padding: 24px 20px;
    width: 100%;
    text-align: center;
    border-right: 1px solid var(--dusty-blue);
}
.ftr-nav-links ul li:last-child{
    border-right: none;
}
.ftr-nav-links ul li a:hover{
    color: var(--secondary);
}
.ftr-nav-links ul li a{
    text-align: center;
    font-size: var(--font20);
    font-weight: 700;
    line-height: 115%;
    color: var(--white);
}

/* ------------------------branches ate --------------------- */

.locator-wrap .locator-sprite-hidden {
    display: none;
}

.locator-wrap .locator-cards-panel {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.locator-wrap .locator-map-panel {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid var(--greyD9);
    aspect-ratio: 1 / 1;
}

.locator-wrap .map-render-area {
    width: 100%;
    height: 100%;
    background-color: #e5e7eb;
    background-image: radial-gradient(#cbd5e1 1.5px, transparent 1.5px), radial-gradient(#cbd5e1 1.5px, #e5e7eb 1.5px);
    background-size: 30px 30px;
    background-position: 0 0, 15px 15px;
    position: relative;
}

.locator-wrap .map-pin-marker {
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 32px;
    z-index: 2;
    cursor: pointer;
}

.locator-wrap .branch-card {
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    background: var(--white-smoke);
    border-radius: 12px;
    padding: 14px 20px 30px 20px;
    border: 1px solid transparent;
    cursor: pointer;
    box-sizing: border-box;
    position: relative;
}

.locator-wrap .branch-card:hover {
    border: 1px solid var(--lightblue);
    border-left: 7px solid var(--lightblue);
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    padding-left: 35px;
    box-shadow: 0 20px 25.3px 0 rgba(0, 0, 0, 0.13), 0 26px 30.2px 0 rgba(0, 0, 0, 0.16);
    z-index:1;
}

/* .locator-wrap .branch-card{
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}  */
/* .locator-wrap .branch-card:hover { transform: scale(1.05); } */

/* Selected Tab Style */
/* .branch-card.active {
    background-color: #ffffff;
    border-color: #ff0000;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
} */

.locator-wrap .branch-card-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.locator-wrap .branch-card h2,
.locator-wrap .locator-map-panel h2{
    margin-bottom: 0;
    font-size: var(--font20);
    font-weight: 700;
    color: var(--darkGrey);
}

.locator-wrap .branch-card p{
    margin: 0 ;
    font-size: var(--font16);
    font-weight: 400;
    line-height: normal;
}

.locator-wrap .branch-phone {
    display: flex;
    align-items: center;
    gap: 10px;
}

.locator-wrap .branch-phone a {
    color: var(--darkGrey);
    font-size: var(--font16);
    font-weight: 500;
    line-height: normal;
}
.locator-wrap .branch-card .card-icon-wrap{
    position:absolute;
    right: 20px;
    bottom: 18px;
    display: flex;
    gap: 20px;
    align-items: center;
}
.btn-view-more {
    background: none;
    border: none;
    color: var(--secondary);
    font-size: var(--font16);
    font-weight: 400;
    padding: 0;
    cursor: pointer;
}
.locator-wrap .branch-badges {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}

.locator-wrap .map-info-grid {
    display: grid;
    grid-template-columns: calc(60% - 12.5px) calc(40% - 12.5px);
    justify-content: space-between;
    gap: 25px;
}
.locator-wrap .info-meta-row {
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
}

.locator-wrap .map-render-area {
    width: 100%;
    height: 100%;
    position: relative;
}
.locator-wrap .map-render-area iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}
.locator-wrap .map-info-card-overlay {
    position: absolute;
    bottom: 16px;
    left: 16px;
    right: 16px;
    z-index: 5;
    background: rgba(255, 255, 255, 0.61);
    box-shadow: 0 1px 4.7px 0 rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(4.050000190734863px);
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    padding: 17px 20px;
}
.locator-wrap .info-top span{
    font-size: var(--font15);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: var(--darkGrey);
    margin-bottom: 0;
}
.locator-wrap .info-top{
    display: flex;
    flex-direction: column;
    gap: 5px;
    border-bottom: 1px solid var(--lightGrey);
    padding-bottom: 9px;
    margin-bottom: 9px;

}
.locator-wrap .meta-value{
    font-weight: 400;
}
.locator-wrap .meta-label{
    font-weight: 700;
}
.locator-wrap .map-info-card-overlay a,
.locator-wrap .meta-value{
    color: var(--darkGrey);
}
.locator-wrap .meta-value,
.locator-wrap .meta-label{
    font-size: var(--font16);
    font-style: normal;
    line-height: normal;
}
.locator-wrap .info-btm,
.locator-wrap .info-grid-right{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

@media (max-width: 640px) {
    .locator-map-panel {
        height: auto;
        display: flex;
        flex-direction: column;
    }
    .map-info-card-overlay {
        position: relative;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 0 0 12px 12px;
        padding: 15px;
    }
}
/* Mobile & Tablet Breakdown Fluidity Adjustments */
@media (max-width: 991.98px) {

    .locator-cards-panel {
        flex: 1 1 auto;
        max-width: 100%;
    }

    .locator-map-panel {
        height: 480px;
    }
}



@media (max-width: 640px) {
    .map-info-grid {
        flex-direction: column;
        gap: 16px;
    }

    .map-info-card-overlay {
        position: relative;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 0 0 12px 12px;
        border-top: 1px solid #e2e8f0;
    }

    .locator-map-panel {
        height: auto;
        display: flex;
        flex-direction: column;
    }

    .map-render-area {
        height: 300px;
    }
}


/* -------------------complaints page -------------------- */
.complaints-sec .two-col-grid,
.career-modal .two-col-grid{
    gap: 20px;
}
.bg-grey-box{
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    background: var(--greyF9);
    padding: 20px;
    height: fit-content;
}
.form-container .form-heading,
.form-container .sub-text,
.form-container .form-wrap{
    display: flex;
    flex-direction: column;
}
.form-container .form-heading,
.form-container .form-wrap{
    gap: 15px;
}
.form-container .sub-text{
    gap: 8px;

}
.form-container h5,
.form-container h2{
    color: var(--blue486);
    font-size: var(--font20);
    font-style: normal;
    font-weight: 700;
    line-height: 115%;
    margin-bottom: 0;
}
.form-container p{
    font-size: var(--font14);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.42px;
}
/* .form-container span{
    font-size: var(--font11);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.33px;
    color: var(--secondary);
} */
.form-container .form-field-wrap{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.form-container .form-btn-wrap{
    margin-top: 15px;
}
.form-style-2 .form-checkbox-container{
    background: var(--white);
    border-radius: 12px;
    border: 1px solid var(--light-grey, #ECECED);
    padding: 12px;
}
.complaints-sec .form-checkbox-container .two-col-grid {
    gap: 10px;
}

/* ----------------------------------------------------------------------------------------------------------- */


.escalation-matrix-sec{
    background: var(--grey60);
}
.escalation-matrix-sec .sec-head-style-1 h2,
.escalation-matrix-sec .sec-head-style-1 p{
    color: var(--white);
}

  /* ── STEPS ── */
  .steps-list { display: flex; flex-direction: column; gap: 0; margin-bottom: 48px; }

  .step-card {
    display: grid;
    grid-template-columns: 68px 1fr;
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: var(--shadow);
    position: relative;
    transition: box-shadow 0.22s;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
        height: 100%;

}
  .step-card:hover { box-shadow: 0 6px 28px rgba(0,48,135,0.14); }
  .step-card + .step-card { margin-top: 0; }

  .step-connector {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    position: relative;
  }
  .step-connector-line {
    width: 2px;
    flex: 1;
    background: var(--border);
    margin: 0 auto;
    min-height: 24px;
  }
  .step-row {
    display: flex;
    flex-direction: column;
    height: 100%;
 }


  .step-num-col {
    background: var(--steps-gradient);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 16px;
  }
  .step-num {
    width: 32px;
    height: 32px;
    border: 2px solid var(--white);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--font14);
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.15px;
    color: var(--white);
}
  .step-num-col .step-icon { font-size: 18px; opacity: 0.7; margin-top: 4px; }
  .step-num-col .step-days {
    font-size: 10px;
    font-weight: 600;
    color: rgba(255,255,255,0.65);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    transform: rotate(180deg);
    margin-top: 8px;
  }

  .step-body {
        padding: 24px;
        display: flex;
        flex-direction: column;
        gap: 11px;
    }
  .step-tag {
    display: inline-block;
    font-size: var(--font12);
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    text-transform: uppercase;
    margin-bottom: 6px;
    color: var(--secondary);
  }
  .card-link-wrap {
    display: flex;
    gap: 16px;
    align-items: center;
    }
  .step-tag.digital { background: #E8F5FF; color: #0066BB; }
  .step-tag.officer { background: var(--red-light); color: var(--red-dark); }
  .step-tag.rbi { background: #F0FAF0; color: #1C7C1C; }

  .step-title {
    font-size: var(--font20);
    font-weight: 700;
    line-height: 115%;
    color: var(--grey60);
    margin-bottom: 0;
  }
.step-desc,
.bullet-list li{
    color: var(--grey60);
}
  .step-desc {
        padding-right: 25px;
    }
  .bullet-list { list-style: none; padding: 0; display: flex; flex-direction: column; gap: 6px; }
  .bullet-list li {
    padding-left: 16px;
    position: relative;
  }
  .bullet-list li::before {
    content: '';
    position: absolute;
    left: 0; top: 8px;
    width: 6px; height: 6px;
    background: var(--grey153);
    border-radius: 50%;
  }

  .step-sla span,
  .step-sla strong{
    color: var(--secondary);
  }
  .step-sla strong{
    font-weight: 700;
  }
  .step-sla span{
    font-size: var(--font14);
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.15px;
  }
  .step-sla {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--white);
    border: 1px solid var(--lightGrey);
    border-radius: 20px;
    padding: 5px 9px;
  }
  .step-link-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 12px;
  }
  .step-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    color: var(--blueBright);
    font-size: var(--font14);
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.15px;
    transition: background 0.18s, color 0.18s;
  }
  .step-link:hover {
    color:var(--primary);
}

.contact-card-style-1,
.table-card-style-1{
    background: var(--greyF9);
    padding: 22px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}
.contact-card-style-1 h6,
.contact-card-style-1 p,
.contact-card-style-1 ul span,
.contact-card-style-1 ul a,
.table-card-style-1 h6,
.table-card-style-1 p{
    color: var(--grey60);

}
.contact-card-style-1 ul a:hover{
    color: var(--primary);
}
.contact-card-style-1 h6,
.table-card-style-1 h6{
    font-size: var(--font16);
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: 4px;
}
.contact-card-style-1 .contact-card-top{
    border-bottom: 1px solid var(--greyB0);
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.contact-card-style-1 .contact-card-btm {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.contact-card-style-1 ul span{
    font-size: var(--font16);
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}
.contact-card-style-1 ul li{
    display: flex;
    gap: 15px;
}
.contact-card-style-1 ul{
    padding: 0;
    display: flex;
    gap: 30px;
}
.step-card.table-card .step-body{
    gap: 15px;
}
.bg-lightYellow{
    background: var(--light-yellow);
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

/* ── CONTACT TABLES ── */

.table-card-style-1{
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: var(--grey60);
}
.table-style-1,
.table-style-1 table
{
    width: 100%;
}
.table-style-1 table th,
.table-style-1 table .name{
    font-size: var(--font16);
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}
.table-style-1 table a{
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    color: var(--grey60);
}
.table-style-1 table tr td:first-child{
    display: flex;
    flex-direction: column;
}
.table-style-1 table td{
    vertical-align: top;
}
.table-style-1 table .address{
    font-size: var(--font13);
    font-weight: 400;
    line-height: 150%;
}
.table-style-1 table tr:last-child{
    border-bottom: none;
}
.table-style-1 table tr{
    background: transparent;
    border-bottom: 1px solid var(--greyB0);
}

/* ----------------- award section ---------------- */
.slider-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
}


.slider-style-4 .splide__list{
    gap: 30px;
}
.slider-style-4 .splide__slide {
    width: auto !important;
    margin: 0 !important;
}
/*
.slider-style-4 .splide__slide a {
    display: block;
    padding:5px;
    color: var(--greyB0);
    font-size: var(--font20);
    font-style: normal;
    font-weight: 700;
    line-height: 115%;
}

.slider-style-4 .splide__slide.active a {
    color: var(--primary);
    position: relative;
}

.slider-style-4 .splide__slide.active a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 2px;
    background: var(--primary);
} */

.slider-style-4 .splide__slide a {
    display: inline-block;
    padding: 5px 5px 10px;
    color: var(--grey92);
    font-size: var(--font20);
    font-weight: 700;
    line-height: 115%;
    position: relative;
    text-decoration: none;
}

.slider-style-4 .splide__slide.active a {
    color: var(--primary);
    transition: ease-in-out 0.5s;
}

.slider-style-4 .splide__slide.active a::after,
.slider-style-4 .splide__slide a:hover::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: var(--secondary);
    transition: ease-in-out 0.5s;
    -webkit-transition: ease-in-out 0.5s;
    -moz-transition: ease-in-out 0.5s;
    -ms-transition: ease-in-out 0.5s;
    -o-transition: ease-in-out 0.5s;
}
.award-sec-wrap,
.pdf-sec-wrap,
.financial-info-sec-wrap{
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.card-style-1 .card-main-wrap,
.card-style-4 .card-main-wrap,
.card-style-5 .notice-card-main-wrap{
    display: grid;
}
.card-style-1 .card-main-wrap,
.card-style-4 .card-main-wrap{
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
}
.card-style-1 .card h2,
.card-style-1 .card p,
.card-popup-wrap span{
    font-size: var(--font20);
}
.card-style-1 .card h2{
    font-style: normal;
    font-weight: 700;
    line-height: 115%;
    color: var(--grey60);
}
.card-style-1 .card p,
.card-popup-wrap span{
    font-size: var(--font20);
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: -0.6px;
    color: var(--primary);
}
.card-style-1 .card:hover{
    background: var(--primary);
}
.card-style-1 .card{
    border: none;
    background: var(--lightGrey);
    cursor: pointer;
    padding: 25px;
    height: 100%;
    border-radius:12px ;
    -webkit-border-radius:12px ;
    -moz-border-radius:12px ;
    -ms-border-radius:12px ;
    -o-border-radius:12px ;
    position: relative;
    transition: ease-in-out 0.5s;
    -webkit-transition: ease-in-out 0.5s;
    -moz-transition: ease-in-out 0.5s;
    -ms-transition: ease-in-out 0.5s;
    -o-transition: ease-in-out 0.5s;
}
.card-style-1 .card-content {
    display: flex;
    flex-direction: column;
    gap: 200px;
    justify-content: space-between;
}

.card-style-1 img {
    width: 143px;
    height: 237px;
    position: absolute;
    right: 5px;
    bottom: 0;
}
.card-style-1 .card:hover .card-hover-text p{
    color: var(--white);;
}
.card-style-1 .card-btm {
    display: grid;
    grid-template-columns: 62%;
}
.card-style-1 .card{
background: var(--lightGrey);
}
.pdf-card-main-wrap .card,
.card-style-1 .card,
.card-style-3 .card,
.card-style-5 .card,
.card-style-6 .card,
.card-style-8 .card{
    border-radius:12px;
    border: none;
}
.card-style-1 .card{
    cursor: pointer;
    padding: 25px;
    height: 100%;
    position: relative;
    overflow: hidden;
    transition: background 0.5s ease;
}

.card-style-1 .card-content,
.card-style-1 .card-img{
    transition: opacity 0.4s ease;
}

.card-style-1 .card-hover-text{
    position: absolute;
    inset: 0;
    padding: 25px;
    display: flex;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease;
}
.card-style-1 .card-hover-text p{
    color: var(--white);
    margin: 0;
    font-size: var(--font18);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.54px;
}

.card-style-1 .card:hover{
    background: var(--primary);
}

.card-style-1 .card:hover .card-content,
.card-style-1 .card:hover .card-img{
    opacity: 0;
}

.card-style-1 .card:hover .card-hover-text{
    opacity: 1;
    visibility: visible;
        align-items: end;
}
.card-popup-wrap{
    display: grid;
    grid-template-columns: calc(25% - 15px) calc(65% - 15px);
    gap: 30px;
}
.card-popup-wrap .popup-img{
    aspect-ratio: 1/1;
}
.card-popup-wrap h3{
    font-size: var(--font21);
    font-weight: 600;
}

.card-popup-wrap .content-heading{
    border-bottom: 1px solid var(--greyB0);
    padding-bottom: 12px;
    margin-bottom: 12px;
}
.modal-header{
    border-bottom: none;
    padding-bottom: 0;
}
.modal-body{
    padding: 10px 25px 30px 25px;
}
/* ---------------- download pdf ------------------------ */
.pdf-card-main-wrap .card,
.card-style-3 .card,
.card-style-5 .card,
.card-style-6 .card{
    background: var(--greyF9);
}
.pdf-card-main-wrap .card,
.card-style-5 .card,
.card-style-6 .card{
    padding: 15px;
}
.pdf-filter .filter-form-warp,
.notices-filter .filter-form-warp,
.faqs-filter .filter-form-warp{
    display: grid;
    gap: 10px;
}
.pdf-filter .filter-form-warp,
.notices-filter .filter-form-warp{
    grid-template-columns: calc(35% - 5px) calc(65% - 5px);
}
.pdf-card-main-wrap,
.annual-reports-card-main-wrap{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
}
.pdf-card-main-wrap .card{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    height: 100%;
    transition: ease-in-out 0.3s;
    position: relative;
}
.pdf-card-main-wrap .card:hover{
    background: var(--lightblue);
    box-shadow:0 2px 6.6px 0 rgba(0, 0, 0, 0.10), 0 13px 16.6px 0 rgba(0, 0, 0, 0.08);
    transition: ease-in-out 0.3s;
}
.pdf-detail ul li::after{
    margin-right: 10px;
    color: var(--greyB0);
}
.card-left-wrap{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.pdf-name{
    font-size: var(--font14);
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    color: var(--body-color);
}
.pdf-size{
    font-weight: 700;
}
.pdf-size,
.pdf-extension,
.sm-text,
.branch-code span,
.square-box span{
    font-size: var(--font12);
    font-style: normal;
    line-height: 120%;
    color: var(--grey60);
}
.pdf-extension{
    font-weight: 400;
}
.pdf-detail ul{
    justify-content: flex-start;
    padding-left: 0;
}
.pdf-icon{
    width: 39px;
    height: 39px;
}
.pdf-card-main-wrap .card svg{
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease;
    position: absolute;
    right: 30px;
    bottom: 8px;
}
.pdf-card-main-wrap .card:hover svg{
    opacity: 1;
    visibility: visible;
}


/* --------------------- Career page --------------------- */

.why-join-sec .section-wrap{
    gap: 50px;
}
.why-join-sec p{
    text-align: justify;
}
.split-img-panel-2 .split-img {
    aspect-ratio: 9 / 7;
    margin-left: 45px;
}
.slider-style-5{
    background: var(--light-yellow);
}

.slider-style-5 .vi-slider-img img{
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
    overflow: hidden;
}

.slider-style-5 img {
  display: block;
  max-height: 100%;
  transition: opacity 150ms ease-in, filter 150ms ease-in;
  max-height: 60vh;
    border-radius: 24px;
}

.slider-style-5 .splide__slide.is-active img {
  filter: saturate(1.1) brightness(110%) contrast(1.1);
  opacity: 1;
}
.slider-style-5 .sec-head-style-1{
    margin-bottom: 50px;
}
.slider-style-5 .splide__pagination {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.25rem;
}

.slider-style-5 .splide__pagination__page {
  width: 16px;
  height: 8px;
  border-radius: 16px;
  background: var(--grey60);
  transition: transform 150ms ease-in, width 150ms ease-in;
  -webkit-transition: transform 150ms ease-in, width 150ms ease-in;
  -moz-transition: transform 150ms ease-in, width 150ms ease-in;
  -ms-transition: transform 150ms ease-in, width 150ms ease-in;
  -o-transition: transform 150ms ease-in, width 150ms ease-in;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
}

.slider-style-5 .splide__pagination__page.is-active {
  width: 35px;
  height: 8px;
  border-radius: 16px;
  transform-position: center;
  transform: scale(1.1);
  opacity: 1;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
}
.slider-style-5 .sliderStyle-5{
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.card-style-3 .btn.btn-rectangle{
    background: transparent;
    color: var(--primary);
    width: auto;
}
.card-style-3 .card:hover{
    background: var(--very-light-blue);
    box-shadow: 0 2px 6.6px 0 rgba(0, 0, 0, 0.10), 0 20px 16.6px 0 rgba(0, 0, 0, 0.15);
    transition: ease-in-out 0.3s ;
}
.card-style-3 .card{
    padding: 20px;
    height: 100%;
    gap: max(5rem, min(6vw, 6.25rem));
    justify-content: space-between;
    transition: ease-in-out 0.3s ;
    -webkit-transition: ease-in-out 0.3s ;
    -moz-transition: ease-in-out 0.3s ;
    -ms-transition: ease-in-out 0.3s ;
    -o-transition: ease-in-out 0.3s ;
}
.card-style-3 h3{
    font-size: var(--font26);
    font-style: normal;
    font-weight: 700;
    line-height: 115%;
    color: var(--dark-green);
}
.card-style-3 .card p,
.card-style-3 .card-top span,
.dashed-pills{
    color: var(--grey153);
}
.card-style-3 .card p,
.card-style-3 .card-top span{
    font-size: var(--font16);
    font-style: normal;
    line-height: 120%;
}
.card-style-3 .card-top,
.card-style-3 .card-btm{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.card-style-3 .card-top span{
    font-weight: 400;
}
.card-style-3 .card-top p{
    font-weight: 700;
}
.dashed-pills{
    border-radius: 6px;
    border: 1px dashed var(--grayish-blue);
    padding: 6px 12px;
    font-size: var(--font14);
    line-height: 120%;
}
.pills-wrap{
    flex-wrap: wrap;
}
.pills-wrap,
.card-location-wrap {
    display: flex;
    gap: 8px;
    align-items: flex-start;
}
.card-style-3 .card-wrap{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.card-style-3 .section-wrap{
    gap: 50px;
}
/* --------------------- offcanvas design ----------------------- */

.offcanvas.offcanvas{
    padding: 45px 48px;
    width: 85%;
}
.offcanvas .offcanvas-header,
.offcanvas .offcanvas-body{
    padding: 0;
}
.offcanvas{
    display: flex;
    flex-direction: column;
    gap: 45px;
}
.offcanvas h4{
    font-size: var(--font32);
    font-style: normal;
    font-weight: 500;
    line-height: 115%;
    color: var(--body-color);
}
.offcanvas .offcanvas-header button{
    position: absolute;
    top: 20px;
    right: 20px;
}
.sub-heading{
    font-weight: 700;
}
.offcanvas .content-wrap{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    justify-content: space-between;
}
.offcanvas .content-left-wrap,
.offcanvas .content-right-wrap,
.offcanvas .content-wrap.content-style-3{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.offcanvas .content-wrap:last-child{
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;
}
.offcanvas .content-wrap{
    border-bottom: 1px solid var(--greyB0);
    padding-bottom: 12px;
    margin-bottom: 12px;
}
.grey-bullet-list li::marker{
    color: var(--greyD9);
    font-size: 22px;
}
.grey-bullet-list{
    list-style: disc;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.offcanvas .offcanvas-body{
    overflow-x: hidden;
    overflow-y:hidden;
}
.career-form-wrap .form-style-1{
    background: transparent;
    padding: 0;
}
.career-form-wrap{
    padding-left: 30px;
}
.offcanvas .modal-content-wrap::-webkit-scrollbar-track {
  background: var(--greyD9);
}
.offcanvas .modal-content-wrap::-webkit-scrollbar-thumb{
  background: var(--greyB0);
}

.offcanvas .modal-content-wrap{
    overflow-y: scroll;
    max-height: 500px;
    padding-right: 20px;
}

/* --------------- upload document ---------------- */

.upload-input-field {
    position: relative;
    width: 100%;
    min-height: 127px;
    border: 1px dashed var(--greyB0);
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px;
    box-sizing: border-box;
    text-align: center;
    transition: all 0.2s ease-in-out;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.upload-input-field input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
}
.upload-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 1;
    gap: 5px;
}
.upload-title,
.upload-subtitle{
    color: var(--grey60);
}
.upload-title{
    font-size: var(--font14);
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}
.upload-subtitle{
    font-size: var(--font12);
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.upload-input-field:hover {
    border-color: var(--primary);
    background: var(--lightGrey);
}
.upload-input-field:hover .upload-icon {
    color: var(--primary);
    transform: translateY(-3px);
}

.upload-input-field:hover .highlight-link {
    color: var(--primary);;
}

/* ------------------- service charges --------------------- */

.accordion-style-1 .accordion-item p button {
    color: var(--grey60);
    font-size: var(--font20);
    font-weight: 700;
    line-height: 115%;
    background: var(--greyF9);
    padding: 0;
}

.accordion-style-1 .accordion{
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.accordion-style-1 .accordion,
.accordion-style-1 .accordion-item,
.accordion-style-1 .questions .accordion-button {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.accordion-style-1 .accordion-button,
.accordion-style-1 .accordion-body {
    padding-left: 0;
    padding-right: 0;
}

.accordion-style-1 .accordion-body {
    padding-top: 25px;
    padding-bottom: 0;
}
.accordion-style-1 .accordion-item:has(.accordion-button:not(.collapsed))::before{
    transform: scaleX(1);
}

.accordion-style-1 .accordion-item::before{
    content: '';
    position: absolute;
    top: 0;
    left: 30px;
    width: 54px;
    height: 8px;
    background: var(--secondary);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .4s ease;
}
.accordion-style-1 .accordion-item.active::before{
    opacity:1;
}
.accordion-style-1 .accordion-item {
    border-bottom: 1px solid var(--lightblue);
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    background: var(--greyF9);
    overflow: hidden;
    padding: 25px;
    position: relative;
    transition: ease-in-out 0.5s;
    -webkit-transition: ease-in-out 0.5s;
    -moz-transition: ease-in-out 0.5s;
    -ms-transition: ease-in-out 0.5s;
    -o-transition: ease-in-out 0.5s;
}
.accordion-button:not(.collapsed){
    box-shadow:none
}

.accordion-style-1 .accordion-header button:focus {
    box-shadow: none;
}

.accordion-style-1 .accordion-button::after {
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='10' viewBox='0 0 17 10' fill='none'%3E%3Cpath d='M0.353516 8.70709L8.35352 0.707092L16.3535 8.70709' stroke='%230041A9'/%3E%3C/svg%3E");
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    rotate: 180deg;
}

.accordion-style-1 .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='10' viewBox='0 0 17 10' fill='none'%3E%3Cpath d='M0.353516 8.70709L8.35352 0.707092L16.3535 8.70709' stroke='%230041A9'/%3E%3C/svg%3E");
    rotate: 182deg;
}

.accordion-style-1 .accordion-button::after {
    transition: all 0.5s;
}
.accordion-style-1 .table-style-2{
    width: 100%;
}
table caption{
    display: none;
}

/* ------------------ get a quote ---------------- */

.gta-sec::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--primary);
    opacity: 0.6;
}
.gta-sec{
    background: url('../images/get-quote-structure-.png') fixed repeat var(--primary);
    background-size: 84px 84px;
    position: relative;
}
.gta-sec h6{
    margin-bottom: 0;
}
.gta-sec h6{
    font-weight: 700;
    line-height: 140%;
    letter-spacing: -0.44px;
    font-size: var(--font22);
    margin-bottom: 0;
}
.gta-sec{
    padding: var(--space42) 0;
}
.gta-sec h2{
    color: var(--white);
    font-weight: 600;
    line-height: 110%;
    letter-spacing: -0.8px;
    font-size: var(--font40);
}
.gta-sec .text-wrap{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.gta-sec .content-wrap{
    display: flex;
    flex-direction: column;
    gap: 29px;
    text-align: center;
    position: relative;
}
.gta-sec h6{
    color: var(--white);
}

/* ----------------------- card style 4 ------------------------------------- */

.card-style-4 .img-content{
    position: absolute;
    bottom: 0;
}
.card-style-4 .card-img img{
    aspect-ratio: 9 / 7;
}
.card-style-4 .card-img{
    position: relative;
    overflow: hidden;
    /* height: 100%;
    width: 100%;
    aspect-ratio: 9 / 4; */
}
.card-style-4 img{
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}
.card-style-4 .card{
    border: none;
}
.card-style-4 .description,
.card-style-4 .heading{
    color: var(--grey60);
}
.card-style-4 .description,
.card-style-4 .arrow-btn,
.card-style-4 .name,
.card-style-4 .date{
    font-size:var(--font16);
}
.card-style-4 .description{
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.card-style-4 .heading a{
    color: var(--grey60);
}

.card-style-4 .heading{
    font-size: var(--font18);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    overflow: hidden;
    letter-spacing:normal;
}
.card-style-4 .arrow-btn{
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--primary);
}
.card-style-4 .card,
.card-style-4 .card-content,
.card-style-4 .content-top{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.card-style-4 .name,
.card-style-4 .category{
    font-weight: 700;

}
.card-style-4 .name{
    font-style: normal;
    line-height: 120%;
}
.card-style-4 .name,
.card-style-4 .date,
.card-style-4 .category{
    color: var(--white);
}
.card-style-4 .img-content{
    display: flex;
    gap: 15px;
    justify-content: space-between;
    padding: 18px 22px;
    width: 100%;
    background: rgba(255, 255, 255, 0.13);
    backdrop-filter: blur(4.5px);
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}
.card-style-4 .content-left {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

/* ---------------------- History page ------------------------ */
.large-para{
    font-size: var(--font32);
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
}
.history-content-wrap{
    display:flex;
    flex-direction: column;
    gap: 20px;
    text-align: justify;
}
.history-content-wrap .right-img-wrap {
    margin-left: -65px;
}
.history-content-wrap .history-img-wrap .right-img-wrap img{
    border: 10px solid var(--white);
    margin-top: 60px;
}
.history-content-wrap .history-img-wrap{
    display: grid;
    grid-template-columns: 65% 35%;
    margin-bottom: 3.5rem;
}
.bg-lightblue-box{
    background: var(--lightblue);
    padding: 40px 50px;
}
.bg-lightblue-box.history-lightblue-box p{
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.achievements-showcase{
    background: url('../images/history-showcase-img.webp') no-repeat center / cover;
}
.bg-lightblue-box.history-lightblue-box p,
.promo-banner span{
    font-size: var(--font26);
}
.promo-banner{
    color: var(--white);
    text-align: center;
    padding: var(--space150) 0;
    margin-top: var(--space50);
    margin-bottom: var(--space50);
    position: relative;
}
.promo-banner::before{
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    background: var(--black);
    opacity: 0.5;
}
.promo-banner h2{
    font-size: var(--font42);
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: -1.26px;
    color: var(--white);
}
.promo-banner span{
    font-style: normal;
    font-weight: 700;
    line-height: 115%;
}
.promo-banner-content{
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: center;
    position: relative;
}
.milestones-sec{
    background: var(--lightGrey);
}
.milestones-sec .section-wrap{
    gap: 4.375rem;
}

.milestones-sec{
    padding-bottom: var(--space150);
}
/* ---------------------------------------------------------------------------------------------- */


.milestones-sec .splide__slide{
    margin-right: 0;
}
.milestones-sec .timeline-slider {
    position: relative;
}
.milestones-sec .timeline-line {
    position: absolute;
    top: 63px;
    left: 0;
    right: 0;
     width: calc(100% + 240px);
    height: 1px;
    background: var(--greyB0);
}

.milestones-sec .timeline-item {
    position: relative;
}
.milestones-sec .year {
    font-size: var(--font42);
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: -1.26px;
    color: var(--primary);
}
.milestones-sec .dot {
    width: 23px;
    height: 23px;
    background: var(--dodgerBlue);
    border-radius: 50%;
    position: absolute;
    top: 52px;
    left: 0;
    z-index: 5;
}
.milestones-sec .content {
    padding: 50px 0px 0 50px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.milestones-sec .content-tag{
    font-size: var(--font12);
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    text-transform: uppercase;
    color: var(--primary);
}
.milestones-sec .content h3{
    font-size: var(--font20);
    font-style: normal;
    font-weight: 700;
    line-height: 115%;
    letter-spacing: normal;
}
.milestones-sec .content p {
    line-height: 150%;
}
/* ------------------------ notice page ----------------------------- */
.notice-page .section-wrap{
    gap: 30px;
}
.imp-note-sec .content-wrap{
    padding: 16px 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.imp-note-sec h2{
    font-weight: 700;
    line-height: 115%;
    font-size: var(--font20);
    color: var(--primary);
}

/* ---------- policies detail page and notice detail page ------------------ */

.policies-details-page,
.notice-details-page{
    position: relative;
}
.sticky-btn-wrap button{
    position: fixed;
    bottom: 15px;
}
.sticky-btn-wrap{
    position: absolute;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
}
/* --------------- notice page ---------------------- */

.card-style-5 .pills-wrap li a{
    color: var(--primary);

}
.card-style-5 .pills-wrap{
    margin-top:0;
}
.card-style-5 .pills-wrap li{
    background: var(--lightblue);
    border-color: var(--lightblue);
}
.card-style-5 .pdf-icon,
.card-style-6 .pdf-icon{
    height: 14px;
    width: 14px;
}
.card-style-5 .pdf-extension,
.card-style-6 .pdf-extension{
    display: flex;
    align-items: center;
    gap: 8px;
}
.card-style-5 .pdf-detail ul,
.card-style-6 .pdf-detail ul
{
    border: 1px solid var(--lightGrey);
    padding: 8px;
    width: fit-content;
    border-radius: 29px;
    -webkit-border-radius: 29px;
    -moz-border-radius: 29px;
    -ms-border-radius: 29px;
    -o-border-radius: 29px;
}
.card-style-5 .tag-wrap,
.card-style-5 .card .top-content,
.card-style-5 .card-btm{
    display: flex;
    
}
.card-style-5 .tag-wrap,
.card-style-5 .card-btm{
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}
.card-style-5 .notice-card-main-wrap{
    grid-template-columns: repeat(3, 1fr);
    gap:25px;
}
.card-style-5 h3{
    font-size: var(--font16);
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}
.card-style-5 .card .top-content{
    flex-direction: column;
    gap: 4px;
}
.card-style-5 .card{
    font-size: var(--font14);
}
.card-style-5 .card .date{
    font-size: var(--font12);
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.card-style-5 .card,
.card-style-5 .card .card-top{
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 100%;
}
/* --------------------forex-rates page ------------------ */
.forex-rates-sec .table-style-3{
    margin-top: 0;
}
.forex-rates-sec h2,
.nostro-details-sec h2{
    font-size: var(--font20);
    font-style: normal;
    font-weight: 700;
    line-height: 115%; 
    color: var(--grey60);
}
.forex-rates-sec .table-style-3 thead tr:first-child{
    background: var(--dark-blue);
}
.forex-rates-sec .table-style-3 thead tr:last-child{
    background: var(--lightblue);
}
.forex-rates-sec .table-style-3 thead tr:first-child td,
.forex-rates-sec .table-style-3 thead tr:first-child th{
    border-left: none;
}
.forex-rates-sec .table-style-3 th:last-child{
    border-left: 1px solid var(--white);
}
.forex-rates-sec .table-style-3 thead tr:last-child th:last-child{
    border-right: 1px solid var(--lightblue);
}
.forex-rates-sec .table-style-3 thead tr:last-child th:first-child{
    border-left: 1px solid var(--lightblue);
}
.forex-rates-sec .table-style-3 thead tr:last-child th{
    border-right: 1px solid var(--white);
}
.forex-rates-sec .table-style-3 thead tr:first-child td{
    border-top-left-radius: 8px;
}
.arrow-list-wrap{
    padding: 18px;
}

/* ---------------------annual reporsts page ------------ */
.card-style-6 .card,
.card-style-7 .card{
    border: 1px solid var(--lightGrey);
}
.card-style-6 .card{
    display: flex;
    gap: 10px;
    align-items: center;
}
.card-style-6 .card .img-warp img{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    aspect-ratio: 9/12;
}
.card-style-6 .card h2,
.bg-VeryLightBlue h2{
    font-size: var(--font20);
}
/* ------------------ nostro details page ------------------- */

.nostro-details-sec .section-wrap,
.forex-rates-sec .section-wrap{
    gap: 13px;
}
.nostro-details-card-main-wrap{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}
.card-style-7 .card .card-head,
.card-style-7 .card .card-content ul,
.card-style-7 .card .card-content .card-text{
    padding: 13px 20px;
}
.card-style-7 .card h3{
    font-size: var(--font20);
    font-style: normal;
    font-weight: 700;
    line-height: 115%; 
    color: var(--lightblue);
}
.card-style-7 .branch-code h4,
.card-style-7 .card ul li:first-child,
.card-style-7 .card h5,
.card-style-7 .card p,
.card-style-7 .card ul li,
.card-style-8 .card h3,
.box-BoldText{
    font-size: var(--font16);
}
.card-style-7 .branch-code h4,
.card-style-7 .card ul li:first-child,
.card-style-7 .card h5,
.card-style-7 .card p,
.box-BoldText{
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}
.card-style-7 .branch-code span,
.card-style-7 .branch-code h4{
    color: var(--white);
}
.card-style-7 .card{
    overflow: hidden;
}
.card-style-7 .card .card-head{
    background: var(--primary);
    border-bottom: 3px solid var(--secondary);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}
.card-style-7 .card ul li:first-child,
.card-style-7 .card ul li::after,
.card-style-7 .card h5,
.card-style-7 .card p,
.card-style-8 .card h3,
.bg-VeryLightBlue h2{
    font-weight: 700;
}
.card-style-7 .card ul li:first-child,
.card-style-7 .card ul li::after,
.card-style-7 .card h5,
.card-style-7 .card p,
.card-style-7 .card ul li{
    color: var(--grey60);
}
.card-style-7 .card ul{
    justify-content: flex-start;
    border-bottom: 1px solid var(--greyB0);
}
.card-style-7 .card p,
.card-style-7 .card ul li{
    line-height: 120%;
    font-weight: 400;
}
.card-style-7 .card .branch-code {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.bg-VeryLightBlue{
    background: var(--very-light-blue);
    padding: 16px 20px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap:14px;
}
.bg-VeryLightBlue h2{
    line-height: 28px;
    letter-spacing: -0.449px;
}
.card-style-8 .card h3,
.bg-VeryLightBlue h3{
    color: var(--primary);
}
.card-style-8 .card h3{
    line-height: 150%;
}
.card-style-8 .card p{
    color: var(--body-color);
}
.card-style-8 .card .card-content-wrap{
    display: flex;
    flex-direction: column;
    gap:4px;
}
.card-style-8 .card{
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
    padding: 22px;
    background: var(--white);
}
.remittance-form-sec .card-wrap{
    row-gap:10px;
}
.remittance-form-sec .card-wrap .two-col-grid{
    gap:10px;
}
.square-box,
.remittance-form-sec .card-wrap,
.card-style-8 .card{
    display: flex;
    flex-direction: column;

}
.square-box{
    background: var(--greyF9);
    gap: 3px;
    padding: 8px;
    justify-content: flex-start;
    width: fit-content;
}
.square-box-warp{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.card-style-8 .card{
    gap: 10px;
}

/* --------------interest rates on deposits ------------------- */

.horizontal-tab-style-3.cta-img-card-sec {
    padding-top: var(--space50);
}
.horizontal-tab-style-3{
    background: var(--white);
}
.horizontal-tab-style-3 .nav-tabs{
    background: var(--very-light-blue);
}
.horizontal-tab-style-3 .main-tab-wrap .nav-tabs .nav-link.active{
    background: var(--white);
    font-weight: 700;
    border-bottom: none;
}
.horizontal-tab-style-3 .main-tab-wrap .nav-link{
    color: var(--grey60);
    font-weight: 400;
    font-size: var(--font16);
}
.horizontal-tab-style-3 .main-tab-wrap .nav-tabs,
.horizontal-tab-style-3 .main-tab-wrap .nav-link,
.horizontal-tab-style-3 .main-tab-wrap .nav-tabs .nav-link.active{
    border-color: var(--lightblue);
}
.horizontal-tab-style-3 .nested-tab-1 .nav-tabs{
    justify-content: flex-start;
}
.horizontal-tab-style-3 .nested-tab-1 .nav-tabs,
.horizontal-tab-style-3 .tab-pane{
    background: var(--white);
}

/* ---------------------- Faqs page --------------------- */

.faqs-tab-sec.vertical-tabs-style-2 .nav-pills{
    background: transparent;
}
.faqs-tab-sec.vertical-tabs-style-2 .nav-pills .nav-link:hover,
.faqs-tab-sec.vertical-tabs-style-2 .nav-pills .nav-link.active{
    border-bottom: 1px solid var(--secondary);

}
.faqs-tab-sec.vertical-tabs-style-2 .nav-pills .nav-link{
    color: var(--grey60);
    font-weight: 700;
    font-size: var(--font16);
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    transition: ease-in-out 0.3s all;
    -webkit-transition: ease-in-out 0.3s all;
    -moz-transition: ease-in-out 0.3s all;
    -ms-transition: ease-in-out 0.3s all;
    -o-transition: ease-in-out 0.3s all;
    padding: 0 18px 15px 18px;
}
.faqs-tab-sec.vertical-tabs-style-2 .nav-pills .nav-link.active{
    transition: ease-in-out 0.3s all;
}
.faqs-tab-sec.vertical-tabs-style-2 .nav-pills{
    padding: 0;
}
.faqs-tab-sec.vertical-tabs-style-2 .vertical-tabs-wrap {
    gap: 50px;
}
.faqs-tab-sec.vertical-tabs-style-2 .nav-pills {
    width: calc(100% / 2.9);
}
.faqs-tab-sec.vertical-tabs-style-2 .filter-form-warp{
    grid-template-columns: calc(88% - 5px) calc(12% - 5px);
}
.faqs-tab-sec.vertical-tabs-style-2 .filter-style-1 .form-btn-wrap{
    justify-content: end;
}
.faqs-tab-sec .section-wrap{
    gap:30px;
}

.faqs-tab-sec.vertical-tabs-style-2 .accordion-style-1 .accordion-item:has(.accordion-button:not(.collapsed))::before {
    transform: scaleX(1);
}