@supports (-webkit-touch-callout: none) {
    
    .forex-item-currency span.currency-circle-bg::before {
        display: block;
    }

    .team-cards-container .team-member-details .team-phone a,
    .team-cards-container .team-member-details .team-phone a:visited,
    .treasury-desk-row .tab-bar-container .tab-content .tab-content-item a {
        color: #122633 !important;
    }

}

/* Card slider responsive styles */

@media screen and (max-width:800px) {

    .card-inner-container.accounts-cards button.slick-prev {
        right: 170px !important;
    }
    .card-inner-container.accounts-cards button.slick-next {
        right: 120px !important;
    }
    
    .card-inner-container.cards-listing button.slick-next {
        right: 140px !important ;
    }

    .cards-package-items-wrapper .card-inner-container.cards-listing button {
        top: -140px !important;
    }

    .card-inner-container.cards-listing button.slick-prev {
        right: 210px !important ;
    }

    .cards-package-items-inner.first-section-mt {
        padding: 80px 20px 40px !important;
    }

    .digital-banking-features-list-wrapper {
        min-height: 200px;
    }

    .digital-banking-buttons-wrapper {width: 100%;padding-bottom: 30px;}

    .card-stack-section .card-stack-image {
        height: 320px;
    }

    ul.term-loan-facilities-list li, ul.solutions-features-benefits-list li, ul.solutions-eligibility-criteria-list li, ul.solutions-required-documents-list li {
        font-size: 0.875rem; /* 14px */
    }

    .solutions-color-personal-banking {
        font-size: 0.75rem; /* 12px */
    }

    .digital-banking-heading-wrapper h2 {
        font-size: 1.875rem; /* 30px */
    }

    .digital-banking-subheading h4 {
        font-size: 1.125rem; /* 18px */
    }

    .solutions-finance-content-inner-wrapper.first-section-mt.corporate-banking {
        padding: 80px 20px 40px !important;
    }

    .solutions-finance-heading-wrapper {
        width: unset;
    }

    .corporate-banking .solutions-finance-card-content {
        max-width: 100%;
    }

    .card-banner-wrapper.corporate-card-banner.home-card-banner .card-inner-banner .banner-content .card-content-wrapper {
        margin-top: 90px;
    }

    .solution-items-wrapper button.slick-prev {
        left: -70px;
        right: 0;
        margin: 0 auto;
    }

    .solution-items-wrapper button.slick-next {
        left: 0;
        right: -70px;
        margin: 0 auto;
    }


    .card-main-container.banking-solutions-card {
        border-radius: 30px;
        background: rgba(244, 231, 219, 0.50);
    }

    .card-image.solution-card-image {
        height: 280px;
    }

    .card-main-container.banking-solutions-card .card-main-inner-container {
        padding: 40px 30px;
    }

    .plans .mobile-cards-package-items-inner .plans-cards button.slick-btn {
        bottom: -140px;
    }

    .corporate-card-banner.personal .vc_column-inner .wpb_wrapper .card-banner-wrapper .banner-content {
        margin-top: 40px;
    }

    .digital-banking-cards-inner-wrapper.slick-initialized.slick-slider button.slick-btn{
        top: unset;
        bottom: -20px;
    }

    .container-col.international-offices-container-wrapper.mobile-card.slick-initialized.slick-slider button.slick-btn {
        bottom: -80px;
        top: unset;
        background-color: #122633;
        border-color: #122633;
    }

    .container-col.international-offices-container-wrapper.mobile-card.slick-initialized.slick-slider button.slick-btn i {
        color: #F4E7DB;
    }

    .digital-banking-cards-inner-wrapper.slick-initialized.slick-slider button.slick-prev,
    .container-col.international-offices-container-wrapper.mobile-card.slick-initialized.slick-slider button.slick-prev {
        right: 190px;
    }

    .digital-banking-cards-inner-wrapper.slick-initialized.slick-slider button.slick-next,
    .container-col.international-offices-container-wrapper.mobile-card.slick-initialized.slick-slider button.slick-next {
        right: 130px;
    }

    .container-col.international-offices-container-wrapper {
        display: block;
    }

    .international-offices-content-wrapper .wpb_column .vc_column-inner .wpb_wrapper {
        padding: 100px 20px !important;
    }

    .main-card-outer-wrapper.global-service-card {
        margin-right: unset !important;
    }

    .container-col.international-offices-container-wrapper.mobile-card .main-card-outer-wrapper {
        background-color: #122633;
    }

    .container-col.international-offices-container-wrapper.mobile-card .main-card-outer-wrapper .main-card-inner-wrapper .card-content .main-card-heading-title {
        min-height: 80px;
    }

    .container-col.international-offices-container-wrapper.mobile-card .main-card-outer-wrapper .main-card-inner-wrapper .card-content .main-card-description {
        min-height: 190px;
    }

    .container-col.international-offices-container-wrapper.mobile-card .main-card-outer-wrapper .main-card-inner-wrapper .card-content .main-card-heading-title h3 {
        color: #fff;
    }

    .container-col.international-offices-container-wrapper.mobile-card .main-card-outer-wrapper .main-card-inner-wrapper .card-content .main-card-description p {
        color: #fff;
    }

    .mobile-account-banking-card-item.trade-finance-card-item {
        width: 100%;
    }

    form#gform_1 {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    input#input_1_1 {
        margin: 0 auto;
    }

    .ginput_container.ginput_container_email {
        padding-top: 20px;
    }

    .page-banner-wrapper.personal-banner-wrapper .banner-image-wrapper::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        rgba(0, 0, 0, 0.4) 0%,
        rgba(0, 0, 0, 0.9) 100%
    );
    z-index: 2;
    }

    /* keep the image behind the overlay */
    .page-banner-wrapper.personal-banner-wrapper .banner-image-wrapper img {
    width: 100%;
    display: block;
    position: relative;
    z-index: 0;
    }

    /* UAT*/

    .advantages-inner-container .image {
        height: 300px;
    }

    .advantages-inner-wrapper .heading-wrapper {
        padding-bottom: 40px;
    }

    .solution-items-wrapper .slick-list {
        padding-right: 0 !important;
    }

    .banking-solution-item-wrapper .vc_column_container>.vc_column-inner {
        padding: 40px 20px !important;
    }

    .card-image {
        height: 260px;
    }

    .home .page-banner-wrapper .banner-image-wrapper img,
    .page-banner-wrapper.personal-banner-wrapper .banner-image-wrapper img,
    .global-banking .international-banner-wrapper .banner-image-wrapper img {
        filter: brightness(0.7);
    }

    .corporate-card-ima .card-image-container .card-wrapper .content-wrapper .text-content {
        max-width: 100%;
    }

    .corporate-card-image .card-image-container .card-wrapper .content-wrapper .title h3 {
        font-size: 1.875rem !important; /* 30px */
    }

    .card-image-container .card-wrapper .content-wrapper {
        padding: 70px 20px 40px !important;
    }

    .digital-banking-cards-inner-wrapper.slick-initialized.slick-slider button.slick-next,
    .container-col.international-offices-container-wrapper.mobile-card.slick-initialized.slick-slider button.slick-next  {
        right: -70px;
        left: 0;
        margin: 0 auto;
    }

    .digital-banking-cards-inner-wrapper.slick-initialized.slick-slider button.slick-prev,
    .container-col.international-offices-container-wrapper.mobile-card.slick-initialized.slick-slider button.slick-prev {
        right: 0;
        left: -70px;
        margin: 0 auto;
    }

    .advantage-card-image-container .content-wrapper,
    .advantage-card-image-container::before {
        display: none;
    }

    .vc_row .digital-banking-btn {
        max-width: 100%;
    }

    .footer-social-connect-content-wrapper {
        justify-content: center;
    }

    .wpb_wrapper .container-col.download-card-inner-container .download-card {
        flex: initial;
        max-width: 100%;
    }

    .wpb_wrapper .container-col.download-card-inner-container {
        padding: 60px 20px;
    }

    .privacy-policy-content-row .text-content-wrapper {
        padding: 70px 20px 100px;
    }

    .mobile-card-widthcontainer.account-banking-cards-wrapper.hide-desktop .card-description {
        min-height: 210px;
    }

    /* downloads page */
    .vc_row.download-card-outer-wrapper > .wpb_column {
        padding: 55px 20px !important;
    }

    .download-card-outer-wrapper .text-content-wrapper {
        max-width: 100%;
        padding-inline: 10px;
    }

    .download-card-wrapper {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .download-card-wrapper .download-card-content-wrapper .card-content {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    .download-card-wrapper .download-card-content-wrapper .card-content .download-card-title {
        text-align: center;
    }

    .download-card-outer-wrapper .heading-wrapper {
        padding: 22px 20px;
        text-align: center;
    }

    .single-title-page-banner-row.downloads .gws-heading h2 {
        font-size: 3rem;
        padding-inline: 0;
    }

    .single-title-page-banner-row.downloads .single-title-page-banner-inner {
        background-position: -489px;
    }
        
    .privacy-policy-content-row .text-content-wrapper {
        padding: 50px 20px;
    }

    .privacy-policy-content-row .heading-wrapper .gws-heading {
        padding-inline: 20px;
    }

    .privacy-policy-content-row .text-content-wrapper ul,
    .privacy-policy-content-row .text-content-wrapper ol {
        margin: 0;
    }

    /* Careers Archive */
    .archive-careers-banner {
        max-width: calc(100% - 30px);
        border-radius: 20px;
    }

    .archive-careers-container {
        margin-top: 10px;
    }

    .archive-careers-banner .careers-heading-description {
        position: absolute;
        inset: 0;
        height: auto;
    }

    .archive-careers-banner .careers-heading-description-inner {
        margin-left: 0;
        width: 100%;
    }

    .archive-careers-banner
    .careers-heading-description-inner
    .heading-wrapper {
        width: 100%;
    }

    .archive-careers-banner
    .careers-heading-description-inner
    .description-wrapper {
        width: 100%;
        margin-top: 15px;
    }

    .archive-careers-banner h2 {
        font-size: clamp(28px, 6vw, 42px);
        line-height: 1.15;
    }

    .archive-careers-banner p {
        font-size: 16px;
    }

    .archive-careers-top-wrapper
    .careers-heading-description-btn {
        margin-top: -125px;
        padding: 40px 25px;
        border-radius: 25px;
    }

    .archive-careers-top-wrapper h2 {
        font-size: clamp(28px, 5vw, 40px);
    }

    .archive-careers-top-wrapper .description-wrapper {
        max-width: 100%;
    }

    .archive-careers-jobs-wrapper {
        padding: 50px 25px;
    }

    .archive-careers-jobs-wrapper
    .careers-items-wrapper {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .archive-careers-benefits-wrapper {
        padding: 60px 25px;
    }

    .archive-careers-benefits-wrapper.abcbanking-widthcontainer .benefits-cards-wrapper {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .archive-careers-slider-inner {
        padding: 30px;
    }

    .archive-careers-slider-inner
    .careers-heading-wrapper {
        position: static;
        width: 100%;
        border-radius: 20px 20px 0 0;
        padding: 30px;
    }

    .careers-slider-wrapper {
        margin-left: 0;
        border-radius: 0;
    }

    .careers-slider-wrapper .slide-item {
        height: 320px;
    }

    .careers-slider-wrapper .slide-item img {
        width: 100%;
        border-radius: 0 0 20px 20px;
    }

    .archive-careers-slider-inner .careers-heading-wrapper h2 {
        font-size: 35px;
    }

    .archive-careers-slider-wrapper .custom-slick-prev {
        left: 5%;
    }

    .archive-careers-slider-wrapper .slick-btn {
        top: 80%;
    }

    .archive-careers-testimonial-wrapper
    .testimonial-item
    .testimonial-text-content p {
        max-width: 100%;
        padding-inline: 15px;
    }

    .archive-careers-testimonial-wrapper .custom-slick-prev {
        left: 25%;
    }

    .archive-careers-testimonial-wrapper .custom-slick-next {
        right: 25%;
    }

    .archive-careers-testimonial-wrapper .slick-btn {
        top: 110%;
    }

    .archive-careers-benefits-wrapper.abcbanking-widthcontainer .heading-wrapper h2 {
        font-size: 50px;
        line-height: normal;
    }

    .archive-careers-banner .banner-image-wrapper {
        height: 99vh;
    }

    .archive-careers-banner .careers-heading-description-inner .heading-wrapper h2 {
        font-size: 45px;
        line-height: 50px;
    }

    .archive-careers-jobs-wrapper .careers-heading-description-inner .description-wrapper {
        max-width: 100%;
    }

    .archive-careers-jobs-wrapper .careers-heading-wrapper .heading-wrapper h2 {
        font-size: 25px;
    }

    .benefits-cards-wrapper.slick-initialized.slick-slider .slick-btn {
        top: 88%;
        border-radius: 50%;
    }

    .benefits-cards-wrapper.slick-initialized.slick-slider .slick-prev {
        left: 15%;
        z-index: 2;
    }

    .benefits-cards-wrapper.slick-initialized.slick-slider .slick-next {
        right: 15%;
    }

    .careers-items-wrapper .career-item:hover {
        background: #fff;
    }

    /* single careers */
    .single-careers-inner-wrapper,
    .single-career-form-heading-inner {
        padding: 63px 20px;
    }

    .single-careers-banner-wrapper {
        max-width: calc(100% - 30px);
    }

    .single-career-heading-btn-wrapper {
        margin-left: 0;
    }

    .single-career-heading-btn-wrapper .back-btn {
        height: 34px;
    }

    .single-career-heading-btn-wrapper .heading-wrapper h2 {
        font-size: 50px;
    }

    .single-career-form-heading .heading-wrapper h2 {
        font-size: 27px;
    }

    #gform_2 fieldset#field_2_1, #gform_2 div#field_2_3,
    #gform_2 div#field_2_4, #gform_2 div#field_2_5, 
    #gform_2 div#field_2_6, #gform_2 fieldset#field_2_16, 
    #gform_2 div#field_2_18, #gform_2 div#field_2_20, #gform_2 div#field_2_25 {
        grid-column: 1 / 13;
    }

    #gform_2 div#field_2_7, #gform_2 div#field_2_8,
    #gform_2 div#field_2_9, #gform_2 div#field_2_10,
    #gform_2 div#field_2_11, #gform_2 fieldset#field_2_17, 
    #gform_2 div#field_2_19, #gform_2 div#field_2_21, 
    #gform_2 div#field_2_26 {
        grid-column: 1 / 13;
    }

    #gform_2 div#field_2_26,
    #gform_2 fieldset#field_2_17,
    #gform_2 div#field_2_19 {
        grid-row: unset;
    }
    
    .single-careers-image-item .image {
        height: 150px;
        border-radius: 10px;
    }

    /* treasury */
    .market-snapshot-container > .vc_column-inner {
        max-width: 95%;
    }

    .container-col.marketsnapshot-exchange-rate-container .exchange_rate-items-container {
        width: 100% !important;
    }

    .exchange-rate-inner-wrapper .forex-item-currency {
        padding-right: 80px;
    }

    .treasury-title-description .gws-heading h2 {
        font-size: 30px !important;
    }

    .exchange-rate-items-wrapper .forex-item .forex-item-details-wrapper,
    .forex-item-header-wrapper {
        padding: 15px 10px;
    }

    .converter-table-wrapper .forex-item-details-wrapper p {
        font-size: 10px;
    }

    .exchange-rate-inner-wrapper {
        padding: 35px 0;
    }

    .converter-right-content-wrapper,
    .converter-header-wrapper,
    .indicative-wrapper {
        padding-inline: 20px;
    }

    .forex-item-details-wrapper .forex-item-currency,
    .forex-item-header-wrapper .forex-item-currency {
        min-width: unset;
        max-width: 30%;
    }

    .forex-item-header-wrapper p {
        font-size: 10px;
        text-align: center;
    }

    span#table-rate-trend {
        min-width: 70px;
        font-size: 10px;
    }

    .forex-item-currency span.currency-circle-bg,
    .forex-item-currency span.currency-circle-bg::before,
    .forex-item-currency span.currency-circle-bg::after {
        width: 20px !important;
        height: 20px !important;
    }

    .forex-item-currency span.currency-circle {
        width: 15px;
        height: 15px;
        left: 0;
    }

    /* .forex-item-currency span.currency-circle-bg {
        left: 14px;
    } */

    .forex-item-inner .forex-item-currency p {
        padding-left: 10px;
        display: flex;
        align-items: center;
    }

    .forex-item-details-wrapper > div:not(:first-child) {
        text-align: center;
    }

    .forex-item-trend {
        justify-content: center;
    }

    .treasury-services-row.abcbanking-widthcontainer {
        max-width: 100%;
    }

    .heading-wrapper.treasury-title-description .heading-wrapper h2 {
        font-size: 30px;
    }

    html .treasury-title-description .content p {
        font-size: 15px;
    }

    .container-col.meet-treasury-team-container .heading-wrapper {
        margin-bottom: 20px;
    }

    .filter-tt-category {
        top: 160px;
    }

    .treasury-team-member-container,
    .treasury-publication-container .insight-container {
        margin-bottom: 20px;
    }

    .abcbanking-wp-widthcontainer.latest-treasury-publication-container .vc_column-inner,
    .latest-treasury-publication-container > .vc_column-inner > .wpb_wrapper,
    .treasury-team-container > .abcbanking-wp-widthcontainer > .vc_column-inner {
        max-width: 95%;
    }

    .gws-content-wrapper.container-meet-treasury-team-container {
        margin: 60px auto;
        max-width: 95%;
    }

    .treasury-desk-row .vc_column-inner .wpb_wrapper {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .gws-content-wrapper.container-meet-treasury-team-container .filter-wrapper ul {
        flex-direction: column;
        margin: 0;
        gap: 0;
        padding: 0;
        background: var(--Beige, #F4E7DB);
    }

    .gws-content-wrapper.container-meet-treasury-team-container .filter-wrapper ul li.nav-item {
        font-size: 14px;
    }

    .filter-treasury-team-category-container .filter-wrapper.mobile-filter-wrapper {
        margin-bottom: 20px;
    }

    .filter-tt-category.desktop {
        display: none;
    }

    .treasury-desk-row .container-treasury-desk .treasury-desk {
        padding: 20px;
    }

    .treasury-desk-row .container-treasury-desk .treasury-desk .heading-wrapper .gws-heading {
        padding: 40px 0 12px;
    }

    .treasury-desk .heading-wrapper .tag-wrapper {
        top: 0;
    }

    .treasury-desk-row .container-treasury-desk .treasury-desk .heading-wrapper .gws-heading h2 {
        font-size: 28px !important;
    }

    .treasury-desk-row .container-trading-hours .heading-wrapper .gws-heading h2 {
        font-size: 25px !important;
    }

    .treasury-desk-row .container-treasury-desk .treasury-desk .heading-wrapper h2:before {
        top: 35px;
    }

    .treasury-desk-row .container-trading-hours .heading-wrapper {
        flex-direction: column;
    }

    .treasury-desk-row .container-trading-hours .heading-wrapper .tag-wrapper {
        margin-left: 0;
        width: 100%;
        justify-content: flex-start;
    }

    .filter-treasury-team-category-container .filter-item {
        display: block;
    }

    ul#treasury-team-filter i.fa-solid.fa-angle-down {
        position: absolute;
        right: 10px;
        top: 12px;
    }    

    #treasury-team-filter {
        position: relative;
        border-radius: 10px;
    }

    #treasury-team-filter li {
        display: none;
        padding: 12px;
    }

    #treasury-team-filter li.active {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    #treasury-team-filter.open li {
        display: block;
    }

    #treasury-team-filter.open li.active {
        display: flex;
    }

    #treasury-team-filter .fa-angle-down {
        transition: transform 0.3s ease;
    }

    #treasury-team-filter.open .fa-angle-down {
        transform: rotate(180deg);
    }

    .container-banner-flexible-deposit > .banner-flexible-deposit {
        flex-direction: column;
        gap: 10px;
    }

    .investment-solution-section .vc_column-inner > .wpb_wrapper {
        padding: 0;
    }

    .swap-rate-container button {
        padding: 18px;
        border-radius: 15px;
    }

    .investment-solution-list .wpb_wrapper ul li {
        margin: 0 10px 10px;
    }

    .foreign-exchange-solution.abcbanking-wp-widthcontainer > .vc_column-inner {
        max-width: 95%;
    }

    .fe-solution-listing button.slick-prev.pull-left.responsive.slick-arrow {
        top: 700px;
    }

    .fe-solution-listing button.slick-next.pull-right.responsive.slick-arrow {
        top: 700px;
    } 

    .treasury-desk .tab-bar-container {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .latest-treasury-publication-container .insight-news-heading.heading-wrapper {
        margin-bottom: 80px;
    }

    html .foreign-exchange-solutions-wrapper h2,
    html .investment-cash-heading h2,
    html .investment-solution-container h2 {
        font-size: 35px !important;
    }

    html .investment-solution-container h2 {
        margin-bottom: 20px;
    }

    html .investment-cash-heading h2 {
        margin-top: 20px;
    }

    .container-treasury-solutions-card-container .card-main-container {
        margin: 0;
    }

    .container-treasury-solutions-card-container .card-main-container .card-main-inner-container {
        padding: 40px 20px;
    }

    .gws-content-wrapper.container-treasury-solutions-card-container .slick-prev.slick-arrow {
        top: -60px;
        right: 80px;
        left: unset;
    }

    .gws-content-wrapper.container-treasury-solutions-card-container .slick-next.slick-arrow {
        top: -60px;
        left: unset;
        right: 10px;
    }

    .container-col.investment-solution-container .personal-business {
        margin-bottom: 20px !important;
    }

    .container-treasury-solutions-card-container .card-main-container .card-numeration p {
        border: 1px solid #00000010;
    }

    .banner-flexible-deposit > .text-content-wrapper {
        align-items: flex-start;
    }

    .treasury-desk-row .trading-hours-block-container {
        margin-bottom: 20px;
    }
    
    .treasury-desk-row .vc_column-inner > .wpb_wrapper .trading-hours div:nth-child(3) .wpb_wrapper {
        max-width: 100%;
    }

    .container-treasury-team-container {
        margin-bottom: 40px;
    }

    .team-cards-container .team-member-details .team-email {
        display: flex;
        word-break: break-all;
    }

    /* contact us */
    .vc_row.get-in-touch-inner-row.contact-us-inner-row.abcbanking-widthcontainer {
        padding: 40px 20px;
    }

    .vc_row.wpb_row.vc_inner.vc_row-fluid.contact-us-banner-inner-row.abcbanking-widthcontainer {
        margin-top: 50px !important;
    }

    .get-in-touch-row.contact-us-row .gform-footer input[type="submit"] {
        padding: 10px;
    }

    .get-in-touch-row.contact-us-row .gform-footer input[type="submit"] {
        padding: 10px 20px !important;
    }

    .container-contact-details-items-wrapper .container-col.contact-details-items-wrapper > div {
        width: 100%;
    }

}


/* Tablet */
@media screen and (min-width: 768px) and (max-width:1024px) {

    /* general */
    .abcbanking-widthcontainer {
        max-width: 90%;
        margin: 0 auto;
    }

    /* .private-forex .image-wrapper .image {
        height: 450px;
    }

    .card-image-container .card-wrapper.private-forex .card-inner {
        display: flex;
        flex-direction: column;
    }

    .card-wrapper.card-btn.private-forex {
        height: 100%;
    } */


    /* UAT */
    .card-banner-wrapper.corporate-card-banner .banner-content,
    .card-banner-wrapper.personal-card-banner .banner-content,
    .card-banner-wrapper.private-card-banner .banner-content {
        padding: 150px 160px 280px 80px;
    }

    .card-banner-wrapper.home-card-banner .banner-content {
        padding: 150px 175px 280px 80px;
    } 

    .home .page-banner-wrapper .banner-image-wrapper img,
    .page-banner-wrapper.personal-banner-wrapper .banner-image-wrapper img {
        filter: brightness(0.7);
    }

    .page-banner-wrapper .banner-image-wrapper {
        height: 70vh;
    }

    .card-banner-wrapper.corporate-card-banner .card-inner-banner .banner-content .card-content-wrapper .card-banner-title,
    .card-banner-wrapper.corporate-card-banner .card-inner-banner .banner-content .card-content-wrapper .card-banner-description,
    .footer-newsletter-form-content-wrapper,
    .footer-newsletter-form-logo-wrapper,
    .corporate-card-image .card-image-container .card-wrapper .content-wrapper .title,
    .corporate-card-banner.personal .wpb_wrapper .card-banner-wrapper .banner-content .card-content-wrapper .card-banner-title,
    .card-banner-wrapper.personal-card-banner .card-inner-banner .banner-content .card-content-wrapper .card-banner-description,
    .solutions-finance-subheading,
    .card-banner-wrapper.private-card-banner .card-inner-banner .banner-content .card-content-wrapper,
    .card-banner-wrapper.private-card-banner .card-inner-banner .banner-content .card-content-wrapper .card-banner-description,
    .container-col.banner-wrapper-container.-banking .content,
    .trade-finance-subheading,
    .newsletter-form-default .footer-newsletter-form-heading.footer-newsletter-heading-styling {
        max-width: 100% !important;
    }

    .advantages-outer-wrapper .advantages-heading-wrapper {
        width: 100%;
        padding-bottom: 50px;
    }

    .advantages-inner-container .image {
        height: 400px;
    }

    .vc_row .digital-banking-content-inner-wrapper {
        padding: 80px 20px;
    }

    .vc_row .digital-banking-btn {
        max-width: 100%;
    }

    .vc_row .digital-banking-content-inner-wrapper .digital-banking-card-description {
        min-height: 126px;
    }

    .vc_row .digital-banking-card-description {
        max-width: 100%;
    }

    .card-image-row.section-pb-big .global-forex-image-card .card-inner,
    .card-image-container .home-about-abc.card-wrapper .card-inner {
        gap: 0;
    }

    .card-image-row.section-pb-big .global-forex-image-card .card-inner .title h3,
    .card-image-container .home-about-abc.card-wrapper .card-inner .title h3 {
        font-size: 2rem; /* 32px */
    }

    .card-image-container .global-forex-image-card.card-wrapper .content-wrapper,
    .card-image-container .home-about-abc.card-wrapper .content-wrapper {
        padding: 50px 20px !important;
    }

    .card-image-container .home-about-abc.card-wrapper .content-wrapper .text-content p {
        font-size: 1.125rem; /* 18px */
    }

    .investing-real-estate-container {
        padding: 100px 20px;
    }

    .account-banking-content-inner-wrapper.personal-accounts,
    .account-banking-content-inner-wrapper.private-banking {
        align-items: flex-start;
    }

    .personal-accounts .account-banking-heading-wrapper,
    .private-banking .account-banking-heading-wrapper {
        width: 73%;
    }

    .personal-accounts .account-banking-subheading,
    .account-banking-content-inner-wrapper.first-section-mt.private-banking .account-banking-heading-wrapper .account-banking-subheading {
        max-width: 73%;
    }

    .account-banking-content-inner-wrapper .account-banking-subheading br {
        display: none;
    }

    .solutions-finance-cards-wrapper .solutions-finance-inner-card {
        gap: 6%;
    }

    .wpb_wrapper .container-col.download-card-inner-container .download-card {
        flex: initial;
        max-width: calc(90% / 2);
    }

    .card-image-container .card-wrapper .card-inner {
        gap: 0;
    }

    /* footer */

    .footer-newsletter-form-text p {
        font-size: 1.125rem; /* 18px */
    }

    .footer-newsletter-form-heading h3 {
        font-size: 2.813; /* 45px */
    }

    .footer-newsletter-form-wrapper {
        padding: 122px 60px;
    }

    .footer-top-menu-wrapper {
        padding: 60px 30px;
    }

    .footer-bottom-menu-wrapper {
        padding: 0 30px;
    }
    
    .footer-bottom-menu-inner-wrapper {
        gap: 40px;
    }

    .footer-social-connect-content-wrapper {
        justify-content: center;
    }

    .vc_row.download-card-outer-wrapper > .wpb_column {
        padding-inline: 20px !important;
    }

    .downloads.single-title-page-banner-row h2 {
        padding-inline: 10px;
    }

    /* careers archive */ 

    .archive-careers-banner .careers-heading-description-inner .heading-wrapper {
        width: 70%;
    }

    .archive-careers-banner .careers-heading-description-inner .description-wrapper {
        width: 60%;
    }

    .archive-careers-banner .careers-heading-description-inner .heading-wrapper h2 {
        font-size: 50px;
        line-height: normal;
    }

    .archive-careers-top-wrapper .careers-heading-description-btn {
        margin-top: -100px;
    }

    .archive-careers-jobs-wrapper .careers-heading-wrapper .heading-wrapper h2 {
        text-align: left;
    }

    .archive-careers-banner .banner-image-wrapper {
        height: auto;
    }

    .careers-items-wrapper .career-item:hover {
        background: #fff;
    }

    .archive-careers-slider-inner .careers-heading-wrapper {
        height: 150px;
    }

    .archive-careers-jobs-wrapper .careers-items-wrapper {
        grid-template-columns: 1fr 1fr;
    }

    .archive-careers-benefits-wrapper.abcbanking-widthcontainer .benefits-cards-wrapper .benefit-item {
        min-height: 315px;
    }

    /* single careers */
    .single-careers-banner-wrapper {
        max-width: calc(100% - 30px);
    }

    .single-careers-inner-wrapper,
    .single-career-form-heading-inner {
        padding: 63px 50px;
    }

    #gform_2 fieldset#field_2_1,
    #gform_2 div#field_2_3,
    #gform_2 div#field_2_4,
    #gform_2 div#field_2_5,
    #gform_2 div#field_2_6,
    #gform_2 fieldset#field_2_16,
    #gform_2 div#field_2_18,
    #gform_2 div#field_2_20,
    #gform_2 div#field_2_25 {
        grid-column: 1/7;
    }

    #gform_2 fieldset#field_2_17,
    #gform_2 div#field_2_19, 
    #gform_2 div#field_2_21, 
    #gform_2 div#field_2_26 {
        grid-column: 7 / 13;
    }

    #gform_2 div#field_2_7, 
    #gform_2 div#field_2_8, 
    #gform_2 div#field_2_9, 
    #gform_2 div#field_2_10, 
    #gform_2 div#field_2_11 {
        grid-column: 1 / 13;
    }

    .single-career-heading-btn-wrapper {
        width: 100%;
    }

    .single-career-heading-btn-wrapper .back-btn {
        width: 49.1px;
    }


    /* ============ Leadership Team ========== */
    .team-heading-description-inner .heading-wrapper h1 {
        font-size: 62px;
        line-height: 55px;
    }
    .archive-team-banner .banner-image-wrapper {
        height: 800px;
    }
    .team-heading-description-inner {
        width: 100%;
    }
    .archive-team-member-wrapper .responsive.slick-arrow {
        background: #ffff;
    }
    .board-of-directors .archive-team-member{
        border: 1px solid #fff;
    }
    .board-of-directors .archive-team-member.hover{
       background: none;
    }
    .archive-team-member.hover{
        background: none;
    }
    .our-management-team .archive-team-member{
        border: 1px solid #B02121;
    }
    .team-member-name-title-wrapper .member-name{
        min-height: 50px;
    }
    .team-member-name-title-wrapper .job-title {
        min-height: 60px;
    }
    .team-member-name-title-wrapper {
        padding-bottom: 20px;
    }

    

    /*========= Home Loan ==========*/
    .calculator-left-content{
        margin-right: 0;
        width: 100%;
    }
    .calculator-right-content {
        width: 100%;
        margin-top: 40px;
    }
    .calculator-content-inner-wrapper{
        flex-direction: column;
    }
    .calculator-container .calculator-result-item.monthly-repayment{
        padding: 30px 40px;
    }
    .container-col.finance-items-wrapper .col, .container-col.finance-items-wrapper > div {
        width: 100% !important;
    }
    .why-choose-row {
        padding: 50px 0;
    }
    .why-choose-row .slick-arrow.responsive {
        top: -50px;
    }
   .advantage-items-wrapper {
        padding-top: 40px;
    }
    .finance-items-wrapper .content-wrapper {
        min-height: 65px;
    }
    .container-col.finance-items-wrapper.slick-initialized.slick-slider {
        padding-top: 20px;
    }
    .finance-item-image-container .item-inner-wrapper {
        padding: 21px 14px 45px 15px;
    }
    .advantage-item-image-container:not(:last-child) {
        margin-right: 10px;
    }
    .finance-row {
        padding: 60px 0;
    }
    .contact-us-row {
        padding: 60px 0;
    }
    .loan-faq-inner-row{
        padding: 45px 20px;
    }
    .loan-faq-row {
        padding: 40px 0;
    }
    .team-member-details-inner {
        max-height: 600px;
        overflow: clip;
    }

    /* treasury */
    .market-snapshot-container > .vc_column-inner {
        max-width: 95%;
    }

    /* .container-treasury-solutions-card-container .solution-items-wrapper .card-main-container.slick-slide {
        width: 400px !important;
    } */

    .exchange-rate-inner-wrapper > div {
        width: 100%;
    }

    .exchange-rate-inner-wrapper {
        flex-direction: column;
    }

    .container-col.marketsnapshot-exchange-rate-container .exchange_rate-items-container {
        width: 100% !important;
    }

    .treasury-services-row.abcbanking-widthcontainer {
        max-width: 100%;
    }

    .heading-wrapper.treasury-title-description .heading-wrapper h2 {
        font-size: 30px;
    }

    html .treasury-title-description .content p {
        font-size: 15px;
    }

    .container-col.meet-treasury-team-container .heading-wrapper {
        margin-bottom: 20px;
    }

    .filter-tt-category {
        top: 160px;
    }

    .exchange-rate-inner-wrapper {
        padding: 35px 20px;
    }

    .converter-right-content-wrapper,
    .converter-header-wrapper, 
    .indicative-wrapper {
        padding-inline: 0;
    }

    .treasury-team-member-container,
    .treasury-publication-container .insight-container {
        margin-bottom: 20px;
    }

    /* .abcbanking-wp-widthcontainer.latest-treasury-publication-container .vc_column-inner, */
    .latest-treasury-publication-container > .vc_column-inner > .wpb_wrapper,
    .treasury-team-container > .abcbanking-wp-widthcontainer > .vc_column-inner {
        max-width: 95%;
    }

    .gws-content-wrapper.container-meet-treasury-team-container {
        margin: 60px auto;
    }

    .treasury-desk-row .vc_column-inner .wpb_wrapper {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .gws-content-wrapper.container-meet-treasury-team-container .filter-wrapper ul {
        flex-direction: column;
        margin: 0;
        gap: 0;
        padding: 0;
        background: var(--Beige, #F4E7DB);
    }

    .gws-content-wrapper.container-meet-treasury-team-container .filter-wrapper ul li.nav-item {
        font-size: 14px;
    }

    .filter-treasury-team-category-container .filter-wrapper.mobile-filter-wrapper {
        margin-bottom: 20px;
    }

    .filter-tt-category.desktop {
        display: none;
    }

    .treasury-desk-row .container-treasury-desk .treasury-desk {
        padding: 20px;
    }

    .treasury-desk-row .container-treasury-desk .treasury-desk .heading-wrapper .gws-heading {
        padding: 40px 0 12px;
    }

    .treasury-desk .heading-wrapper .tag-wrapper {
        top: 0;
    }

    .treasury-desk-row .container-treasury-desk .treasury-desk .heading-wrapper .gws-heading h2 {
        font-size: 28px !important;
    }

    .treasury-desk-row .container-trading-hours .heading-wrapper .gws-heading h2 {
        font-size: 25px !important;
    }

    .treasury-desk-row .container-treasury-desk .treasury-desk .heading-wrapper h2:before {
        top: 35px;
    }

    .treasury-desk-row .container-trading-hours .heading-wrapper {
        flex-direction: column;
    }

    .treasury-desk-row .container-trading-hours .heading-wrapper .tag-wrapper {
        margin-left: 0;
        width: 100%;
        justify-content: flex-start;
    }

    .filter-treasury-team-category-container .filter-item {
        display: block;
    }

    ul#treasury-team-filter i.fa-solid.fa-angle-down {
        position: absolute;
        right: 10px;
        top: 12px;
    }    

    #treasury-team-filter {
        position: relative;
        max-width: 50%;
        border-radius: 15px;
    }

    #treasury-team-filter li {
        display: none;
        padding: 12px;
    }

    #treasury-team-filter li.active {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    #treasury-team-filter.open li {
        display: block;
    }

    #treasury-team-filter.open li.active {
        display: flex;
    }

    #treasury-team-filter .fa-angle-down {
        transition: transform 0.3s ease;
    }

    #treasury-team-filter.open .fa-angle-down {
        transform: rotate(180deg);
    }

    .container-banner-flexible-deposit > .banner-flexible-deposit {
        flex-direction: column;
        gap: 10px;
    }

    .investment-solution-section .vc_column-inner > .wpb_wrapper {
        padding: 0;
    }

    .swap-rate-container button {
        padding: 18px;
        border-radius: 15px;
    }

    .investment-solution-list .wpb_wrapper ul li {
        margin: 0 10px 10px;
    }

    .treasury-services-row.abcbanking-widthcontainer .solution-items-wrapper button.slick-prev {
        right: 100px;
        top: -75px;
        left: unset;
    }

    .treasury-services-row.abcbanking-widthcontainer .solution-items-wrapper button.slick-next {
        right: 40px;
        top: -75px;
        left: unset;
    }

    .treasury-service-inner-row.wpb_column.vc_column_container > .vc_column-inner {
        overflow: hidden;
    }

    .container-treasury-solutions-card-container .card-main-container {
        margin: 0 15px;
    }

    .fe-solution-listing button.slick-prev.pull-left.responsive.slick-arrow {
        top: 650px;
    }

    .fe-solution-listing button.slick-next.pull-right.responsive.slick-arrow {
        top: 650px;
    } 

    .treasury-publication-container .slick-slider .insight-container {
        margin: 0 10px;
    }

    .meet-treasury-team-container .team-cards-container {
        display: flex;
    }

    .team-cards-container .treasury-team-member-container {
        flex: unset;
        width: calc((100% -  40px) / 2);
    }

    .container-marketsnapshot-exchange-rate-container {
        margin-top: -320px;
    }

    .heading-wrapper.treasury-title-description {
        width: 90%;
    }

    .latest-treasury-publication-container .insight-news-heading.heading-wrapper {
        width: 80%;
    }

    html .investment-cash-heading h2 {
        margin-top: 40px;
    }

    .container-treasury-team-container {
        margin-bottom: 40px;
    }

    .gws-content-wrapper.container-meet-treasury-team-container {
        max-width: 100%;
    }

    .fe-inner-container .box-description {
        min-height: 225px;
    }

}

/* Tablet Landscape */
@media screen and (min-width: 768px) and (max-width:1024px) and (orientation: landscape) {

    /* UAT */
    .card-banner-wrapper.personal-card-banner .banner-content,
    .card-banner-wrapper.global-card-banner .banner-content {
        padding-inline: 100px;
    }

    .corporate-card-banner .card-banner-wrapper.personal-card-banner .card-banner-title {
        max-width: 70%;
    }

    .card-banner-wrapper.corporate-card-banner .card-inner-banner.parallax-section .banner-content .card-content-wrapper .card-banner-title {
        max-width: 65%;
    }

    .card-banner-wrapper.personal-card-banner .card-inner-banner .banner-content .card-content-wrapper .card-banner-description,
    .card-banner-wrapper.corporate-card-banner .card-inner-banner.parallax-section .banner-content .card-content-wrapper .card-banner-description {
        max-width: 50%;
    }

    .card-image-row.section-pb-big .global-forex-image-card .card-inner,
    .card-image-container .home-about-abc.card-wrapper .card-inner {
        gap: 0;
    }

    .corporate-card-image .card-image-container .card-wrapper .content-wrapper .title {
        max-width: 100%;
    }

    .card-image-row.section-pb-big .global-forex-image-card .card-inner .title h3 {
        font-size: 2.25rem; /* 36px */
    }

    .vc_row .digital-banking-content-inner-wrapper {
        padding: 134px 20px;
    }

    .vc_row .digital-banking-btn {
        max-width: 100%;
    }

    .vc_row .digital-banking-content-inner-wrapper .digital-banking-card-description {
        min-height: 90px;
    }

    .vc_row .digital-banking-card-description {
        max-width: 100%;
    }

    .footer-social-connect-content-wrapper {
        justify-content: flex-start;
    }

    /* careers archive  */
    .archive-careers-slider-inner .careers-heading-wrapper {
        width: 40%;
    }

    .archive-careers-slider-inner .careers-heading-wrapper {
        height: auto;
    }

    .careers-slider-wrapper .slide-item img {
        width: 100%;
    }

    .archive-careers-slider-inner .careers-heading-wrapper h2 {
        font-size: 42px;
    }

    .archive-careers-slider-wrapper .custom-slick-prev {
        left: 5%;
    }

    .archive-careers-benefits-wrapper.abcbanking-widthcontainer .benefits-cards-wrapper .benefit-item {
        min-height: 330px;
    }
    
    .archive-careers-benefits-wrapper.abcbanking-widthcontainer .heading-wrapper h2 {
        text-align: left;
    }

    .archive-careers-benefits-wrapper.abcbanking-widthcontainer .benefits-cards-wrapper {
        grid-template-columns: 1fr;
    }

    .archive-careers-benefits-wrapper.abcbanking-widthcontainer .benefits-cards-wrapper .slick-track {
        display: flex;
        gap: 15px;
    }

    .archive-careers-benefits-wrapper {
        padding: 100px 55px 15px;
    }

}

/* Tablet Ipad Pro Landsacpe */
@media screen and (min-width: 1024px) and (max-width: 1195px) and (orientation: landscape) {

    /* UAT */
    .card-banner-wrapper.personal-card-banner .banner-content,
    .card-banner-wrapper.global-card-banner .banner-content {
        padding-inline: 100px;
    }

    .corporate-card-banner .card-banner-wrapper.personal-card-banner .card-banner-title {
        max-width: 70%;
    }

    .card-banner-wrapper.corporate-card-banner .card-inner-banner.parallax-section .banner-content .card-content-wrapper .card-banner-title {
        max-width: 65%;
    }

    .card-banner-wrapper.personal-card-banner .card-inner-banner .banner-content .card-content-wrapper .card-banner-description,
    .card-banner-wrapper.corporate-card-banner .card-inner-banner.parallax-section .banner-content .card-content-wrapper .card-banner-description {
        max-width: 50%;
    }

    .card-image-row.section-pb-big .global-forex-image-card .card-inner,
    .card-image-container .home-about-abc.card-wrapper .card-inner {
        gap: 0;
    }

    .corporate-card-image .card-image-container .card-wrapper .content-wrapper .title {
        max-width: 100%;
    }

    .card-image-row.section-pb-big .global-forex-image-card .card-inner .title h3 {
        font-size: 2.25rem; /* 36px */
    }

    .vc_row .digital-banking-content-inner-wrapper {
        padding: 134px 20px;
    }

    .vc_row .digital-banking-btn {
        max-width: 100%;
    }

    .vc_row .digital-banking-content-inner-wrapper .digital-banking-card-description {
        min-height: 90px;
    }

    .vc_row .digital-banking-card-description {
        max-width: 100%;
    }

    .account-banking-content-inner-wrapper.private-banking {
        align-items: flex-start;
    }

    .private-banking .account-banking-heading-wrapper {
        width: 73%;
    }
    
    .account-banking-content-inner-wrapper.first-section-mt.private-banking .account-banking-heading-wrapper .account-banking-subheading {
        max-width: 73%;
    }
}

/* Media query for mobile menu visibility*/
@media screen and (min-width: 768px) and (max-width:1260px) {
    
    /*menu*/
    header.hide-mobile {
        display: none;
    }

    header.hide-desktop {
        display: block;
    }

    .abc-banking-mobile-menu {
        position: relative;
        z-index: 1000;
    }
    .abc-banking-mobile-menu .abc-mobile-logo {
        padding: 12px 16px;
    }
    #menuToggle {
        display: block;
        position: fixed;
        top: 9vh;
        right: 9vw;
        z-index: 9999;
        user-select: none;
    }
    #menuToggle input {
        display: block;
        width: 40px;
        height: 40px;
        position: absolute;
        top: -9px;
        left: -4px;
        opacity: 0;
        z-index: 2;
        cursor: pointer;
    }
    #menuToggle span {
        display: block;
        width: 33px;
        height: 4px;
        margin-bottom: 5px;
        position: #ffffff;
        background: #b02121;    
        border-radius: 3px;
        z-index: 1;
        transform-origin: 4px 0px;
        transition:
            transform .5s cubic-bezier(.77,.2,.05,1),
            background .5s cubic-bezier(.77,.2,.05,1),
            opacity .55s ease;
    }

    #menuToggle span:first-child { transform-origin: 0% 0%; }
    #menuToggle span:nth-last-child(2) { transform-origin: 0% 100%; }


    #menuToggle input:checked ~ span {
        opacity: 1;
        transform: rotate(45deg) translate(-2px, -1px);
        background: #b02121;    
    }
    #menuToggle input:checked ~ span:nth-last-child(3) {
        opacity: 0;
        transform: rotate(0) scale(.2, .2);
    }
    #menuToggle input:checked ~ span:nth-last-child(2) {
        transform: rotate(-45deg) translate(0, -1px);
    }

    #menuToggle .mobile-nav {
        position: fixed;
        top: 0;
        right: 0;
        max-width: 420px;
        width: 100vw;
        max-height: 100vh;
        height: 100vh;
        margin: 0;
        padding: 175px 24px 24px;
        box-sizing: border-box;
        overflow-y: auto;
        -webkit-font-smoothing: antialiased;
        transform-origin: 100% 0%;
        transform: translateX(100%);
        transition: transform .5s cubic-bezier(.77, .2, .05, 1);
        box-shadow: -12px 0 24px rgba(0, 0, 0, .08);
        border: 1px solid rgba(255, 255, 255, 0.60);
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.32) 100%);
        backdrop-filter: blur(82px);
    }
    .mobile-nav li.menu-item.menu-item-type-post_type {
        text-align: center;
    }
    #menuToggle input:checked ~ .mobile-nav {
        transform: translateX(0);
    }

    #menuToggle::before {
        content: "";
        position: fixed;
        inset: 0;
        background: rgba(0,0,0,0);
        pointer-events: none;
        transition: background .3s ease;
    }
    
    #menuToggle .menu-menu-1-container { margin: 0; }
    #menuToggle .main-nav-menu,
    #menuToggle .main-nav-menu ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    #menuToggle .main-nav-menu > li {
        padding: 10px 0;
    }
    #menuToggle .main-nav-menu > li:last-child { border-bottom: 0; }
    #menuToggle .main-nav-menu a {
        display: inline-block;
        line-height: 1.3;
        color: #141414;
        transition: color .2s ease, transform .2s ease;
        text-align: center;
        font-size: 1.25rem; /* 20px */
        font-weight: 600;
        padding: 3vh 0;
    }
    #menuToggle .main-nav-menu a:hover {
        color: #cc0000;           
        transform: translateX(2px);
    }

    #menuToggle .internet-banking-btn {
        margin-top: 16px;
        text-align: center;
    }
    #menuToggle .internet-banking-btn a {
        text-decoration: none;
        font-weight: 600;
        border-radius: 50px;
        background: linear-gradient(180deg, #E23D3D 0%, #B02121 100%);
        box-shadow: 0 1px 2px 0 rgba(3, 7, 18, 0.08);
        color: #ffffff;
        padding: 20px 65px;
        white-space: nowrap;
    }

    .abc-banking-mobile-menu .footer-logo-image {
        height: 100%;
        width: auto;
    }
    header.abc-banking-mobile-menu.hide-desktop {
        top: 40px;
        padding: 0;
        height: 50px;
        max-width: 90%;
        margin: 0 auto;
    }
    header.abc-banking-mobile-menu.hide-desktop .abc-mobile-logo {
        height: fit-content;
        display: flex;
    }
    header.abc-banking-mobile-menu.hide-desktop .mobile-nav .abc-mobile-logo {
        top: 72px;
    }
    #menuToggle::after {
        content: '';
        display: block;
        position: absolute;
        top: -18px;
        left: -14px;
        width: 50px;
        height: 50px;
        border: 1px solid rgba(255, 255, 255, 0.6);
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.32) 100%);
        backdrop-filter: blur(82px);
        border-radius: 50px;
        z-index: 0;
        width: 60px;
        height: 60px;
    }
    #menuToggle span {
        position: relative;
        z-index: 1;
    }
    #menuToggle:has(input:checked)::after {
        opacity: 0;
    }

    .internet-banking-btn.btn-red {
        margin-right: 0;
        background: transparent;
        box-shadow: none;
    }
}

@media screen and (min-width: 768px) and (max-width:1260px) and (orientation: landscape) {
    #menuToggle {
        top: 12vh;
        right: 6vw;
    }
}


/* Apartir la Abhishek in repasse lor reponsive */

/* Tablet */
@media screen and (min-width: 768px) and (max-width: 1024px) {

    .nav-floating-logo {
        top: 4.06vh;;
    }

    .container-col.banner-wrapper-container .gws-heading {
        max-width: 100% !important;
    }

    .personal-banking .container-col.banner-wrapper-container .gws-heading {
        max-width: 65%;
    }

    .page-banner-wrapper-inner .heading-wrapper .content {
        max-width: 100%;
    }

    .corporate-banking .accounts-cards .card-description {
        min-height: 225px;
    }

}


/* Tablet landscape*/
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .nav-floating-logo {
        top: -1vh;
    }

    .container-col.banner-wrapper-container .gws-heading {
        max-width: 100%;
    }

    .personal-banking .container-col.banner-wrapper-container .gws-heading {
        max-width: 65%;
    }

    .container-col.banner-wrapper-container .gws-heading h1 {
        line-height: normal;
        font-size: 2.5rem;
    }

    .first-section-mt {
        margin-top: -140px;
    }

    .page-banner-wrapper-inner .heading-wrapper .content p {
        font-size: 1rem;
    }

    .private-banking .accounts-cards .card-description {
        min-height: 225px;
    }

    .private-banking .real-estate-cards .card-description,
    .global-banking .accounts-cards .card-description {
        min-height: 250px;
    }

    .global-banking .accounts-cards .card-content .card-title {
        min-height: 75px;
    }

    .gws-content-wrapper.container-banner-wrapper-container {
        top: -8vh;
    }

    .card-image-row.section-pb-big .global-forex-image-card .right-section .gws-image-item img {
        object-position: -60px;
    }

    .card-inner-container .slick-list {
        padding-right: 15% !important;
    }

    .container-col.international-offices-container-wrapper.slick-initialized.slick-slider .slick-track {
        width: 100% !important;
    }

    .main-card-outer-wrapper.global-service-card {
        width: 350px !important;
    }

    .main-card-outer-wrapper.global-service-card .card-content .main-card-description {
        min-height: 200px;
    }

    /* treasury */
    .heading-wrapper.treasury-title-description {
        width: 85%;
    }

}


/* Tablet Ipad Pro */
@media screen and (min-width: 1025px) and (max-width: 1259px) {

    .container-col.banner-wrapper-container .gws-heading {
        max-width: 100%;
    }

    .personal-banking .container-col.banner-wrapper-container .gws-heading {
        max-width: 65%;
    }
    
    .container-col.banner-wrapper-container .gws-heading h1 {
        line-height: normal;
        font-size: 3rem;
    }

    .first-section-mt {
        margin-top: -140px;
    }

    .page-banner-wrapper-inner .heading-wrapper .content p {
        font-size: 1.2rem;
    }

    .private-banking .accounts-cards .card-description {
        min-height: 225px;
    }

    .private-banking .real-estate-cards .card-description,
    .global-banking .accounts-cards .card-description {
        min-height: 250px;
    }

    .global-banking .accounts-cards .card-content .card-title {
        min-height: 75px;
    }

    .gws-content-wrapper.container-banner-wrapper-container {
        top: -8vh;
    }

    .private-banking .investing-cards .card-main-container .card-main-inner-container .card-container .card-content .card-description {
        min-height: 275px;
    }

    .vc_row .digital-banking-btn {
        max-width: 100%;
    }

    .card-banner-wrapper .banner-content {
        padding-inline: 100px;
    }

    .site-main .card-banner-wrapper .banner-content {
        padding-inline: 100px;
    }

    .footer-top-menu-wrapper {
        padding: 60px 40px;
    }

    .footer-bottom-menu-wrapper {
        padding: 0 40px;
    }

    .cards-listing .card-description {
        min-height: 190px;
    }

    .global-banking .main-card-outer-wrapper.global-service-card .card-content .main-card-description {
        min-height: 242px;
    }

    .corporate-banking .accounts-cards .card-description {
        min-height: 205px;
    }

    .corporate-banking h2.account-banking-heading {
        max-width: 70%;
    }

    .plans-cards .card-main-container .card-main-inner-container .card-container .card-content .card-description {
        min-height: 130px;
    }

    .site-main .advantages-inner-wrapper .heading-wrapper {
        width: 60%;
    }

    .global-banking .container-col.international-offices-container-wrapper.slick-initialized.slick-slider .slick-track {
        width: 100% !important;
    }

    .global-banking .main-card-outer-wrapper.global-service-card {
        width: 350px !important;
    }

    .global-banking .main-card-outer-wrapper.global-service-card .card-content .main-card-description {
        min-height: 200px;
    }

    .private-banking h2.account-banking-heading {
        max-width: 70%;
    }

    /* treasury */
    .heading-wrapper.treasury-title-description {
        width: 76%;
    }

    .exchange-rate-inner-wrapper .forex-item-currency {
        padding-right: 80px;
    }

    .exchange-rate-inner-wrapper .forex-item-header-wrapper .forex-item-currency {
        padding-right: 30px;
    }

    .forex-item-header-wrapper .forex-item-currency,
    .forex-item-details-wrapper .forex-item-currency {
        min-width: 30%;
    }   

    .exchange-rate-inner-wrapper {
        padding-inline: 30px;
        gap: 40px;
        justify-content: center;
    }

    .currency-input input {
        font-size: 30px;
        max-width: 88%;
    }

    .forex-item-details-wrapper > div:not(:first-child),
    .forex-item-header-wrapper > div {
        text-align: center;
    }

    .forex-item-trend {
        justify-content: center;
    }

    .team-cards-container .treasury-team-member-container {
        flex: unset;
        width: calc((100% -  40px) / 3);
    }

    .container-treasury-solutions-card-container {
        margin-right: -20px;
    }
    
    .container-treasury-solutions-card-container > .container-col.solution-items-wrapper {
        margin-left: 0 !important;
    }

    .treasury-services-row.abcbanking-widthcontainer .solution-items-wrapper button.slick-prev {
        right: 90px;
        top: -75px;
        left: unset;
    }

    .treasury-services-row.abcbanking-widthcontainer .solution-items-wrapper button.slick-next {
        right: 30px;
        top: -75px;
        left: unset;
    }

    .container-marketsnapshot-exchange-rate-container {
        margin-top: -300px;
    }

    .team-cards-container .team-member-details .team-email {
        display: flex;
        word-break: break-all;
    }

}

/* Small Laptop */
@media screen and (min-width: 1260px) and (max-width: 1450px) {
    .container-col.banner-wrapper-container .gws-heading {
        max-width: 100%;
    }

    .personal-banking .container-col.banner-wrapper-container .gws-heading {
        max-width: 65%;
    }
    
    .container-col.banner-wrapper-container .gws-heading h1 {
        line-height: normal;
        font-size: 4rem;
    }

    .first-section-mt {
        margin-top: -150px;
    }

    .page-banner-wrapper-inner .heading-wrapper .content p {
        font-size: 1.3rem;
    }

    .private-banking .accounts-cards .card-description {
        min-height: 200px;
    }

    .gws-content-wrapper.container-banner-wrapper-container {
        top: -8vh;
    }

    .private-banking .real-estate-cards .card-description {
        min-height: 230px;
    }

    .global-banking .accounts-cards .card-description {
        min-height: 225px;
    }

    .global-banking .accounts-cards .card-content .card-title {
        min-height: 75px;
    }

    .private-banking .investing-cards .card-main-container .card-main-inner-container .card-container .card-content .card-description {
        min-height: 225px;
    }

    .vc_row .digital-banking-btn {
        max-width: 100%;
    }

    .corporate-banking h2.account-banking-heading {
        max-width: 70%;
    }

    .private-banking h2.account-banking-heading {
        max-width: 70%;
    }

    .card-inner-container.accounts-cards.slick-initialized.slick-slider {
        min-height: 750px;
    }

    .corporate-banking .accounts-cards .card-description {
        min-height: 185px;
    }

    .card-banner-wrapper .banner-content {
        padding-inline: 100px;
    }

    .global-banking .main-card-outer-wrapper.global-service-card .card-content .main-card-description {
        min-height: 220px;
    }

}

/* Mobile */
@media screen and (min-width: 320px) and (max-width: 767px) {

    /*================= Leadership Team ==================*/

    .team-heading-description-inner {
        width: 100%;
    }
    .team-heading-description-inner .heading-wrapper h1 {
        font-size: 42px;
        line-height: 35px;
    }
    .archive-team-member-top-wrapper{
        padding: 35px 0;
    }
    .team-heading-wrapper h2{
        font-size: 32px;
        padding-left: 20px;
    }
    .archive-team-member-wrapper .responsive.slick-arrow {
        background: #ffff;
        top: -40px;
        margin-right: 20px;
    }
    .archive-team-top-wrapper.our-management-team .team-inner-wrapper {
        padding: 35px 0;
    }
    .archive-team-top-wrapper.our-management-team .responsive.slick-arrow{
        margin-right: 20px;
    }
    .archive-team-member-top-wrapper{
        margin-top: -50px;
    }
    .team-heading-description {
        inset: 0;
    }
    .team-member-details-inner {
        max-width: 80%;
        padding: 50px 30px;
        max-height: 550px;
        overflow: scroll;
    }


    /* ========== Home Loan ============= */
    .home .container-col.banner-wrapper-container .gws-heading {
        max-width: 100%;
    }
    .calculator-right-content {
        width: 100% !important;
        margin-top: 40px;
    }
    .calculator-left-content{
        width: 100%;
        margin-right: 0;
    }
    .calculator-container .calculator-inner-container {
        padding: 0;
    }
    .calculator-content-inner-wrapper {
        flex-direction: column;
    }
    .container-col.finance-items-wrapper .col, .container-col.finance-items-wrapper > div {
        width: 100% !important;
    }
    .calculator-content-wrapper {
        padding: 50px 20px;
    }
    .calculator-container .calculator-result-item.monthly-repayment{
        padding: 30px;
    }
    .repayment-result .result-display{
        font-size: 35px;
    }
    .operation-math-icon {
        padding-bottom: 20px;
    }
    .advantage-item-image-container {
        padding: 30px 40px;
    }
    .finance-item-image-container .item-inner-wrapper {
        padding: 10px 14px 25px 15px;
    }
    .how-to-apply-inner-row {
        padding: 30px 10px;
    }
    .application-step-wrapper .heading h3{
        font-size: 20px;
    }
    .application-step-wrapper .content-wrapper .text-content p{
        font-size: 14px;
    }
    .application-step-wrapper .content-wrapper {
        padding-bottom: 30px;
    }
    .contact-us-inner-row .heading-wrapper {
        width: 100%;
    }
    .contact-us-inner-row {
        padding: 0;
    }
    .contact-us-row form {
        width: 100%;
    }
    .loan-faq-inner-row {
        padding: 35px 10px;
    }
    .why-choose-row {
        padding: 60px 0;
    }
    .advantage-item-image-container .text-content p{
        font-size: 18px;
    }
    .finance-item-image-container .content-wrapper p{
        font-size: 18px;
    }
    .how-to-apply-row {
        padding: 60px 0;
    }
    .loan-faq-row {
        padding: 40px 0;
    }










}