/* Main download card css  */

.container-col.download-card-inner-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 30px 0;
    padding: 60px;
}

.container-col.download-card-inner-container .download-card {
    flex: 1 1 calc(25% - 20px);
    box-sizing: border-box;
    max-width: calc(25% - 20px);
    border-radius: 30px;
    background: var(--Beige, #F4E7DB);
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.05);
    margin: 10px;
}

.main-card-outer-wrapper {
    padding: 30px;
}

.main-card-outer-wrapper .card-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.main-card-heading-title h3 {
    color: #000;
    font-family: "Outfit", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 26px */
    letter-spacing: -0.78px;
}


.main-card-download-button {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    top: 0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.main-card-download-button a {
  display: flex;
  width: 130px;
  padding: 12px 20px;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  background: var(--Lacquer-Red, #B02121);
  font-size: 14px;
  color: var(--Absolute-White, #FFF);
  font-family: Outfit, sans-serif;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  z-index: 2;
  transition:
    background-color 0.45s cubic-bezier(0.25, 1, 0.5, 1),
    color 0.45s cubic-bezier(0.25, 1, 0.5, 1),
    transform 0.3s ease; /* subtle press motion */
}

.main-card-download-button a:hover {
  background-color: #fff;
  color: #000;
  transform: translateY(-3px); /* slight lift for smoothness */
}

.main-card-inner-wrapper .card-image-wrapper {
    position: relative;
    padding-top: 10px;
    width: 100%;
    height: auto;
}

.main-card-heading-title {
    max-width: 75%;
    min-height: 100px;
}

.main-card-image {
    border-radius: 30px;
}

.main-card-image img {
    width: 100%;
    height: auto;
    border-radius: 30px;
}


/* === BUTTON INITIAL STATE === */
.download-card .main-card-download-button .download-btn {
  opacity: 0;
  transform: translateY(30px);
  transition:
    opacity 0.55s cubic-bezier(0.19, 1, 0.22, 1) 0.18s,
    transform 0.55s cubic-bezier(0.19, 1, 0.22, 1) 0.18s;
  pointer-events: none;
}

/* === BUTTON HOVER ANIMATION === */
.download-card:hover .main-card-download-button .download-btn {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* === BLUR OVERLAY (same as your finance cards) === */
.download-card .main-card-image::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 100px; /* adjust based on image height */
  border-radius: 0 0 30px 30px;
  -webkit-mask: linear-gradient(transparent, #000, #000);
  mask: linear-gradient(transparent, #000, #000);
  backdrop-filter: blur(12px);
  opacity: 0;
  transition: opacity 0.45s ease-out;
  z-index: 1;
}

/* === SHOW BLUR ON CARD HOVER === */
.download-card:hover .main-card-image::before {
  opacity: 1;
}


/* Slider button animation to bottom when foucus on inner wrapper content  */
/* .card-inner-container.accounts-cards button {
  position: absolute;
  top: -140px;
  transition: top 0.5s ease-in-out;
} */

/* When container is focused or hovered */
.card-widthcontainer.account-banking-cards-wrapper:focus-within .card-inner-container.accounts-cards button,
.card-widthcontainer.account-banking-cards-wrapper:hover .card-inner-container.accounts-cards button {
  top: 100%; /* move to bottom */
  transform: translateY(-100%);
}

.main-card-outer-wrapper.global-service-card {
    box-sizing: border-box;
    border-radius: 30px;
    margin-right: 10px;
    /* width: 470px !important; */
}

.container-col.international-offices-container-wrapper {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 30px 0;
    position: relative;
}

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

.main-card-outer-wrapper.global-service-card.active .main-card-inner-wrapper .card-content .main-card-description,
.main-card-outer-wrapper.global-service-card.active .main-card-inner-wrapper .card-content .main-card-heading-title h3 {
  color: #fff;
  z-index: 10;
  position: relative;
  transition: 0.3s ease-in-out;
}

.main-card-outer-wrapper.global-service-card .card-content {
    padding: 30px 0 40px;
}

.main-card-outer-wrapper.global-service-card .card-content .main-card-heading-title {
    max-width: 100%;
}

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

.international-offices-content-wrapper .wpb_column .vc_column-inner .wpb_wrapper {
    display: flex;
    width: 100%;
    padding: 100px 79px;
    flex-direction: column;
    gap: 60px;
    border-radius: 40px;
    background: var(--White, #F4E7DB);
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.heading-wrapper.global-business-heading {
    width: 60%;
}

.heading-wrapper.global-business-heading .content {
    /* max-width: 80%; */
}


.heading-wrapper.global-business-heading .content p {
    color: var(--Deep-Blue, #122633);
    font-family: Outfit;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.digital-banking-download-btn.digital-banking-btn:hover,
.digital-banking-register-btn.digital-banking-btn:hover {
    background-color: #B02121;
    transition:
    background-color 0.45s cubic-bezier(0.25, 1, 0.5, 1),
    color 0.45s cubic-bezier(0.25, 1, 0.5, 1),
    transform 0.3s ease; /* subtle press motion */
}

.digital-banking-buttons-wrapper.padding-top-20 {
    padding-top: 20px;
}

.container-col.international-offices-container-wrapper.slick-initialized.slick-slider .slick-track {
    padding: 0;
    margin: 0;
}

.main-card-outer-wrapper.download-card.hide {
    display: none;
}