.product-image-wrapper {
  position: relative;
  display: block;
  width: 160px;
  margin: 0 auto;
}
@media (min-width: 1025px) {
  .product-image-wrapper {
    width: 200px;
  }
}
.product-image-wrapper .product-image {
  position: relative;
  border-radius: var(--border-radius);
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--color-border);
  padding: 1em;
  background: #fff;
  height: 100px;
}
@media (min-width: 1025px) {
  .product-image-wrapper .product-image {
    height: 128px;
  }
}
.product-image-wrapper .product-image .product-image-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle, #fff 0%, var(--color-secondary) 100%);
  opacity: 0.1;
}
.product-image-wrapper .product-image img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  max-width: 110px;
  max-height: 55px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.product-image-wrapper .product-image-icon {
  position: absolute;
  top: -0.7em;
  right: -0.7em;
  width: 2.2em;
  height: 2.2em;
  background: var(--color-light);
  color: var(--color-text);
  border: 1px solid var(--color-border);
  display: grid;
  align-items: center;
  text-align: center;
  border-radius: 100%;
  z-index: 3;
}
.product-image-wrapper .product-image-icon i {
  width: auto;
  font-size: 1.1em;
}
.product-image-wrapper.product-image-hover .product-image::before {
  opacity: 0;
  transition: opacity 0.2s ease-in;
  font-family: var(--font-icon);
  font-weight: var(--font-icon-light);
  font-size: 1.2em;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 5px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "\f05a";
  position: absolute;
  display: grid;
  z-index: 2;
  color: #fff;
  text-align: center;
  align-items: center;
  padding: 0.25em 0.5em;
}
.product-image-wrapper.product-image-hover .product-image:hover::before {
  opacity: 1;
}
.product-image-wrapper.product-image-hover .product-image::before {
  align-items: end;
}

.content-wpb .card .product-image {
  border: 1px solid var(--color-border);
}

html body .mcs-bank_account .card--grid {
  align-items: center;
  grid-column-gap: 2em;
  padding-top: 1em;
}
html body .mcs-bank_account .card--grid .card--title-offer-selling .card--offer {
  margin-top: 0.5em;
}
html body .mcs-bank_account .card--grid .card--title-offer-selling .card-specs--title {
  color: var(--color-text-grey);
  margin-bottom: 0.25em;
}
html body .mcs-bank_account .card--grid .card--title-offer-selling .cs-specs {
  margin: 1em 0;
}
@media (min-width: 1025px) {
  html body .mcs-bank_account .card--grid .card--title-offer-selling .cs-specs {
    margin-bottom: 0;
  }
}
html body .mcs-bank_account .card--grid .card--title-offer-selling .cs-specs > div {
  margin-bottom: 1em;
}
html body .mcs-bank_account .card--grid .card--title-offer-selling .cs-specs .small-print--gift {
  color: var(--color-text);
  display: grid;
  grid-template-columns: auto 1fr;
}
html body .mcs-bank_account .card--grid .card--title-offer-selling .cs-specs .small-print--gift::before {
  content: "\f06b";
  font-family: var(--font-icon);
  font-weight: var(--font-icon-bold);
  margin-right: 0.5em;
}

body div[data-template=compare-simple] .product-image-wrapper,
body div[data-template=compare-simple] .product-image {
  width: 90px;
  height: 57px;
}
body div[data-template=compare-simple] .card--offer {
  font-size: 1.2em;
}
@media (max-width: 767px) {
  body div[data-template=compare-simple] .card--offer {
    margin-top: 0.6em;
  }
}

@media screen and (min-width: 768px) {
  div:not(.swiper-slide) > .mcs-bank_account--m .card--img-outer,
  div:not(.swiper-slide) > .mcs-bank_account--m .product-image-wrapper,
  div:not(.swiper-slide) > .mcs-bank_account--m .card--apply {
    width: 170px;
  }
  div:not(.swiper-slide) > .mcs-bank_account--m .product-image {
    height: 100px;
  }
  div:not(.swiper-slide) > .mcs-bank_account--m .card--grid .card--title {
    margin-bottom: 0.75em;
  }
}
@media screen and (min-width: 1024px) {
  html body .content-area:not(.container-sidebar) .container_chequing .card .card--title-offer-selling {
    grid-template-columns: 2fr 1fr;
    grid-gap: 4em;
  }
  html body .content-area:not(.container-sidebar) .container_chequing .card .cs-specs {
    margin: 0;
    display: grid;
    grid-gap: 1em;
  }
  html body .content-area:not(.container-sidebar) .container_chequing .card .cs-specs .small-print--gift::before {
    margin-left: -1.52em;
  }
}

/*# sourceMappingURL=banks.css.map */