.pseudo-checkbox::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("../images/icon-checkbox-red.08c64764240b.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 8px 8px;
    opacity: 0;
    transition: opacity 0.15s ease;
}

.peer:checked+.pseudo-checkbox::before {
    opacity: 1;
}

/* swipper */
.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius: 9999px;
    background-color: #D1D1D1;
    transition: all 0.25s ease;
}

.swiper-pagination-bullet-active {
    background-color: #D52128;
}

.projects-swiper .swiper-slide {
    width: 900px;
}

.projects-swiper .swiper-slide div {
    transition: transform 0.15s ease;
    transform: scale(0.57222222222);
}

.projects-swiper .swiper-slide-active {
    z-index: 20;
}

.projects-swiper .swiper-slide-active div {
    transform: scale(1);
    /* transform: scale(1.74757281553); */
}

.projects-swiper .swiper-wrapper {
    align-items: center;
}

/* .project-card:hover {
        background-color: #D52128;
    } */


@media (max-width: 1279px) {
    /* .product-card a:hover h3 {
        color: #D52128;
    } */

    

    .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
    }

    .projects-swiper .swiper-slide {
        width: 380px;
    }

    .projects-swiper .swiper-slide div {
        transition: transform 0.15s ease;
        transform: scale(0.7);
    }

    .projects-swiper .swiper-slide-active div {
        transform: scale(1);
    }
}

@media (min-width: 640px) and ((max-width: 1279px)) {

    .projects-swiper .swiper-slide {
        width: 480px;
        margin-left: -15px;
    }
}

@media (min-width: 768px) and ((max-width: 1279px)) {

    .projects-swiper .swiper-slide {
        width: 580px;
        margin-left: -20px;
    }
}