.partner-container{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap:2rem;
}
.partner-container .item{
    display: flex;
    justify-content: center;
    align-items: center;
   padding: 3rem 4.5rem;
   height: 219px;
   box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
   border-radius: 8px
}
.partner-container .item img{ 
   width: 100%;
   height: 100%;
   object-fit: contain;
}
.partner-container .item:hover{
    transition: var(--transition);
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

@media only screen and (max-width: 1024px) {
    .partner-container .item {
        padding: 2rem 3.5rem;
        height: 180px;
    }
}

@media only screen and (max-width: 820px) {
    .partner-container {
        grid-template-columns: repeat(2,1fr);
    }
}

@media only screen and (max-width: 612px) {
    .partner-container {
        gap: 1rem;
    }
    .partner-container .item {
        padding: 1.5rem;
        height: 110px;
    }
}