/********** SWipers Bullet **********/
@media (min-width: 1024px) {

    .swiper__pagination-wrapper {
        transition: all 0.2s cubic-bezier(.645, .045, .355, 1);
        transform: translateY(3rem);
    }

    .slider:hover>.swiper__pagination-wrapper {
        transform: translateY(0rem);
    }


    .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        text-align: center;
        opacity: 0.4;
        background: #FFFFFF;
        display: flex;
        border-radius: 100vw;
        cursor: pointer;
    }

    .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: #FFFFFF;
        opacity: 1;
        width: 20px;
        border-radius: 2000px;
    }
}

@media (max-width: 1023px) {

    .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        text-align: center;
        opacity: 0.4;
        background: #FFFFFF;
        display: flex;
        border-radius: 100vw;
        cursor: pointer;
    }

    .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: #FFFFFF;
        opacity: 1;
        width: 20px;
        border-radius: 2000px;
    }
}

/********** About Image Scale **********/
@media (min-width: 1024px) {

    .about__image-row {
        transition: all 0.5s cubic-bezier(.645, .045, .355, 1);
        scale: 1;
        z-index: 0;
    }


    .about__image-row:hover {
        scale: 4;
        z-index: 5;
    }
}

/********** Service Card Scale **********/
@media (min-width: 1024px) {

    .services-card__image>img {
        transition: all 0.2s cubic-bezier(.645, .045, .355, 1);
        scale: 1;
    }

    .services-card__image:hover>img {
        scale: 1.1;
    }

}