.solutions-carousel-block {
  z-index: 2;
  position: relative;
}
.solutions-carousel-block .container {
  padding: 0 15px;
}
.solutions-carousel-block .container > .content {
  padding: 30px 0;
  background: #FFF;
}
.solutions-carousel-block .container > .content > .title {
  font-size: 22px;
  line-height: 28px;
  margin: 0 0 20px;
}
.solutions-carousel-block .container > .content > .description {
  font-size: 14px;
  line-height: 19px;
  margin: 0 0 20px;
}
.solutions-carousel-block .solution {
  background: #fff;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
  padding: 20px;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 8px;
}
.solutions-carousel-block .solution .title {
  color: #333;
  font-size: 20px;
  text-decoration: none;
  font-weight: 700;
  margin: 0 0 10px;
  display: inline-block;
  position: relative;
}
.solutions-carousel-block .solution .title:after {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.41548 13.9105C8.30025 13.7778 8.23552 13.5979 8.23552 13.4103C8.23552 13.2226 8.30025 13.0427 8.41548 12.91L11.4578 9.40752L8.41548 5.90504C8.30352 5.77159 8.24157 5.59286 8.24297 5.40733C8.24437 5.22181 8.30901 5.04434 8.42296 4.91315C8.53692 4.78196 8.69107 4.70755 8.85222 4.70594C9.01338 4.70433 9.16863 4.77565 9.28455 4.90454L12.7615 8.90727C12.8767 9.03996 12.9414 9.2199 12.9414 9.40752C12.9414 9.59514 12.8767 9.77509 12.7615 9.90777L9.28455 13.9105C9.16929 14.0432 9.01299 14.1177 8.85001 14.1177C8.68704 14.1177 8.53074 14.0432 8.41548 13.9105Z' fill='%23526366'/%3E%3Ccircle cx='10' cy='10' r='9.75' stroke='%23526366' stroke-width='0.5'/%3E%3C/svg%3E%0A");
  background-size: auto;
  background-repeat: no-repeat;
  content: "";
  transition: background-image 0.3s;
  background-position: bottom right;
  padding: 0 0 0 10px;
}
.solutions-carousel-block .solution .title:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10.5' cy='10.5' r='10.25' fill='%23526366' stroke='%23526366' stroke-width='0.5'/%3E%3Cpath d='M8.83603 14.606C8.71505 14.4667 8.64708 14.2777 8.64708 14.0807C8.64708 13.8837 8.71505 13.6948 8.83603 13.5555L12.0305 9.87787L8.83603 6.20026C8.71847 6.06014 8.65343 5.87247 8.6549 5.67767C8.65637 5.48287 8.72424 5.29653 8.84389 5.15878C8.96355 5.02103 9.12541 4.9429 9.29462 4.9412C9.46383 4.93951 9.62684 5.0144 9.74856 5.14973L13.3993 9.3526C13.5203 9.49192 13.5883 9.68086 13.5883 9.87787C13.5883 10.0749 13.5203 10.2638 13.3993 10.4031L9.74856 14.606C9.62754 14.7453 9.46342 14.8235 9.29229 14.8235C9.12117 14.8235 8.95705 14.7453 8.83603 14.606Z' fill='white'/%3E%3C/svg%3E%0A");
  width: 21px;
  height: 21px;
}
.solutions-carousel-block .solution .description {
  font-size: 15px;
  line-height: 22px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.solutions-carousel-block .solution .image {
  margin: 20px 0 0;
}
.solutions-carousel-block .solution .image img {
  aspect-ratio: 500/316;
  border-radius: 8px;
}
.solutions-carousel-block .slick-slide {
  padding: 10px 10px;
}
.solutions-carousel-block .slick-actions {
  display: flex;
  justify-content: center;
  margin: 20px 0 0;
}
.solutions-carousel-block .slick-actions .slick-arrow {
  position: relative;
  width: 30px;
  height: 30px;
  border: 1px solid #526366;
  border-radius: 50%;
  background-color: #ffffff;
  transition: all 0.3s;
  text-indent: 9999px;
  overflow: hidden;
  margin: 0 35px;
  cursor: pointer;
}
.solutions-carousel-block .slick-actions .slick-arrow:before {
  position: absolute;
  top: 8px;
  left: 11px;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  border-bottom: 2px solid #526366;
  border-left: 2px solid #526366;
  content: "";
  transition: all 0.3s;
}
.solutions-carousel-block .slick-actions .slick-arrow.slick-next:before {
  border: 0;
  border-right: 2px solid #526366;
  border-top: 2px solid #526366;
  left: initial;
  right: 11px;
}
.solutions-carousel-block .slick-actions .slick-arrow:hover {
  background: #526366;
}
.solutions-carousel-block .slick-actions .slick-arrow:hover:before {
  border-color: #fff;
}
.solutions-carousel-block .slick-actions .orders {
  display: flex;
  flex-direction: column;
  position: relative;
  margin: -10px 0 0 0;
}
.solutions-carousel-block .slick-actions .orders:before {
  position: absolute;
  bottom: 23px;
  left: 45%;
  width: 30px;
  height: 1px;
  transform: translateX(-50%) rotate(-45deg);
  background-color: #333333;
  content: "";
}
.solutions-carousel-block .slick-actions .orders .current {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 5px;
}
.solutions-carousel-block .slick-actions .orders .total {
  margin: 5px 0 0 10px;
  font-size: 18px;
}

@media (min-width: 768px) {
  .solutions-carousel-block {
    padding: 0 0 40px;
  }
  .solutions-carousel-block .container > .content {
    position: relative;
    padding: 40px 35px 40px 20px;
    border-radius: 0 0 12px 0;
  }
  .solutions-carousel-block .container > .content:before {
    content: "";
    position: absolute;
    top: 0;
    width: 100vw;
    height: 100%;
    right: 0;
    border-radius: 0 0 0 12px;
    z-index: -1;
    box-shadow: 11px 5px 14px 2px rgba(0, 0, 0, 0.1);
  }
  .solutions-carousel-block .container > .content > .title {
    font-size: 40px;
    line-height: 32px;
    padding: 0 40px;
  }
  .solutions-carousel-block .container > .content > .description {
    padding: 0 40px;
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 30px;
  }
  .solutions-carousel-block .solution {
    display: flex !important;
    padding: 30px 40px;
    align-items: center;
  }
  .solutions-carousel-block .solution .image {
    margin: 0 0 0 30px;
    flex: 1;
  }
  .solutions-carousel-block .solution .image img {
    aspect-ratio: 820/548;
    border-radius: 8px;
  }
  .solutions-carousel-block .solution .content {
    width: 48%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .solutions-carousel-block .solution .title {
    font-size: 30px;
    line-height: 32px;
    margin: 0 0 15px;
  }
  .solutions-carousel-block .solution .title:after {
    padding: 0 0 0 15px;
  }
  .solutions-carousel-block .solution .description {
    font-size: 16px;
    line-height: 25px;
  }
  .solutions-carousel-block .slick-actions {
    justify-content: flex-end;
    align-items: center;
  }
  .solutions-carousel-block .slick-actions .slick-next {
    margin: 0 15px 0 30px;
  }
  .solutions-carousel-block .slick-actions .orders:before {
    width: 60px;
    bottom: 29px;
  }
  .solutions-carousel-block .slick-actions .orders .current {
    font-size: 30px;
    margin: 0 0 0 -10px;
  }
  .solutions-carousel-block .slick-actions .orders .total {
    font-size: 20px;
    margin: 5px 0 0 24px;
  }
}
@media (min-width: 1024px) {
  .solutions-carousel-block .container > .content {
    padding: 40px 50px 40px 20px;
  }
}