main .swiper {
  overflow: hidden;
}
main .swiper-pagination-bullet {
  background-color: #d8d3ff;
  opacity: 1;
  width: 8px;
  height: 8px;
  transition: width 0.2s;
}

main .swiper-pagination-bullet:not(:last-child) {
  margin-right: 8px;
}

main .swiper-pagination-bullet:focus {
  outline: none;
}

main .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #6b57ff;
  width: 22px;
  border-radius: 8px;
}
.mother-icon-header {
  display: none !important;
}
.drop-menu .menu-1 .third {
  display: block !important;
}
.section-1 {
  padding: 112px 0 48px;
  background: url('https://images.vcows.net/product/product-banner-mobile.webp') no-repeat top center;
  background-size: cover;
}
.section-1 .lft {
  max-width: 100%;
}
.section-1 .lft h1 {
  font-size: 32px;
  line-height: 120%;
}
.section-1 .lft ul {
  max-width: 585px;
  font-size: 16px;
}
.section-1 .rgt {
  max-width: 300px;
  border-radius: 9px;
  background: rgba(239, 247, 255, 0.6);
  border: 0.73px solid rgba(255, 255, 255, 1);
  box-shadow: 0px 0px 88.13px 0px rgba(18, 9, 64, 0.12);
  backdrop-filter: blur(11.750603675842285px);
  padding: 5px;
  height: fit-content;
}
.section-1 .rgt .logo-img {
  width: 27px;
}
.section-1 .rgt .tab-content {
  border-radius: 9px;
  background: rgba(255, 255, 255, 1);
  padding: 7px 28px  7px 6px;
}
.section-1 .rgt .tab-content .tab-pane1 {
  gap: 5px;
}
.section-1 .rgt .tab-content .tab-pane1 img {
  max-width: 255px;
}
.section-1 .rgt .nav-tabs {
  width: 48px;
  padding: 12px 0;
  border-radius: 12px;
  left: 100%;
  top: 50%;
  transform: translate(-50%, -50%);
  /* background: white; */
  position: relative;
  z-index: 2;
}
.section-1 .rgt .nav-tabs .nav-white-bg {
  width: 42px;
  height: 100%;
  background: white;
  z-index: 0;
  border-radius: 4px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0px 2.5px 30px 0px rgba(8, 14, 34, 0.15);

}
.section-1 .rgt .nav-tabs .nav-link {
  width: 100%;
  padding: 3px 0;
  z-index: 2;
  background: unset;
  border: 0;
  color: rgba(0, 0, 0, 0.6);
  margin: 0;
  border-radius: 4px;
  cursor: pointer;
}
.section-1 .rgt .nav-tabs .nav-link img {
  width: 18px;
}
.section-1 .rgt .nav-tabs .nav-link span {
  font-size: 4.5px;
  line-height: 120%;
  font-weight: 500;
}
.section-1 .rgt .nav-tabs .nav-link.swiper-slide-thumb-active {
  border-top: 0;
  background: rgba(107, 87, 255, 1);
}
.section-1 .rgt .nav-tabs .nav-link.swiper-slide-thumb-active span {
  color: white;
}
.section-1 .rgt .nav-tabs .nav-link img:nth-child(1) {
  display: block;
}
.section-1 .rgt .nav-tabs .nav-link img:nth-child(2) {
  display: none;
}
.section-1 .rgt .nav-tabs .nav-link.swiper-slide-thumb-active img:nth-child(1) {
  display: none;
}
.section-1 .rgt .nav-tabs .nav-link.swiper-slide-thumb-active img:nth-child(2) {
  display: block;
}
.section-1 .rgt .tab-content .tab-pane2 {
  gap: 5px;
}
.section-1 .rgt .tab-content .tab-pane2 img:nth-of-type(1), .section-1 .rgt .tab-content .tab-pane2 img:nth-of-type(4) {
  width: 160px;
}
.section-1 .rgt .tab-content .tab-pane2 img:nth-of-type(2), .section-1 .rgt .tab-content .tab-pane2 img:nth-of-type(3) {
  width: 89px;
}
@media (min-width: 992px) {
  .section-1 {
    padding: 168px 0 100px;
    background: url('https://images.vcows.net/product/product-banner.webp') no-repeat top center;
    background-size: cover;
  }
  .section-1 .lft {
    max-width: 520px;
  }
  .section-1 .lft h1 {
    font-size: 40px;
  }
  .section-1 .lft ul {
    max-width: 500px;
    font-size: 16px;
  }
  .section-1 .rgt {
    max-width: 600px;
    border-radius: 18px;
    padding: 11px 11px 10px;
  }
  .section-1 .rgt .logo-img {
    width: 53px;
  }
  .section-1 .rgt .tab-content {
    border-radius: 18px;
    padding: 15px 56px  13px 11px;
  }
  .section-1 .rgt .tab-content .tab-pane1 {
    gap: 11px;
  }
  .section-1 .rgt .tab-content .tab-pane1 img {
    max-width: 510px;
  }
  .section-1 .rgt .tab-content .tab-pane2 {
    gap: 11px 11px;
  }
  .section-1 .rgt .tab-content .tab-pane2 img:nth-of-type(1), .section-1 .rgt .tab-content .tab-pane2 img:nth-of-type(4) {
    width: 318px;
  }
  .section-1 .rgt .tab-content .tab-pane2 img:nth-of-type(2), .section-1 .rgt .tab-content .tab-pane2 img:nth-of-type(3) {
    width: 178px;
  }
  .section-1 .rgt .nav-tabs {
    width: 96px;
    padding: 24px 0;
    border-radius: 8.4px;
  }
  .section-1 .rgt .nav-tabs .nav-white-bg {
    width: 84px;
    border-radius: 8.4px;
    gap: 6px;
  
  }
  .section-1 .rgt .nav-tabs .nav-link {
    padding: 6px 0;
    border-radius: 8.4px;
  }
  .section-1 .rgt .nav-tabs .nav-link img {
    width: 36px;
  }
  .section-1 .rgt .nav-tabs .nav-link span {
    font-size: 9px;
  }
}
@media (min-width: 1600px) {
  .section-1 {
    padding: 170px 0 131px;
  }
  .section-1 .lft {
    max-width: 600px;
  }
  .section-1 .lft h1 {
    font-size: 48px;
    line-height: 120%;
  }
  .section-1 .lft ul {
    max-width: 585px;
  }
  .section-1 .rgt {
    max-width: 800px;
    border-radius: 24px;
    padding: 15px 15px 13px;
  }
  .section-1 .rgt .tab-content {
    border-radius: 24px;
    padding: 20px 75px  18px 15px;
  }
  .section-1 .rgt .logo-img {
    width: 72px;
  }
  .section-1 .rgt .tab-content .tab-pane1 {
    gap: 15px;
  }
  .section-1 .rgt .tab-content .tab-pane1 img {
    max-width: 680px;
  }
  .section-1 .rgt .tab-content .tab-pane2 {
    gap: 15px 13px;
  }
  .section-1 .rgt .tab-content .tab-pane2 img:nth-of-type(1), .section-1 .rgt .tab-content .tab-pane2 img:nth-of-type(4) {
    width: 425px;
  }
  .section-1 .rgt .tab-content .tab-pane2 img:nth-of-type(2), .section-1 .rgt .tab-content .tab-pane2 img:nth-of-type(3) {
    width: 240px;
  }
  .section-1 .rgt .nav-tabs {
    width: 128px;
    padding: 32px 0;
    border-radius: 12px;
  }
  .section-1 .rgt .nav-tabs .nav-white-bg {
    width: 112px;
    border-radius: 12px;
    gap: 8px;
  
  }
  .section-1 .rgt .nav-tabs .nav-link {
    padding: 8px 0;
    border-radius: 12px;
  }
  .section-1 .rgt .nav-tabs .nav-link img {
    width: 48px;
  }
  .section-1 .rgt .nav-tabs .nav-link span {
    font-size: 12px;
  }
}
.section-2 {
  padding: 87px 0 61px;
}
.section-2 h2 {
  font-size: 32px;
  line-height: 120%;
}
.section-2 .lft {
  max-width: 100%;
  padding: 0 20px;
}
.section-2 .lft .item {
  width: 100%;
}
.section-2 .lft .item .img-box{
  border-radius: 14px;
  overflow: hidden;
}
.section-2 .lft .item .img-box video {
  width: 100%;
  border-radius: 14px;
}
.section-2 .lft .item .text-box h3{
  font-size: 18px;
  line-height: 100%;
}
.section-2 .lft .item .text-box p{
  font-size: 14px;
  line-height: 150%;
}
.section-2 .rgt .swiper-wrapper {
  gap: 24px;
}
.section-2 .rgt .swiper-slide {
  max-width: fit-content;
}
.section-2 .rgt .text-item {
  width: 336px;
  padding: 16px;
  border-radius: 24px;
  background: rgba(244, 248, 254, 1);
  cursor: pointer;
  min-height: 94px;
}
.section-2 .rgt .slider1.swiper-slide-thumb-active .text-item {
  background: linear-gradient(0deg, #0167FF, #0167FF);
}
.section-2 .rgt .slider2.swiper-slide-thumb-active .text-item, .section-2 .rgt .slider4.swiper-slide-thumb-active .text-item {
  background: linear-gradient(100.95deg, #FF9799 8.11%, #F35557 92.31%);

}
.section-2 .rgt .slider3.swiper-slide-thumb-active .text-item, .section-2 .rgt .slider6.swiper-slide-thumb-active .text-item {
  background: linear-gradient(150.98deg, #019FB4 10.59%, #01CDD4 94.7%);
}
.section-2 .rgt .slider5.swiper-slide-thumb-active .text-item {
  background: linear-gradient(140.63deg, #FFBB00 10%, #DCA409 94.01%);

}
.section-2 .rgt .text-item .logo-box {
  max-width: 48px;
}
.section-2 .rgt .text-item .text-content h3 {
  font-size: 18px;
  line-height: 100%;
}
.section-2 .rgt .text-item .text-content p {
  font-size: 12px;
  line-height: 150%;
  color: rgba(0, 0, 0, 0.6);
}
.section-2 .rgt .swiper-slide-thumb-active .text-item h3, .section-2 .rgt .swiper-slide-thumb-active .text-item p {
  color: white;
}
@media (min-width: 992px) {
  .section-2 {
    padding: 100px 0;
  }
  .section-2 h2 {
    font-size: 40px;
  }
  .section-2 .lft {
    max-width: 600px;
    margin-right: 40px;
    padding: 0;
  }
  .section-2 .lft .item .img-box{
    border-radius: 0 24px 24px 0;
  }
  .section-2 .lft .item .img-box video {
    border-radius: 0 24px 24px 0;
  }
}
@media (min-width: 1600px) {
  .section-2 {
    padding: 140px 0;
  }
  .section-2 h2 {
    font-size: 48px;
  }
  .section-2 .lft {
    max-width: 800px;
    margin-right: 100px;
  }
  .section-2 .lft .item .img-box {
    border-radius: 0 32px 32px 0;
  }
  .section-2 .lft .item .img-box video {
    border-radius: 0 32px 32px 0;
  }
  .section-2 .rgt .text-item {
    min-height: 118px;
  }
  .section-2 .rgt .text-item .logo-box {
    max-width: 64px;
  }
  .section-2 .rgt .text-item .text-content h3 {
    font-size: 20px;
  }
  .section-2 .rgt .text-item .text-content p {
    font-size: 14px;
  }
  .section-2 .rgt .text-item {
    width: 388px;
    padding: 24px;
  }
  .section-2 .rgt .swiper-wrapper {
    gap: 32px;
  }
}
@media (min-width: 1921px) {
  .section-2 .rgt .swiper-wrapper {
    max-width: 1050px;
    justify-content: flex-end;
  }
}
.section-3 {
  padding: 64px 0 40px;
  position: relative;
}
.section-3::before {
  content: '';
  width: 100%;
  height: 600px;
  background: url(https://images.vcows.net/product/product-sec3-bg.webp) no-repeat top center;
  background-size: cover;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.section-3 .container {
  position: relative;
  z-index: 1;
  padding: 0 20px;
}
.section-3 h2 {
  font-size: 32px;
  line-height: 120%;
}
.section-3 .row {
  width: 100%;
  background: rgba(244, 248, 254, 1);
  box-shadow: 0px 24px 64px 0px rgba(35, 44, 92, 0.15);
  border-radius: 40px;
}
.section-3 .row .text-content {
  height: 100%;
  padding: 40px 20px;
}
.section-3 .row .text-content h3 {
  font-size: 24px;
  line-height: 120%;
}
.section-3 .row .text-content ul {
  font-size: 16px;
  line-height: 150%;
}
@media (min-width: 992px) {
  .section-3 {
    padding: 100px 0;
    position: relative;
  }
  .section-3 h2 {
    max-width: 1000px;
    font-size: 40px;
  }
  .section-3 .row .text-content {
    padding: 0 80px;
  }
  .section-3 .container {
    padding: 0;
  }
  .section-3 .row .text-content h3 {
    font-size: 32px;
  }
}
@media (min-width: 1600px) {
  .section-3 {
    padding: 140px 0;
    position: relative;
  }
  .section-3 h2 {
    font-size: 48px;
  }
  .section-3 .row .text-content {
    padding: 0 152px 0 100px;
  }
  .section-3 .container {
    padding: 0 12px;
  }
}
.section-4 {
  padding: 0 0 64px;
}
.section-4 .container {
  padding: 0 20px;
}
.section-4 h2 {
  font-size: 32px;
  line-height: 120%;
}
.section-4 nav {
  overflow: auto;
}

.section-4 .nav-tabs {
  width: 100%;
  background: rgba(244, 248, 254, 1);
  border-radius: 64px;
  backdrop-filter: blur(7px);
  transform: unset !important;
}
.section-4 .nav-tabs.v1 .nav-link {
  padding: 12px 16px;
  background: unset;
  border-radius: 32px;
  font-size: 16px;
  line-height: 150%;
  margin: 0;
  font-weight: 600;
  width: auto !important;
}
.section-4 .nav-tabs.v1 .nav-link:not(:last-child) {
  margin-right: 12px;
}
.section-4 .nav-tabs.v1 .nav-link svg {
  color: rgba(1, 103, 255, 1);

}
.section-4 .nav-tabs.v1 .nav-link.swiper-slide-thumb-active {
  color: white !important;
  background: rgba(1, 103, 255, 1);
}
.section-4 .nav-tabs.v1 .nav-link.swiper-slide-thumb-active svg {
  color: white;
}
.section-4 .content {
  border-radius: 7.32px;
}
.section-4 .content p {
  position: absolute;
  font-size: 12px;
  line-height: 150%;
  color: white;
  bottom: 11px;
  padding: 0 20px;
}
.section-4 .content img {
  border-radius: 7px;
}
@media (min-width: 992px) {
  .section-4 {
    padding: 0 0 100px;
  }
  .section-4 .container {
    max-width: 1224px;
    padding: 0 12px;
  }
  .section-4 h2 {
    font-size: 40px;
    max-width: 1000px;
  }
  .section-4 .content {
    border-radius: 24px;
  }
  .section-4 .content p {
    left: 60px;
    bottom: 40px;
    font-size: 20px;
    max-width: 700px;
    padding: 0;
  }
  .section-4 .content img {
    border-radius: 24px;
  }
  .section-4 .nav-tabs {
    border-radius: 32px;
  }
  .section-4 .nav-tabs.v1 .nav-link {
    padding: 12px 32px;
  }
  .section-4 .nav-tabs.v1 .nav-link:not(:last-child) {
    margin-right: 32px;
  }
}
@media (min-width: 1600px) {
  .section-4 {
    padding: 0 0 140px;
  }
  .section-4 h2 {
    font-size: 48px;
  }
}
.section-5 {
  padding: 64px 0;
  background: url('https://images.vcows.net/product/sec5-bg-mobile.webp') no-repeat;
    background-size: 340px auto;
    background-position: left top;
  background-color: rgba(240, 242, 255, 1);
}
.section-5 h2 {
  font-size: 32px;
  line-height: 120%;
}
.section-5 .rgt {
  max-width: 100%;
  padding: 0 20px;
}
.section-5 .rgt .item {
  width: 100%;
}
.section-5 .rgt .item .img-box{
  border-radius: 14px;
  overflow: hidden;
}
.section-5 .rgt .item .text-box h3{
  font-size: 18px;
  line-height: 100%;
}
.section-5 .rgt .item .text-box p{
  font-size: 14px;
  line-height: 150%;
}
.section-5 .lft .swiper-wrapper {
  gap: 24px;
  justify-content: flex-end;
}
.section-5 .lft .swiper-slide {
  max-width: fit-content;
}
.section-5 .lft .text-item {
  width: 336px;
  padding: 16px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 1);
  cursor: pointer;
  min-height: 94px;
}
.section-5 .lft .swiper-slide-thumb-active .text-item {
  background: linear-gradient(0deg, #0167FF, #0167FF);
}

.section-5 .lft .text-item .logo-box {
  max-width: 48px;
}
.section-5 .lft .text-item .text-content h3 {
  font-size: 18px;
  line-height: 100%;
}
.section-5 .lft .text-item .text-content p {
  font-size: 12px;
  line-height: 150%;
  color: rgba(0, 0, 0, 0.6);
}
.section-5 .lft .swiper-slide-thumb-active .text-item h3, .section-5 .lft .swiper-slide-thumb-active .text-item p {
  color: white;
}
@media (min-width: 992px) {
  .section-5 {
    padding: 100px 0;
    background: url('https://images.vcows.net/product/sec5-bg.webp') no-repeat;
    background-size: 731px auto;
    background-position: 95px top;
    background-color: rgba(240, 242, 255, 1);
  }
  .section-5 h2 {
    font-size: 40px;
  }
  .section-5 .lft {
    margin-right: 40px;
  }
  .section-5 .rgt {
    max-width: 600px;
    padding: 0;
  }
  .section-5 .lft .text-item {
    min-height: 121px;
  }
  .section-5 .rgt .item .img-box{
    border-radius: 24px 0 0 24px;
  }
}
@media (min-width: 1600px) {
  .section-5 {
    padding: 140px 0;
    background-size: 1043px auto;
    background-position: 135px top;
  }
  .section-5 h2 {
    font-size: 48px;
  }
  .section-5 .rgt {
    max-width: 800px;
  }
  .section-5 .rgt .item .img-box {
    border-radius:  32px 0 0 32px;
  }
  .section-5 .lft {
    margin-right: 100px;
  }
  .section-5 .lft .text-item {
    min-height: 139px;
  }
  .section-5 .lft .text-item .logo-box {
    max-width: 64px;
  }
  .section-5 .lft .text-item .text-content h3 {
    font-size: 20px;
  }
  .section-5 .lft .text-item .text-content p {
    font-size: 14px;
  }
  .section-5 .lft .text-item {
    width: 388px;
    padding: 24px;
  }
  .section-5 .lft .swiper-wrapper {
    gap: 32px;
  }
}
@media (min-width: 1921px) {
  .section-5 .lft .swiper-wrapper {
    max-width: 1050px;
    justify-content: flex-start;
  }
}
.section-6 {
  padding: 64px 0;
}
.section-6 h2 {
  font-size: 32px;
  line-height: 120%;
}
.section-6 .card-list {
  gap: 16px;
}
.section-6 .card-list .card {
  padding: 11px 6px 6px;
  max-width: 160px;
  border-radius: 12px;
  backdrop-filter: blur(16px)
}
.section-6 .card-list .card h3 {
  font-size: 12px;
  line-height: 120%;
}
.section-6 .card-list .card1 {
  background: linear-gradient(138.35deg, #2D72FF 8.86%, #36B7FF 94.62%);
}
.section-6 .card-list .card2 {
  background: linear-gradient(140.63deg, #DCA409 10%, #FFBB00 94.01%);
}
.section-6 .card-list .card3 {
  background: linear-gradient(150.98deg, #019FB4 10.59%, #01CDD4 94.7%);
}
@media (min-width: 992px) {
  .section-6 {
    padding: 100px 0;
  }
  .section-6 h2 {
    font-size: 40px;
  }
  .section-6 .card-list {
    gap: 32px;
  }
  .section-6 .card-list .card h3 {
    font-size: 18px;
  }
  .section-6 .card-list .card {
    padding: 24px 12px 12px;
    max-width: 324px;
    border-radius: 24px;
  }
}
@media (min-width: 1600px) {
  .section-6 {
    padding: 140px 0;
  }
  .section-6 h2 {
    font-size: 48px;
  }
}
.section-7 {
  padding: 64px 0;
  background: linear-gradient(180deg, #F0F2FF 31.95%, rgba(255, 255, 255, 0.05) 102.5%);
}
.section-7 .rgt h2 {
  font-size: 32px;
  line-height: 120%;
}
.section-7 .rgt {
  padding: 0 20px;
}
.section-7 .rgt .data-list {
  gap: 16px 0;
  justify-content: space-between;
}
.section-7 .rgt .data-list .data-cont img {
  max-width: 48px;
}
.section-7 .rgt .data-list .data-cont .text-cont h3 {
  font-size: 20px;
  line-height: 100%;
  min-width: 110px;
}
.section-7 .rgt .data-list .data-cont .text-cont p {
  font-size: 12px;
  line-height: 18px;
  max-width: 110px;
}
.section-7 #peo_comment_swiper {
  max-width: calc(100vw - 40px);
  border-radius: 32px;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 24px 64px 0px rgba(0, 0, 0, 0.1);
  margin-top: 64px;
}
.section-7 #peo_comment_swiper .item {
  width: 100%;
  padding: 40px 20px;
  position: relative;
}
.section-7 #peo_comment_swiper .item::before {
  content: '';
  background-image: url('data:image/svg+xml,<svg width="43" height="33" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity=".1" d="M42.024 32.24H23.276V16.093c0-2.684.476-4.906 1.427-6.668.978-1.79 2.222-3.271 3.732-4.446a19.755 19.755 0 0 1 5.117-2.81A83.744 83.744 0 0 1 39.172.24l2.81 5.033c-1.398.531-2.6 1.076-3.607 1.636-.979.53-1.79 1.118-2.433 1.761a6.338 6.338 0 0 0-1.384 2.223c-.28.81-.42 1.775-.42 2.894h7.886V32.24Zm-23.235 0H0V16.093c0-2.684.475-4.906 1.426-6.668.979-1.79 2.237-3.271 3.775-4.446a19.754 19.754 0 0 1 5.116-2.81A83.744 83.744 0 0 1 15.937.24l2.768 5.033c-1.398.531-2.6 1.076-3.607 1.636-.978.53-1.79 1.118-2.432 1.761a6.337 6.337 0 0 0-1.384 2.223c-.28.81-.42 1.775-.42 2.894h7.927V32.24Z" fill="%230167FF"/></svg>');
  width: 42px;
  height: 32px;
  position: absolute;
  left: 20px;
  top: 160px;
}
.section-7 #peo_comment_swiper .item::after {
  content: '';
  background-image: url('data:image/svg+xml,<svg width="43" height="33" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity=".1" d="M.976.186h18.747v16.146c0 2.684-.475 4.907-1.425 6.669-.98 1.79-2.223 3.271-3.733 4.445a19.755 19.755 0 0 1-5.117 2.81 83.684 83.684 0 0 1-5.62 1.93l-2.81-5.033c1.398-.531 2.6-1.077 3.607-1.636.979-.531 1.79-1.118 2.433-1.761a6.338 6.338 0 0 0 1.384-2.223c.28-.811.42-1.776.42-2.894H.975V.186Zm23.235 0H43v16.146c0 2.684-.475 4.907-1.426 6.669-.978 1.79-2.237 3.271-3.774 4.445a19.755 19.755 0 0 1-5.117 2.81 83.66 83.66 0 0 1-5.62 1.93l-2.768-5.033c1.398-.531 2.6-1.077 3.607-1.636.978-.531 1.79-1.118 2.432-1.761a6.337 6.337 0 0 0 1.384-2.223c.28-.811.42-1.776.42-2.894H24.21V.186Z" fill="%230167FF"/></svg>');
  width: 42px;
  height: 32px;
  position: absolute;
  right: 20px;
  bottom: 79px;
}
.section-7 #peo_comment_swiper .item h3 {
  font-size: 32px;
  line-height: 120%;
  margin-bottom: 24px;
}
.section-7 #peo_comment_swiper .item .avatar {
  max-width: 80px;
  padding: 4px 4px 12px;
  box-shadow: 0px 16px 16px 0px rgba(0, 0, 0, 0.1);
}
.section-7 #peo_comment_swiper .item p {
  font-size: 14px;
  line-height: 150%;
  color: rgba(0, 0, 0, 0.6);
}
.section-7 #peo_comment_swiper .item .author-name {
  font-weight: 600;
  font-size: 18px;
  line-height: 150%;
}
@media (min-width: 992px) {
  .section-7 {
    padding: 70px 0 100px ;
  }
  .section-7 .lft {
    max-width: 600px;
  }
  .section-7 .rgt {
    margin-top: 30px;
    max-width: 700px;
    margin-right: 36px;
    padding: 0;
  }
  .section-7 .rgt h2 {
    font-size: 40px;
  }
  .section-7 .rgt .data-list {
    gap: 32px;
    justify-content: flex-start;
  }
  .section-7 #peo_comment_swiper {
    max-width: 1200px;
    border-radius: 32px;
    margin-top: -20px;
  }
  .section-7 .rgt .data-list .data-cont img {
    max-width: 64px;
  }
  .section-7 .rgt .data-list .data-cont .text-cont h3 {
    font-size: 24px;
    min-width: 240px;
  }
  .section-7 .rgt .data-list .data-cont .text-cont p {
    font-size: 14px;
    line-height: 22px;
    max-width: 240px;
  }
  .section-7 #peo_comment_swiper .item {
    padding: 64px 161px 32px;
  }
  .section-7 #peo_comment_swiper .item p {
    font-size: 18px;
  }
  .section-7 #peo_comment_swiper .item .avatar {
    max-width: 138px;
    padding: 6px 6px 20px;
  }
  .section-7 #peo_comment_swiper .item::before {
    background-image: url('data:image/svg+xml,<svg width="85" height="64" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity=".1" d="M84.047 64H46.553V31.706c0-5.368.95-9.814 2.852-13.336 1.957-3.58 4.446-6.543 7.465-8.892 3.076-2.348 6.487-4.222 10.233-5.62A167.54 167.54 0 0 1 78.343 0l5.62 10.066c-2.796 1.062-5.2 2.152-7.213 3.27-1.957 1.063-3.58 2.238-4.865 3.524a12.676 12.676 0 0 0-2.768 4.445c-.56 1.622-.84 3.551-.84 5.788h15.77V64Zm-46.469 0H0V31.706c0-5.368.95-9.814 2.852-13.336 1.957-3.58 4.473-6.543 7.549-8.892 3.076-2.348 6.487-4.222 10.233-5.62A167.54 167.54 0 0 1 31.874 0l5.536 10.066c-2.796 1.062-5.2 2.152-7.213 3.27-1.958 1.063-3.58 2.238-4.865 3.524a12.675 12.675 0 0 0-2.768 4.445c-.56 1.622-.84 3.551-.84 5.788h15.854V64Z" fill="%230167FF"/></svg>');
    width: 84px;
    height: 64px;
    left: 40px;
    top: 118px;
  }
  .section-7 #peo_comment_swiper .item::after {
    background-image: url('data:image/svg+xml,<svg width="85" height="64" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity=".1" d="M.953 0h37.494v32.294c0 5.368-.95 9.814-2.852 13.336-1.957 3.58-4.446 6.543-7.465 8.892-3.076 2.348-6.487 4.222-10.233 5.62A167.5 167.5 0 0 1 6.656 64l-5.62-10.066c2.796-1.062 5.2-2.152 7.213-3.27 1.957-1.063 3.58-2.238 4.865-3.524a12.676 12.676 0 0 0 2.768-4.445c.56-1.622.84-3.551.84-5.788H.952V0Zm46.469 0H85v32.294c0 5.368-.95 9.814-2.852 13.336-1.957 3.58-4.474 6.543-7.549 8.892-3.076 2.348-6.487 4.222-10.233 5.62A167.496 167.496 0 0 1 53.126 64L47.59 53.934c2.796-1.062 5.2-2.152 7.213-3.27 1.958-1.063 3.58-2.238 4.865-3.524a12.675 12.675 0 0 0 2.768-4.445c.56-1.622.84-3.551.84-5.788H47.421V0Z" fill="%230167FF"/></svg>');
    width: 84px;
    height: 64px;
    right: 40px;
    bottom: 32px;
  }
  .section-7 #peo_comment_swiper .item h3 {
    margin-bottom: 43px;
  }
}
@media (min-width: 1600px) {
  .section-7 {
    padding: 42px 0 140px ;
  }
  .section-7 .lft {
    max-width: 900px;
    margin-left: 72px;
  }
  .section-7 .rgt {
    margin-top: 98px;
    margin-right: 208px;
  }
  .section-7 .rgt h2 {
    font-size: 48px;
    max-width: 500px;
  }
  .section-7 .rgt .data-list {
    gap: 40px;
  }
  .section-7 #peo_comment_swiper {
    margin-top: -43px;
  }
}
@media (min-width: 1921px) {
  .section-7 .data-container {
    max-width: 1920px;
    margin: 0 auto;
  }
}
.section-8 {
  overflow: hidden;
}
.section-8 h2 {
  font-size: 32px;
  line-height: 120%;
  padding: 0 20px;
}
.section-8 p {
  font-size: 18px;
  line-height: 150%;
  color: rgba(0, 0, 0, 0.6);
  max-width: 800px;
  padding: 0 20px;
}
.section-8 .img-box {
  width: 140%;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateX(-14%);
}
@media (min-width: 992px) {
  .section-8 h2 {
    font-size: 40px;
    padding: 0;
  }
  .section-8 p {
    padding: 0;
  }
  .section-8 .img-box {
    width: 100%;
    transform: translateX(0);
  }
}
@media (min-width: 1600px) {
  .section-8 h2 {
    font-size: 48px;
  }
}
@media (min-width: 1921px) {
  .section-8 .img-box {
    max-width: 1920px;
  }
}