#partners {
    background-color: var(--main-color);
}
@media (min-width: 900px)    { #partners { padding: 100px; } }
@media (max-width: 899.99px) { #partners { padding: 50px 25px; } }

/*----------------------------------------------------------------------------------------------------*/

#partners > .content-wrapper > .title {
    margin-bottom: 75px;
    
    text-align: center;
    font-weight: 700;
}
#partners > .content-wrapper > .title > span { font-weight: 100; }
@media (min-width: 1100px)    { #partners > .content-wrapper > .title { font-size: 35px; } }
@media (max-width: 1099.99px) { #partners > .content-wrapper > .title { font-size: 30px; } }

/*----------------------------------------------------------------------------------------------------*/

#partners > .content-wrapper > .partners {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
#partners > .content-wrapper > .partners > .swiper {}
#partners > .content-wrapper > .partners > .swiper > .swiper-wrapper {}
#partners > .content-wrapper > .partners > .swiper > .swiper-wrapper > .swiper-slide { position: relative; }
#partners > .content-wrapper > .partners > .swiper > .swiper-wrapper > .swiper-slide:before {
    content: '';
    display: block;
    padding-top: 150px;
}
#partners > .content-wrapper > .partners > .swiper > .swiper-wrapper > .swiper-slide > img {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    display: block; width: 100px; height: 50px;
    
    object-fit: contain;
    object-position: center;
}
@media (min-width: 750px) {
    #partners > .content-wrapper > .partners > .swiper { flex: 0 0 calc(100% / 3); }
    #partners > .content-wrapper > .partners > .swiper:nth-child(3) ~ .swiper { border-top: solid 1px #000; }
    #partners > .content-wrapper > .partners > .swiper:not(:nth-child(3n)) { border-right: solid 1px #000; }
}
@media (max-width: 749.99px) {
    #partners > .content-wrapper > .partners > .swiper { flex: 0 0 calc(100% / 2); }
    #partners > .content-wrapper > .partners > .swiper:nth-child(2) ~ .swiper { border-top: solid 1px #000; }
    #partners > .content-wrapper > .partners > .swiper:not(:nth-child(2n)) { border-right: solid 1px #000; }
}