#homepage-section-4 {
  margin: 100px 0 120px;
}

#homepage-section-4 .main-container {
  width: 90%;
  margin: 0 auto;
}

#homepage-section-4 .homepage-section-4-content {
  position: relative;
}

#homepage-section-4 .avantaje-title {
  text-align: center;
  margin-bottom: 80px;
  font-size: 32px;
}

#homepage-section-4 .avantaje {
  max-width: 1250px;
  width: 100%;
  margin: 0 auto;
  height: 360px;
  cursor: grab;
}

#homepage-section-4 .avantaje .avantaj {
  width: 286px;
  height: 300px;
  padding: 20px;
  box-shadow: var(--shadow);
}

#homepage-section-4 .avantaje .avantaj img {
  max-width: 50px;
}

#homepage-section-4 .avantaje .avantaj .title {
  margin: 23px 0;
}

#homepage-section-4 .avantaje .avantaj .text {
  font-size: 14px;
}

/* Swiper Nav */

#homepage-section-4 .swiper-pagination{
  bottom: 0;
  left: 0;
  right: 0;
}

#homepage-section-4 .swiper-pagination-bullet-active{
  background: #000;
}
#homepage-section-4 .swiper-pagination-clickable .swiper-pagination-bullet{
  margin-right: 10px;
}

#homepage-section-4 .prev,
#homepage-section-4 .next {
  position: absolute;
  border: 1px solid #e4e4e4;
  padding: 25px;
  border-radius: 50%;
  top: 50%;
  outline: none;
}

#homepage-section-4 .prev {
  left: 50px;
}
#homepage-section-4 .next {
  right: 50px;
}

#homepage-section-4 .prev::after,
#homepage-section-4 .next::after {
  color: #333;
  font-size: 20px !important;
}
/* Swiper Nav-end */

@media screen and (max-width: 991px){
  #homepage-section-4 {
    margin: 80px 0 100px;
  }
}

@media screen and (max-width: 550px) {
  #homepage-section-4 .avantaje-title {
    margin-bottom: 30px;
    font-size: 30px;
    max-width: 85%;
    margin: 0 auto;
  }

  #homepage-section-4 .avantaje .avantaj {
    margin: 0;
  }

  #homepage-section-4 .prev,
  #homepage-section-4 .next {
    display: none;
  }
}

@media screen and (max-width: 348px) {
  #homepage-section-4 .avantaje {
    height: 450px;
  }

  #homepage-section-4 .avantaje .avantaj {
    height: 350px;
  }
}