.related-sites-block {
  padding: 40px 15px;
}
.related-sites-block > .container .title {
  font-size: 22px;
  line-height: 28px;
  margin: 0 0 20px;
  text-align: center;
}
.related-sites-block .sites {
  position: relative;
  padding: 0 30px;
}
.related-sites-block .site {
  background: #FFFFFF;
  box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 8px 8px 0;
  box-sizing: border-box;
}
.related-sites-block .site a {
  display: flex;
  flex-direction: column;
  color: #333;
  text-decoration: none;
}
.related-sites-block .site a:hover .title:after {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.0432 12.1053C24.0432 18.6519 18.7177 23.9605 12.1466 23.9605C5.57548 23.9605 0.25 18.6519 0.25 12.1053C0.25 5.55858 5.57548 0.25 12.1466 0.25C18.7177 0.25 24.0432 5.55858 24.0432 12.1053Z' fill='%23526366' stroke='%23526366' stroke-width='0.5'/%3E%3Cpath d='M10.2218 16.8391C10.0818 16.6784 10.0032 16.4606 10.0032 16.2335C10.0032 16.0064 10.0818 15.7885 10.2218 15.6279L13.9172 11.3881L10.2218 7.14823C10.0858 6.98669 10.0105 6.77033 10.0122 6.54575C10.0139 6.32117 10.0925 6.10634 10.2309 5.94753C10.3693 5.78872 10.5565 5.69864 10.7523 5.69669C10.948 5.69474 11.1366 5.78107 11.2774 5.93709L15.5007 10.7825C15.6406 10.9431 15.7192 11.161 15.7192 11.3881C15.7192 11.6152 15.6406 11.833 15.5007 11.9936L11.2774 16.8391C11.1374 16.9996 10.9475 17.0898 10.7496 17.0898C10.5516 17.0898 10.3618 16.9996 10.2218 16.8391Z' fill='white'/%3E%3C/svg%3E%0A");
}
.related-sites-block .site a .title {
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  text-align: left;
  padding: 12px 30px 12px 15px;
  position: relative;
  transition: all 0.2s;
}
.related-sites-block .site a .title:after {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3521 16.8391C10.2122 16.6784 10.1336 16.4606 10.1336 16.2335C10.1336 16.0064 10.2122 15.7885 10.3521 15.6279L14.0476 11.3881L10.3521 7.14823C10.2162 6.98669 10.1409 6.77033 10.1426 6.54575C10.1443 6.32117 10.2228 6.10634 10.3612 5.94753C10.4997 5.78872 10.6869 5.69864 10.8826 5.69669C11.0784 5.69474 11.267 5.78107 11.4078 5.93709L15.631 10.7825C15.771 10.9431 15.8496 11.161 15.8496 11.3881C15.8496 11.6152 15.771 11.833 15.631 11.9936L11.4078 16.8391C11.2678 16.9996 11.0779 17.0898 10.88 17.0898C10.682 17.0898 10.4921 16.9996 10.3521 16.8391Z' fill='%23526366'/%3E%3Cpath d='M24.1741 12.1053C24.1741 18.6519 18.8486 23.9605 12.2775 23.9605C5.70634 23.9605 0.380859 18.6519 0.380859 12.1053C0.380859 5.55858 5.70634 0.25 12.2775 0.25C18.8486 0.25 24.1741 5.55858 24.1741 12.1053Z' stroke='%23526366' stroke-width='0.5'/%3E%3C/svg%3E%0A");
  width: 25px;
  height: 25px;
  content: " ";
  right: 10px;
  top: 0;
  bottom: 0;
  position: absolute;
  margin: auto;
}
.related-sites-block .site a .image {
  overflow: hidden;
  border-radius: 8px;
}
.related-sites-block .site a .image img {
  aspect-ratio: 2.5/1;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 8px;
  overflow: hidden;
  width: 100%;
}
.related-sites-block .slick-slide {
  padding: 7px;
}
.related-sites-block .slick-arrow {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-indent: 9999px;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  border: 1px solid #526366;
  background: #fff;
  position: absolute;
  z-index: 1;
  left: -5px;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
}
.related-sites-block .slick-arrow.slick-next {
  right: -5px;
  left: auto;
}
.related-sites-block .slick-arrow.slick-next:before {
  border: 0;
  border-top: 2px solid #526366;
  border-right: 2px solid #526366;
  left: auto;
  right: 11px;
}
.related-sites-block .slick-arrow:before {
  content: " ";
  left: 11px;
  width: 7px;
  height: 7px;
  transform: rotate(45deg);
  border-bottom: 2px solid #526366;
  border-left: 2px solid #526366;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: all 0.2s;
}
.related-sites-block .slick-arrow:hover {
  background: #526366;
}
.related-sites-block .slick-arrow:hover:before {
  border-color: #fff;
}
.related-sites-block ul.slick-dots {
  display: flex;
  background: rgba(255, 255, 255, 0.8);
  padding: 10px 30px;
  box-sizing: border-box;
  border-radius: 25px;
  list-style: none;
  align-items: center;
  min-width: 170px;
  justify-content: center;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: 15px auto 0;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
}
.related-sites-block ul.slick-dots li {
  line-height: 1;
  margin: 0 6px;
  width: 7px;
  height: 7px;
  background: #526366;
  border-radius: 100%;
  display: flex;
  overflow: hidden;
  cursor: pointer;
}
.related-sites-block ul.slick-dots li.slick-active {
  width: 13px;
  height: 13px;
  background: #00A5C0;
}
.related-sites-block ul.slick-dots button {
  border: 0;
  text-indent: 999999px;
  background: transparent;
  cursor: pointer;
}

@media (min-width: 768px) {
  .related-sites-block {
    padding: 70px 15px;
  }
  .related-sites-block > .container .title {
    margin: 0 0 30px;
  }
  .related-sites-block .sites {
    padding: 0 45px;
  }
  .related-sites-block .slick-arrow {
    width: 40px;
    height: 40px;
  }
  .related-sites-block .slick-arrow.slick-next:before {
    right: 15px;
  }
  .related-sites-block .slick-arrow:before {
    width: 11px;
    height: 11px;
    left: 15px;
  }
  .related-sites-block ul.slick-dots {
    margin: 20px auto 0;
  }
}
@media (min-width: 1024px) {
  .related-sites-block {
    padding: 120px 15px;
  }
  .related-sites-block ul.slick-dots {
    margin: 25px auto 0;
  }
}