@media(min-width: 992px) {
    .menu-button{
        display: none;
    }
}
@media (max-width: 950px) {
    .testimonial-image {
        flex: 0 0 50%;
        margin-bottom: 40px;
    }
    
    .testimonial-box {
        position: relative;
        bottom: auto;
        left: auto;
        margin-top: 20px;
        max-width: 100%;
    }
}
@media(min-width: 992px) {
    .partner-employee-image{
        height: 700px;
        width: fit-content;
    }
}

@media(min-width: 991px){
    .subscribe-input{
        width: 70%;
    }
    .btn-subscribe{
        width: 30%;
    }
}

@media (max-width: 768px) {
    .hero-content h1 {
        font-size: 32px;
    }
    .partner-employee-image{
        width: 350px;
        height: fit-content;
    }
    .play-button {
        bottom: -120px;
        right: 20px;
    }
    .image-inner-box{
        width: 270px;
    }
    .service-card {
        margin-top: 20px;
    }

    /* ✅ Stack cards properly */
    .projects-section .row {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    /* ✅ Make cards full width (or centered smaller width) */
    .project-card {
        width: 100%;
        max-width: 380px;
        height: auto;
        margin-bottom: 25px;
        overflow: hidden;
        cursor: default; 
    }

    /* ✅ Image setup */
    .project-image {
        width: 100%;
        height: 200px;
        overflow: hidden;
    }

    .project-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transform: none; 
    }

    .project-overlay {
        position: relative;
        top: 0;
        left: 0;
        background: var(--primary-color);
        color: white;
        padding: 20px;
        transition: none;
        height: auto;
    }

    .project-card:hover .project-overlay {
        top: 0;
    }

    .project-icon {
        width: 45px;
        height: 45px;
        margin-bottom: 10px;
    }

    .project-overlay h4 {
        font-size: 1.1rem;
        margin-bottom: 8px;
    }

    .project-overlay p {
        font-size: 0.95rem;
        line-height: 1.4;
    }

}

@media(min-width: 769px) {
    .partner-employee-image{
        width: 380px;
        height: fit-content;
    }
}
@media(min-width: 751px){
    .slider-indicator{
        display: none;
    }
    .testimonial-arrow{
        display: flex;
    }
}
@media(max-width: 768px){
    .hp-logo{
        margin-top: 25px;
    }
    .toshiba-logo{
        margin-top: 25px;
    }
    .hpe-logo{
        margin-top: 0px;
    }
}
@media (max-width: 750px) {
        .testimonial-section{
            padding-bottom: 0px;
        }
        .testimonial-wrapper{
            text-align: center;
            gap: 2px;
        }
        .testimonial-image img{
            width: 80%;
        }
        .testimonial-wrapper {
            display: flex;
            flex-direction: column;
        }
        .testimonial-content{
            flex: auto;
            width: 300px;
            position: relative;
            height: 400px;
            width: 100%;
        }
        .testimonial-item{
            height: 90%;
            padding-bottom: 10px;
        }
        
}

@media(max-width: 650px){
        .testimonial-image img{
            width: 100%;
        }
}

@media (max-width: 500px) {
  .testimonial-arrow { display: none; }
  .slider-indicators { bottom: 10px; gap: 8px; }
}

@media(max-width: 430px){
    .logo-parent{
        display: flex;
        flex-direction: column;
        gap: 70px
    }
    .dell-logo{
        margin-top: 20px;
    }
    .toshiba-logo{
        margin-top: -30px;
    }
    .hpe-logo{
        margin-top: -30px;
    }
}


@media(max-width: 390px){
    .input-group{
        display: flex;
        flex-direction: column;
    }
    .subcribe-input-parent{
        width: 100%;
        height: 100px;
        display: flex;
        flex-direction: column;
    }
    .subscribe-input{
        outline: none;
        width: 100%;
        padding: 10px 20px; 
        border-radius: 5px 5px 5px 5px; 
        margin-bottom: 5px;
    }
    .btn-subscribe {
        padding: 10px 20px;
        width: 100%;
        color: white;
        border-radius: 5px 5px 5px 5px;
    }
     .testimonial-content {
        height: 480px;
    }
}


@media(max-width: 360px) {
    .partner-image img{
        width: 95%;
    }
    .testimonial-box {
        width: 92%;
        padding: 15px 18px;
        padding-top: 20px;
        
    }
    .testimonial-box{
        text-align: center;
        width: 100%;
    }
    .testimonial-box p{
        white-space: wrap;
    }
}