@media (max-width: 530px) {
    body {
    }

    .callus {

        display: none;
    }
    .hero-image {
        background-position: 67%;
    }

    .hero-text {
        margin-left: 2em;
        height: 262px;
        width: 288px; 
    }
    .hero-text h1 {
        line-height: 3rem;
    }
    .hero-text h2 {
        width: 288px;
    }

    .splide {
        left: 0px;
    }
    .button-swipe-testimonial {
        left: 0vw;
    }

    .footer-h2-container {
        flex-direction: column;
        gap: 1em;
    }
    .footer-h2-container h2 {
        width: 300px;
    }
}


@media (max-width: 1000px) {
    .hero-image {
        background-position: 60%;
    }
    .hero-wrapper {
        padding: 2.13rem 2rem 1.25rem;
        margin: 0;
    }

    .container-text {
        display: none;

    }
    .container-h2 {
        font-size: 0.812rem;
    }

    .splide__button {
        display: none;
    }
    .button-swipe {
        display:flex;
        left: 40px;
    }
    .button-swipe img {
        width: 47px;
        height: 47px;
        object-fit: fill;
        object-position: center;
    }
    .button-group {
        position: relative;
        left: 5%;
    }

    .video-section {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 1em;
        padding: 0;
        padding: 1em;
    }
    .video-section p {
        width: 313px;
        color: #3E3E3E;
        font-family: Lexend;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px; /* 125% */
    }    
    .video-container {
        width: 362px;
        height: 225.784px;
    }

    .contact-section {
        flex-direction: column;
        padding: 3em;
        justify-content: start;
        align-items: flex-start;
        gap: 2em;
    }

    .testimonial-section {
        padding: 0 1em 0;
    }

    .products {
        padding-left: 1em;
    }

    .footer-section {
        margin: 0;
        padding: 2em;
    }



}