h2 {
  font-size: 40px;
}
@media (max-width: 1600px) {
  h2 {
    font-size: 32px;
  }
}
@media (max-width: 992px) {
  h2 {
    font-size: 24px;
  }
}
.swiper {
  overflow: hidden;
}
section:not(.section-1) {
  padding: 120px 0;
}
@media (max-width: 1600px) {
  section:not(.section-1) {
    padding: 72px 0;
  }
}
@media (max-width: 992px) {
  section:not(.section-1) {
    padding: 64px 0;
  }
}
.brand-logos::before  {
  background: none;
}
.brand-logos::after {
  background: none;
}
.section-1 {
  padding: 192px 0 170px;
}
.tab-list {
  padding: 24px 140px;
  background: #8645FF1A;
  border: 1px solid #D8C2FF;
  backdrop-filter: blur(150px);
  border-radius: 16px;
  max-width: 1368px;
  margin-top: -41px;
  position: sticky;
  top: 80px;
  z-index: 10;
}
.tab-list .tab-item {
  font-size: 20px;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.5);
}
.tab-list .tab-item.active {
  color: #000;
}
@media (max-width: 1600px) {
  .tab-list {
    max-width: 1265px;
    margin-top: -30px;
    padding: 16px 88.5px;
    border-radius: 0;
    margin-top: -48px;
  }
}
.section-1 h1 {
  font-size: 56px;
}
.section-1 h1 img {
  max-width: 113px;
  margin-left: 14px;
}
.section-1 h1 .color-text {
  background: linear-gradient(90deg, #EC1CFF 15.55%, #7E1BFF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 1600px) {
  .section-1 {
    padding: 121px 0;
  }
  .section-1 h1 {
    font-size: 48px;
  }
}
@media (max-width: 992px) {
  .section-1 {
    padding: 104px 0 98px;
    background-image: none !important;
  }
  .section-1 h1 {
    font-size: 32px;
  }
}
.section-2 {
  padding-top: 80px !important;
}
.section-2 .swiper-slide {
  height: auto;
  background: linear-gradient(180deg, rgba(180, 139, 255, 0.15) 0%, rgba(235, 225, 255, 0.15) 100%);
  border: 1px solid rgba(152, 73, 255, 0.2);
  border-radius: 48px;
  padding: 64px 32px;
}
.section-2 .swiper-slide img {
  max-width: 150px;
}
@media (max-width: 1600px) {
  .section-2 {
    padding-top: 42px !important;
  }
  .section-2 .swiper-slide {
    padding: 48px 25px;
  }
  .section-2 .swiper-slide p {
    font-size: 14px;
  }
}
@media (max-width: 992px) {
  .section-2 {
    padding-top: 64px !important;
  }
  .section-2 .swiper-slide {
    padding: 48px 44.5px;
  }
  .section-2 .swiper-slide p {
    font-size: 16px;
  }
  .section-2 .swiper-pagination-bullet {
    width: 24px !important;
    height: 5px !important;
    border-radius: 12px !important;
  }
}
.section-3 {
  position: relative;
}

.section-3 > div {
  z-index: 2;
}

.section-3::before {
  content: "";
  width: 1902px;
  height: 950px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1902'%20height='950'%20fill='none'%3E%3Cg%20filter='url(%23a)'%20opacity='.3'%3E%3Cellipse%20cx='785.5'%20cy='460.5'%20fill='%23A872FF'%20rx='766.5'%20ry='328.5'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter%20id='a'%20width='2233'%20height='1357'%20x='-331'%20y='-218'%20color-interpolation-filters='sRGB'%20filterUnits='userSpaceOnUse'%3E%3CfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3E%3CfeBlend%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3E%3CfeGaussianBlur%20result='effect1_foregroundBlur_4702_1942'%20stdDeviation='175'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
}
.section-3::after {
  content: "";
  width: 1149px;
  height: 935px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1149'%20height='935'%20fill='none'%3E%3Cg%20filter='url(%23a)'%20opacity='.34'%3E%3Cellipse%20cx='799.5'%20cy='570.5'%20fill='%23FFA544'%20rx='449.5'%20ry='220.5'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter%20id='a'%20width='1599'%20height='1141'%20x='0'%20y='0'%20color-interpolation-filters='sRGB'%20filterUnits='userSpaceOnUse'%3E%3CfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3E%3CfeBlend%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3E%3CfeGaussianBlur%20result='effect1_foregroundBlur_4702_1943'%20stdDeviation='175'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
  background-size: cover;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  pointer-events: none;
}


.section-3 .evaluation {
  gap: 10px;
}

.section-3 .evaluation img {
  max-width: 107px;
}

.section-3 .evaluation .scode {
  font-size: 16px;
  font-weight: 700;
}

.section-3 .evaluation .scode-text {
  font-size: 12px;
  display: inline-flex;
  align-items: center;
}

.section-3 .evaluation .scode-text::before {
  content: url('data:image/svg+xml,<svg width="15" height="14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m7.333 10.48 3.042-.772 1.27 3.917-4.312-3.146Zm7-5.063H8.979L7.333.375 5.687 5.417H.333l4.333 3.125-1.645 5.041 4.333-3.125 2.667-1.916 4.312-3.125Z" fill="%23219653"/></svg>');
  width: 15px;
  height: 14px;
  display: inline-block;
  margin-right: 4px;
}

.section-3 .line-middle {
  width: 1px;
  height: 17px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  margin: 0 24px;
}

.section-3 .card-content {
  width: 100%;
}

.section-3 .card-list {
  width: -moz-max-content;
  width: max-content;
}

.section-3 .card {
  width: 480px;
  padding: 24px;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: rgba(255, 255, 255, 0.4);
  margin: 0 12px;
}

.section-3 .card .avatar-logo {
  max-width: 44px;
}

.section-3 .card .text-cont h3 {
  font-size: 16px;
  line-height: 150%;
}

.section-3 .card .text-cont p {
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.5);
}

.section-3 .card .p-cont {
  font-size: 14px;
  line-height: 22px;
  height: 110px;
  color: rgba(0, 0, 0, 0.7);
}

@media (max-width: 1600px) {
  .section-3::before {
    width: 100%;
    height: 940px;
    top: 0 ;
    left: 0;
  }
  .section-3 .sub {
    font-size: 14px;
  }
  .section-3 .card {
    margin: 0 8px;
  }
  .section-3 .card .p-cont {
    font-size: 12px;
    line-height: 16px;
    height: 80px;
  }
}
@media (max-width: 992px) {
  .section-3 {
    padding: 15px 0 43px;
  }
  .section-3::before {
    width: 100%;
    height: 544px;
    background-position: top left -64px;
    top: 0;
    left: 0;
  }
  .section-3::after {
    width: 100%;
    height: 699px;
    bottom: 0;
    background-position: bottom right;
  }
}
.section-4 .item {
  padding: 40px 73px;
  border-radius: 48px;
  flex:1;
}
.section-4 .item1 {
  background: radial-gradient(78.22% 80.11% at 39.57% 25.27%, rgba(255, 76, 76, 0.2) 0%, rgba(255, 76, 75, 0.01) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
  border: 1px solid #FF494933;
}
.section-4 .item1:hover {
  box-shadow: 0px 20px 40px 0px #FF42321A;
}
.section-4 .item2 {
  background: radial-gradient(78.57% 80.49% at 39.91% 24.88%, rgba(82, 97, 255, 0.2) 0%, rgba(82, 97, 255, 0) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
  border: 1px solid rgba(72, 65, 255, 0.2);
}
.section-4 .item2:hover {
  box-shadow: 0px 20px 40px 0px rgba(72, 65, 255, 0.1);
}
.section-4 .item3 {
  background: radial-gradient(78.22% 80.11% at 39.57% 25.27%, rgba(223, 66, 255, 0.2) 0%, rgba(223, 66, 255, 0) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
  border: 1px solid #DF42FF40;
}
.section-4 .item3:hover {
  box-shadow: 0px 20px 40px 0px #DF42FF20;
}
.section-4 .item img {
  max-width: 120px;
}
.section-4 .item .media-name {
  font-size: 24px;
}
.section-4 .item h3 {
  font-size: 32px;
}
.section-4 .item1 h3 span {
  color: #FF4232;
}
.section-4 .item2 h3 span {
  color: #325BFF;
}
.section-4 .item3 h3 span {
  color: #FF2B99;
}
@media (max-width: 1600px) {
  .section-4 .item {
    padding: 32px 69px;
  }
}
@media (max-width: 992px) {
  .section-4 .item .media-name {
    font-size: 20px;
  }
  .section-4 .item {
    padding: 32px 40px;
  }
}
.section-5 iframe{
  display: block;
  width: 440px;
  height: 256px;
  border-radius: 16px;
  overflow: hidden;
}
.section-5 a {
  font-size: 20px;
  font-weight: 700;
  color: #000;
}
.section-5 a:hover {
  color: #823FFF;
}
.section-5 .swiper-pagination-bullet {
  width: 10px !important;
  height: 10px !important;
  background: #823FFF;
  opacity: 0.3;
}
.section-5 .swiper-pagination .swiper-pagination-bullet-active {
  width: 24px !important;
  height: 10px;
  border-radius: 20px;
  opacity: 1;
}
@media (max-width: 1600px) {
  .section-5 iframe{
    width: 400px;
    height: 256px;
  }
}
@media (max-width: 768px) {
  .section-5 iframe{
    width: 100%;
    height: calc((100vw - 32px) * 208 / 358);
  }
  .section-5 a {
    font-size: 16px;
  }
  #sec5-swiper .swiper-slide  {
    margin-bottom: 32px;
  }
}
.section-6 {
  background: #D1B8FF1F;
}
.section-6 .swiper-slide .cell {
  background: #FFFFFF;
  border-radius: 48px;
  padding: 64px 0;
}
.section-6 .swiper-slide .cell img {
  max-width: 120px;
}
.section-6 .swiper-slide .cell h3 {
  font-size: 20px;
}
.section-6 .swiper-slide .cell p {
  max-width: 305px;
}
@media (max-width: 992px) {
  .section-6 .swiper-pagination-bullet {
    width: 10px !important;
    height: 10px !important;
    background: #823FFF;
    opacity: 0.3;
  }
  .section-6 .swiper-pagination .swiper-pagination-bullet-active {
    width: 24px !important;
    height: 10px;
    border-radius: 20px;
    opacity: 1;
  }
}