@media (max-width: 767px) {
  .controls-container{
    top: 75vw;
    bottom: unset!important;
    transform: translateY(calc(-100% + 1px));
  }
}
.swiper .slide img {
  width: 100%;
}


.slide .caption {
  color: #fff;
  width: 100%;
  display: none;
}

.slide.swiper-slide-active .caption {
  display: block;
}

.slide .caption.left {

}
.slide .caption.right {

}
.slide .caption.top {
  top: 40px;
}

.slide .caption.bottom {
  bottom: 40px;
}


.slide .caption.center {
  left: 50%;
  transform: translateX(-50%);
}
.slide .caption-bg {
  width: 100%;
  height: 100%;
  background: rgb(255,255,255);
  background: linear-gradient(90deg, #fff7 0%, #fff7 35%, #fff0 45%, #fff0 100%);
}
@media (min-width:1200px) {
  .slide .caption{
    text-align: right;
  }
  .slide .caption .description {
    margin-right: 0;
    margin-left: auto;
  }
  .slide .caption.middle {
    top: 50%;
    transform: translateY(-50%);
  }
  .slide .content{
    height:100%;
  }
}
@media (max-width:1199px) {
  .slide .caption{
    padding: 0 5%;
  }
  .slide .caption .header br{
    display:none;
  }
  .slide .content{
    padding:20px 0;
  }
  .slide .caption .description, .slide .caption .subtitle {
    color: var(--dkgry);
    font-size: 14px;
    font-weight: lighter;
  }
  .slide .caption .description {
    width: 100%;
    max-width: 620px;
  }
  .slide .caption .header{
    color:#fff;
    font-size: 26px;
    font-weight: bold;
  }
}
@media (min-width:768px) {

  .slide .caption-bg{
    position: absolute;
  }
  .slide .caption .subtitle:before {
    content: " ";
    display: inline-block;
    width: 46px;
    height: 4px;
    background: var(--dkgry);
    top: -5px;
    position: relative;
    margin-right: 8px;
  }
}
@media (min-width:992px) and (max-width:1199px) {
  .slide .content {
    height: 172px;
  }
  .slide .caption .header {
    font-size: 26px;
    line-height: 34px;
  }
}
@media (min-width:768px) and (max-width:991px) {
  .slide .content {
    height: 180px;
  }
  .slide .caption .header {
    font-size: 26px;
    line-height: 34px;
  }
}
@media (min-width:576px) and (max-width:767px) {
  .slide .content {
    height: 220px;
  }
  .slide .caption .header {
    font-size: 26px;
    line-height: 34px;
  }
  .slide .caption .subtitle:before {
    content: " ";
    display: inline-block;
    width: 28px;
    height: 4px;
    background: var(--dkgry);
    top: -2px;
    position: relative;
    margin-right: 8px;
  }
}
@media (max-width:575px) {
  .slide .content {
    height: 240px;
  }
  .slide .caption .header {
    font-size: 22px;
    line-height: 30px;
  }
}
@media (max-width:767px) {
  .tns-controls, .tns-nav, .controls-container {
    display: none;
  }
  .slide .caption-bg{
    height: 300px!important;
    margin: 20px 0;
  }
}
@media (min-width:1400px) {
  .slide .caption .description, .slide .caption .subtitle {
    color: var(--dkgry);
    font-size: 24px;
    font-weight: lighter;
  }
  .slide .caption .description {
    width: 100%;
    max-width: 620px;
  }
  .slide .caption .header{
    color:#fff;
    font-size: 48px;
    font-weight: bold;
  }
}
@media (max-width:1399px) and (min-width:1200px) {
  .slide .caption .description, .slide .caption .subtitle {
    color: var(--dkgry);
    font-size: 16px;
    font-weight: lighter;
  }
  .slide .caption .description {
    width: 100%;
    max-width: 620px;
  }
  .slide .caption .header{
    color:#fff;
    font-size: 36px;
    font-weight: bold;
  }
}
.slide-bg{
  background: linear-gradient(135deg, rgba(68,169,137,1) 0%, rgba(204,212,51,1) 100%);
}
.swiper-button-prev, .swiper-button-next{
  color: var(--sdylw);
}