/* // ==================================================================================================================================== */
/* // ============================================================ Menu ========================================================== */
/* .nav-menu-links-content-wrapper {
  background: rgba(255,255,255,0.24);
  border: 1px solid rgba(255,255,255,0.60);
  backdrop-filter: blur(82px);
  transition: background .25s ease, border-color .25s ease;
} */
.nav-menu-links-content-wrapper.on-white {
  background: rgba(18, 38, 51, 0.35);      
  border-color: rgba(18, 38, 51, 0.18);
}

/* // ==================================================================================================================================== */
/* // ============================================================ Page Banner Wrapper ========================================================== */

.page-banner-wrapper-inner {
    position: relative;
    width: 100%;
}
.container-col.banner-wrapper-container {
    margin-left: 30px;
}
.page-banner-wrapper .banner-image-wrapper {
    object-fit: cover;
    width: 100%;
    height: calc(100vh - 40px);
    border-radius: 40px;
}

.page-banner-wrapper .banner-image-wrapper img {
    border-radius: 40px;
}

.page-banner-wrapper-outer {
    margin-top: 20px;
}

.gws-content-wrapper.container-banner-wrapper-container {
    position: absolute;
    bottom: 0;
    top: -100px;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    padding-left: 0;
    max-width: 80%;
    margin: auto;
}

.container-col.banner-wrapper-container .content {
    max-width: 40%;
}

.gws-content-wrapper.container-banner-wrapper-container .heading-wrapper .tag-wrapper {
    display: none;
}

.container-col.banner-wrapper-container .content p {
    color: var(--White, #FFF);
    font-family: "Outfit", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

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

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

.container-col.banner-wrapper-container.corporate-banking .content {
    max-width: 55%;
}

.container-col.banner-wrapper-container .gws-heading h1 {
    font-style: normal;
    line-height: 75px; /* 104.167% */
}

.container-banner-wrapper-container .gws-button-wrapper.banner-wrapper-btn {
    display: flex;
    padding: 18px 30px;
    align-items: center;
    max-width: 240px;
    width: 100%;
    min-height: 56px;
    height: 100%;
    border-radius: 100px;
    margin: 25px 0 0 0;
}

.container-banner-wrapper-container .gws-button-wrapper.banner-wrapper-btn .gws-button {
    width: 100%;
    text-align: center;
}

.container-banner-wrapper-container .gws-button-wrapper.banner-wrapper-btn .gws-button a {
    color: var(--Absolute-White, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    background: unset;
    border: unset;
}

.vc_row.page-banner-wrapper-inner {
    position: relative;
    width: 100%;
    max-width: calc(100% - 70px);
    margin: 0 auto;
}

/* // ==================================================================================================================================== */
/* // ============================================================ Accounts Banking Card Wrapper ========================================================== */

.card-tag p {
    font-size: 16px !important;
}

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

.card-banner-wrapper.home-card-banner .card-inner-banner .banner-content .card-tag {
    display: none;
}


/* .card-banner-description p {
    font-size: 20px !important;
} */


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

.corporate-card-image .card-image-container .card-wrapper .content-wrapper .gws-button .button a {
    padding: 12px 30px;
}

.card-image-container .card-wrapper .content-wrapper {
    padding: 50px !important;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

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

/* .corporate-card-image .card-image-container .card-wrapper .content-wrapper .text-content p {
    font-size: 20px !important;
} */

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

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

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

.card-banner-wrapper .card-inner-banner .card-content-wrapper .card-banner-title p {
    font-size: 50px !important;
}

.corporate-card-banner.personal-banking .wpb_wrapper .card-banner-wrapper .banner-content .card-content-wrapper .card-banner-title {
    max-width: 80%;
}

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


.term-deposit .card-image-container.abcbanking-widthcontainer {
    padding: 0;
    background: transparent;
}



/* // ==================================================================================================================================== */
/* // ============================================================ HomePage========================================================== */
.container-banner-wrapper-container.home .gws-button-wrapper.banner-wrapper-btn {
    background: var(--Deep-Blue, #B02121);
}
/* .plans-container .card-description {
    min-height: 30px;
} */
.plans-container .card-highlight{
    background: #B02121;
    height: 100%;
}
.plans-container .card-main-container.active .card-title p, .plans-container .card-main-container.active .card-description p  {
    color: #fff;
}
.plans-container .card-main-container .card-title p, .plans-container .card-main-container .card-description p {
    transition: color 0.3s ease;
}
.plans-container .card-main-container .card-title p {
    min-height: 0;
}
.plans-container .card-main-container .card-title {
    padding-bottom: 20px;
}
.plans-inner-wrapper .card-main-container {
    /* padding: 50px; */
    position: relative;
    z-index: 4;
}
.plans-inner-wrapper {
    width: 100%;
    padding: 100px 0 110px 79px;
    border-radius: 40px;
    background: var(--White, #FFF);
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.05);
    /* overflow: hidden; */
}
.plans-inner-wrapper .heading h2 {
    color: var(--Lacquer-Red, #B02121);
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 60px */
    letter-spacing: -1.8px;
    text-transform: capitalize;
}
.plans-cards .card-main-container .card-main-inner-container .card-container .card-content .card-description {
    min-height: 80px;
}
.solution-items-wrapper .card-main-container .card-main-inner-container .card-container .card-content .card-description {
    min-height: 120px;
}
.plans-inner-wrapper .description p {
    color: var(--Deep-Blue, #122633);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.plans-inner-wrapper .description {
    padding-top: 18px;
}
.plans-inner-wrapper .card-inner-container button.slick-prev {
    right: 100px;
}
.plans-inner-wrapper .header-content-wrapper {
    max-width: 55%;
    padding-bottom: 80px;
}
.advantage-card-image-container .gws-image-item img {
    border-radius: 30px;
}
/* === TEXT CONTAINER INSIDE IMAGE === */
.advantage-card-image-container {
    border-radius: 30px;
    position: relative;
    overflow: hidden;
}
.advantages-inner-container .image {
    height: 510px;
}
.advantage-card-image-container .content-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 80px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding: 50px 40px;
    z-index: 2;
    opacity: 0;
    transform: translateY(25px);
    transition: all 0.6s ease;
    gap: 10px;
}
.advantages-inner-container .advantage-card-image-container:not(:last-child) {
    padding-right: 20px;
}


/* === GRADIENT OVERLAY === */
.advantage-card-image-container::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 140px; /* adjust as needed */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 40%, rgba(0,0,0,0) 100%);
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.6s ease;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    border-radius: 30px;
    z-index: 1;
}
.advantage-card-image-container:not(:last-child)::before {
    width: calc(100% - 20px);
}

/* === ON HOVER: FADE UP TEXT + GRADIENT === */
.advantage-card-image-container:hover .content-wrapper {
    opacity: 1;
    transform: translateY(0);
}

.advantage-card-image-container:hover::before {
    opacity: 1;
    transform: translateY(0);
}
.advantage-card-image-container .content-wrapper .text-content p {
    line-height: 24px;
}
.advantage-card-image-container .content-wrapper .title h3 {
    color: #FFF;
    text-align: center;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 26px */
    letter-spacing: -0.78px;
    text-transform: capitalize;
}
.advantage-card-image-container .content-wrapper .text-content p {
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.advantages-inner-wrapper .gws-heading h2 {
    color: var(--Lacquer-Red, #B02121);
    font-weight: 600;
}
.advantages-inner-wrapper  .heading-wrapper {
    padding-bottom: 90px;
}
.page-banner-wrapper-inner .gws-image-item img {
    border-radius: 40px;
}
.page-banner-wrapper-inner  .gws-content-wrapper.container-.content-wrapper {
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    padding-left: 0;
    max-width: 80%;
    margin: auto;
    padding-bottom: 70px;
}
.page-banner-wrapper-inner .heading-wrapper .content p {
    color: var(--White, #FFF);
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.page-banner-wrapper-inner .heading-wrapper .content {
    width: 100%;
    max-width: 100%;
    /* padding-top: 16px; */
}

.banking-solution-item-wrapper .vc_column_container>.vc_column-inner {
    margin-top: -175px;
    width: 100%;
    padding: 75px 0 75px 70px !important;
    border-radius: 40px;
    background: var(--White, #FFF);
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.05);
}
.solution-items-wrapper .card-main-container.slick-slide {
    width: 400px;
}
.banner-wrapper-btn.animated-btn-banner.personal-btn {
    margin-right: 25px;
}
.advantages-outer-wrapper {
    padding: 30px 0 90px;
}
.banking-solution-row {
    padding-bottom: 50px;
}
.plans-inner-wrapper .card-inner-container button.slick-next {
    right: 50px;
}
.solution-items-wrapper button {
    position: absolute;
    top: -235px;
    right: 50px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: none;
    background-color: #F4E7DB;
    overflow: hidden;
    opacity: 40%;
    cursor: pointer;
    transition: 0.3s ease-in-out;
}
.solution-items-wrapper button.slick-prev {
    margin-right: 10px;
    right: 100px;
}
.solution-items-wrapper button:hover {
    opacity: 100%;
}

.card-inner-container.plans-cards button.slick-arrow {
    top: -150px;
}



/* // ==================================================================================================================================== */
/* // ============================================================ Privacy Policy ========================================================== */

.single-title-page-banner-row {
    position: relative;
    height: 520px;
    margin-top: 20px;
}
.single-title-page-banner-row  .vc_column_container, .single-title-page-banner-row  .vc_column_container>.vc_column-inner,  .single-title-page-banner-row  .vc_column_container>.vc_column-inner .wpb_wrapper {
    height: 100%;
}
.single-title-page-banner-inner {
    width: 100%;
    max-width: calc(100% - 70px);
    margin: 0 auto !important;
    height: 100%;
    border-radius: 40px;
    background: linear-gradient(0deg, #F4E7DB 0%, #F4E7DB 100%), linear-gradient(270deg, rgba(0, 0, 0, 0.00) 22.12%, rgba(0, 0, 0, 0.50) 100%);
    background-blend-mode: normal, multiply;
}
.heading-wrapper.single-title-banner.privacy-notice {
    height: 100%;
    display: flex;
    align-items: anchor-center;
    padding-bottom: 40px;
    width: 100%;
}
.heading-wrapper.single-title-banner.privacy-notice .gws-heading h2 {
    overflow: hidden;
    color: var(--Lacquer-Red, #B02121);
    text-overflow: ellipsis;
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    line-height: 75px;
}

.single-title-page-banner-inner .vc_column_container>.vc_column-inner .wpb_wrapper {
    max-width: 80%;
    margin: auto;
}
.privacy-policy-content-row.abcbanking-widthcontainer .vc_column_container>.vc_column-inner .wpb_wrapper {
    border-radius: 40px;
    background: var(--White, #FFF);
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.05);
}
.privacy-policy-content-row .text-content-wrapper strong {
    color: var(--Lacquer-Red, #B02121);
    font-style: normal;
    font-weight: 600;
    text-transform: capitalize;
}
.privacy-policy-content-row .text-content-wrapper h2 strong {
    color: var(--Lacquer-Red, #B02121);
    text-align: center;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 30px */
    letter-spacing: -0.9px;
    text-transform: capitalize;
}
.privacy-policy-content-row .text-content-wrapper h2 {
    margin-bottom: 10px;
}
.privacy-policy-content-row .text-content-wrapper {
    padding: 100px 70px;
}
.privacy-policy-content-row .text-content-wrapper p,
.privacy-policy-content-row .text-content-wrapper td,
.privacy-policy-content-row .text-content-wrapper td strong {
    color: var(--Deep-Blue, #122633);
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}
.privacy-policy-content-row .text-content-wrapper td {
    border: 1px #ccc solid;
}
.privacy-policy-content-row .text-content-wrapper p > div:first-child {
    padding-bottom: 10px;
}
.privacy-policy-content-row.abcbanking-widthcontainer {
    padding-bottom: 50px;
}
    




/* Ajustments */
/* .card-image-container .card-wrapper .left-section .gws-button {
    display: none;
} */

/*mcgyver :')*/
h2.digital-banking-heading.heading-color-global-banking {
    position: relative;
    display: flex;
}

h2.digital-banking-heading.heading-color-global-banking:after {
    content: 'with ABC Banking';
    padding-left: 6px;
}
.digital-banking-content-inner-wrapper {
    margin-top: 50px;
}
.hide-desktop {
    display: none;
}
.trade-finance-cards-inner-wrapper .tag-number-wrapper {
    border: 1px solid #e8e7e3;
}
.trade-finance-card-item .account-banking-image img {
    height: 325px;
}

.footer-copyright-wrapper a {var(
    --Lacquer-Red, #B02121): ;
    color: var(--Lacquer-Red, #B02121);
}

.private-banking .cards-package-container .card-image:last-child img {
    object-position: bottom;
    max-width: 290px;
}