/*banner*/
main .name h2, main .name h3, main .name h4 {
  color: #000;
}
.banner {
  padding: 1px 0;
  width: 100%;
}

.banner a, .banner .img {
  display: flex;
  color: #fff;
  width: 100%;
  height: 100%;
  position: relative;
}

.banner .banner-list {
  width: 100%;
}

.banner .banner-list-slider {
  position: relative;
}

.banner .banner-list-slider .msg {
  position: absolute;
  top: 10%;
  width: 80rem;
  max-width: 100%;
  margin: 0 auto;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 999;
  height: auto;
}

.banner .banner-list-slider .msg-content {
  width: 65rem;
  max-width: 100%;
}

.banner img {
  width: 100%;
  /* min-height: 40vh;
  height: 70vh; */
  object-fit: cover;
  width: 100%;
  aspect-ratio: 16 / 6.5;
}

.banner .img {
  position: relative;
}

.banner .msg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  z-index: 10;
}

.banner .msg .desc {
  width: 40rem;
  max-width: 55%;
  font-size: 1.5rem;
  line-height: 1.7rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.banner .msg .button {
  width: 12rem;
  margin-top: 2rem;
}


.banner .msg-content .name {
  padding: 0rem 0 1rem;
  font-size: 3.3rem;
  text-align: left;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #fff;
}

.banner-next:after,
.banner-prev:after {
  color: #fff;
}

.banner .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
}

.link{
  line-height: 1.25rem;
  align-items: center;
  color: #32c5ff;
}

.link a{
  color: #32c5ff;
  font-size: 1.25rem;
  font-weight: 500;
}

.arrow{
  width: 1.10rem;
  height: 1.10rem
}
/*products3*/
.home-products .section-list3,.home-products .section-item3 {
  width: 100%;
}

.home-products .section-list3 .img {
  display: flex;
  width: 100%;
}

.home-products .section-item3 .name h3{
  color: #32c5ff;
  font-size: 1.8rem;
}

.home-products .section-item3 .left2 {
  flex: 1 1 calc(50% - 1rem);
}

.home-products .section-item3 .right2{
  flex: 1 1 calc(50% - 1rem);
}

.home-products .section-item3 .left2,.home-products .section-item3 .right2 .right2-item {
  border: 1px solid #5555;
  position: relative;
}

.home-products .section-item3 .content {
  padding: 1rem;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.home-products .section-item3 .content a{
  height: 100%;
  justify-content: center;
}

.home-products .section-item3 .left2 .img img{
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

.home-products .section-item3 .right2 .img img{
  width: 100%;
  aspect-ratio: 2 / 1;
  object-fit: cover;
}

/*products2*/
.home-products .section-list2 {
  width: 100%;
}
.home-products .section-item2 {
  flex: 0 1 calc(33% - 1.33rem);
  /* padding: 1rem; */
  /* box-shadow: 0 0 #3e478400, 0 1.8px 5.8px #3e47840b, 0 3.9px 11.7px #3e47840d, 0 6.7px 18px #3e47840e, 0 11.5px 25.3px #3e47840f, 0 22.6px 35.9px #3e478410; */
  /* border: 1px solid #5555; */
}

.home-products .section-item2 .products-list{
  width: 100%;
}
.home-products .section-item2 .img,.home-products .section-item2 .img a{
  width: 100%;
  display: flex;
}
.home-products .section-item2 .img img{
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.home-products .section-item2 .img img:hover {
  transform: scale(1.08);
}

.home-products .section-item2 .products-list .desc{
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.home-products .section-item2 .products-list .name h3 {
  color: #003c7c;
  font-size: 1.5rem;
}
/*products*/
.home-products .left {
  flex: 1 1 calc(30% - 1rem);
  max-width: 100%;
  padding: 0rem 0;
  justify-content: space-between;
}
.home-products .left .name h3{
  font-size: 2rem; 
}

.home-products .left .desc{
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.home-products .right {
  flex: 1 1 calc(70% - 1rem);
  max-width: 100%;
  overflow: hidden;
}

.home-products .right img{
  height: 15rem;
}

.home-products .section-item:nth-child(2) .rifht{
  order: 1;
}

.home-products .section-item:nth-child(2) .left{
  order: 2;
}

.products-next,
.products-prev {
  background-color: #cccccc !important;
  width: 55px !important;
  height: 55px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.products-next::after,
.products-prev::after {
  content: "" !important;
}

.products-next {
  right: 10px;
}

.products-prev {
  left: 10px;
}

.products-next svg,
.products-prev svg{
  content: "" !important;
  width: 18px;
  height: 18px;
  color: #fff;
}
/*images*/
.home-authorization .section-top >div{
  flex: 1 1 50%;
}
.home-authorization .section-content {
  gap: 0.5rem;
}

.home-authorization .img{
  width: 100%;
  height: 100%;
}
.home-authorization .section-top:nth-child(1) .img img{
  width: 100%;
  /* aspect-ratio: 9 / 5; */
  object-fit: cover;
}
.home-authorization .section-top:nth-child(2) .img img{
  width: 100%;
  aspect-ratio: 400 / 263;
  object-fit: cover;
}
.home-authorization .content {
  justify-content: space-between;
}

.home-authorization .content .title{
  padding: 0;
  padding-bottom: 1rem;
}
.home-authorization .content:nth-child(1) {
  padding:2rem 0;
  padding-right: 3rem;
}
.home-authorization .content:nth-child(2) {
  padding:2rem 0;
  padding-left: 3rem;
}

.home-authorization .section-content .link{
  margin-top: 1rem;
  justify-content: flex-start;
}

.home-authorization .section-content .link a{
  color: #fff;
  padding: 0.6rem 1.2rem;
  font-size: 1rem;
}
.home-image .name h2, .home-image .name h3, .home-image .name h4 {
  color: #32c5ff;
}

.home-image .left2 {
  justify-content: space-between;
  padding: 2rem 0;
}

.home-image .left2 .button {
  flex: 1 1 calc(50% - 1rem);
  border-radius: 30px;
}
/*images*/
.home-image .two .left,.home-image .two .right{
  position: relative;
  flex: 1 1 calc(50% - 1rem);
}

.home-image img{
  width: 100%;
  min-height: 400px;
}

.home-image .two img {
  display: block;
  width: 100%;
  aspect-ratio: 2 / 1;
  object-fit: cover;
}

.home-image .one img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 1;
  object-fit: cover;
}

.home-image .content {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 2.75rem;
  width: 100%;
}

.home-image .content .name h2,.home-image .content .name h3 {
  color: #fff;
}

.home-image h3 {
  font-size: 2rem;
}

.home-image .content .desc {
  line-height: 1.25rem;
  font-size: 0.8rem;
}

.home-image a, .home-image .link {
  color: #fff;
}

.home-image .button {
  padding: 1rem 1rem;
  border-radius: 0;
}

.home-image .one {
  position: relative;
}

.home-blog .section-list {
  width: 100%;
  margin-top: 2.5rem;
}


.home-blog .section-item{
  flex: 1 1 calc(33% - 3rem);
  box-shadow: 0 0 #3e478400,0 1.8px 5.8px #3e47840b,0 3.9px 11.7px #3e47840d,0 6.7px 18px #3e47840e,0 11.5px 25.3px #3e47840f,0 22.6px 35.9px #3e478410;
}
.home-blog .section-item:hover {
  box-shadow: 0 0 #3e478400,
              0 3.6px 11.6px #3e478415,
              0 7.8px 23.4px #3e47841a,
              0 13.4px 36px #3e47841c,
              0 23px 50.6px #3e47841e,
              0 45.2px 71.8px #3e478420;
  transition: box-shadow 0.3s ease;
}

.home-blog .section-item .blog-top{
  width: 100%;
}

.home-blog .section-item .blog-top a{
  height: 100%;
  width: 100%;
}

.home-blog .section-item .blog-top img{
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.home-blog .section-item .blog-bottom{
  width: 100%;
  padding:1rem;
  justify-content: space-between;
  height: 100%;
}

.home-blog .section-item .blog-bottom .time{
  width: 100%;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.home-blog .section-item .blog-bottom .time a{
  padding: 0.2rem 1rem;
  background: linear-gradient(to bottom right, #43CAFF, #007bffa6);
  color: #fff;
  border-radius: 30px;
}

.home-blog .section-item .blog-bottom .name{
  width: 100%;
  margin-bottom: .5rem;
}

.home-blog .section-item .blog-bottom .name h3{
  color: #003c7c;
  font-size: 1.3rem;
}

.home-blog .section-item .blog-bottom .desc{
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.5rem;
  height: 4.5rem;
}

.home-blog .blog-link{
  align-items: center;
  color: #32c5ff;
}

.home-blog .blog-link a{
  color: #32c5ff;
}

/*contact*/
.home-contact {
  width: 100%;
  background: linear-gradient(to bottom, #f1f5f9, #ced4da);
}

.home-contact .section-content{
  width: 100%;
  margin: 5rem;
  background: #fff;
}

.home-contact .section-content .left{
  flex: 1 1 calc(50% - 1rem);
  padding: 1rem;
}

.home-contact .section-content .right{
  flex: 1 1 calc(50% - 1rem);
  padding: 1rem;
}

.home-contact .section-content  .form-group-button {
  margin-top: 1rem;
}

.home-contact .section-content .form-group-row .form-group {
  flex: 1 1 calc(50% - 1rem);
}

.home-contact .section-content .form input,.home-contact .section-content .form textarea{
  width: 100%;
  padding: 0.5rem 0.5rem;
  font-size: 1rem;
}

.home-contact button{
  /* border-radius: 0%; */
}
/*feature*/
.home-feature .section-header .title span{
  font-weight: 500;
  color: #000;
}

.home-feature .desc{
  font-size: 0.65rem;
  line-height: 1.5rem;
}

.home-feature .section-item{
  flex: 1 1 calc(33% - 2px);
}

.home-feature .section-item .feature-one {
  padding: 0rem 2rem;
  width: 100%;
}

.home-feature .section-item .feature-one img {
  width: 100%;
  object-fit: cover;
  aspect-ratio: 4 / 5;
}

.home-feature .section-content .left{
  justify-content: center;
  text-align: right;
}

.home-feature .section-content .left-item:nth-child(2){
  margin-right: 3rem;
}

.home-feature .section-content .right{
  justify-content: center;
}

.home-feature .section-content .right-item:nth-child(1){
  margin-left: 3rem;
}

.home-feature .section-content .icon img{
  filter: sepia(50%) hue-rotate(177deg) saturate(2);
}

/*video*/
.home-video .section-content{
  width: 100%;
  align-items: stretch; 
  justify-content: center;
}

.home-video .section-item{
  flex: 1 1 calc(50% - 1rem);
}

.home-video .section-item .video-item{
  width: 100%;
}

.home-video .left .video-item{
  justify-content: space-between;
  align-items: center;
  height: 100%;
}

.home-video .section-item .video-item .video-cover{
  width: 100%;
  position: relative;
  cursor: pointer;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}

.home-video .left .video-cover{
  flex: 1 1 calc(100% - 2rem - 10px);
}

.home-video .section-item .video-item .cover-image{
  width: 100%;
  aspect-ratio: 2 / 1;
  object-fit: cover;
  display: block;
}

.home-video .left .video-cover .cover-image{
  width: 100%;
  object-fit: cover;
  display: block;
  height: 100%;
}

.home-video .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.7);
  color: white;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  transition: all 0.3s ease;
}

.video-cover:hover .play-button {
  background: rgba(0, 0, 0, 0.9);
  transform: translate(-50%, -50%) scale(1.1);
}

.home-video iframe {
  display: flex;
  width: 100%;
  aspect-ratio: 2 / 1;
}

.home-video .left iframe {
  display: flex;
  width: 100%;
  height: 100%;
}

.home-video .name {
  margin-top: 10px;
  text-decoration: underline;
  font-size: 1rem;
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.home-video .right .video-item{
  flex: 1 1 calc(50% - 1rem);
}

.home-video .video-container {
  width: 100%;
  height: 100%;
}

/*testimonial*/
.home-testimonial .middle{
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.home-testimonial .testimonial-slider{
  width: 90%;
  margin: 0 auto;
  max-width: 100%;
  position: relative;
}

.home-testimonial .testimonial-header .user img{
  border-radius: 50%;
}

.home-testimonial .testimonial-header .name{
  font-size: 1.1rem;
  font-weight: 600;
}

.home-testimonial .testimonial-content {
  text-indent: 2em;
  line-height: 1.5rem;
  height: 4.5rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.testimonial-next,.testimonial-prev {
  width: 50px;
  height: 50px;
  background: #fff;
  box-shadow: 5px 4px 13px rgba(0, 0, 0, 0.15);
  border-radius: 50%;
}

.testimonial-next::after,
.testimonial-prev::after {
  content: "" !important;
}

.testimonial-next {
  right: 0rem;
}

.testimonial-prev {
  left: 0rem;
}

.testimonial-next svg,
.testimonial-prev svg{
  content: "" !important;
  width: 18px;
  height: 18px;
  color: #32c5ff;
}

/*desc*/
.home-deac{
  margin:2rem auto
}

.home-deac .section-content{
  padding: 0 1rem;
  margin: 0 auto;
  line-height: 1.1rem;
  font-size: 0.7rem;
}

@media (max-width: 1920px) {
  .banner img{
    aspect-ratio: 16 / 7;
  }
}

@media (max-width: 1300px) {
  .home-feature .middle{
    display: none;
  }
  .home-feature .section-content{
    gap: 1rem;
  }
  .home-feature .section-content .left {
    text-align: left;
  }
  .home-feature .section-content .right-item:nth-child(1) {
    margin-left: 0;
  }
  .home-feature .section-content .left-item:nth-child(2){
    margin-right: 0;
  }
  .home-feature .left .left-item .icon {
    order: 1;
  }
  .home-feature .left .left-item .title-desc {
    order: 2;
  }

  .banner .banner-list-slider .msg-content {
    padding: 0 5%;
  }
  .home-blog .section-item .blog-bottom .name h3 {
    font-size: 1.3rem;
  }
  .home-contact .section-content{
    margin: 5% 0;
    flex-direction: column;
  }
  .home-deac .section-content {
    padding: 0;
  }
  .banner img{
    /* height: 100%; */
    aspect-ratio: 16 / 9;
  }
  .banner .msg-content .name {
    font-size: 2.8rem;
  }

  .home-authorization .section-content {
    gap: 1rem;
  }
  .home-authorization .section-top {
    flex-direction: column;
    gap: 1rem;
  }

  .home-authorization .section-top .content {
    gap: 1rem;
    padding: 1rem 0;
  }

  .home-authorization .section-top:nth-child(1) .content {
    order: 2;
  }
  .home-authorization .section-top:nth-child(1) .img {
    order: 1;
  }
}

@media (max-width: 1024px) {
  .banner .msg-content .title {
    font-size: 2.5rem;
  }
  .banner .banner-list-slider .msg{
    top: 5%;
  }
  .home-products .section-item {
    flex-direction: column;
    gap:1rem;
  }
  .home-products .left {
    gap:1rem;
  }

  .home-products .section-item:nth-child(2) .right{
    order: 2;
  }

  .home-products .section-item:nth-child(2) .left{
    order: 1;
  }
  .home-products .left .desc {
    font-size: 0.95rem;
  }

  .home-feature .desc {
    font-size: 0.85rem;
  }
  .home-video .section-content {
    flex-direction: column;
  }
  .testimonial-next {
    right: -1rem;
  }
  .testimonial-prev {
    left: -1rem;
  }
  .home-image h3 {
    font-size: 1.85rem;
  }
  .home-image .section-content2 {
    flex-direction: column;
  }
  .home-image .left2 {
    order: 2;
  }

  .home-image .right2 {
    order: 1;
  }
}

@media (max-width: 1000px) {
    .home-blog .section-list {
      flex-direction: column;
    }
}

@media (max-width: 768px) {
    .home-image .two {
      flex-direction: column;
    }
    .banner .msg-content .name {
        font-size: 2.0rem;
        padding: 0rem 0 0.5rem;
    }
    /* .banner img{
      aspect-ratio: 4 / 3;
    } */
    .home-feature .section-content .left,.home-feature .section-content .right{
      gap: 2rem;
    }

    .home-products .section-list2 {
      flex-direction: column;
      gap: 1rem;
    }
}

@media (max-width: 640px) {
    .home-testimonial .testimonial-content{
      padding: 0rem 1rem;
    }
    .banner .msg .desc {
      font-size: 1rem;
    }
}

@media (max-width: 576px) {
    .home-feature .section-content {
      flex-direction: column;
      gap: 3rem;
    }
    .home-contact .form-group-row {
      flex-direction: column;
    }
}

@media (max-width: 400px) {
    .banner .msg-content .name {
      font-size: 1.5rem;
    }
    .banner .msg .desc {
      font-size: 0.8rem;
    }
}