@media screen and (min-width: 1680px) {
    .container {
        max-width: 1240px;
    }
}
@media screen and (min-width: 1500px) {
    .split-img-panel-2 .split-img {
        aspect-ratio: 9 / 6;
    }
}
@media screen and (max-width: 1300px) {
    .card-style-1 .card-main-wrap {
        gap: 20px;
    }
}

@media screen and (max-width: 1199px) {
    .ftr-widget-wrap {
        grid-template-columns: repeat(4, 1fr);
        column-gap: 20px;
        row-gap: 25px;
    }
     .split-img-panel-2 .split-img {
        aspect-ratio: 9 / 9;
    }
    .card-style-3 .card-wrap {
        grid-template-columns: repeat(2, 1fr);
    }
    .pdf-card-main-wrap,
    .card-style-6 .annual-reports-card-main-wrap{
        grid-template-columns: repeat(3, 1fr);
    }
    .complaints-sec .two-col-grid {
        grid-template-columns: 100%;
    }
    .card-style-4 .card-img img {
        aspect-ratio: 9 / 8;
    }
    .card-style-1 .card-main-wrap, .card-style-4 .card-main-wrap {
        gap: 30px;
    }
    .card-style-5 .notice-card-main-wrap {
        grid-template-columns: repeat(2, 1fr);
    }
    .banner-caption-wrap .banner-sub-text {
        grid-template-columns: 50%;
    }
}
@media screen and (min-width: 991px) and (max-width: 1199px) {
    .card-style-1 img {
        right: -25px;
    }

}
@media screen and (max-width: 1024px) {
    .ftr-widget-wrap {
        grid-template-columns: repeat(3, 1fr);
    }
    .card-style-1 .card-main-wrap {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
}
@media screen and (max-width: 991px) {
    .ftr-middle-wrap {
        justify-content: center;
    }
    .ftr-bottom-wrap {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .ftr-bottom-left,
    .ftr-bottom-wrap{
        gap: 30px;
    }
    .ftr-bottom-img {
        justify-content: center;
    }
    .ftr-bottom-content {
        text-align: center;
    }
    .counter-style-1 .card-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }

    .feature-card-style-7 .bento-grid-wrap{
        grid-template-columns: calc(49% - 10px) calc(49% - 10px);
        grid-template-rows: 350px 320px;
        grid-template-areas: "card-1 card-1" "card-2 card-3" "card-4 card-4";
    }
    .locator-wrap .two-col-grid{
        grid-template-columns: 100%;
    }
     .card-style-1 img {
        right: -25px;
    }
    .split-img-panel-2 .split-img {
        aspect-ratio: 9 / 5;
        margin-left: 0;
    }
    .why-join-sec .section-wrap {
        gap: 30px;
    }
    .pdf-card-main-wrap,
    .card-style-6 .annual-reports-card-main-wrap{
        grid-template-columns: repeat(2, 1fr);
    }
    .pdf-card-main-wrap .card{
        gap: 15px;
    }
    .pdf-filter .filter-form-warp {
        grid-template-columns: calc(55% - 5px) calc(45% - 5px);
    }
    .card-style-1 .card-main-wrap, .card-style-4 .card-main-wrap{
        grid-template-columns: repeat(2, 1fr);
    }
    .card-style-5 .pdf-extension {
        gap: 5px;
    }
    .banner-caption-wrap .banner-sub-text {
        grid-template-columns: 60%;
    }
    .ftr-nav-links ul {
        grid-template-columns: repeat(2, 1fr);
    }
    .ftr-nav-links ul li:nth-child(1){
        border-bottom: 1px solid var(--dusty-blue);
    }
    .ftr-nav-links ul li:nth-child(2){
        border-right: none;
        border-bottom: 1px solid var(--dusty-blue);
    }
    .nostro-details-card-main-wrap {
        grid-template-columns: 100%;
    }
}

@media (min-width: 768px) {
    .vertical-tabs-style-1 .swiper-slide {
        width: 100% !important;
        display: block !important;
        background: transparent;
        height: auto;
    }
}

/* Mobile layout */
@media (max-width: 767px) {

    .sec-head-style-one .heading-btn-warp{
        justify-content:flex-start;
    }
    .ftr-widget-wrap {
        grid-template-columns: repeat(2, 1fr);
    }

    .sec-head-style-1 .heading-btn-warp{
        justify-content:flex-start;
    }

    .vertical-tabs-style-1 .vertical-tabs-wrap {
        flex-direction: column;
    }

    .vertical-tabs-style-1 .nav-pills {
        width: 100%;
        flex-direction: row;
        margin-top: 0;
        flex-wrap: nowrap;
    }

    .vertical-tabs-style-1 .swiper-slide {
        width: auto !important;
        background: none;
    }

    .vertical-tabs-style-1 .nav-link-custom {
        white-space: nowrap;
    }

    .vertical-tabs-style-1 .tab-content {
        margin-top: 20px;
    }
     .card-style-1 img {
        width: 120px;
        height: 200px;
    }
    .card-style-5 .notice-card-main-wrap {
        grid-template-columns: 100%;
    }
    .remittance-form-sec .card-wrap .two-col-grid{
        grid-template-columns: 100%;
    }
}

@media screen and (max-width: 680px){
    .banner-caption-wrap .banner-sub-text {
        grid-template-columns: 75%;
    }
    .banner-caption-wrap .banner-heading{
        grid-template-columns: 90%;
    }
}
@media screen and (max-width: 575px) {
    footer {
        padding-top: var(--space60);
        padding-bottom: var(--space60);
    }

    .feature-card-style-7 .bento-grid-wrap{
        grid-template-columns: 100%;
        grid-template-rows: 300px 250px 250px 350px;
        grid-template-areas: "card-1" "card-2" " card-3" "card-4";
    }

    .feature-card-style-7 .blog-card.card-4 {
        grid-template-columns: repeat(1, 1fr);
    }

    .feature-card-style-7 .blog-card .blog-img{
        order: 2;
    }
    .three-col-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .card-style-1 .card-main-wrap {
        grid-template-columns: 100%;
        gap: 30px;
    }
    .card-style-3 .card-wrap {
        grid-template-columns: 100%;
    }
    .pdf-card-main-wrap,
    .card-style-6 .annual-reports-card-main-wrap{
        grid-template-columns:100%;
    }
    .card-style-1 .card-main-wrap, .card-style-4 .card-main-wrap {
        grid-template-columns: 100%;
    }
    .banner-caption-wrap .banner-sub-text,
    .banner-caption-wrap .banner-heading{
        grid-template-columns: 100%;
    }
    .ftr-nav-links ul li {
        padding: 20px 12px;
    }
}

@media screen and (max-width: 480px) {
    .ftr-widget-wrap {
        grid-template-columns: 1fr;
    }
    .ftr-bottom--social-icon ul {
        gap: 15px;
    }
    .counter-style-1 .card-wrapper {
        grid-template-columns: repeat(1, 1fr);
    }
    .breadcrumb ul {
        gap: 12px;
    }
    .card-style-1 .card-content {
        gap: 160px;
    }
    .split-img-panel-2 .split-img {
        aspect-ratio: 9 / 7;
    }
    .pdf-filter .filter-form-warp {
        grid-template-columns: 100%;
    }
    .banner-section {
        height: 400px;
    }
    .banner-caption-wrap .banner-heading{
        grid-template-columns: 100%;
    }
    .ftr-nav-links ul li:last-child{
        border-bottom: none;
    }
    .ftr-nav-links ul li{
        border-bottom: 1px solid var(--dusty-blue);
        border-right: none;
    }
    .ftr-nav-links ul {
        grid-template-columns: 100%;
    }
}
@media screen and (max-width: 380px) {
    .three-col-grid {
        grid-template-columns: 100%;
    }
    .filter-form-warp {
        gap: 15px;
    }
    /* .card-style-1 img {
        width: 120px;
        height: 200px;
    } */
    .card-style-1 .card-content {
        gap: 130px;
    }
    .card-style-5 .tag-wrap{
        flex-direction: column;
        align-items: flex-start;
    }
}