/* Convex-code with applied */
:root {
    --gold-bg: #d9b77c;
    --gold-darker: #d9b77c;
    --dark-green: #0b3d33;
    --headingcolor: #0b3d33;
    --maroon: #8d2e36;
    --input-fill: #e6d3b3;
    --text-dark: #333;
}
@font-face {
    font-family: 'NeoSans';
    src: url('../fonts/NeoSans-Light.woff2') format('woff2'),
        url('../fonts/NeoSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neo Sans';
    src: url('../fonts/NeoSans.woff2') format('woff2'),
        url('../fonts/NeoSans.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neo Sans Std';
    src: url('../fonts/NeoSansStdRegular.woff2') format('woff2'),
        url('../fonts/NeoSansStdRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Neo Sans Pro';
    src: url('../fonts/NeoSansPro-Bold.woff2') format('woff2'),
        url('../fonts/NeoSansPro-Bold.woff') format('woff'),
        url('../fonts/NeoSansPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neo Sans Pro';
    src: url('../fonts/NeoSansPro-Medium.woff2') format('woff2'),
        url('../fonts/NeoSansPro-Medium.woff') format('woff'),
        url('../fonts/NeoSansPro-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


body {
        font-family: 'Neo Sans Pro' !important;
}


.bg-color{
    color: var(--headingcolor);
}

body h2 {
    font-size: 2.5rem;
    font-family: 'Neo Sans Std';
    font-weight: 400!important;
}
p.para{
       font-size: 18px;
    font-weight: 400;
    font-family: 'Neo Sans Std';
    color: #000 !important;
}
/* Header start */
header.main-header {
    width: 100%;
    background-image: url(../images/headerbg.webp);
    background-position: center;
    background-size: contain;
    transition: all .35s ease-in-out;
    position: relative;
}

header .container-fluid,
.main-footer .container-fluid,
.news .container-fluid {
    max-width: 80%;
}

.header-top-container {
    padding: 5px 0 0 0;
}
.nav-ac-type {
    margin-top: 39px;
}
.nav-ac-type li {
    display: inline-block;
    margin-left: 48px;
}
.nav-ac-type li:first-child {
    margin-left: 0;
}
/* .nav-ac-type a:after {
    content: '';
    position: absolute;
    background-image: url(../images/menuafter.png);
    height: 16px;
    width: 24px;
    top: auto;
    bottom: -50px;
    left: 60px;
} */
.nav-ac-type a, .nav-ac-type a:hover {
    color: #fff;
}



.main-logo-container {
    width: 270px;
    position: absolute;
    left: calc(50% - 135px);
    text-align: center;
}


.lang-link {
    position: absolute;
    top: 0;
    right: 17px;
    font-family: tahoma;
    font-size: 13px;
}
header a, header a:focus {
    color: #c5c5c5;
}
.nav-top-right {
    margin-top: 43px;
    display: inline-block;
}

.nav-top-right li:first-child {
    margin-left: 0;
}
.nav-top-right li {
    display: inline-block;
    margin-left: 38px;
}
.nav-top-right a {
    font-size: 15px;
}

.nav-top-right a:hover{
    color: #fff;
}
.header-top-container .header-dd-container {
    margin-left: 38px;
    display: inline-block;
}

.header-top-container .header-dd-container li.has-dd {
    position: relative;
}




.link-text {
    position: relative;
    top: 2px;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    max-width: calc(100% - 72px);
}

.main-nav-container .more-nav-link .link-text {
    top: -1px;
    max-width: 100%;
}


.content-right {
    text-align: right;
}



/* Base Styles */
.secondary-nav {
    background-color: #f7f3e8;
    border-top: 1px solid #d1d1d1;
    border-bottom: 10px solid #a3894b;
}

.secondary-nav .nav-link {
    color: #333 !important;
    font-weight: 600;
    font-size: 0.9rem;
    padding: 15px 10px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav-icon { margin-right: 10px; font-size: 1.2rem; }

/* Plus Icon Design */
.plus-icon {
    background-color: #004236;
    color: white;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
}

.search-icon1{ color: #8b0000; cursor: pointer; font-size: 1.2rem; }



/* Mobile Only: Adjustments */
@media (max-width: 991px) {
    /* .header-top-container {
        padding: 10px;
        margin-bottom: -15px;
    } */
    .secondary-nav .nav-link {
        justify-content: flex-start;
        padding-left: 20px !important;
        border-bottom: 1px solid #e0e0e0;
        width: 100%;
    }

    .navbar-nav.w-100.nav-fill.align-items-center {
    align-items: flex-start !important;
}
    
    .navbar-toggler {
        border: none;
        outline: none;
    }

    .navbar-collapse {
        background: #f7f3e8;
        padding-bottom: 10px;
    }
}

/* Purana border-right hata den aur ye use karein */
.custom-border {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Vertical line jo 50% height ki hogi */
@media (min-width: 992px) {
    .custom-border::after {
        content: "";
        position: absolute;
        right: 0;
        top: 25%; /* Line ko center karne ke liye upar se 25% niche */
        height: 50%; /* Line ki height 50% (short line) */
        width: 1px;
        background-color: #d1d1d1; /* Divider ka color */
    }
}

/* Last item se line hatane ke liye (Home Finance ke baad) */
.navbar-nav .nav-item:last-child::after {
    display: none;
}
.navbar-nav{
    margin-top: 0 !important;
}
/* Custom Styles for the Slider */
.slider-section {
    padding: 0;
}
#heroSlider{
    background-color: #1b3c35
}

.slider-bg {
    height: 100vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 40%;
    margin: 0 auto;
}

.anniversary-text {
    font-family: 'Arial', sans-serif;
    letter-spacing: 8px;
    font-weight: 300;
    font-size: 1.5rem;
    color: #ffffff;
}

.main-logo {
    max-width: 400px;
    height: auto;
}

#heroSlider .vertical-indicators {
    left: auto;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    flex-direction: column;
    margin: 0;
    width: auto;
    height: auto;
}

#heroSlider .vertical-indicators li {
    width: 2px;
    height: 30px;
    margin: 5px 0;
    background-color: rgba(255, 255, 255, 0.5);
    border: none;
    cursor: pointer;
}

#heroSlider.vertical-indicators li.active {
    background-color: #fff;
}

.side-icons {
    position: absolute;
    right: 30px;
    top: 30px;
    color: white;
    z-index: 10;
    text-align: center;
}

.side-icons i {
    display: block;
    margin-bottom: 20px;
    cursor: pointer;
}

/* calculator-section */
.calculator {
    background-color: #f5f5ea;
    position: relative;
}

.calculator::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    background-image: url(../images/lines.webp);
    width: 1920px;
    height: 100%;
    background-repeat: no-repeat;
}

.main-category-pills {
    background-color: var(--gold-bg);
    border-radius: 50px;
    display: inline-flex !important;
    /* padding: 5px; */
    position: relative;

}

.main-category-pills .nav-link {
    font-family: 'NeoSans' !important;
    font-weight: 300;
    color: white;
    border-radius: 50px !important;
    padding: 15px 25px !important;
    transition: 0.3s;
    border: none;
    font-size: 16px;
    text-transform: capitalize !important;
        /* margin: 0 8px; */
}

.calculator-section p.text-muted {
    font-size: 18px;
    font-weight: 400;
    font-family: 'Neo Sans Std';
    color: #000 !important;
}

.main-category-pills .nav-link.active {
    background-color: var(--dark-green) !important;
        background-image: url(../images/tabgradiant.webp);
    background-position: center;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

.scroll-container {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch; /* Smooth scrolling for iOS */
}

.main-category-pills {
    white-space: nowrap; /* Text ko wrap hone se rokta hai */
    display: flex;
    flex-wrap: nowrap;
}

/* Scrollbar ko hide karne ke liye (Optional - Clean look) */
.scroll-container::-webkit-scrollbar {
    display: none;
}
.scroll-container {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

/* Tabs ke beech thoda space */
.main-category-pills .nav-item {
    flex: 0 0 auto; /* Items ko shrink hone se rokta hai */
}



.calculator .sub-tabs {
    border-bottom: none;
}

.calculator-section .sub-tabs .nav-link {
    background-color: #827555;
    color: #fff;
    border: none !important;
    border-radius: 10px 10px 0 0 !important;
    margin-right: 5px;
    padding: 10px 20px;
    font-weight: 400;
    font-family: 'Neo Sans Std';
}

.calculator .sub-tabs .nav-link.active {
    background-color: var(--gold-bg)!important;
    color: #000;
    border:none !important
}

.calc-container {
    background-color: var(--gold-bg);
    border-radius: 0 15px 15px 15px;
    padding: 24px 24px 60px 24px;
}

.results-container {
    background-color: var(--gold-bg);
    border-radius: 20px;
}


.calculator .custom-input {
    background-color: var(--input-fill) !important;
    border: none;
    height: 48px !important;
    color: #555;
    border-radius: 10px;
    font-family: 'Neo Sans Std';
    font-weight: 400;
}

.calculator .custom-input:focus {
    box-shadow: 0 0 0 0.2rem rgba(11, 61, 51, 0.1);
}

.range-wrap {
    width: 100%;
}

.slider-label {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    margin-bottom: 5px;
}

.custom-slider {
    -webkit-appearance: none;
    width: 100%;
    height: 6px;
    background: linear-gradient(to right, #7a6b52 0%, #7a6b52 50%, #e0d4be 50%, #e0d4be 100%);
    border-radius: 5px;
    outline: none;
    cursor: pointer;
}

.custom-slider::-webkit-slider-runnable-track {
    background: inherit;
    height: 6px;
    border-radius: 5px;
}

.custom-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 24px;
    height: 24px;
    margin-top: -9px;
    background: #D4B984;
    border: 4px solid #7a6b52;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.custom-slider::-moz-range-track {
    height: 6px;
    background: #e0d4be;
    border-radius: 5px;
}

.custom-slider::-moz-range-progress {
    height: 6px;
    background: #7a6b52;
    border-radius: 5px;
}

.custom-slider::-moz-range-thumb {
    width: 16px;
    height: 16px;
    background: #D4B984;
    border: 4px solid #7a6b52;
    border-radius: 50%;
    cursor: pointer;
}

.slider-values span {
    font-size: 14px;
    font-weight: bold;
    color: #5d513c;
    margin-top: 8px;
}

.result-item {
    border-bottom: 1px solid rgba(0,0,0,0.1);
    margin-bottom: 20px;
    color: var(--dark-green);
}

.result-item label {
      font-family: 'NeoSans' !important;
    font-weight: 300;
    font-size: 14px;
    margin-bottom: 0;

}

.result-item h3 {
     font-family: 'NeoSans' !important;
    font-weight: 300;
    font-size: 2rem;
    margin-top: 0;
}

.btn-maroon {
    background-color: var(--maroon);
    color: white;
    border-radius: 25px;
    padding: 8px 25px;
    font-size: 12px;
    font-weight: bold;
    border: none;
    transition: 0.2s;
}

.btn-maroon:hover {
    background-color: #6d2329;
    color: white;
}

.tiny-text {
    font-size: 10px;
    line-height: 1.3;
    color: #555;
}

.dib-app-section {
    background-color: #B2DACF;
}

.app-banner-box h3 {
    font-size: 18px;
    margin-top: 10px;
}
.dib-app-section p.lead-text {
    font-family: 'Neo Sans Std';
    font-weight: 400;
    font-size: 16px;
}
.main-logo-container {
    width: 150px;
    position: absolute;
    left: 0;
    text-align: center;
    right: 0;
    margin: 0 auto;
}


.app-banner-box {
    background-color: #0b3d33;
    border: 2px solid #a3cfbb;
    border-radius: 25px;
    padding: 30px;
    min-height: 200px;
    position: relative;
    overflow: visible;
}

.text-gold {
    color: #d9b67e;
}

.lead-text {
    font-size: 1.2rem;
    font-weight: 300;
}

.qr-img {
    max-width: 120px;
    padding: 5px;
    border-radius: 10px;
}

.phone-mockup {
    max-width: 310px;
    position: absolute;
    bottom: -140px;
    right: -60px;
    filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.3));
}

.btn-gold-pill {
    background-color: #d9b67e;
    color: #0b3d33;
    border-radius: 50px;
    padding: 5px 30px;
    font-weight: bold;
    font-size: 12px;
    border: none;
    transition: 0.3s;
}

.btn-gold-pill:hover {
    background-color: #c29d66;
    color: #0b3d33;
}

.service-slider-section {
    background-color: #0b3d33;
    z-index: 1;
    position: relative;
}
/* .service-slider-section br {
    display: none;
} */

.service-slider-section .slick-list.draggable {
    padding-top: 20px;
}

.service-slick-slider {
    margin: 0 -10px;
}

.service-slick-slider .slick-slide {
    display: flex;
    height: auto;
}

.service-slick-slider .slick-track {
    display: flex;
    align-items: stretch;
}

.service-card {
    background-image: url(../images/cardbg.webp);
    background-position: center;
    border: 2px solid #d9b67e;
    border-radius: 15px;
    padding: 40px 11px;
    height: 100%;
    min-height: 362px;
    transition: transform 0.3s ease;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    width: 100%;
}

.service-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}

.slider-arrow:hover {
    color: #d9b67e;
    transform: translateY(-50%) scale(1.2);
    transition: 0.3s;
}

.icon-box img {
    height: 100px;
    text-align: center;
    margin: 0 auto;
    width: auto !important;
}

.card-divider {
    border-top: 1px solid #d9b67e;
    width: 80%;
    margin: 10px auto;
}

.card-title {
    font-family: 'Neo Sans Std';
    color: white;
    font-weight: 400;
    font-size: 26px;
    line-height: 1.2;
    width: 160px;
    margin: 0 auto;
}

.service-card a.btn.btn-gold-pill-sm {
    font-size: 1rem;
    width: 100px;
    margin: 0 auto;
}

.card-desc {
    flex-grow: 1;
    color: #fff;
    font-size: 16px;
    margin-bottom: 25px;
     font-family: 'Neo Sans Std';
     font-weight: 400;
}

.btn-gold-pill-sm {
    background-color: #d9b67e;
    color: #8d2e36;
    border-radius: 50px;
    padding: 4px 20px;
    font-weight: bold;
    font-size: 10px;
    border: none;
}

.slider-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: white;
    font-size: 30px;
    cursor: pointer;
    z-index: 10;
}

.arrow-left { left: -50px; }
.arrow-right { right: -50px; }

.service-owl-carousel .owl-stage-outer {
    padding-top: 20px;
}

section {
    padding: 100px 0;
}
.card-slider-section {
    z-index: 1;
    position: relative;
}
.card-tabs-wrapper {
    background-color: var(--gold-bg);
    border-radius: 50px;
    display: inline-flex !important;
    /* padding: 5px; */
    position: relative;

    transform: translateX(0%);
}

.card-tabs-wrapper .nav-link {
    color: white;
    border-radius: 50px !important;
    transition: 0.3s;
    border: none;
    padding: 15px 35px !important;
    font-size: 16px;
    font-family: 'NeoSans' !important;
    font-weight: 300;
    text-transform: capitalize;

}

.card-tabs-wrapper .nav-link.active {
    background-color: #0b3d33 !important;
    background-image: url(../images/tabgradiant.webp);
    background-position: center;
    color: white;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    /* text-transform: capitalize; */
}

.card-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9999;
    cursor: pointer;
    display: block;
    background: transparent;
    border: none;
}

.card-arrow i {
    font-size: 35px;
    color: #8d2e36;
    font-weight: 100;
    -webkit-text-stroke: 0.5px #8d2e36;
}

.arrow-left { left: -30px; }
.arrow-right { right: -30px; }

.debit-card-slider {
    padding: 50px 0;
}

.debit-card-slider .owl-item {
    padding: 0px 20px;
    transition: all 0.4s ease;
}

.debit-card-slider .owl-stage-outer {
    padding: 40px 0;
}

.debit-card-slider .owl-item.active.center {
    transform: scale(1.4);
    opacity: 1;
    z-index: 10;
}

.debit-card-slider .slick-slide.slick-current.slick-active.slick-center {
    z-index: 1;
    position: relative;
    transition: transform 0.3s ease;
}

.debit-card-slider .slick-slide.slick-active {
    transform: scale(1.4);
}

#cardTabContent, .tab-pane {
    overflow: visible;
}


/* new card slider */

.debit-card-slider, 
#sync-card-slider {
    padding: 60px 0 !important; 
    overflow: hidden !important
}

#sync-card-slider .owl-stage-outer {
    overflow: visible !important; 
}


#sync-card-slider .owl-item {
    transform: scale(1);      
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
    z-index: 1;
}


#sync-card-slider .owl-item.active.center {
    transform: scale(1.55) !important; 
    opacity: 1 !important;             
    z-index: 10 !important;          
}

.card-item img {
    border-radius: 15px; 
    box-shadow: 0 10px 25px rgba(0,0,0,0.15); 
}






.arrow-left1 {
    position: absolute;
    left: -50px;
    top: 50%;
    transform: translateY(-50%);
}

.arrow-right1 {
    position: absolute;
    right: -50px;
    top: 50%;
    transform: translateY(-50%);
}

.branches-section {
    background-color: #f3eee3;
    position: relative;
}

.branch-list {
    overflow-y: scroll;
    height: 580px;
    padding-right: 30px;
}

.addressbox .badge {
    background-color: #8d2e36;
    color: #fff;
    border-radius: 20px;
    padding: 7px 10px;
}
.addressbox a {
    color: #fff;
       border-radius: 20px;
}

.branches-section::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    background-image: url(../images/lines.webp);
    width: 1920px;
    height: 100%;
    background-repeat: no-repeat;
}

.branch-list .branch-item {
    border-bottom: 1px solid #000;
    padding: 20px 0;
}

.branch-item .addressbox h5 {
    font-size: 20px;
    font-weight: 500;
}

.branch-item .addressbox p {
    font-size: 18px;
}

.search-box input {
    border-radius: 30px;
    padding: 12px 25px;
    border: 1px solid #d9b67e;
    background: white;
    height: 50px;
}

.search-icon { position: absolute; right: 0; top: 17px; color: #8d2e36; margin-right: 30px;}
div#dibNavbar {
    position: relative;
}

.badge-type { color: #8d2e36; font-size: 16px; font-weight: bold; letter-spacing: 1px; }

.addressbox button.btn.btn-maroon-sm {
    border-radius: 20px;
    font-size: 14px;
}

.btn-maroon-sm {
    background: #8d2e36; color: white; border-radius: 20px;
    padding: 5px 15px; font-size: 16px; border: none;
}

.map-circle-wrapper {
    position: relative;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #d9b67e;
}

.map-container {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    border: 8px solid #d9b67e;
}

.map-container img {
    width: 100%;
}

.dot {
    position: absolute;
    width: 45px;
    height: 45px;
    background: #fff;
    border-radius: 50%;
    z-index: 1;
    border: 1px solid #d9b67e;
}

.dot::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #8d2e36;
}

.dot-top { top: 15%;     right: 9%;z-index: 11111;}
.dot-bottom { bottom: 15%;     left: 9%;z-index: 11111; }

.news {
    background-color: #d9b67e;
    padding: 50px 0;
    overflow-x: hidden;
    position: relative;
    z-index: 1;
}

.slide-item span {
    color: #145939;
    font-size: 14px;
    font-weight: 600;
}

.slide-item h2 {
    color: #ffffff;
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 0.5px;
}

.news-controls {
    display: flex;
    align-items: center;
    background-color: #8d2e36;
    padding: 8px 21px;
    border-radius: 50px;
    gap: 20px;
    flex-shrink: 0;
    width: 100px;
}

.news-arrow {
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: 0.3s;
}
.news-arrow img{
    width: 100%;
}
.news-right {
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 11;
}

.results-container::before {
content: "";
position: absolute;
left: -15px;
top: 50%;
transform: translateY(-50%);
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-right: 15px solid var(--gold-bg);
}


@media (max-width:1024px){
      /* .header-top-container {
        padding: 10px;
        margin-bottom: 20px;
    } */

    button.navbar-toggler.mr-3 {
            padding: 0;
    margin-right: 0 !important;
}

header .container-fluid.px-0 {
    justify-content: end;
}

span.navbar-brand.d-lg-none.ml-3.font-weight-bold {
    display: none;
}
#moremenuModal .col-md-7 .list-unstyled li{
    width: 100% !important;
}
#moremenuModal h4{
    font-size: 16px !important;
}
.service-card{
    height: 384px;
}

header .container-fluid {
    max-width: 100%;
}

.main-footer .container-fluid {
    max-width: 100%;
}
.qr-img{
    width: 90px;
}
}

@media (max-width: 767px) {
    .nav-bar {
    margin-top: 58px;
}
    .service-card{
        height: 354px;
    }
    section {
        padding: 50px 0;
    }
    .slider-bg {
        height: 480px;
        background-position: left;
        background-repeat: no-repeat;
        width: 80%;
    }
    .debit-card-slider .slick-slide.slick-active {
        transform: scale(1);
    }
    .slick-slide img {
        width: 85%;
    }
    .arrow-left1 { left: 0; }
    .arrow-right1 { right: 0; }
    .card-arrow svg { width: 18px; }
    .phone-mockup {
     display: block;
        position: static;

        max-width: 250px;
                margin: 10px auto;
    }
    .app-banner-box{
        padding: 20px;
    }
    .app-banner-box {
        text-align: center;
    }
    .text-right {
        text-align: center;
    }
    .arrow-right {
        right: 0px;
    }
    .arrow-left {
        left: 0;
    }
    .service-slick-slider .slick-slide {
        justify-content: center;
    }
    .slider-arrow svg,
    .card-arrow svg {
        width: 20px;
        height: 20px;
    }
    .debit-card-slider .owl-item.active.center {
        transform: unset;
        justify-content: center;
        display: flex;
    }
    .card-slider-section .slick-list.draggable {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .branch-list {
        margin-bottom: 20px;
    }
    .news-right {
        position: unset;
        margin: 0 auto;
        display: table;
    }
    .calculator ul#pills-tab li {
        width: unset;
    }
    /* .header-top-container {
        padding: 10px;
        margin-bottom: 50px;
    } */

    .search-icon {
        top: auto;
    }

    nav.navbar.navbar-expand-lg.secondary-nav.p-0 {
    padding: 10px 0 !important;
}

header.main-header{
    /* height: 140px; */
    border-bottom:none;
}
.branch-list {
    height: 300px;
}

    .search-box .search-icon {
        top: 15px;
    }

.main-footer .d-flex.justify-content-end.align-items-center {
    flex-wrap: wrap;
    justify-content: start !important;
}
.social-icons.ml-4 {
    margin-left: 0 !important;
}
.app-buttons {
    margin: 20px 0;
}
.footer-heading {
    margin-bottom: 10px;
}

.main-footer .mb-4 {
    margin-bottom: 10px !important;
}

.main-footer .pb-4 {padding-bottom: 0 !important;}

.main-footer .mt-4 {
    margin-top: 10px !important;
}
.navbar-brand {
    top: unset !important;
}

button.navbar-toggler.mr-3 {
            padding: 0;
    margin-right: 0 !important;
}

header .container-fluid.px-0 {
    justify-content: end;
}

span.navbar-brand.d-lg-none.ml-3.font-weight-bold {
    display: none;
}

header .container-fluid, .main-footer .container-fluid, .news .container-fluid {
    max-width: 100%;
}

.debit-card-slider {
    padding: 20px 0 0 !important;
}

#moremenuModal .col-md-7 .list-unstyled li {
    
width: 100%;
}

}

/* Container padding taake bada card sides se katay nahi */
.debit-card-slider {
    padding: 50px 0;
}

.debit-card-slider .owl-item {
    transition: all 0.5s ease-in-out;
    transform: scale(1); 
   
    z-index: 1;
}


.debit-card-slider .owl-item.active + .owl-item.active {
    transform: scale(1.3); 
    opacity: 1;
    z-index: 100; 
    position: relative;
    
}


.debit-card-slider .owl-item.active + .owl-item.active + .owl-item.active {
    transform: scale(1);
  
    z-index: 1;
}

/* Image styling */
.debit-card-slider .item img {
    width: 100%;
    border-radius: 15px;
    display: block;
}


@media (max-width: 767px) {
    .debit-card-slider .owl-item.active {
        transform: scale(1);
        opacity: 1;
    }
    body #map {
    min-height: 310px !important;
    max-height: 100px !important;
}

body h2{
    font-size: 26px;
}

}


.debit-card-slider .owl-wrapper-outer {
    padding: 50px 0;
}

.service-owl-carousel .owl-wrapper-outer {
    padding: 20px 0;
}

.page-padding {
    padding: 0;
}

.page-id-59030 .container.assan-account {
    max-width: 1920px;
    margin: 0 auto;
    padding: 0;
}

.page-id-59030 .wpb_wrapper {
    padding: 0;
}

.page-id-59030 .col-sm-12.pdngt50.pdngb40 {
    padding: 0;
}

.page-id-59030 .vc_column-inner {
    padding: 0;
}

.page-id-59030 {
    overflow-x: hidden;
}

.card-slider-section .tab-content>.active,
.calculator .tab-content>.active{
    all:unset;
}

.page-id-59030  .wpb_text_column.wpb_content_element {
    margin-bottom: 0;
}

.page-id-59030 .our-services {
    display: none;
}

.search-box i.fas.fa-search.search-icon {
    padding-right: 10px;
    top: 19px;
}

.main-category-pills .nav-item,
.card-tabs-wrapper .nav-item{
    margin-top: 0;
}

.calculator .tab-content ul:after {
    content: unset;
}

#serv-tabContent  ul li a:after {
    display: none;
}


.main-footer {
   background-image: url(../images/footerbg.webp);
   background-position: center;
   background-size: cover ;
    color: #ffffff;
    position: relative;
    overflow: hidden;
    height: unset !important;
}



.main-footer::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    background-image: url(../images/lines.webp);
    width: 1920px;
    height: 100%;
    background-repeat: no-repeat;
}

.footer-logo {
    max-width: 140px;
}

.footer-heading {
    color: #d9b67e; /* Gold color */
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 20px;
}

.footer-heading.sm {
    font-size: 0.9rem;
    margin-bottom: 10px;
}

.footer-text {
    font-size: 0.85rem;
    line-height: 1.6;
    color: #e0e0e0;
}

.footer-links {
    list-style: none;
    padding: 0;
}

.footer-links li {
    margin-bottom: 8px;
}

.footer-links a {
    color: #ffffff;
    text-decoration: none;
    font-size: 0.9rem;
    transition: 0.3s;
      font-family: 'Neo Sans Std';
      font-weight: 400;
}

.footer-links a:hover {
    color: #d9b67e;
    padding-left: 5px;
}

.copyright-text {
    font-size: 0.8rem;
    color: #bdbdbd;
    margin: 0;
}

/* App Buttons */
.app-icon {
    height: 35px;
    margin-right: 10px;
    cursor: pointer;
}

/* Social Icons */
.social-icons a {
    color: #000;
    font-size: 1.2rem;
    margin-left: 0;
    background: #fff;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: 0.3s;
}

.social-icons a i {
        color: #145939;
}
.social-icons a:hover {
    background: #d9b67e;
    color: #004236;
}


.arrow-divider {
    color: #fff;
}




/* modal form */
/* Main Form Container */
.cf7-custom-form {
    font-family: Arial, sans-serif;
    max-width: 700px;
    margin: 0 auto;
}

/* Row & Column Layout for Desktop */
.cf7-row {
    display: flex;
    gap: 20px;
    margin-bottom: 0;
}

.cf7-column {
    flex: 1;
}

.cf7-row-full {
    margin-bottom: 20px;
}

/* Labels Style */
.cf7-custom-form label {
    display: block;
    font-weight: bold;
    color: #666666;
    font-size: 14px;
    margin-bottom: 6px;
}

.cf7-custom-form label .required {
    color: #c02b3a;
}

/* Input Fields & Dropdowns Styling */
.cf7-custom-form input,
.cf7-custom-form select {
    width: 100%;
    padding: 12px 15px;
    background-color: #ededed !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 6px !important;
    font-size: 16px;
    color: #333333;
    box-sizing: border-box;
}

/* Placeholder Styling */
.cf7-custom-form ::placeholder {
    color: #999999;
    opacity: 1;
}

/* Character Counter Text */
.cf7-custom-form .char-count {
    text-align: right;
    font-size: 11px;
    color: #888888;
    margin-top: 4px;
}

/* Dropdown Arrow Customization */
.cf7-custom-form select {
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg fill='%23666666' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position: right 10px center;
}

/* Submit Button Style */
.cf7-submit-row {
    margin-top: 25px;
}

.cf7-custom-form input[type="submit"] {
    background-color: #801e2c !important; /* Maroon color */
    color: #ffffff !important;
    border: none !important;
    padding: 12px 30px !important;
    font-size: 15px !important;
    font-weight: bold !important;
    border-radius: 2px !important;
    cursor: pointer;
    transition: background 0.3s ease;
}

.cf7-custom-form input[type="submit"]:hover {
    background-color: #61131e !important; /* Darker maroon on hover */
}

.cf7-custom-form .char-count p {
    margin: 0;
}

.cf7-column br,
.cf7-row-full br {
    display: none;
}
h4.modal-title.w-100 {
    color: #000;
}

.wpcf7-response-output {
    color: #000;
}


/* Responsive for Mobile */
@media screen and (max-width: 600px) {
    .cf7-row {
        flex-direction: column;
        gap: 15px;
    }
}

@media (max-width: 560px) {
    .slider-bg {
        height: 330px;
        /* margin-top: 50px; */
        background-position: left;
        background-repeat: no-repeat;
        width: 80%;
    }
}