.thesierra-digital-card-section-header {
  align-items: flex-end;
  min-height: 0;
}
.thesierra-digital-card-section-header:before {
  top: 7%;
  left: 5%;
}

.thesierra-digital-card-header-image {
  /* overflow: hidden;
  height: 100vh;
  width: 100vw;
  position: absolute; */
}
.thesierra-digital-card-header-image img {
  /* position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100vw;
  min-height: 100vh;
  transform: translate(-50%, -50%); */
  max-width: 100%;
  max-height: 400px;
  margin-top: 2rem;
}

.thesierra-digital-card-section-howto:before {
  top: 50%;
}
.thesierra-digital-card-section-howto:before .container-xl {
  max-width: 1140px;
}

.thesierra-digital-card-section-howto {
  min-height: 0;
}

@media screen and (min-width: 768px) {
  .thesierra-key-features-swiper .swiper-wrapper .swiper-slide .thesierra-swiper-image-container {
    cursor: auto !important;
  }
}

.thesierra-digital-card-howto-swiper {
  height: 630px;
  max-height: 100vh;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .thesierra-digital-card-howto-swiper {
    height: 700px;
  }
}
.thesierra-digital-card-howto-swiper .swiper-button-prev, .thesierra-digital-card-howto-swiper .swiper-button-next {
  position: static;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  margin-top: 20px;
  width: 56px;
  height: 56px;
}

.thesierra-digital-card-howto-image {
  max-width: 262px;
  width: 100%;
  height: 630px;
  min-height: 500px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .thesierra-digital-card-howto-image {
    max-height: 500px;
  }
}
.thesierra-digital-card-howto-image .thesierra-digital-card-howto-screen {
  z-index: 1;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.thesierra-digital-card-howto-image .thesierra-digital-card-howto-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 120%;
  max-height: 120%;
  filter: drop-shadow(0 0 40px rgba(0, 0, 0, 0.16));
  transform: translate(-50%, -50%) scale(1);
  z-index: 2;
  object-fit: contain;
}
.thesierra-digital-card-howto-image .thesierra-digital-card-howto-overlay.playing {
  animation: howto-overlay 3s both;
}

@keyframes howto-overlay {
  0% {
    transform: translate(-50%, -50%) scale(0.96);
  }
  100% {
    transform: translate(-50%, -50%) scale(1.04);
  }
}
.thesierra-digital-card-howto-swiper .swiper-button-prev:after {
  content: url("/SiteCollectionDocuments/kbankthesierra/assets/img/pages/digital-card/swiper-up.svg");
  display: block;
}
.thesierra-digital-card-howto-swiper .swiper-button-next:after {
  content: url("/SiteCollectionDocuments/kbankthesierra/assets/img/pages/digital-card/swiper-down.svg");
  display: block;
}
.thesierra-digital-card-howto-swiper .swiper-navigation {
  position: absolute;
  display: flex;
  flex-direction: column;
  bottom: 20%;
  right: 20px;
}
.thesierra-digital-card-howto-swiper .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: #B9A991;
  opacity: 0.75;
  clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
  border-radius: 0;
  margin: 15px 0;
}
.thesierra-digital-card-howto-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #BC967F;
  opacity: 1;
}
.thesierra-digital-card-howto-swiper .swiper-pagination-vertical.swiper-pagination-bullets, .thesierra-digital-card-howto-swiper > .swiper-pagination-bullets {
  top: 26%;
  left: 20px;
  right: auto;
  transform: none;
}

.thesierra-digital-card-section-download .container {
  max-width: 1050px;
}
.thesierra-digital-card-section-download .container h2 {
  font-size: 2.31rem;
}
.thesierra-digital-card-section-download .thesierra-digital-card-download-screen {
  max-height: 400px;
  width: auto;
  max-width: 100%;
}

@media screen and (min-width: 992px) {
  .thesierra-digital-card-download-screen {
    width: auto !important;
  }
}
.thesierra-digital-card-section-faq {
  background: url(/SiteCollectionDocuments/kbankthesierra/assets/img/pages/digital-card/faq-bg.jpg);
  background-size: cover;
}

.thesierra-accordion {
  background: none;
  --bs-accordion-color:inherit;
  --bs-accordion-btn-color:inherit;
  --bs-body-color:var(--bs-accordion-color);
}
.thesierra-accordion .accordion-item {
  background: none;
  border: none;
  margin-bottom: 0.7rem;
}
.thesierra-accordion .accordion-button {
  background: none;
  font-size: 1.125rem;
  border-radius: 0;
  border-bottom: 1px solid #93816A;
  font-weight: 500;
  padding: 1.2rem 0;
  line-height: 1.7;
}
.thesierra-accordion .accordion-body:not(.collapsed) {
  border-bottom: 1px solid #93816A;
}
.thesierra-accordion .accordion-button:after {
  transform: rotate(-90deg);
}
.thesierra-accordion .accordion-button:focus {
  box-shadow: none;
}
.thesierra-accordion .accordion-button:not(.collapsed) {
  color: inherit;
  border-bottom: none;
  box-shadow: none;
}
.thesierra-accordion .accordion-button:not(.collapsed):after {
  background-image: var(--bs-accordion-btn-icon);
  transform: rotate(-180deg);
}
.thesierra-accordion .accordion-item:last-of-type .accordion-button.collapsed, .thesierra-accordion .accordion-item:first-of-type .accordion-button.collapsed {
  border-radius: 0;
}
.thesierra-accordion.text-light .accordion-button:after, .thesierra-accordion.text-light .accordion-button:not(.collapsed):after {
  background-image: url(/SiteCollectionDocuments/kbankthesierra/assets/img/ui/accordion-arrow.svg);
}

.thesierra-digital-card-section-key-features {
  min-height: 0;
}

.thesierra-digital-card-section-key-features-cta {
  min-height: 0;
  padding: 2rem 0;
  background: var(--gradient-gold01);
}
.thesierra-digital-card-section-key-features-cta:before {
  content: none;
}

@media screen and (min-width: 992px) {
  .thesierra-digital-card-section-key-features {
    padding: 6rem 0;
    overflow: hidden;
  }
}
.thesierra-howto-modal .container-xl {
  max-width: 946px;
}

.thesierra-digital-card-howto-modal-image {
  width: auto;
  max-width: 100%;
  min-height: 400px;
  max-height: 60vh;
  display: block;
  margin: 0 auto 40px;
  object-fit: contain;
}

.thesierra-digital-card-howto-modal-swiper .swiper-wrapper {
  height: auto;
}
.thesierra-digital-card-howto-modal-swiper .swiper-button-prev, .thesierra-digital-card-howto-modal-swiper .swiper-button-next {
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  margin: 0;
  display: block;
}
.thesierra-digital-card-howto-modal-swiper .swiper-pagination {
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  width: auto;
  display: inline;
  line-height: 1;
  padding-top: 0.8rem;
}
.thesierra-digital-card-howto-modal-swiper .swiper-navigation {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}
.thesierra-digital-card-howto-modal-swiper .swiper-button-prev:after {
  content: url(/SiteCollectionDocuments/kbankthesierra/assets/img/ui/swiper-modal-prev.svg);
  width: 16px;
}
.thesierra-digital-card-howto-modal-swiper .swiper-button-next:after {
  content: url(/SiteCollectionDocuments/kbankthesierra/assets/img/ui/swiper-modal-next.svg);
  width: 16px;
}
.thesierra-digital-card-howto-modal-swiper .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border-radius: 0;
  clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
  margin: 0 8px !important;
  background-color: #B9A991;
  opacity: 0.75;
}
.thesierra-digital-card-howto-modal-swiper .swiper-pagination-bullet-active {
  background-color: #BC967F;
  opacity: 1;
}

/*# sourceMappingURL=digital-card.css.map */