/* Стили для карточек наград и Swiper */

.my-awards-swiper-container {
 max-width: 900px;
 margin: 0 auto;
 padding: 0px 48px;
 position: relative;
}

.my-awards-swiper{
  height:max-content;
}

.my-awards-swiper .swiper-slide {
 display: flex;
 justify-content: center;
 align-items: center;
 height: 170px;
 border-radius: 12px;
}

.award-card {
 border-radius: 12px;
 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
 background: url(../images/awards-bg.png) #fff no-repeat center 25%;
 background-size: 75% 50%;
 padding: 24px 16px 16px 16px;
 text-align: center;
 width: 300px;
 min-height: 126px;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: flex-start;
}

.award-img {
 width: 80px;
 height: 80px;
 object-fit: contain;
 margin-bottom: 4px;
}

.award-title {
 font-size: 0.8rem;
 color: #25323a;
 margin-top: 4px;
 font-weight: 800;
}

.my-awards-swiper-btn {
 background-color: #fff;
 padding: 24px 16px 16px 16px;
 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
 text-align: center;
 min-height: 168px;
 transform: translateY(-37%);
}

.my-awards-swiper-prev {
 border-radius: 12px 0 0 12px;
 left: 0;
}

.my-awards-swiper-next {
 border-radius: 0 12px 12px 0;
 right: 0;
}

/* Дополнительные стили для Swiper */
.slick-slide {
 background-color: #fff;
 border-radius: 8px !important;
}

.swiper {
 height: 170px;
}

.swiper-slide h4 {
 text-align: center;
 margin-bottom: 10px;
 color: red;
}

/* Стили для секции наград */
.section-awards {
 padding-bottom: 40px;
 padding-top: 40px;
}

.section-awards .awards-item {
 border-radius: 8px !important;
 padding-top: 15px;
 padding-bottom: 15px;
}

.awards-img {
 height: 50px !important;
}

.awards-img img {
 width: 60px;
}

.awards-text {
 font-weight: normal !important;
 font-style: normal !important;
 font-size: 12px;
}

/* Медиа-запросы */
@media screen and (min-width: 1024px) {
 .section-awards .awards-img {
  background-size: 150px;
 }
}

@media screen and (max-width: 500px) {
 .service-page .section-awards {
  padding-top: 15px;
  padding-bottom: 15px;
 }
}
