.services {
  display: flex;
  gap: 40px 20px;
  flex-wrap: wrap;
}
.services-title {
  font-family: "Golos Text", Montserrat, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 26px;
  margin: 0 0 30px;
}

.service {
  display: flex;
  flex-direction: column;
  max-width: 228px;
  width: 100%;
  max-height: 394px;
}
.service-img {
  background-color: #D9D9D9;
  max-width: 228px;
  width: 100%;
  height: 228px;
  border-radius: 10px;
  margin-bottom: 16px;
  background-size: cover;
  background-repeat: no-repeat;
  -o-object-fit: cover;
     object-fit: cover;
}
.service-info-title {
  font-family: "Golos Text", Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
}
.service-info-description {
  font-family: "Golos Text", Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  height: 34px;
  margin: 10px 0 9px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
}
.service-info-price {
  font-family: "Golos Text", Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  margin: 0 0 10px;
}
.service-info-btn {
  font-family: "Golos Text", Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  margin: 0;
  background-color: #138F46;
  color: #FFFFFF;
  border-radius: 6px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.service-img-container {
  position: relative;
  width: 100%;
  height: 228px;
  overflow: hidden;
  border-radius: 10px;
  background-color: #D9D9D9;
  margin-bottom: 16px;
}
.service-img-container .service-slider {
  position: relative;
  width: 100%;
  height: 100%;
}
.service-img-container .service-slider .service-slider-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.service-img-container .service-slider .service-left-arrow,
.service-img-container .service-slider .service-right-arrow {
  width: 30px;
  height: 30px;
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: rgba(240, 240, 240, 0.6);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  z-index: 2;
  transform: translateY(-50%);
  cursor: pointer;
  opacity: 0.8;
}
.service-img-container .service-slider .service-left-arrow {
  left: 5px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 40 40' fill='none'%3e%3crect width='40' height='40' rx='20' fill='%23F0F0F0' fill-opacity='0.6'/%3e%3cpath d='M22.5 15L17.7121 19.7879C17.595 19.905 17.595 20.095 17.7121 20.2121L22.5 25' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3e%3c/svg%3e");
}
.service-img-container .service-slider .service-right-arrow {
  right: 5px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 40 40' fill='none'%3e%3crect width='40' height='40' rx='20' fill='%23F0F0F0' fill-opacity='0.6'/%3e%3cpath d='M17.5 25L22.2879 20.2121C22.405 20.095 22.405 19.905 22.2879 19.7879L17.5 15' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3e%3c/svg%3e");
}/*# sourceMappingURL=services.css.map */