/*
 * Source: assets/main.css lines 29192-29618
 * Purpose: Homepage and landing page section specific slider styles
 */


.reviews-swiper {
  overflow-x: hidden;
}

.reviews-swiper .swiper-slide {
  height: auto;
  padding-block: calc(var(--spacing) * 5);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: .5s;
  transition-duration: .5s;
  transition-timing-function: cubic-bezier(.25, .46, .45, .94);
  transform: translateY(5px);
}

.reviews-swiper .swiper-slide > div {
  height: 100%;
  transition: all .6s cubic-bezier(.25, .46, .45, .94);
  position: relative;
}

.reviews-swiper .swiper-slide > div:before {
  content: var(--tw-content);
  content: var(--tw-content);
  inset: calc(var(--spacing) * 0);
  content: var(--tw-content);
  z-index: -10;
  content: var(--tw-content);
  content: var(--tw-content);
  background-color: var(--color-secondary);
  content: var(--tw-content);
  opacity: 0;
  content: var(--tw-content);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  content: var(--tw-content);
  --tw-duration: .7s;
  content: var(--tw-content);
  --tw-ease: var(--ease-out);
  transition-duration: .7s;
  transition-timing-function: var(--ease-out);
  content: var(--tw-content);
  --tw-content: "";
  content: var(--tw-content);
  border-radius: 20px;
  position: absolute;
}

.reviews-swiper .swiper-slide > div:where(.dark, .dark *):before {
  content: var(--tw-content);
  background-color: var(--color-background-7);
}

.reviews-swiper .swiper-slide-prev, .reviews-swiper .swiper-slide-next {
  transform: translateY(5px);
}

.reviews-swiper .swiper-slide-active > div {
  transition-property: opacity;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: .5s;
  --tw-ease: var(--ease-in-out);
  transition-duration: .5s;
  transition-timing-function: var(--ease-in-out);
  animation: .7s cubic-bezier(.34, 1.56, .64, 1) slideUp;
}

.reviews-swiper .swiper-slide-active > div:before {
  content: var(--tw-content);
  opacity: 1;
}

.reviews-swiper .swiper-slide-active .review-text {
  color: var(--color-accent);
  animation: .6s cubic-bezier(.25, .46, .45, .94) .1s both fadeInUp;
}

.reviews-swiper .swiper-slide-active .review-text:where(.dark, .dark *) {
  color: var(--color-accent);
}

.reviews-swiper .swiper-slide-active .review-name {
  color: var(--color-accent);
  animation: .6s cubic-bezier(.25, .46, .45, .94) .2s both fadeInUp;
}

.reviews-swiper .swiper-slide-active .review-name:where(.dark, .dark *) {
  color: var(--color-accent);
}

.reviews-swiper .swiper-slide-active .review-title {
  color: #fcfcfc99;
  animation: .6s cubic-bezier(.25, .46, .45, .94) .3s both fadeInUp;
}

@supports (color: color-mix(in lab, red, red)) {
  .reviews-swiper .swiper-slide-active .review-title {
    color: color-mix(in oklab, var(--color-accent) 60%, transparent);
  }
}

.reviews-swiper .swiper-slide-active .review-title:where(.dark, .dark *) {
  color: #fcfcfc99;
}

@supports (color: color-mix(in lab, red, red)) {
  .reviews-swiper .swiper-slide-active .review-title:where(.dark, .dark *) {
    color: color-mix(in oklab, var(--color-accent) 60%, transparent);
  }
}

.reviews-swiper .swiper-slide-active .gradient-overlay {
  opacity: 1;
  animation: .8s cubic-bezier(.68, -.55, .265, 1.55) gradientFadeIn;
}

@keyframes slideUp {
  from {
    transform: translateY(15px);
  }

  to {
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes gradientFadeIn {
  from {
    opacity: 0;
    transform: scale(.9);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.single-card-reviews-swiper {
  width: 100%;
  max-width: 840px;
  margin-inline: auto;
  overflow: hidden;
}

.single-card-reviews-swiper .swiper-wrapper {
  align-items: center;
}

.single-card-reviews-swiper .swiper-slide {
  opacity: .3;
  filter: blur(3px);
  height: auto;
  transition: all .8s cubic-bezier(.25, .46, .45, .94);
  transform: scale(.8);
}

.single-card-reviews-swiper .swiper-slide-active {
  opacity: 1;
  filter: blur();
  transform: scale(1);
}

.single-card-reviews-prev:hover, .single-card-reviews-next:hover {
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: .2s;
  --tw-ease: var(--ease-in-out);
  transition-duration: .2s;
  transition-timing-function: var(--ease-in-out);
  scale: 102%;
}

.reviews-fade-in-swiper {
  width: 100%;
  overflow: hidden;
}

.reviews-fade-in-swiper .swiper-wrapper {
  align-items: center;
}

.reviews-fade-in-swiper .swiper-slide {
  height: auto;
  padding-top: calc(var(--spacing) * 16);
  transition: all .6s cubic-bezier(.25, .46, .45, .94);
}

.reviews-fade-in-next, .reviews-fade-in-prev {
  width: calc(var(--spacing) * 9);
  height: calc(var(--spacing) * 9);
  cursor: pointer;
  background-color: var(--color-background-4);
  border-radius: 3.40282e38px;
  justify-content: center;
  align-items: center;
  display: flex;
}

:is(.reviews-fade-in-next, .reviews-fade-in-prev):where(.dark, .dark *) {
  background-color: var(--color-background-9);
}

.reviews-fade-in-pagination {
  z-index: 20;
  margin-top: calc(var(--spacing) * 6);
  justify-content: center;
  align-items: center;
  gap: calc(var(--spacing) * .5);
  display: flex;
  position: absolute;
  left: 50%;
  bottom: 27% !important;
}

.reviews-fade-in-pagination .swiper-pagination-bullet {
  width: calc(var(--spacing) * 2);
  height: calc(var(--spacing) * 2);
  cursor: pointer;
  background-color: #b6c6e6;
  border-radius: 3.40282e38px;
}

.reviews-fade-in-pagination .swiper-pagination-bullet:where(.dark, .dark *) {
  background-color: var(--color-background-4);
}

.reviews-fade-in-pagination .swiper-pagination-bullet-active {
  background-color: var(--color-secondary);
}

.reviews-fade-in-pagination .swiper-pagination-bullet-active:where(.dark, .dark *) {
  background-color: #b6c6e6;
}

@media (max-width: 768px) {
  .reviews-fade-in-swiper .swiper-slide {
    transition: all .6s cubic-bezier(.25, .46, .45, .94);
  }

  .reviews-fade-in-next, .reviews-fade-in-prev {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }

  .reviews-fade-in-pagination {
    margin-top: calc(var(--spacing) * 4);
  }
}

@media (hover: none) and (pointer: coarse) {
  .reviews-fade-in-swiper .swiper-slide {
    transition: all .5s cubic-bezier(.25, .46, .45, .94);
  }

  .reviews-fade-in-next, .reviews-fade-in-prev {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
}

@media (prefers-reduced-motion: reduce) {
  .reviews-fade-in-swiper .swiper-slide {
    transition: all .3s;
  }

  .reviews-fade-in-next, .reviews-fade-in-prev, .reviews-fade-in-pagination .swiper-pagination-bullet {
    transition: all .2s;
  }
}

.blog-article-swiper {
  width: 100%;
  overflow: hidden;
}

.blog-article-swiper .swiper-wrapper {
  align-items: center;
}

.blog-article-swiper .swiper-slide {
  height: auto;
  transition: all .6s cubic-bezier(.25, .46, .45, .94);
}

.blog-article-swiper .swiper-pagination-bullet {
  width: calc(var(--spacing) * 3);
  height: calc(var(--spacing) * 3);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-stroke-5);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: .3s;
  background-color: #0000;
  border-radius: 3.40282e38px;
  transition-duration: .3s;
}

.blog-article-swiper .swiper-pagination-bullet:where(.dark, .dark *) {
  border-color: var(--color-stroke-3);
}

.blog-article-swiper .swiper-pagination-bullet-active {
  width: calc(var(--spacing) * 3.5);
  height: calc(var(--spacing) * 3.5);
  border-color: var(--color-primary-500);
  background-color: var(--color-primary-500);
  border-radius: 3.40282e38px;
}

.blog-article-swiper .swiper-pagination-bullet-active:where(.dark, .dark *) {
  border-color: var(--color-accent);
  background-color: var(--color-accent);
}

.blog-article-swiper .pagination-bullets {
  justify-content: center;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  margin-inline: auto;
  display: flex;
}

.social-proof-swiper {
  overflow: hidden;
}

.social-proof-swiper .swiper-wrapper {
  align-items: center;
}

.social-proof-swiper .swiper-slide {
  opacity: .3;
  filter: blur(8px);
  transition: all .8s cubic-bezier(.25, .46, .45, .94);
  transform: scale(.8);
}

.social-proof-swiper .swiper-slide-active {
  opacity: 1;
  filter: blur();
  transform: scale(1);
}

@media (prefers-reduced-motion: reduce) {
  .social-proof-swiper .swiper-slide {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .3s;
    transition-duration: .3s;
    transition-timing-function: ease;
  }
}

.social-proof-avatar {
  opacity: .3;
  transition: all .3s cubic-bezier(.25, .46, .45, .94);
}

.social-proof-avatar.active {
  --tw-scale-x: 110%;
  --tw-scale-y: 110%;
  --tw-scale-z: 110%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .social-proof-avatar {
    transition: all .2s;
  }
}

.financial-management-platform-pagination .swiper-pagination-bullet {
  background-color: #fcfcfce6;
}

@supports (color: color-mix(in lab, red, red)) {
  .financial-management-platform-pagination .swiper-pagination-bullet {
    background-color: color-mix(in oklab, var(--color-accent) 90%, transparent);
  }
}

.financial-management-platform-pagination .swiper-pagination-bullet-active {
  background-color: var(--color-white);
}

.business-card-number, .bank-card-number {
  transition: all .3s;
}

.business-card-number._number, .bank-card-number._number {
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.business-card-number ._number > div > div, .bank-card-number ._number > div > div {
  transition: top .8s cubic-bezier(.25, .46, .45, .94);
}

.business-card-number span:last-child, .bank-card-number span:last-child {
  font-weight: inherit;
  color: inherit;
  margin-left: 2px;
}
