.view-slide .view-content:not(.flickity-enabled) {
  opacity: 0;
  min-height: 400px;
  transition: opacity 0.3s ease-in-out; }

.view-slide .view-content.flickity-enabled {
  opacity: 1;
  min-height: auto; }

.view-slide .view-content.flickity-ready {
  transition: opacity 0.5s ease-in-out; }

.service-slider .service-promo-content {
  height: 100%; }
  .service-slider .service-promo-content .container {
    padding: 0 25px; }

.service-slider:has(.flickity-enabled) .block-slider-nav {
  display: flex; }

.service-slider:has(.flickity-enabled) .view-content {
  margin: 0 -15px; }

.service-slider .flickity-page-dots {
  bottom: 30px;
  padding: 0 30px;
  text-align: right; }
  @media (max-width: 575.98px) {
    .service-slider .flickity-page-dots {
      bottom: 20px; } }

.service-slider .flickity-button svg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.service-slider .flickity-button.previous {
  left: 30px; }

.service-slider .flickity-button.next {
  right: 30px; }

@media (max-width: 575.98px) {
  .service-slider .flickity-button {
    top: auto;
    bottom: 55px;
    transform: none; } }

.service-promo--slide {
  position: relative;
  width: 100%;
  z-index: 1; }
  .service-promo--slide img {
    width: 100%;
    height: 100%;
    object-fit: cover; }

@media (max-width: 767.98px) {
  .service-promo--slide .service-promo-title {
    font-size: 35px; } }

.service-promo--slide .service-promo-short {
  font-weight: 600;
  line-height: 1.55;
  margin-bottom: 15px; }
  @media (min-width: 992px) {
    .service-promo--slide .service-promo-short {
      font-size: 22px; } }
  @media (max-width: 767.98px) {
    .service-promo--slide .service-promo-short {
      font-size: 20px; } }

.service-promo--slide .service-promo-image {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
  z-index: 1; }
  .service-promo--slide .service-promo-image picture {
    width: 100%; }

.service-promo--slide .service-promo-content {
  position: relative;
  z-index: 2; }
  @media (max-width: 415px) {
    .service-promo--slide .service-promo-content {
      min-height: 560px; }
      .service-promo--slide .service-promo-content br {
        display: none; }
      .service-promo--slide .service-promo-content picture {
        width: 100%; } }