@media only screen and (max-width: 500px) {
    .page-loaded .left-side {
        background-color: transparent;
        backdrop-filter: blur(0px);
    }

    .carousel-hero .carousel-slider .swiper-slide {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .carousel-hero .carousel-slider .swiper-slide .inner {
        width: 65%;
        align-items: center;
        backdrop-filter: blur(3px);

    }

    .carousel-hero .carousel-slider .swiper-slide .inner p {
        font-size: 12px;
    }

    .carousel-hero .swiper-button-prev {
        top: 90vh;
        right: 42px;

    }

    .works ul li h3 {
        font-size: 20px;
    }

    .inner-services2 {
        flex-direction: column-reverse !important;
    }

    .inner-services {
        flex-direction: column;
    }
    .service-content ul li,
    .service-content p {
        font-size: 11px;
    }

    .service-content {
        text-align: center;
    }

    .kritika {
        flex-direction: column-reverse !important;
    }

    .testimonials .testimonial {
        padding: 10px 10px;
    }

    .our-team-section .reveal-effect {
        height: 40vh;
    }

    .our-team-section .reveal-effect img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .form-data {
        height: 100%;
        width: 100%;
        padding: 1rem 0rem 0 0rem;
        height: auto;
    }

    .careers-storeis {
        padding: 0rem;
    }

    .site-navigation {
        padding-left: 80px;
    }

    .img-popup img {
        height: 50vh;
    }

    .circel-section {
        display: none;
    }

    .mision-first::after {

        width: 150px !important;
        height: 150px !important;
        border: 1px solid red;
        display: none;
    }

    .mision-four::after,
    .mision-second::after,
    .mision-third::after {
        display: none;
    }

    .mission-vision {
        padding: 2px 10px 2px 10px !important;
        border-bottom: 1px solid ;
    }

    .mission-vision:nth-child(3) .mission-content,
    .mission-vision:nth-child(1) .mission-content {
        text-align: start;
    }
    .mission-vision:nth-child(3),
    .mission-vision:nth-child(2){
        box-shadow: none;
    }
    .mission-section{
        height: 60vh;
    }
    .mision-four{
        height: 70vh;

    }
    .mission-content p {
        font-size: 12px;
    }
    .page-header .inner h1 {
        font-weight: zy;
    }
}
@media only screen and (max-width: 800px) and (min-width: 500px){
    .mision-third::after {
        
        right: -12%;
        top: -19%;
    }
    .mision-second::after {
        left: -11%;
        bottom: -18%;
    }
}