.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

.grid-cols-1 {
  grid-template-columns: repeat(var(--bs-columns, 1), minmax(0, 1fr));
}

.grid-cols-2 {
  grid-template-columns: repeat(var(--bs-columns, 2), minmax(0, 1fr));
}

.grid-cols-3 {
  grid-template-columns: repeat(var(--bs-columns, 3), minmax(0, 1fr));
}

.grid-cols-4 {
  grid-template-columns: repeat(var(--bs-columns, 4), minmax(0, 1fr));
}

.grid-cols-5 {
  --bs-columns:5;
  grid-template-columns: repeat(var(--bs-columns, 5), minmax(0, 1fr));
}

.grid-cols-6 {
  grid-template-columns: repeat(var(--bs-columns, 6), minmax(0, 1fr));
}

.grid-cols-7 {
  grid-template-columns: repeat(var(--bs-columns, 7), minmax(0, 1fr));
}

.grid-cols-8 {
  grid-template-columns: repeat(var(--bs-columns, 8), minmax(0, 1fr));
}

.grid-cols-9 {
  grid-template-columns: repeat(var(--bs-columns, 9), minmax(0, 1fr));
}

.grid-cols-10 {
  grid-template-columns: repeat(var(--bs-columns, 10), minmax(0, 1fr));
}

.grid-cols-11 {
  grid-template-columns: repeat(var(--bs-columns, 11), minmax(0, 1fr));
}

.grid-cols-12 {
  grid-template-columns: repeat(var(--bs-columns, 12), minmax(0, 1fr));
}

@media screen and (min-width: 768px) {
  .grid-cols-md-1 {
    grid-template-columns: repeat(var(--bs-columns, 1), minmax(0, 1fr));
  }
  .grid-cols-md-2 {
    grid-template-columns: repeat(var(--bs-columns, 2), minmax(0, 1fr));
  }
  .grid-cols-md-3 {
    grid-template-columns: repeat(var(--bs-columns, 3), minmax(0, 1fr));
  }
  .grid-cols-md-4 {
    grid-template-columns: repeat(var(--bs-columns, 4), minmax(0, 1fr));
  }
  .grid-cols-md-5 {
    grid-template-columns: repeat(var(--bs-columns, 5), minmax(0, 1fr));
  }
  .grid-cols-md-6 {
    grid-template-columns: repeat(var(--bs-columns, 6), minmax(0, 1fr));
  }
  .grid-cols-md-7 {
    grid-template-columns: repeat(var(--bs-columns, 7), minmax(0, 1fr));
  }
  .grid-cols-md-8 {
    grid-template-columns: repeat(var(--bs-columns, 8), minmax(0, 1fr));
  }
  .grid-cols-md-9 {
    grid-template-columns: repeat(var(--bs-columns, 9), minmax(0, 1fr));
  }
  .grid-cols-md-10 {
    grid-template-columns: repeat(var(--bs-columns, 10), minmax(0, 1fr));
  }
  .grid-cols-md-11 {
    grid-template-columns: repeat(var(--bs-columns, 11), minmax(0, 1fr));
  }
  .grid-cols-md-12 {
    grid-template-columns: repeat(var(--bs-columns, 12), minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .grid-cols-lg-1 {
    grid-template-columns: repeat(var(--bs-columns, 1), minmax(0, 1fr));
  }
  .grid-cols-lg-2 {
    grid-template-columns: repeat(var(--bs-columns, 2), minmax(0, 1fr));
  }
  .grid-cols-lg-3 {
    grid-template-columns: repeat(var(--bs-columns, 3), minmax(0, 1fr));
  }
  .grid-cols-lg-4 {
    grid-template-columns: repeat(var(--bs-columns, 4), minmax(0, 1fr));
  }
  .grid-cols-lg-5 {
    grid-template-columns: repeat(var(--bs-columns, 5), minmax(0, 1fr));
  }
  .grid-cols-lg-6 {
    grid-template-columns: repeat(var(--bs-columns, 6), minmax(0, 1fr));
  }
  .grid-cols-lg-7 {
    grid-template-columns: repeat(var(--bs-columns, 7), minmax(0, 1fr));
  }
  .grid-cols-lg-8 {
    grid-template-columns: repeat(var(--bs-columns, 8), minmax(0, 1fr));
  }
  .grid-cols-lg-9 {
    grid-template-columns: repeat(var(--bs-columns, 9), minmax(0, 1fr));
  }
  .grid-cols-lg-10 {
    grid-template-columns: repeat(var(--bs-columns, 10), minmax(0, 1fr));
  }
  .grid-cols-lg-11 {
    grid-template-columns: repeat(var(--bs-columns, 11), minmax(0, 1fr));
  }
  .grid-cols-lg-12 {
    grid-template-columns: repeat(var(--bs-columns, 12), minmax(0, 1fr));
  }
}
@media screen and (min-width: 1280px) {
  .grid-cols-xl-1 {
    grid-template-columns: repeat(var(--bs-columns, 1), minmax(0, 1fr));
  }
  .grid-cols-xl-2 {
    grid-template-columns: repeat(var(--bs-columns, 2), minmax(0, 1fr));
  }
  .grid-cols-xl-3 {
    grid-template-columns: repeat(var(--bs-columns, 3), minmax(0, 1fr));
  }
  .grid-cols-xl-4 {
    grid-template-columns: repeat(var(--bs-columns, 4), minmax(0, 1fr));
  }
  .grid-cols-xl-5 {
    grid-template-columns: repeat(var(--bs-columns, 5), minmax(0, 1fr));
  }
  .grid-cols-xl-6 {
    grid-template-columns: repeat(var(--bs-columns, 6), minmax(0, 1fr));
  }
  .grid-cols-xl-7 {
    grid-template-columns: repeat(var(--bs-columns, 7), minmax(0, 1fr));
  }
  .grid-cols-xl-8 {
    grid-template-columns: repeat(var(--bs-columns, 8), minmax(0, 1fr));
  }
  .grid-cols-xl-9 {
    grid-template-columns: repeat(var(--bs-columns, 9), minmax(0, 1fr));
  }
  .grid-cols-xl-10 {
    grid-template-columns: repeat(var(--bs-columns, 10), minmax(0, 1fr));
  }
  .grid-cols-xl-11 {
    grid-template-columns: repeat(var(--bs-columns, 11), minmax(0, 1fr));
  }
  .grid-cols-xl-12 {
    grid-template-columns: repeat(var(--bs-columns, 12), minmax(0, 1fr));
  }
}
@media screen and (min-width: 1400px) {
  .grid-cols-xxl-1 {
    grid-template-columns: repeat(var(--bs-columns, 1), minmax(0, 1fr));
  }
  .grid-cols-xxl-2 {
    grid-template-columns: repeat(var(--bs-columns, 2), minmax(0, 1fr));
  }
  .grid-cols-xxl-3 {
    grid-template-columns: repeat(var(--bs-columns, 3), minmax(0, 1fr));
  }
  .grid-cols-xxl-4 {
    grid-template-columns: repeat(var(--bs-columns, 4), minmax(0, 1fr));
  }
  .grid-cols-xxl-5 {
    grid-template-columns: repeat(var(--bs-columns, 5), minmax(0, 1fr));
  }
  .grid-cols-xxl-6 {
    grid-template-columns: repeat(var(--bs-columns, 6), minmax(0, 1fr));
  }
  .grid-cols-xxl-7 {
    grid-template-columns: repeat(var(--bs-columns, 7), minmax(0, 1fr));
  }
  .grid-cols-xxl-8 {
    grid-template-columns: repeat(var(--bs-columns, 8), minmax(0, 1fr));
  }
  .grid-cols-xxl-9 {
    grid-template-columns: repeat(var(--bs-columns, 9), minmax(0, 1fr));
  }
  .grid-cols-xxl-10 {
    grid-template-columns: repeat(var(--bs-columns, 10), minmax(0, 1fr));
  }
  .grid-cols-xxl-11 {
    grid-template-columns: repeat(var(--bs-columns, 11), minmax(0, 1fr));
  }
  .grid-cols-xxl-12 {
    grid-template-columns: repeat(var(--bs-columns, 12), minmax(0, 1fr));
  }
}
@media screen and (min-width: 1600px) {
  .grid-cols-xxxl-1 {
    grid-template-columns: repeat(var(--bs-columns, 1), minmax(0, 1fr));
  }
  .grid-cols-xxxl-2 {
    grid-template-columns: repeat(var(--bs-columns, 2), minmax(0, 1fr));
  }
  .grid-cols-xxxl-3 {
    grid-template-columns: repeat(var(--bs-columns, 3), minmax(0, 1fr));
  }
  .grid-cols-xxxl-4 {
    grid-template-columns: repeat(var(--bs-columns, 4), minmax(0, 1fr));
  }
  .grid-cols-xxxl-5 {
    grid-template-columns: repeat(var(--bs-columns, 5), minmax(0, 1fr));
  }
  .grid-cols-xxxl-6 {
    grid-template-columns: repeat(var(--bs-columns, 6), minmax(0, 1fr));
  }
  .grid-cols-xxxl-7 {
    grid-template-columns: repeat(var(--bs-columns, 7), minmax(0, 1fr));
  }
  .grid-cols-xxxl-8 {
    grid-template-columns: repeat(var(--bs-columns, 8), minmax(0, 1fr));
  }
  .grid-cols-xxxl-9 {
    grid-template-columns: repeat(var(--bs-columns, 9), minmax(0, 1fr));
  }
  .grid-cols-xxxl-10 {
    grid-template-columns: repeat(var(--bs-columns, 10), minmax(0, 1fr));
  }
  .grid-cols-xxxl-11 {
    grid-template-columns: repeat(var(--bs-columns, 11), minmax(0, 1fr));
  }
  .grid-cols-xxxl-12 {
    grid-template-columns: repeat(var(--bs-columns, 12), minmax(0, 1fr));
  }
}
.column-h2 {
  font-size: 2rem;
}
@media screen and (min-width: 992px) {
  .column-h2 {
    font-size: 2.5rem;
  }
}
@media screen and (min-width: 1400px) {
  .column-h2 {
    font-size: 3rem;
  }
}

.column-h3 {
  font-size: 1.75rem;
}
@media screen and (min-width: 992px) {
  .column-h3 {
    font-size: 2rem;
  }
}
@media screen and (min-width: 1400px) {
  .column-h3 {
    font-size: 2.25rem;
  }
}

.column-h4 {
  font-size: 1.25rem;
}
@media screen and (min-width: 992px) {
  .column-h4 {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 1400px) {
  .column-h4 {
    font-size: 1.75rem;
  }
}

.bg-img {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.bg-norepeat {
  background-repeat: no-repeat !important;
}

.bg-contain {
  background-size: contain !important;
}

.bg-cover {
  background-size: cover !important;
}

.bg-size-x50 {
  background-size: 50% auto !important;
}

.bg-size-x100 {
  background-size: 100% auto !important;
}

.bg-size-y50 {
  background-size: auto 50% !important;
}

.bg-size-y100 {
  background-size: auto 100% !important;
}

.bg-size-100 {
  background-size: 100% 100% !important;
}

.bg-position-top {
  background-position: center top !important;
}

.bg-position-bottom {
  background-position: center bottom !important;
}

.bg-position-left {
  background-position: left center !important;
}

.bg-position-right {
  background-position: right center !important;
}

.bg-position-left-top {
  background-position: left top !important;
}

.bg-position-right-top {
  background-position: left top !important;
}

.bg-position-left-bottom {
  background-position: left bottom !important;
}

.bg-position-right-bottom {
  background-position: right bottom !important;
}

.bg-gradient-linear {
  background: linear-gradient(180deg, #ffffff 0%, #E5E7FF 100%);
}

.bg-gradient-linear-1 {
  background: linear-gradient(180deg, #36B7FF 0%, #2D72FF 100%);
}

.bg-gradient-linear-2 {
  background: linear-gradient(180deg, #68DBA2 0%, #46D28C 100%);
}

.bg-gradient-linear-3 {
  background: linear-gradient(180deg, #E5E7FF 0%, rgba(255, 255, 255, 0.0509803922) 100%);
}

.z-index-1 {
  z-index: 1;
}

.z-index-2 {
  z-index: 2;
}

.z-index-3 {
  z-index: 3;
}

.z-index-4 {
  z-index: 4;
}

.z-index-5 {
  z-index: 5;
}

.overflow-x-auto {
  overflow-x: auto;
}

.max-width-1400 {
  max-width: 1400px;
}

.max-width-1200 {
  max-width: 1200px;
}

.max-width-1000 {
  max-width: 1000px;
}

.max-width-900 {
  max-width: 900px;
}

.max-width-800 {
  max-width: 800px;
}

.max-width-700 {
  max-width: 700px;
}

.max-width-600 {
  max-width: 600px;
}

.max-width-500 {
  max-width: 500px;
}

.max-width-400 {
  max-width: 400px;
}

.max-width-50 {
  max-width: 50%;
}

@media screen and (min-width: 768px) {
  .h-md-100 {
    height: 100% !important;
  }
  .h-md-50 {
    height: 100% !important;
  }
  .max-width-md-50 {
    max-width: 50%;
  }
}
@media screen and (min-width: 992px) {
  .h-lg-100 {
    height: 100% !important;
  }
  .h-lg-50 {
    height: 100% !important;
  }
  .max-width-lg-1400 {
    max-width: 1400px;
  }
  .max-width-lg-1200 {
    max-width: 1200px;
  }
  .max-width-lg-1000 {
    max-width: 1000px;
  }
  .max-width-lg-900 {
    max-width: 900px;
  }
  .max-width-lg-800 {
    max-width: 800px;
  }
  .max-width-lg-600 {
    max-width: 600px;
  }
  .max-width-lg-50 {
    max-width: 50%;
  }
}
@media screen and (min-width: 1280px) {
  .h-xl-100 {
    height: 100% !important;
  }
  .h-xl-50 {
    height: 100% !important;
  }
  .max-width-xl-1400 {
    max-width: 1400px;
  }
  .max-width-xl-1200 {
    max-width: 1200px;
  }
  .max-width-xl-1000 {
    max-width: 1000px;
  }
  .max-width-xl-900 {
    max-width: 900px;
  }
  .max-width-xl-800 {
    max-width: 800px;
  }
  .max-width-xl-600 {
    max-width: 600px;
  }
  .max-width-xl-50 {
    max-width: 50%;
  }
}
@media screen and (min-width: 1400px) {
  .h-xxl-100 {
    height: 100% !important;
  }
  .h-xxl-50 {
    height: 100% !important;
  }
  .max-width-xxl-1400 {
    max-width: 1400px;
  }
  .max-width-xxl-1200 {
    max-width: 1200px;
  }
  .max-width-xxl-1000 {
    max-width: 1000px;
  }
  .max-width-xxl-900 {
    max-width: 900px;
  }
  .max-width-xxl-800 {
    max-width: 800px;
  }
  .max-width-xxl-600 {
    max-width: 600px;
  }
  .max-width-xxl-50 {
    max-width: 50%;
  }
}
.swiper {
  position: relative;
  z-index: 1;
  width: 100%;
}

.swiper-viewauto .swiper-slide {
  display: inline-block;
  width: auto;
}

.banner .pro-name {
  font-size: 1.625rem;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .banner .pro-name {
    font-size: 2rem;
  }
}
.banner .pro-name img {
  width: 36px;
}
@media screen and (min-width: 768px) {
  .banner .pro-name img {
    width: 42px;
  }
}
@media screen and (min-width: 992px) {
  .banner .pro-name img {
    width: 56px;
  }
}
.banner .title {
  font-size: 3rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .banner .title {
    font-size: 3.375rem;
  }
}
@media screen and (min-width: 1400px) {
  .banner .title {
    font-size: 4rem;
  }
}
.banner .info ul {
  padding-left: 1rem;
}
.banner .info ul li {
  padding: 0.25rem 0;
}
.banner .box-items {
  text-align: center;
  font-size: 0.875rem;
}
.banner .box-items .item {
  --border-radius: 1rem;
  background: linear-gradient(180deg, rgba(208, 205, 238, 0.2) 0%, rgb(255, 255, 255) 100%);
  border-radius: var(--border-radius);
  position: relative;
  z-index: 1;
  background-color: transparent;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
@media screen and (min-width: 768px) {
  .banner .box-items .item {
    padding: 0.75rem;
  }
}
.banner .box-items .item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
  width: 100%;
  height: 100%;
  padding: 2px;
  border-radius: var(--border-radius);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.banner .box-items .item span {
  display: none;
}
@media screen and (min-width: 768px) {
  .banner .box-items .item span {
    display: block;
    padding-top: 0.75rem;
  }
}
.banner .box-items .item video {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.media-viewauto .itemsbox {
  animation: scrollLeft 30s infinite linear;
}

.swiper-viewauto .swiper-wrapper {
  animation-timing-function: linear;
}

.video-wrap {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  height: 100%;
}
@media screen and (min-width: 992px) {
  .video-wrap {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
}
.video-wrap .video-cont {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  animation-duration: 800s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.video-wrap .video-cont:nth-child(1), .video-wrap .video-cont:nth-child(3) {
  animation-name: scrollUp;
}
.video-wrap .video-cont:nth-child(2) {
  animation-name: scrollDown;
}
.video-wrap .swiper {
  height: 500px;
}
.video-wrap .swiper-wrapper {
  animation-timing-function: linear;
}
.video-wrap .swiper-slide {
  height: 120px;
}
@media screen and (min-width: 768px) {
  .video-wrap .swiper-slide {
    height: 180px;
  }
}
@media screen and (min-width: 992px) {
  .video-wrap .swiper-slide {
    height: 160px;
  }
}
@media screen and (min-width: 1400px) {
  .video-wrap .swiper-slide {
    height: 200px;
  }
}
@media screen and (min-width: 1600px) {
  .video-wrap .swiper-slide {
    height: 220px;
  }
}
.video-wrap .video-item {
  background-color: #F7F6FF;
  border-radius: 1rem;
  overflow: hidden;
  padding: 0.375rem;
  text-align: center;
}
.video-wrap .video-item span {
  display: block;
  padding-top: 0.625rem;
  font-size: 0.75rem;
}
@media screen and (min-width: 1400px) {
  .video-wrap .video-item span {
    font-size: 1rem;
  }
}
.video-wrap .video-item .dynamic {
  display: none;
  overflow: hidden;
  border-radius: 1rem;
}
.video-wrap .video-item:hover {
  background-color: var(--bs-primary);
  color: #fff;
}
.video-wrap .video-item:hover .static {
  display: none;
}
.video-wrap .video-item:hover .dynamic {
  display: block;
}

@keyframes scrollLeft {
  0% {
    transform: translateX(0);
  }
  9% {
    transform: translateX(-30%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes scrollUp {
  0% {
    transform: translateY(-50%);
  }
  100% {
    transform: translateY(100%);
  }
}
@keyframes scrollDown {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(-100%);
  }
}
.item2wrap .item:nth-child(1) .pic {
  margin-top: -10%;
}
@media screen and (min-width: 992px) {
  .item2wrap .item:nth-child(1) .pic {
    margin-top: -5%;
  }
}
.item2wrap .item:nth-child(2) .pic {
  margin-top: -10%;
}
@media screen and (min-width: 992px) {
  .item2wrap .item:nth-child(2) .pic {
    margin-top: 0;
    margin-bottom: -5%;
  }
}

.users-wrap {
  margin-bottom: -120px;
}
.users-wrap .box {
  position: relative;
  z-index: 3;
}
.users-wrap .box::after, .users-wrap .box::before {
  display: block;
  content: "";
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  border-radius: 2rem;
  background-color: #fff;
  box-shadow: 0 20px 25px rgba(0, 0, 0, 0.15);
  width: 100%;
  height: 100%;
  transform: scale(0.95) translateY(30px);
}
.users-wrap .box::before {
  z-index: 1;
  transform: scale(0.9) translateY(60px);
}
.users-wrap .cont {
  position: relative;
  z-index: 4;
  border-radius: 2rem;
  background-color: #fff;
  box-shadow: 0 20px 25px rgba(0, 0, 0, 0.15);
}
.users-wrap .cont::before, .users-wrap .cont::after {
  display: none;
  content: "";
  position: absolute;
  z-index: 1;
  background: url('data:image/svg+xml,<svg width="85" height="64" viewBox="0 0 85 64" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.1" d="M84.0472 64H46.5531V31.7064C46.5531 26.3381 47.5037 21.8925 49.405 18.3696C51.3622 14.7907 53.8506 11.827 56.8702 9.47837C59.9458 7.12975 63.3569 5.25644 67.1035 3.85845C70.9061 2.40454 74.6527 1.11839 78.3434 0L83.9633 10.0655C81.1673 11.128 78.7628 12.2184 76.7497 13.3368C74.7925 14.3993 73.1708 15.5736 71.8847 16.8598C70.6544 18.1459 69.7318 19.6278 69.1166 21.3054C68.5574 22.927 68.2778 24.8563 68.2778 27.0931H84.0472V64ZM37.578 64H0V31.7064C0 26.3381 0.950633 21.8925 2.8519 18.3696C4.80909 14.7907 7.32547 11.827 10.401 9.47837C13.4766 7.12975 16.8877 5.25644 20.6343 3.85845C24.4369 2.40454 28.1835 1.11839 31.8742 0L37.4102 10.0655C34.6142 11.128 32.2097 12.2184 30.1966 13.3368C28.2394 14.3993 26.6177 15.5736 25.3316 16.8598C24.1014 18.1459 23.1787 19.6278 22.5636 21.3054C22.0044 22.927 21.7248 24.8563 21.7248 27.0931H37.578V64Z" fill="%230167FF"/></svg>') no-repeat center;
  background-size: cover;
  width: 64px;
  height: 44px;
}
@media screen and (min-width: 768px) {
  .users-wrap .cont::before, .users-wrap .cont::after {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .users-wrap .cont::before, .users-wrap .cont::after {
    width: 84px;
    height: 64px;
  }
}
.users-wrap .cont::before {
  top: 8%;
  left: 3%;
}
.users-wrap .cont::after {
  bottom: 8%;
  right: 3%;
  transform: rotate(180deg);
}
.users-wrap .swiper-users {
  position: relative;
  z-index: 3;
}
.users-wrap .swiper-users .slide {
  text-align: center;
  padding: 2rem;
}
@media screen and (min-width: 768px) {
  .users-wrap .swiper-users .slide {
    text-align: start;
    padding: 2rem 4rem;
  }
}
@media screen and (min-width: 992px) {
  .users-wrap .swiper-users .slide {
    padding: 3rem 7.5rem 2rem;
  }
}
.users-wrap .swiper-users .slide img {
  width: 50%;
}
@media screen and (min-width: 768px) {
  .users-wrap .swiper-users .slide img {
    width: 100%;
  }
}

.swiper-feature-card {
  overflow: hidden;
  padding-bottom: 3rem;
}
@media screen and (min-width: 768px) {
  .swiper-feature-card .swiper-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.swiper-feature-card .swiper-wrapper .swiper-slide {
  width: 100%;
  padding: 0.75rem;
}
@media screen and (min-width: 768px) {
  .swiper-feature-card .swiper-wrapper .swiper-slide {
    width: 50%;
  }
}
@media screen and (min-width: 992px) {
  .swiper-feature-card .swiper-wrapper .swiper-slide {
    width: 25%;
  }
}
@media screen and (min-width: 1400px) {
  .swiper-feature-card .swiper-wrapper .swiper-slide {
    width: 20%;
  }
}

.feature-bg {
  display: flex;
  flex-direction: column;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.75rem;
  border-radius: 24px;
  border: 3px solid #fff;
  background-color: #F7F6FF;
  box-shadow: 0px 60px 60px -37px rgba(208, 205, 238, 0.25);
  line-height: 26px;
  color: #191919;
  text-align: center;
  height: 100%;
}
.feature-bg span {
  display: block;
  margin-top: 1rem;
  font-size: 1rem;
  font-weight: 700;
}
@media screen and (min-width: 1400px) {
  .feature-bg span {
    font-size: 1.125rem;
  }
}
.feature-bg p {
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.4;
  margin-top: 0.5rem;
}

.pro-header-fixed {
  background-color: #fff;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3);
  position: fixed;
  z-index: 60;
  top: 0;
  left: 0;
  width: 100%;
  display: none;
}
.pro-header-fixed.active {
  display: block;
}/*# sourceMappingURL=lumacut.css.map */