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

@media screen and (min-width: 768px) {
  .bg-mobile {
    background-image: none !important;
  }
}

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

@media screen and (min-width: 992px) {
  .bg-mobile {
    background: none !important;
  }
}

@media screen and (max-width: 992px) {
  .bg-desktop {
    background: none !important;
  }
}

.bg-linear-gradient {
  background: linear-gradient(90deg, rgba(57, 219, 227, 0.3) 0%, rgba(31, 139, 255, 0.3) 71.26%, rgba(189, 90, 255, 0.3) 100%);
}

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

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

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

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

.header .collapse.navbar-collapse {
  padding-right: 0 !important;
}
.header .collapse .btn-box {
  padding: 15px 1.5rem 10px;
}
@media (min-width: 768px) {
  .header .collapse .btn-box {
    align-items: center;
  }
}
@media (min-width: 992px) {
  .header .collapse .btn-box {
    padding: 0;
  }
}
.header .collapse .btn-box .btn {
  display: inline-flex;
  justify-content: center;
  gap: 6px;
  border: 0;
  text-align: center;
  padding: 6px 16px;
  background: linear-gradient(95.51deg, #39DBE3 -1.02%, #1F8BFF 71.26%, #BD5AFF 100%);
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  height: auto;
  transition: all 0.3s linear;
}
.header .collapse .btn-box .btn:after {
  display: inline-block;
  content: "";
  width: 24px;
  height: 24px;
  background: url('data:image/svg+xml,<svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21 12H3M15 6l6 6-6 6" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center;
  background-size: cover;
}
.header .collapse .btn-box .btn:hover:after {
  animation: translateX 1s ease-in-out infinite;
}

@keyframes translateX {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(6px);
  }
  100% {
    transform: translateX(0);
  }
}
.list-links {
  display: flex;
  flex-direction: column;
  gap: 6px;
  overflow-y: auto;
  max-height: 30vh;
}
@media (min-width: 992px) {
  .list-links {
    max-width: 370px;
    max-height: 220px;
    padding: 0 8px;
  }
}
.list-links a {
  display: block;
  padding: 8px 12px 8px 24px !important;
  border-radius: 8px;
  position: relative;
}
.list-links a::after {
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: rgba(17, 17, 17, 0.7);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 992px) {
  .list-links a {
    padding: 8px 12px;
  }
  .list-links a::after {
    display: none;
  }
}
.list-links a:hover {
  background-color: #e9e9e9;
  color: #000;
  text-decoration: none;
}

.js-text-typing {
  position: relative;
}

.js-text-typing::after {
  content: "|";
  display: inline-block;
  animation: blink 1s infinite;
  color: rgba(31, 139, 255, 0.5);
  font-weight: normal;
}

@keyframes blink {
  0%, 50% {
    opacity: 1;
  }
  51%, 100% {
    opacity: 0;
  }
}
.text-gradient {
  background: linear-gradient(90deg, #1F8BFF 0%, #5F47FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.btn-diagrimo {
  color: #fff;
  border-radius: 16px;
  border: 0;
  padding: 5px;
  height: auto;
  z-index: 1;
  position: relative;
  outline: none;
  background: none;
  background-size: 100%;
  overflow: hidden;
}
@media (min-width: 992px) {
  .btn-diagrimo {
    font-size: 20px;
  }
}
.btn-diagrimo span {
  display: block;
  background: linear-gradient(95.51deg, #39DBE3 0%, #1F8BFF 71.26%, #BD5AFF 100%) no-repeat center;
  background-size: 120% 120%;
  overflow: hidden;
  border-radius: 12px;
  padding: 20px 36px;
  box-shadow: 0 0 0 3px transparent;
  transition: all 0.3s linear;
}
.btn-diagrimo::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.btn-diagrimo::before {
  z-index: -2;
  background: linear-gradient(95.51deg, #39DBE3 0%, #1F8BFF 71.26%, #BD5AFF 100%);
  background-size: 100%;
  border-radius: inherit;
  opacity: 0;
  transition: all 0.3s linear;
}
.btn-diagrimo:hover {
  color: #fff;
}
.btn-diagrimo:hover span {
  box-shadow: 0 0 0 3px #fff;
}
.btn-diagrimo:hover::before {
  opacity: 1;
}

@keyframes btnEffects {
  0% {
    background-position: 0%;
  }
  100% {
    background-position: 400%;
  }
}
.page-column-h1 {
  font-size: 36px;
  line-height: 1.4;
  font-weight: 700;
}
@media (min-width: 992px) {
  .page-column-h1 {
    font-size: 48px;
  }
}
@media (min-width: 1400px) {
  .page-column-h1 {
    font-size: 64px;
  }
}

.page-column-h2 {
  font-size: 32px;
  line-height: 1.4;
  font-weight: 700;
}
@media (min-width: 992px) {
  .page-column-h2 {
    font-size: 42px;
  }
}
@media (min-width: 1400px) {
  .page-column-h2 {
    font-size: 52px;
  }
}

.page-banner {
  --scroll-translate-left: 0;
  --scroll-translate-right: 0;
  --scroll-scale-left: 0deg;
  --scroll-scale-right: 0deg;
  background-position: center top;
  background-size: auto 100%;
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding-bottom: 40px;
}
@media (min-width: 992px) {
  .page-banner {
    background-size: auto 80%;
    padding-bottom: 0;
  }
}
.page-banner .banner-img {
  display: none;
}
@media (min-width: 768px) {
  .page-banner .banner-img {
    display: block;
  }
}
.page-banner .banner-img img {
  position: absolute;
  z-index: 1;
  width: 35%;
}
@media (min-width: 768px) {
  .page-banner .banner-img img {
    width: 25%;
  }
}
@media (min-width: 992px) {
  .page-banner .banner-img img {
    width: 18%;
  }
}
@media (min-width: 1400px) {
  .page-banner .banner-img img {
    width: 16%;
  }
}
@media (min-width: 1960px) {
  .page-banner .banner-img img {
    width: 15%;
  }
}
.page-banner .banner-img img:nth-of-type(1) {
  top: 20%;
  left: 3%;
  transform: translate(var(--scroll-translate-left), var(--scroll-translate-left)) rotate(var(--scroll-scale-left));
}
.page-banner .banner-img img:nth-of-type(2) {
  top: 50%;
  left: -3%;
  transform: translate(var(--scroll-translate-left), var(--scroll-translate-left)) rotate(var(--scroll-scale-left));
}
.page-banner .banner-img img:nth-of-type(3) {
  top: 22%;
  right: 1%;
  transform: translate(var(--scroll-translate-right), var(--scroll-translate-right)) rotate(var(--scroll-scale-right));
}
.page-banner .banner-img img:nth-of-type(4) {
  top: 50%;
  right: -3%;
  transform: translate(var(--scroll-translate-right), var(--scroll-translate-right)) rotate(var(--scroll-scale-right));
}
.page-banner .container {
  position: relative;
  z-index: 2;
}
.page-banner .title {
  margin-bottom: 12px;
  min-height: 100px;
}
@media (min-width: 768px) {
  .page-banner .title {
    min-height: auto;
  }
}
@media (min-width: 992px) {
  .page-banner .title {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.page-banner .info {
  font-size: 18px;
}
.page-banner .video-box {
  font-size: 0;
  line-height: 0;
  border-radius: 38px;
  border: solid 8px #E3EAFB;
  background-color: #fff;
  overflow: hidden;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
@media (min-width: 992px) {
  .page-banner .video-box {
    width: 90%;
  }
}
@media (min-width: 1280px) {
  .page-banner .video-box {
    width: 75%;
  }
}
@media (min-width: 1400px) {
  .page-banner .video-box {
    width: 80%;
  }
}

.section-2 {
  position: relative;
  --section-height: auto;
  background: linear-gradient(180deg, #ffffff 0%, #E8F3FF 100%);
}
@media (min-width: 992px) {
  .section-2 {
    background: none;
  }
}
.section-2 .section-sticky {
  position: relative;
}
.section-2 .how-swiper {
  border-radius: 18px;
  overflow: hidden;
}
@media (min-width: 992px) {
  .section-2 .how-swiper {
    border-radius: 46px;
  }
}
.section-2 .how-swiper .swiper-slide {
  background-color: #1F8BFF;
  color: #fff;
}
.section-2 .how-swiper .swiper-slide:nth-of-type(2) {
  background-color: #63C28A;
}
.section-2 .how-swiper .swiper-slide:nth-of-type(3) {
  background-color: #B37FEB;
}
.section-2 .how-swiper .swiper-slide:nth-of-type(4) {
  background-color: #85A5FF;
}
@media (min-width: 992px) {
  .section-2 .how-swiper .swiper-pagination {
    bottom: auto;
    top: 85%;
    text-align: left;
    padding-left: 60px;
  }
}
.section-2 .how-swiper .swiper-pagination-bullet {
  transition: all 0.3s linear;
}
@media (min-width: 992px) {
  .section-2 .how-swiper .swiper-pagination-bullet {
    background-color: #fff;
  }
}
.section-2 .how-swiper .swiper-pagination-bullet-active {
  width: 60px;
  border-radius: 100px;
  background-color: rgba(17, 17, 17, 0.4);
}
@media (min-width: 992px) {
  .section-2 .how-swiper .swiper-pagination-bullet-active {
    background-color: #fff;
  }
}
.section-2 .how-swiper .title {
  font-size: 24px;
  color: #fff;
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .section-2 .how-swiper .title {
    font-size: 36px;
  }
}
.section-2 .how-swiper .cont {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.section-2 .how-swiper .cont .num {
  flex-shrink: 0;
}
.section-2 .how-swiper .cont .info {
  padding: 32px 0 0 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  font-size: 14px;
}
@media (min-width: 992px) {
  .section-2 .how-swiper .cont .info {
    font-size: 18px;
    padding: 16px 0 32px 0;
  }
}
@media (min-width: 1280px) {
  .section-2 .how-swiper .cont .info {
    padding: 16px 0 48px 0;
  }
}

.section-3 .item .box {
  overflow: hidden;
  border-radius: 28px;
  border: solid 1px #D7C5FD;
  background-color: #E3DBF3;
}
@media (min-width: 992px) {
  .section-3 .item .box {
    border-radius: 36px;
  }
}
@media (min-width: 1600px) {
  .section-3 .item .box {
    border-radius: 48px;
  }
}
.section-3 .item .box .tag {
  background-color: #fff;
  color: #44464A;
  font-size: 12px;
  font-weight: 700;
  border-radius: 200px;
  padding: 4px 16px;
}
@media (min-width: 768px) {
  .section-3 .item .box .tag {
    font-size: 14px;
  }
}
@media (min-width: 1600px) {
  .section-3 .item .box .tag {
    font-size: 18px;
  }
}
.section-3 .item .box .name {
  font-size: 16px;
  font-weight: 700;
}
@media (min-width: 768px) {
  .section-3 .item .box .name {
    font-size: 20px;
  }
}
@media (min-width: 1600px) {
  .section-3 .item .box .name {
    font-size: 32px;
  }
}
.section-3 .item .box .img {
  overflow: hidden;
  border-radius: 12px 12px 0 0;
  transition: all 0.3s linear;
  margin: 0 auto;
  max-width: 940px;
  max-height: 170px;
}
@media (min-width: 768px) {
  .section-3 .item .box .img {
    max-height: 300px;
  }
}
@media (min-width: 992px) {
  .section-3 .item .box .img {
    border-radius: 18px 18px 0 0;
    max-height: 200px;
  }
}
@media (min-width: 1280px) {
  .section-3 .item .box .img {
    max-height: 300px;
  }
}
@media (min-width: 1600px) {
  .section-3 .item .box .img {
    max-height: 390px;
    border-radius: 24px 24px 0 0;
  }
}
.section-3 .item .box .img:hover {
  transform: scale(1.05);
}
.section-3 .item .box .box-top {
  padding: 18px 12px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
}
@media (min-width: 768px) {
  .section-3 .item .box .box-top {
    padding: 24px;
    flex-wrap: nowrap;
  }
}
@media (min-width: 1600px) {
  .section-3 .item .box .box-top {
    padding: 32px;
  }
}
.section-3 .item .box .box-top .icon {
  width: 100%;
}
@media (min-width: 768px) {
  .section-3 .item .box .box-top .icon {
    width: auto;
  }
}
.section-3 .item .box .box-top .icon img {
  height: 24px;
}
@media (min-width: 992px) {
  .section-3 .item .box .box-top .icon img {
    height: 32px;
  }
}
@media (min-width: 1400px) {
  .section-3 .item .box .box-top .icon img {
    height: auto;
  }
}
.section-3 .item .box .box-cont {
  padding: 0 12px;
}
@media (min-width: 992px) {
  .section-3 .item .box .box-cont {
    padding: 0 24px;
  }
}
@media (min-width: 1400px) {
  .section-3 .item .box .box-cont {
    padding: 0 32px;
  }
}
.section-3 .item:nth-of-type(2) .box {
  border-color: #CBE9BD;
  background-color: #EAFDE1;
}
.section-3 .item:nth-of-type(3) .box {
  border-color: #F0DF81;
  background-color: #FFF9DB;
}
.section-3 .item:nth-of-type(4) .box {
  border-color: #F6DBD4;
  background-color: #FDE7E1;
}
.section-3 .item:nth-of-type(5) .box {
  border-color: #CBD8F3;
  background-color: #E2ECFF;
}
.section-3 .item:nth-of-type(5) .box .img {
  max-height: none;
}

.section-4 {
  background-color: #F8F9FF;
}
.section-4 .swiper-cont {
  position: relative;
  z-index: 1;
}
.section-4 .swiper-cont::before, .section-4 .swiper-cont::after {
  display: none;
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 15%;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.8) 30%, rgba(255, 255, 255, 0) 100%);
}
@media (min-width: 992px) {
  .section-4 .swiper-cont::before, .section-4 .swiper-cont::after {
    display: block;
  }
}
.section-4 .swiper-cont::after {
  left: auto;
  right: 0;
  background: linear-gradient(to left, rgba(255, 255, 255, 0.8) 30%, rgba(255, 255, 255, 0) 100%);
}
.section-4 .swiper-cont img {
  overflow: hidden;
  border-radius: 16px;
  box-shadow: 2px 2px 10px #e5e7f5;
}
.section-4 .idealStyle2 {
  direction: rtl;
}

.section-5 {
  overflow: hidden;
}

.swiper-behind {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media (min-width: 992px) {
  .swiper-behind {
    overflow: visible;
  }
}
@media (min-width: 992px) {
  .swiper-behind .swiper-wrapper {
    padding-top: 40%;
  }
}
.swiper-behind .swiper-slide {
  position: initial;
}
.swiper-behind .box {
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: contain;
  font-size: 16px;
  padding: 10% 7% 15%;
  transition: all 0.3s linear;
  max-width: 380px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .swiper-behind .box {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .swiper-behind .box {
    position: absolute;
    z-index: 1;
    font-size: 12px;
    padding: 4% 2.8%;
  }
}
@media (min-width: 1400px) {
  .swiper-behind .box {
    font-size: 14px;
  }
}
@media (min-width: 1600px) {
  .swiper-behind .box {
    font-size: 18px;
  }
}
.swiper-behind .box.bg-1 {
  background-image: url('data:image/svg+xml,<svg width="383" height="473" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M354 30L2 51s7 237 14 331c1 28 27 56 52 67 32 14 66 23 94 22l219-14-27-427z" fill="%23E6F4FF" stroke="%2353A5FF" stroke-width="2"/><path d="M110 402c-24 8-54 6-88 2 25 53 99 71 155 67-17-10-35-19-67-69z" fill="%23E6F4FF" stroke="%2353A5FF" stroke-width="2"/><path d="M358 417c1 12-8 23-19 25h-7c-12-1-21-10-22-22-1-13 9-24 22-25 14-1 25 9 26 22z" fill="%2353A5FF"/><path d="M337 414v5l7-1-1 7-5 1 1 16h-7l-1-16-6 1-1-7 6-1v-6c-1-4 2-7 6-8h7v6h-4c-1 0-2 1-2 3z" fill="%23fff"/><path d="M179 59l-5-7 3-2 4 8-2 1z" fill="%23E6F4FF" stroke="%2353A5FF" stroke-width="1.42"/><ellipse cx="166.514" cy="36.028" rx="19.25" ry="17.5" fill="%23E6F4FF" stroke="%2353A5FF" stroke-width="1.42"/><path d="M157 37l-8-10c8 1 14-2 16-7l6 9c0 6-6 10-14 8z" fill="%23E6F4FF" stroke="%2353A5FF" stroke-width="1.42"/><ellipse cx="152.514" cy="15.028" rx="15.75" ry="14" fill="%23E6F4FF" stroke="%2353A5FF" stroke-width="1.42"/></svg>');
  height: 100%;
  padding: 20% 10% 15%;
}
@media (min-width: 768px) {
  .swiper-behind .box.bg-1 {
    padding: 10% 5% 10%;
  }
}
@media (min-width: 992px) {
  .swiper-behind .box.bg-1 {
    width: 26%;
    height: 76%;
    top: 15%;
    left: 0;
    padding: 5% 2.8% 4%;
  }
}
.swiper-behind .box.bg-1 p {
  transform: rotate(-3deg);
}
.swiper-behind .box.bg-2 {
  background-image: url('data:image/svg+xml,<svg width="346" height="297" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="%23FFF0F0" stroke="%23FF7874" stroke-width="2" d="M1.6 40.3l338-6.3 4.7 255-338 6.3z"/><path d="M78 54.4l-4.7-5.9 3-1.6 3.1 6.7-1.4.8z" fill="%23FFF0F0" stroke="%23FF7874" stroke-width="2.5"/><ellipse cx="67.046" cy="35.074" rx="16.5" ry="15" transform="rotate(-1.068 67.046 35.074)" fill="%23FFF0F0" stroke="%23FF7874" stroke-width="2.5"/><path d="M58.8 36L52 27.6c6.9.4 11.5-2.3 13.7-5.9l5 7.3c.1 5.3-5.1 8.4-11.9 7z" fill="%23FFF0F0" stroke="%23FF7874" stroke-width="2.5"/><ellipse cx="54.714" cy="17.301" rx="13.5" ry="12" transform="rotate(-1.068 54.714 17.3)" fill="%23FFF0F0" stroke="%23FF7874" stroke-width="2.5"/><path d="M302.5 225.8h-.1c-13.8.5-24.6 12-24.1 25.8v.1c.5 13.8 12 24.6 25.7 24.1h.2c13.8-.4 24.5-12 24.1-25.8-.5-13.8-12-24.6-25.8-24.2z" fill="%23FF7874"/><path d="M289.8 236.6l10.7 15.1-11.5 11.7 2.5.1 10-10.3 7.6 10.8 8.5.2-11.2-15.9 10.6-10.9-2.4-.1-9.3 9.4-7-9.9-8.5-.2zm3.6 1.9l4 .1 16.6 23.7-4-.1-16.6-23.7z" fill="%23fff"/></svg>');
  height: 50%;
  padding: 20% 12% 18%;
}
@media (min-width: 400px) {
  .swiper-behind .box.bg-2 {
    padding: 20% 15% 18%;
  }
}
@media (min-width: 768px) {
  .swiper-behind .box.bg-2 {
    padding: 15% 5% 10%;
  }
}
@media (min-width: 992px) {
  .swiper-behind .box.bg-2 {
    padding: 4% 2.8%;
    width: 24%;
    top: 0;
    left: 26%;
    height: 45%;
  }
}
.swiper-behind .box.bg-3 {
  background-image: url('data:image/svg+xml,<svg width="357" height="348" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="%23FFF2E8" stroke="%23FF9C6E" stroke-width="2" d="M18 21l338 18-17 307L2 329z"/><path d="M280 63l-4-6 3-2 3 7-2 1z" fill="%23FFF2E8" stroke="%23FF9C6E" stroke-width="2.476"/><ellipse cx="271.063" cy="43.115" rx="16.343" ry="14.857" transform="rotate(3.02 271.063 43.115)" fill="%23FFF2E8" stroke="%23FF9C6E" stroke-width="2.476"/><path d="M263 43l-6-8c7 1 11-2 14-5l4 7c0 6-6 8-12 6z" fill="%23FFF2E8" stroke="%23FF9C6E" stroke-width="2.476"/><ellipse cx="260.133" cy="24.685" rx="13.371" ry="11.886" transform="rotate(3.02 260.133 24.685)" fill="%23FFF2E8" stroke="%23FF9C6E" stroke-width="2.476"/><path d="M328 309c0 12-10 21-22 22h-7c-11-3-19-13-18-25 0-14 12-24 25-23s23 13 22 26z" fill="%23FF9C6E"/><path d="M293 297l-1-2 1-2 3-1 2 2 1 2-1 2-3 1-2-2zm5 5l-3 18-6-1 3-18 6 1zM317 306c1 2 2 4 1 6l-1 11-6-1 2-10-1-3-2-1h-3l-1 3-2 10-5-1 2-18 6 1-1 2 3-1 3-1 5 3z" fill="%23FEFFFC"/></svg>');
  height: 50%;
  padding: 16% 10% 18%;
}
@media (min-width: 400px) {
  .swiper-behind .box.bg-3 {
    padding: 16% 14% 18%;
  }
}
@media (min-width: 768px) {
  .swiper-behind .box.bg-3 {
    padding: 12% 5% 10%;
  }
}
@media (min-width: 992px) {
  .swiper-behind .box.bg-3 {
    top: 50%;
    left: 24%;
    width: 26%;
    height: 50%;
    padding: 4% 2.8%;
  }
}
.swiper-behind .box.bg-3 p {
  transform: rotate(3deg);
  padding: 0 5% 0 10%;
}
.swiper-behind .box.bg-4 {
  background-image: url('data:image/svg+xml,<svg width="357" height="402" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="%23F6FFEC" stroke="%2387DC4D" stroke-width="2" d="M1.7 44.5l337.7-15.2 16 356-337.7 15.2z"/><path d="M185.6 54l-4.6-5.5 2.8-1.5 3.2 6.3-1.4.7z" fill="%23F6FFEC" stroke="%2387DC4D" stroke-width="2.381"/><ellipse cx="174.743" cy="35.95" rx="15.714" ry="14.286" transform="rotate(-2.578 174.743 35.95)" fill="%23F6FFEC" stroke="%2387DC4D" stroke-width="2.381"/><path d="M167 37l-6.7-7.8c6.5.2 10.7-2.4 12.7-5.9l5 6.7c.3 5-4.6 8.2-11 7z" fill="%23F6FFEC" stroke="%2387DC4D" stroke-width="2.381"/><ellipse cx="162.557" cy="19.339" rx="12.857" ry="11.429" transform="rotate(-2.578 162.557 19.339)" fill="%23F6FFEC" stroke="%2387DC4D" stroke-width="2.381"/><path d="M334.6 346.9c.8 12.1-7.5 22.7-19 25.1l-3.3.4h-3.9c-11.5-1.1-20.9-10.4-21.7-22.4-.9-13.1 9.1-24.6 22.3-25.5 13.3-.9 24.7 9.1 25.6 22.4z" fill="%2387DC4D"/><path d="M295.5 336l12.1 14-10.3 12.8 2.5-.1 9-11.2 8.6 10 8.5-.6-12.8-14.9 9.6-11.8-2.5.2-8.2 10.3-8-9.2-8.5.5zm3.8 1.6l3.9-.2 18.8 21.9-3.9.3-18.8-22z" fill="%23fff"/></svg>');
  height: 70%;
  padding: 15% 15% 18%;
}
@media (min-width: 400px) {
  .swiper-behind .box.bg-4 {
    padding: 15% 18% 18%;
  }
}
@media (min-width: 768px) {
  .swiper-behind .box.bg-4 {
    padding: 13% 8% 10%;
  }
}
@media (min-width: 992px) {
  .swiper-behind .box.bg-4 {
    top: 0;
    left: 50%;
    width: 24%;
    height: 64%;
    padding: 4% 2.8%;
  }
}
.swiper-behind .box.bg-4 p {
  transform: rotate(-3deg);
}
.swiper-behind .box.bg-5 {
  background-image: url('data:image/svg+xml,<svg width="352" height="244" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="%23F9F0FF" stroke="%23B37FEB" stroke-width="2" d="M11.8 25.8l338.5 18-10.5 198.9-338.5-18z"/><path d="M296.8 63.6l-4-6 3-1.3 2.5 6.7-1.5.6z" fill="%23F9F0FF" stroke="%23B37FEB" stroke-width="2.405"/><ellipse cx="287.731" cy="44.299" rx="15.871" ry="14.429" transform="rotate(3.032 287.731 44.299)" fill="%23F9F0FF" stroke="%23B37FEB" stroke-width="2.405"/><path d="M279.8 44.6l-5.9-8.5c6.5.9 11.1-1.4 13.4-4.7l4.3 7.3c-.2 5.1-5.4 7.7-11.8 5.9z" fill="%23F9F0FF" stroke="%23B37FEB" stroke-width="2.405"/><ellipse cx="277.119" cy="26.398" rx="12.986" ry="11.543" transform="rotate(3.032 277.119 26.398)" fill="%23F9F0FF" stroke="%23B37FEB" stroke-width="2.405"/><path d="M300 184h-.2c-13.1-1-24.6 9-25.6 22v.2c-1 13.1 8.9 24.6 22 25.6h.2c13.1.9 24.6-8.9 25.6-22.1v-.1c1-13.1-9-24.6-22-25.6z" fill="%23B37FEB"/><path d="M306.5 194.3l-14.7-1.1c-4.1-.3-7.7 2.8-8 6.8l-1 13.5c-.3 4.1 2.8 7.7 6.8 8l14.8 1.1c4.1.4 7.6-2.8 8-6.8l1-13.6c.3-4-2.8-7.6-6.9-7.9zm-20.1 5.9c.2-2.6 2.6-4.6 5.2-4.4l14.7 1.2c2.7.1 4.7 2.4 4.5 5l-1.1 13.6c-.1 2.6-2.5 4.6-5.1 4.4l-14.8-1.1c-2.6-.2-4.6-2.5-4.4-5.2l1-13.5z" fill="%23fff"/><path d="M297.6 214.8c3.8.2 7.1-2.6 7.4-6.4.3-3.8-2.6-7.1-6.4-7.4-3.8-.3-7.1 2.6-7.4 6.4-.2 3.8 2.6 7.1 6.4 7.4zm.8-11.2c2.4.2 4.1 2.3 4 4.6-.2 2.4-2.3 4.1-4.6 4-2.4-.2-4.2-2.2-4-4.6.2-2.4 2.2-4.1 4.6-4zM306 202.7c1 .1 2-.7 2-1.7.1-1-.7-2-1.7-2s-1.9.7-2 1.7c-.1 1 .7 1.9 1.7 2z" fill="%23fff"/></svg>');
  height: 20%;
  padding: 15% 12% 12%;
}
@media (min-width: 400px) {
  .swiper-behind .box.bg-5 {
    padding: 15% 15% 12%;
  }
}
@media (min-width: 768px) {
  .swiper-behind .box.bg-5 {
    padding: 10% 5% 10%;
  }
}
@media (min-width: 992px) {
  .swiper-behind .box.bg-5 {
    top: 65%;
    left: 50%;
    width: 24%;
    height: 40%;
    padding: 4% 2.8%;
  }
}
.swiper-behind .box.bg-5 p {
  transform: rotate(3deg);
}
.swiper-behind .box.bg-6 {
  background-image: url('data:image/svg+xml,<svg width="388" height="513" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M342.5 456.9c-1.9 17.9-2.7 36.4-45.3 40.4C206.5 506 2.1 474.7 2.1 474.7l46-445.2 336.1 35.9-41.7 391.5z" fill="%23FFFBE6" stroke="%23F7C945" stroke-width="2"/><path d="M306.2 474.4c1.6 17 20 12.2 27.5 8.5-13 27.2-136.4 14.6-157.2 12.4 9.8 1 101.8-4.5 129.7-20.9z" fill="%23FFFBE6" stroke="%23F7C945" stroke-width="2"/><path d="M323 86.3l-4.4-7.3 3.6-1.4 2.6 8.1-1.8.6z" fill="%23FFFBE6" stroke="%23F7C945" stroke-width="2.865"/><ellipse cx="313.432" cy="62.838" rx="18.911" ry="17.192" transform="rotate(6.082 313.432 62.838)" fill="%23FFFBE6" stroke="%23F7C945" stroke-width="2.865"/><path d="M304 62.7l-6.6-10.5c7.8 1.5 13.4-1 16.4-4.7 2.5 4.9 3.1 5.8 4.6 9-.6 5.9-7 8.7-14.4 6.2z" fill="%23FFFBE6" stroke="%23F7C945" stroke-width="2.865"/><ellipse cx="301.94" cy="40.867" rx="15.472" ry="13.753" transform="rotate(6.082 301.94 40.867)" fill="%23FFFBE6" stroke="%23F7C945" stroke-width="2.865"/><path d="M291.1 417.9h-.1c-13.6-2.4-26.5 6.6-29 20.1v.2c-2.3 13.6 6.7 26.5 20.3 28.9h.1c13.6 2.4 26.5-6.6 28.9-20.1v-.2c2.4-13.6-6.6-26.5-20.2-28.9z" fill="%23F7C945"/><path d="M275.3 432c-.6-.8-.8-1.6-.6-2.4.2-.9.6-1.6 1.3-2.1.8-.5 1.7-.7 2.7-.5 1.1.2 1.8.6 2.3 1.3.6.7.8 1.6.6 2.5-.1.9-.6 1.6-1.3 2-.8.5-1.7.7-2.7.5-1-.2-1.8-.6-2.3-1.3zm4.7 4.4l-3.2 18.4-5.8-1 3.2-18.5 5.8 1.1zM299.2 441.6c1 1.6 1.3 3.7.8 6.1l-1.8 10.6-5.6-1 1.8-9.9c.2-1.2.1-2.2-.4-3-.6-.8-1.4-1.2-2.4-1.4-1.1-.2-2 0-2.7.5-.8.5-1.3 1.5-1.5 2.7l-1.7 9.8-5.7-1 3.3-18.1 5.6 1-.4 2.4c.7-.7 1.5-1.3 2.5-1.5 1.1-.3 2.2-.3 3.4-.1 2.2.3 3.7 1.3 4.8 2.9z" fill="%23FEFFFC"/></svg>');
  height: 100%;
  padding: 25% 10% 15%;
}
@media (min-width: 768px) {
  .swiper-behind .box.bg-6 {
    padding: 10% 5% 10%;
  }
}
@media (min-width: 992px) {
  .swiper-behind .box.bg-6 {
    top: 15%;
    right: 0;
    width: 25%;
    height: 80%;
    padding: 5% 2.8% 4%;
  }
}
.swiper-behind .box.bg-6 p {
  transform: rotate(6deg);
  padding-left: 5%;
}
@media (min-width: 992px) {
  .swiper-behind.active .box.bg-1 {
    transform: rotate(-10deg) translate(60%, 0);
    z-index: 1;
  }
  .swiper-behind.active .box.bg-2 {
    transform: rotate(20deg) translate(30%, 5%);
    z-index: 2;
  }
  .swiper-behind.active .box.bg-3 {
    transform: rotate(-15deg) translate(20%, -10%);
    z-index: 3;
  }
  .swiper-behind.active .box.bg-4 {
    transform: rotate(5deg) translate(0, 10%);
    z-index: 1;
  }
  .swiper-behind.active .box.bg-5 {
    transform: rotate(-10deg) translate(-30%, -30%);
    z-index: 3;
  }
  .swiper-behind.active .box.bg-6 {
    transform: rotate(5deg) translate(-60%, 20%);
    z-index: 4;
  }
}
.swiper-behind .swiper-pagination-bullet-active {
  width: 40px;
  background-color: rgba(17, 17, 17, 0.4);
  border-radius: 20px;
  transition: all 0.3s linear;
}

.section-6 .more-list {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 18px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 992px) {
  .section-6 .more-list {
    gap: 24px 18px;
  }
}
@media (min-width: 1400px) {
  .section-6 .more-list {
    gap: 32px 24px;
  }
}
.section-6 .more-list li {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 280px;
}
@media (min-width: 768px) {
  .section-6 .more-list li {
    width: auto;
    max-width: none;
  }
}
.section-6 .more-list li::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(95.51deg, #F4F9FF 0%, #DCE9F5 100%);
  border-radius: 100px;
  z-index: -1;
}
.section-6 .more-list li a {
  display: block;
  border-radius: 100px;
  overflow: hidden;
  background: #DBEDFF;
  box-shadow: inset 0 -3px 4px 2px rgb(178, 206, 234);
  padding: 18px 28px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
@media (min-width: 1400px) {
  .section-6 .more-list li a {
    font-size: 20px;
  }
}
.section-6 .more-list li:hover {
  cursor: grabbing;
}
.section-6 .more-list li:hover a {
  text-decoration: none;
  color: #fff;
  transform: rotate(-5deg);
  transform-origin: left bottom;
  transition: all 0.2s linear;
  box-shadow: inset 0 -3px 4px 2px rgba(23, 124, 207, 0.8);
  background: linear-gradient(90deg, #39DBE3 0%, #1F8BFF 70%, #BD5AFF 100%);
}

.section-faqs .title {
  font-size: 64px;
  margin-bottom: 54px;
}
@media (min-width: 992px) {
  .section-faqs .title {
    font-size: 72px;
  }
}
@media (min-width: 1600px) {
  .section-faqs .title {
    font-size: 96px;
  }
}
.section-faqs .accordion.v1 .accordion-item {
  border-top: 0 !important;
  border-left: 0;
  border-right: 0;
  border-bottom-style: dashed !important;
  padding: 0 0 16px;
}
.section-faqs .accordion.v1 .accordion-button {
  font-size: 18px;
  cursor: pointer;
  padding: 4px 0 !important;
}
@media (min-width: 992px) {
  .section-faqs .accordion.v1 .accordion-button {
    font-size: 16px;
    padding: 8px 0 !important;
  }
}
@media (min-width: 1400px) {
  .section-faqs .accordion.v1 .accordion-button {
    font-size: 24px;
    padding: 16px 0 !important;
  }
}
.section-faqs .accordion.v1 .accordion-button::after {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 5v14M5 12h14" stroke="%23333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-size: contain;
  width: 24px;
  height: 24px;
}
@media (min-width: 1400px) {
  .section-faqs .accordion.v1 .accordion-button::after {
    width: 40px;
    height: 40px;
  }
}
.section-faqs .accordion.v1 .accordion-button:not(.collapsed)::after {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 12h14" stroke="%23333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
  transform: rotate(0deg) !important;
}
.section-faqs .accordion.v1 .accordion-button:hover {
  color: #000;
}
.section-faqs .accordion.v1 .accordion-body {
  padding: 12px 0 0;
  font-size: 14px;
}
@media (min-width: 992px) {
  .section-faqs .accordion.v1 .accordion-body {
    padding: 12px 0;
    font-size: 16px;
  }
}
@media (min-width: 1400px) {
  .section-faqs .accordion.v1 .accordion-body {
    padding: 18px 0;
  }
}

.section-bottom .title {
  min-height: 160px;
}
@media (min-width: 320px) {
  .section-bottom .title {
    min-height: 150px;
  }
}
@media (min-width: 768px) {
  .section-bottom .title {
    min-height: 100px;
  }
}
@media (min-width: 992px) {
  .section-bottom .title {
    min-height: 160px;
    padding: 0 10%;
  }
}
@media (min-width: 1400px) {
  .section-bottom .title {
    min-height: 200px;
    padding: 0;
  }
}
.section-bottom .title img {
  width: 42px;
}
@media (min-width: 992px) {
  .section-bottom .title img {
    width: auto;
  }
}/*# sourceMappingURL=diagrimo.css.map */