:root {
  --san-app-padding-top: 60px;
  --san-app-padding-bottom: 60px;
  --san-app-title: 48px;
  --san-app-desc: 24px;
  --san-app-list-title: 24px;
  --san-app-list-margin-top: 75px;
}


.san-application {padding:60px 0;}

.san-application-title .title {
  font-size: var(--san-app-title);
}

.san-application-title .desc {
  margin-top: 15px;
  font-size: var(--san-app-desc);
}

.san-application-list {
  position: relative;
  margin-top: var(--san-app-list-margin-top);
}

.san-application-list h3 {
  line-height: 1.3;
  margin-top: 20px;font-weight: 400;
  font-size: var(--san-app-list-title);
}
.san-application-list h3 a {
  line-height: 1.3;
}

.san-application-list .image-wrapper {
  overflow: hidden;
  border-radius: 10px;
}

.san-application-list img {
  width: 100%;
  transition: all .3s ease-out;
}

.san-application-list .swiper-slide:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.03);
}

.san-application .swiper-button-prev {
  left: -40px;
}
.san-application .swiper-button-next {
  right: -40px;
}
.san-application .swiper-button-prev:after,
.san-application .swiper-button-next:after {
  font-size: 28px;
  color: var(--title-text-color);
}
.san-application .swiper-button-prev:hover:after,
.san-application .swiper-button-next:hover:after {
  color: var(--color-primary);
}


.san-application .swiper-pagination-bullets.swiper-pagination-horizontal{display:none;position:static;width:100%;text-align:center;font-size:0;margin-top:20px;}
.san-application .swiper-pagination-bullet{width:8px;height:8px;margin:0 5px;background:rgba(217, 217, 217, 1);border-radius:50%;opacity:1;}
.san-application .swiper-pagination-bullet-active{background:linear-gradient(90deg, var(--color-primary), var(--color-second));}

@media screen and (max-width: 1500px) {
  :root {
    --san-app-title: 42px;
    --san-app-desc: 22px;
    --san-app-list-margin-top: 65px;
  }
}

@media screen and (max-width: 1280px) {
  :root {
    --san-app-title: 36px;
    --san-app-desc: 20px;
    --san-app-list-title: 18px;
  }
  .san-application .swiper-button-prev {
    left: -30px;
  }
  .san-application .swiper-button-next {
    right: -30px;
  }
}
@media screen and (max-width: 991px) {
  :root {
    --san-app-desc: 18px;
    --san-app-list-title: 16px;
    --san-app-list-margin-top: 55px;
  }
  .san-application-title .desc {
    margin-top: 10px;
  }
  .san-application-title .title {
    line-height: 1.2;
  }
  .san-application-list h3,
  .san-application-list h3 a {
    line-height: 1.2;
  }
  .san-application .swiper-button-prev:after,
  .san-application .swiper-button-next:after {
    font-size: 26px;
  }
}
@media screen and (max-width: 768px) {
  :root {
    --san-app-title: 30px;
    --san-app-desc: 16px;
    --san-app-list-margin-top: 50px;
  }
.san-application {padding:30px 0;}
  .san-application .swiper-button-prev:after,
  .san-application .swiper-button-next:after {
    font-size: 24px;
  }

.san-application .swiper-pagination-bullets.swiper-pagination-horizontal{display:block;}  
.san-application .swiper-button-prev,.san-application .swiper-button-next{display:none;}  
  
}
@media screen and (max-width: 578px) {
  :root {
    --san-app-title: 27px;
    --san-app-desc: 15px;
    --san-app-list-title: 15px;
    --san-app-list-margin-top: 40px;
    --san-app-list-margin-top: 45px;
  }
  .san-application-title .title {
    line-height: 1.1;
  }
  .san-application-title .desc {
    margin-top: 8px;
    line-height: 1.2;
  }
  .san-application .swiper-button-prev {
    left: -10px;
  }
  .san-application .swiper-button-next {
    right: -10px;
  }
}
@media screen and (max-width: 480px) {
  :root {
    --san-app-title: 24px;
    --san-app-desc: 14px;
    --san-app-list-title: 14px;
    --san-app-list-margin-top: 30px;
  }
  .san-application-list h3 {
    margin-top: 10px;
  }
}

@media screen and (max-width: 350px) {
  :root {
    --san-app-padding-top: 35px;
    --san-app-padding-bottom: 35px;
  }
  .san-application .swiper {
    margin: 0 40px;
  }
  .san-application .swiper-button-prev:after,
  .san-application .swiper-button-next:after {
    font-size: 20px;
  }
  .san-application .swiper-button-prev {
    left: 0;
  }
  .san-application .swiper-button-next {
    right: 0;
  }
}