.swiper-slide {
  box-sizing: border-box;
}

.sw_controls {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 2;
  right: 10px;
  left: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.sw_prev,
.sw_next {
  transition: all 0.3s ease;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: cover;
  height: 14px;
  width: 14px;
}
.sw_prev.swiper-button-disabled,
.sw_next.swiper-button-disabled {
  pointer-events: none;
  opacity: 0.4;
  cursor: default;
}

.sw_prev {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M2.20312 6.69727L6.51797 6.69792M6.52418 6.69792L11.2082 6.69792' stroke='white' stroke-width='0.695915' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.52412 2.00781L2.46109 6.07084C2.11811 6.41382 2.11811 6.9699 2.46109 7.31288L6.52412 11.3759' stroke='white' stroke-width='0.695915' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.sw_next {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M11.1799 6.69727L6.86508 6.69792M6.85887 6.69792L2.17483 6.69792' stroke='white' stroke-width='0.695915' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.85894 2.00781L10.922 6.07084C11.2649 6.41382 11.2649 6.9699 10.922 7.31288L6.85894 11.3759' stroke='white' stroke-width='0.695915' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.block-slider:not(:last-child) {
  margin-bottom: 60px;
}

.main-slider {
  margin-bottom: 20px;
}
.main-slider--thumbs img {
  object-fit: cover;
  aspect-ratio: 1;
}
@media screen and (min-width: 768px) {
  .main-slider--thumbs img {
    aspect-ratio: 1.625;
  }
}

.tpl-header-rana .sw_prev,
.tpl-header-rana .sw_next {
  height: 14px;
  width: 14px;
}
@media screen and (max-width: 1025px) and (min-width: 768px) {
  .tpl-header-rana .sw_prev,
  .tpl-header-rana .sw_next {
    height: 20px;
    width: 20px;
  }
}
@media screen and (min-width: 1025px) {
  .tpl-header-rana .sw_prev,
  .tpl-header-rana .sw_next {
    height: 32px;
    width: 32px;
  }
}
.tpl-header-rana .swiper-slide-active img {
  width: 100%;
}
.tpl-header-rana .sw_controls {
  right: 18px;
  left: 18px;
}
.tpl-header-rana .swiper-thumbs {
  height: 67px;
}
@media screen and (min-width: 768px) {
  .tpl-header-rana .swiper-thumbs {
    height: 96px;
  }
}

/*# sourceMappingURL=slider.css.map */