.wp-courses {
    max-width: 100% !important;
    overflow: hidden;
    position: relative;
}

/* Single course card */
.wp-courses .swiper-slide {
    width: 360px;
}

.wp-courses .swiper-slide .course-thumbnail {
    overflow: hidden !important;
    width: 100%;
    height: 230px;
    border-radius: var(--dapo-border);
}

.wp-courses .swiper-slide a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    -o-object-fit: cover;
    -o-object-position: top;
    border-radius: var(--dapo-border);
    transition: scale 0.5s ease-in-out;
}

.wp-courses .swiper-slide:hover a img {
    scale: 1.095;
}

.wp-courses .swiper-slide p {
    display: none !important;
}

.wp-courses .swiper-slide h3 {
    margin-top: 1rem;
}

.wp-courses .swiper-slide h3 a {
    width: 100%;
    transition: color 0.35s ease-in-out;
}

.wp-courses .swiper-slide:hover h3 a,
.wp-courses .swiper-slide:focus h3 a {
    color: var(--wp--preset--color--dapo-light-blue);
}

.wp-courses .swiper-button-next,
.wp-courses .swiper-button-prev {
    background-color: var(--wp--preset--color--dapo-white);
    margin-top: -3rem;
    padding: 4px;
    border-radius: 50%;
    height: 35px;
    width: 35px;
    transition: background-color 0.35s ease-in-out;
}

.wp-courses .swiper-button-next:hover,
.wp-courses .swiper-button-prev:hover{
    background-color: var(--wp--preset--color--dapo-dark);
}

.wp-courses .swiper-button-next {
    right: -0.5rem;
}

.wp-courses .swiper-button-prev {
    left: -0.5rem;
}