.block-swiper {
}

.block-swiper .inner {
  position: relative;
  z-index: 0;
}

.block-swiper .image {
  position: relative;
}

.block-swiper .body {
  position: absolute;
  right: 0px;
  bottom: 150px;
  color: #fff;
  padding-left: 80px;
  padding-right: 50%;
  z-index: 3;
  left: 0px
}

.block-swiper .image::before {
    content: '';
    position: absolute;
    left: 20px;
    right: -230px;
    top: 0;
    bottom: 0;
    background-image: url(../../../images/condecta-c-kontur-thin.svg);
    opacity: 1;
    transition: all 0.15s ease-in-out;
    background-size: cover;
    background-position: center;
    z-index: 2;
}

.block-swiper .inner a {
  color: #fff;
  font-weight: 600;
}

.block-swiper .inner a::after {
  content: "\f061";
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  margin-left: 10px;
}


.block-swiper .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  display: inline-block;
  border-radius: 100%;
  background: none;
  border: 1px var(--bs-yellow) solid;
  opacity: 1;
  z-index: 10;
}

.block-swiper .swiper-pagination-bullet-active {
  background: var(--bs-yellow);
}


.block-swiper .swiper-slide .image::after {
      content: '';
      position: absolute;
      left: 00px;
      right: 0px;
      top: 0;
      bottom: 0;
      background-image: url(../../../images/header-overlay-blue.png);
      opacity: 1;
      transition: all 0.15s ease-in-out;
      background-size: cover;
      background-position: center;
      z-index: 1;
}




@media (max-width: 1699.98px) {
}

@media (max-width: 1399.98px) {

  .block-swiper .body {
    bottom: 100px;
    padding-left: 80px;
    padding-right: 25%;

  }


}

@media (max-width: 1199.98px) {
}

@media (max-width: 991.98px) {

  .block-swiper .image::before {
      background-image: url(../../../images/condecta-c-kontur.svg);
  }

  .block-swiper .swiper-slide .image::after {
    display: none;
  }

  .block-swiper {
    background-color: var(--bs-primary);
  }

  .block-swiper .body {
    position: relative;
    padding: 0px;
    padding-top: 1rem;
    background-color: var(--bs-primary);
    padding: 1rem;
    padding-bottom: 3rem;
    bottom: 0px;
  }

  .block-swiper .body a {
  }

}

@media (max-width: 767.98px) {
}

@media (max-width: 575.98px) {
}

@media (max-width: 475.98px) {
}