.routes {
  padding: 120px 0px 120px 0px;
  background-color: #17181A;
  color: #fff;
}

.routes .caption {
  margin-bottom: 40px;
}

.routes__list {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-transform: translateX(6px);
  -ms-transform: translateX(6px);
  transform: translateX(6px);
}

.routes__list .arrow-link_blue,
.dark-bg .routes__item .arrow-link_blue {
  color: #0006FF;
}

.routes__list .arrow-link_blue:after,
.dark-bg .routes__item .arrow-link_blue:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAzNSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTI3LjU5MjUgOC4wMDAxMUwyMy40OTQ4IDMuMzE3MTJMMjYuNTA1MiAwLjY4MzEwNUwzNC42NTc1IDEwLjAwMDFMMjYuNTA1MiAxOS4zMTcxTDIzLjQ5NDggMTYuNjgzMUwyNy41OTI1IDEyLjAwMDFIMFY4LjAwMDExSDI3LjU5MjVaIiBmaWxsPSIjMDAwNkZGIi8+PC9zdmc+);
}

.routes__item {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  margin-bottom: 48px;
  overflow: hidden;
}

.routes__item a {
  display: block;
  position: relative;
  overflow: hidden;
  width: 576px;
  height: 100%;
  border-radius: 8px;
  padding: 40px 40px 42px 40px;
  background-color: #fff;
  color: #040505;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.routes__list.triple .routes__item a {
  width: 384px;
}

.routes__item-content {
  position: relative;
  z-index: 1;
}

.routes__item-content div {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #1F1F1F;
  margin-bottom: 23px;
}

.routes__item-content div img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}

.routes__item-text {
  width: 454px;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.5px;
  margin-top: 13px;
}

.routes__item .wave-block__bg {
  display: block;
  position: absolute;
  width: 1400px;
  height: 1400px;
  margin-top: -700px;
  margin-left: -700px;
  border-radius: 50%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  background-color: #E5E5E5;
  -webkit-transition: transform 1.2s;
  -o-transition: transform 1.2s;
  transition: transform 1.2s;
}

/* routes_slider */
.routes__list_slider {
  position: relative;
  margin: 0px -24px;
}

.routes__list_slider .slick-slide {
  padding: 0px 24px;
}

.routes__list_slider .slick-prev {
  top: 50%;
  left: 0;
  margin: -54px 0px 0px -2px;
}

.routes__list_slider .slick-next {
  top: 50%;
  right: 0;
  margin: -54px -2px 0px 0px;
}

@media screen and (min-width: 1000px) {
  .routes__item a:hover .arrow-link {
    color: #021B9B;
  }

  .routes__item a:hover .arrow-link_blue:after {
    width: 35px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAzNSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTI3LjU5MjUgOC4wMDAxMUwyMy40OTQ4IDMuMzE3MTJMMjYuNTA1MiAwLjY4MzEwNUwzNC42NTc1IDEwLjAwMDFMMjYuNTA1MiAxOS4zMTcxTDIzLjQ5NDggMTYuNjgzMUwyNy41OTI1IDEyLjAwMDFIMFY4LjAwMDExSDI3LjU5MjVaIiBmaWxsPSIjMDIxQjlCIi8+PC9zdmc+);
  }

  .routes__item:hover .wave-block__bg {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

@media screen and (max-width: 1250px) {
  .routes {
    padding-bottom: 130px;
  }

  .routes__list {
    -webkit-transform: none;
    transform: none;
  }

  .routes__item,
  .routes__list.triple .routes__item {
    width: 100%;
  }

  .routes__item:last-child {
    margin-bottom: 0;
  }

  .routes__item a,
  .routes__list.triple .routes__item a {
    width: 100%;
  }

  .routes__item-text {
    width: auto;
    margin-right: 100px;
  }
}

@media screen and (max-width: 760px) {
  .routes {
    padding: 80px 0px 88px 0px;
  }

  .routes .caption {
    margin-bottom: 24px;
  }

  .routes__item {
    margin-bottom: 16px;
  }

  .routes__item a {
    padding: 20px 20px 24px 20px;
  }

  .routes__item-content div {
    margin-bottom: 16px;
  }

  .routes__list .arrow-link_blue {
    display: inline-block;
    margin-right: 10px;
  }

  .routes__item-text {
    font-size: 16px;
    line-height: 22px;
    margin: 16px 0px 0px 0px;
  }

  .routes__item-text br {
    display: none;
  }
}