/* VARIABLES */
/* TYPOGRAPHY */
/* Google Fonts */
/* TYPOGRAPHY */
/* Google Fonts */
.node--type-e-banking.node--view-mode-teaser-vertical-large, .node--type-e-banking.node--view-mode-teaser-image-medium-centered, .node--type-e-banking.node--view-mode-teaser-image-medium, .node--type-e-banking.node--view-mode-teaser-image-small {
  position: relative;
  border-radius: 3rem;
  border: 1px solid #E8E2DB;
  height: 100%;
}
.node--type-e-banking.node--view-mode-teaser-vertical-large::before, .node--type-e-banking.node--view-mode-teaser-image-medium-centered::before, .node--type-e-banking.node--view-mode-teaser-image-medium::before, .node--type-e-banking.node--view-mode-teaser-image-small::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../images/Ebanking-vertical-large-bg.png") center/cover no-repeat;
  border-radius: 3rem;
  z-index: -1;
  opacity: 0.8;
}
.node--type-e-banking.node--view-mode-teaser-image-medium-centered::before, .node--type-e-banking.node--view-mode-teaser-image-medium::before, .node--type-e-banking.node--view-mode-teaser-image-small::before {
  background-image: url("../images/Ebanking-medium-centered-bg.png");
}
@media (min-width: 75.0625rem) {
  .node--type-e-banking.node--view-mode-teaser-image-medium-centered .field--name-field-media, .node--type-e-banking.node--view-mode-teaser-image-medium .field--name-field-media, .node--type-e-banking.node--view-mode-teaser-image-small .field--name-field-media {
    width: 91%;
  }
}
@media (min-width: 48.0625rem) {
  .node--type-e-banking.node--view-mode-teaser-image-medium-centered .field--name-field-media, .node--type-e-banking.node--view-mode-teaser-image-medium .field--name-field-media, .node--type-e-banking.node--view-mode-teaser-image-small .field--name-field-media {
    width: 97.5%;
  }
}

.view-e-banking.view-display-id-block_e_banking_personal .view-content {
  --featured-height: 58.4rem;
  --card-height: 42.8rem;
  display: grid;
  gap: 0.5rem;
  grid-template-columns: repeat(2, 1fr);
}
.view-e-banking.view-display-id-block_e_banking_personal .view-content > :first-child {
  grid-column: 1/-1;
}
@media (max-width: 48rem) {
  .view-e-banking.view-display-id-block_e_banking_personal .view-content {
    grid-template-columns: 1fr;
  }
  .view-e-banking.view-display-id-block_e_banking_personal .view-content > :first-child {
    min-height: clamp(37.75rem, 58vw, var(--featured-height));
  }
  .view-e-banking.view-display-id-block_e_banking_personal .view-content > :not(:first-child) {
    min-height: clamp(28rem, 42vw, var(--card-height));
  }
}
.view-e-banking.view-display-id-block_e_banking_business .view-content {
  --featured-height: 563px;
  --card-height: 340px;
  display: grid;
  gap: 0.5rem;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto auto;
}
@media (min-width: 90.0625rem) {
  .view-e-banking.view-display-id-block_e_banking_business .view-content {
    --featured-height: 620px;
  }
}
@media (max-width: 75rem) {
  .view-e-banking.view-display-id-block_e_banking_business .view-content {
    --featured-height: 543px;
  }
}
.view-e-banking.view-display-id-block_e_banking_business .view-content .views-row {
  min-width: 50%;
  overflow: hidden;
}
.view-e-banking.view-display-id-block_e_banking_business .view-content > :first-child {
  grid-column: 1;
  grid-row: 1/span 2;
  align-self: stretch;
  max-height: var(--featured-height);
}
.view-e-banking.view-display-id-block_e_banking_business .view-content > :nth-child(2) {
  grid-column: 2;
  grid-row: 1;
  min-height: var(--card-height);
}
.view-e-banking.view-display-id-block_e_banking_business .view-content > :nth-child(3) {
  grid-column: 1;
  grid-row: 3;
  min-height: var(--card-height);
}
.view-e-banking.view-display-id-block_e_banking_business .view-content > :nth-child(4) {
  grid-column: 2;
  grid-row: 2/span 2;
  align-self: stretch;
  max-height: var(--featured-height);
}
@media (max-width: 48rem) {
  .view-e-banking.view-display-id-block_e_banking_business .view-content {
    grid-template-columns: 1fr;
    grid-template-rows: unset;
    --featured-height: 496px;
    --card-height: 254px;
  }
  .view-e-banking.view-display-id-block_e_banking_business .view-content > :first-child,
  .view-e-banking.view-display-id-block_e_banking_business .view-content > :nth-child(2),
  .view-e-banking.view-display-id-block_e_banking_business .view-content > :nth-child(3),
  .view-e-banking.view-display-id-block_e_banking_business .view-content > :nth-child(4) {
    grid-column: 1;
    grid-row: unset;
  }
  .view-e-banking.view-display-id-block_e_banking_business .view-content > :first-child,
  .view-e-banking.view-display-id-block_e_banking_business .view-content > :nth-child(4) {
    min-height: clamp(37.75rem, 58vw, var(--featured-height));
    max-height: auto;
  }
  .view-e-banking.view-display-id-block_e_banking_business .view-content > :nth-child(2),
  .view-e-banking.view-display-id-block_e_banking_business .view-content > :nth-child(3) {
    max-height: clamp(28rem, 42vw, var(--card-height));
  }
}
.view-e-banking.view-display-id-block_e_banking_teaser .node--view-mode-teaser-image-medium {
  min-height: 500px;
}
.view-e-banking.view-display-id-block_e_banking_teaser .node--view-mode-teaser-image-medium .field--name-field-media .field--name-field-media-lottie-file {
  max-width: 270px;
  margin-top: -3.5rem;
}
@media (min-width: 48.0625rem) {
  .view-e-banking.view-display-id-block_e_banking_teaser .node--view-mode-teaser-image-medium .field--name-field-media .field--name-field-media-lottie-file {
    margin-top: 1rem;
  }
}
@media (min-width: 62.0625rem) {
  .view-e-banking.view-display-id-block_e_banking_teaser .node--view-mode-teaser-image-medium .field--name-field-media .field--name-field-media-lottie-file {
    margin-top: -3rem;
  }
}
@media (min-width: 75.0625rem) {
  .view-e-banking.view-display-id-block_e_banking_teaser .node--view-mode-teaser-image-medium .field--name-field-media .field--name-field-media-lottie-file {
    margin-top: 1rem;
    max-width: 360px;
  }
}
@media (min-width: 90.0625rem) {
  .view-e-banking.view-display-id-block_e_banking_teaser .node--view-mode-teaser-image-medium .field--name-field-media .field--name-field-media-lottie-file {
    max-width: 420px;
  }
}