@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap);

* {
    font-family: "Outfit", sans-serif !important;
}

.lazyload,
.lazyloading {
    max-width: 100%;
}

.screenshot-area .swiper {
    padding: 10px 20px;
}

.screenshot-area .swiper-slide {
    transition: transform 0.4s ease, opacity 0.4s ease;
    opacity: 0.5;
}

.screenshot-area .swiper-slide .bg {
    height: 85vh;
    width: 40vh;
    position: center;
    background-position: center;
    background-size: cover;
    border-radius: 30px;
    border: 5px solid transparent;
    transition: all 0.3s ease-in-out;
}

.screenshot-area .swiper-slide-active .bg {
    transform: scale(1.05);
}

.screenshot-area .swiper-slide-active {
    transform: scale(1.2);
    opacity: 1;
    z-index: 2;
}

.screenshot-area .swiper-slide-prev,
.screenshot-area .swiper-slide-next {
    transform: scale(0.9);
    opacity: 0.8;
}

.ss-container .swiper-slide {
    transition: all 0.4s ease;
}

.no-js img.lazyload {
    display: none;
}

figure.wp-block-image img.lazyloading {
    min-width: 150px;
}

.lazyload,
.lazyloading {
    --smush-placeholder-width: 100px;
    --smush-placeholder-aspect-ratio: 1/1;
    width: var(--smush-image-width, var(--smush-placeholder-width)) !important;
    aspect-ratio: var(--smush-image-aspect-ratio, var(--smush-placeholder-aspect-ratio)) !important;
}

.lazyload,
.lazyloading {
    opacity: 0;
}

.lazyloaded {
    opacity: 1;
    transition: opacity 400ms;
    transition-delay: 0ms;
}

.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
    background-image: none !important;
}

@media screen and (max-height: 1024px) {

    .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
    .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
        background-image: none !important;
    }
}


@media screen and (max-height: 640px) {

    .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
    .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
        background-image: none !important;
    }
}

@media (max-width: 768px) {
    .screenshot-area .swiper {
        display: flex;
        justify-content: center;
    }

    .screenshot-area .swiper-slide .bg {
        height: 75vh;
        width: 35vh;
        border-radius: 20px;
        margin: auto;
    }

    .screenshot-area .swiper-slide-active {
        transform: scale(1.1);
    }

    .screenshot-area .swiper-slide-prev,
    .screenshot-area .swiper-slide-next {
        transform: scale(0.8);
    }

    .common-title h2 {
        font-size: 1.5em;
        margin-bottom: 20px;
    }

    .container {
        padding: 10px 10px;
    }
}


@media (max-width: 768px) {
    .elementor-element-22162c7 .elementor-heading-titles {
        font-size: 30px !important;
        margin-left: 210px !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
    }
}