img{
    width: 100%;
}
.logo-slider{
    padding: 0px;
    border: 3px;
}
.ourgroup{
    max-width: 80%;
}
.logo-slide{
    width: 126px;
    padding: 0px;
    border: 3px;
}
.logo-slider .slick-slide{
    margin: 35px;
}
.item:hover{
    display: block;
    transition: all ease 0.3s;
    transform: scale(1.1) translateY(-5px);
}
img {
    max-width: 100%;
}
.client1{
    max-width: 80%;
}
.item:hover{
    display: block;
    transition: all ease 0.3s;
    transform: scale(1.1) translateY(-5px);
}
@media screen and (max-width: 1200px) {
    .logo-slider .slick-slide {
        margin: 15px;
    }
}

@media screen and (max-width: 992px) {
    .logo-slider .slick-slide {
        margin: 35px;
    }
}

@media screen and (max-width: 768px) {
    .logo-slider .slick-slide {
        margin: 50px;
    }
}

@media screen and (max-width: 576px) {
    .logo-slider .slick-slide {
        margin: 100px;
        height: 75px;
    }
}
@media screen and (max-width: 576px) {
    .client {
        margin-bottom: -100px;
    }
}
@media screen and (min-width: 1900px) {
    .client {
        margin-top: -50px;
        margin-bottom: -20px;
    }
}
@media screen and (max-width: 576px) {
    .group {
        margin-bottom: -70px;
    }
}
@media screen and (max-width: 576px) {
    .partner {
        margin-bottom: -80px;
    }
}
@media screen and (min-width: 1900px) {
    .group {
        margin-bottom: -20px;
    }
}
@media screen and (min-width: 1900px) {
    .partner {
        margin-bottom: -20px;
    }
}
/* Default styles for the image */
.our-group {
    width: 100%; /* Take full width of the container */
    max-width: 450px; /* Set a maximum width to avoid excessive scaling on large screens */
    display: block; /* Ensures the image doesn't inherit any inline padding/margin */
    margin: 0 auto; /* Center the image horizontally */
}

/* Media query for smaller screens */
@media (max-width: 768px) {
    .our-group {
        max-width: 100%; /* Adjust the maximum width for smaller screens */
        transform: scale(0.8); /* Apply scaling of 80% to the image */
    }
}

/* Media query for even smaller screens */
@media (max-width: 480px) {
    .our-group {
        max-width: 100%‌; /* Adjust the maximum width for even smaller screens */
        transform: scale(1); /* Apply scaling of 60% to the image */
    }
}