@media screen and (max-width: 991px) {


    .card-wrapper.testimonials{
        top: -15rem;
    }
    .nav-menu {
        display: none;
        flex-direction: column;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: white;
        padding: 1rem;
        z-index: 1000;
      }
    
      .nav-menu.show {
        display: flex;
      }
    
      .menu-button {
        display: block;
      }
    
      .header-right {
        display: none;
      }
    
      .header-right-mobile {
        display: flex;
        align-items: center;
        gap: 1rem;
      }
}

@media screen and (max-width: 767px) {


    .card-wrapper.testimonials{
        top: -10rem;
    }
}


@media screen and (max-width: 479px) {


    .card-wrapper.testimonials{
        top: -5rem;
    }
}