/* ==========================================================
   DIPLOMA-SWIPER.CSS - Swiper customization for diplomas slider
   ========================================================== */

.diplomasSwiper {
    padding: 40px 20px 100px 20px;
    position: relative;
}

/* Center slides and cards */
.diplomasSwiper .swiper-slide {
    display: flex;
    justify-content: center;
}

.diplomasSwiper .diploma-card {
    margin: 0 auto;
}

/* Navigation arrows */
.diplomasSwiper .swiper-button-next,
.diplomasSwiper .swiper-button-prev,
.swiper-button-next,
.swiper-button-prev {
    width: 50px;
    height: 50px;
    background: var(--secondary-color);
    border-radius: 50%;
    color: #fff;
    transition: all 0.3s ease;
}

.diplomasSwiper .swiper-button-next:after,
.diplomasSwiper .swiper-button-prev:after {
    font-size: 20px;
    font-weight: bold;
}

.diplomasSwiper .swiper-button-next:hover,
.diplomasSwiper .swiper-button-prev:hover {
    background: #3a4a3a;
    transform: scale(1.1);
}