.container-partners
{ width: 100%; overflow: hidden; height: auto; background-image: linear-gradient(to right, #232f95, #0a0a0a); padding-top: 60px; padding-bottom: 40px; position: relative; }

.container-partners::before
{ content: ''; width: 100%; height: 30px; background-color: rgb(255, 255, 255); position: absolute; border-radius: 0px 0px 50px 50px; top: 0; margin-top: -1px; }

.container-partners .title
{ color: transparent; background: -webkit-linear-gradient(left, #ffffff 10%, #ffffff 100%); background: linear-gradient(to right, #ffffff 10%, #ffffff 100% ); background-size: 100%; -webkit-background-clip: text; text-transform: uppercase; font-weight: 700; font-size: 40px; position: relative; text-align: center; padding: 1px; transform: translateY(-15px); }

.container-partners .content-partners
{ width: 100%; height: auto; background-color: rgba(0, 0, 0, 0); padding: 30px 0px 30px 0px; display: grid; grid-template-columns: auto auto auto auto auto; position: relative; }

.container-partners .content-partners .partner
{ position: relative; width: 170px; height: 170px; background-image: linear-gradient(to right, #232f95, #0a0a0a); border-radius: 15px; margin-top: 15px; margin-bottom: 15px; overflow: hidden; }

.container-partners .content-partners .partner img
{ object-fit: cover; width: 100%; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); }

.container-partners .content-partners .partner:hover .partners-name
{ transform: translateY(0%); transition-timing-function: linear; transition: .6s; }

.container-partners .content-partners .partner .partners-name
{ width: 100%; height: 100%; background-image: linear-gradient(to right, #232f95, #0a0a0a); opacity: 90%; position: relative; transform: translateY(100%); transition-timing-function: linear; transition: .3s; }

.container-partners .content-partners .partner .partners-name .name
{ color: transparent; background: -webkit-linear-gradient(left, #ffffff 10%, #ffffff 100%); background: linear-gradient(to right, #ffffff 10%, #ffffff 100% ); background-size: 100%; -webkit-background-clip: text; text-transform: uppercase; font-weight: 700; font-size: 17px;  padding: 1px; text-align: center; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); }

.container-partners .content-partners .bars
{ width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); }

.container-partners .content-partners .bars::before
{ content: ''; width: 100%; height: 40px; background-color: rgb(255, 255, 255); position: absolute; top: 0; border-radius: 40px 40px 0px 0px; }

.container-partners .content-partners .bars::after
{ content: ''; width: 100%; height: 40px; background-color: rgb(255, 255, 255); position: absolute; bottom: 0; border-radius: 0px 0px 40px 40px; }

.container-partners .content-partners .background
{ width: 100%; height: 100%; position: absolute; }

.container-partners .content-partners .background::before
{ content: ''; width: 100%; height: 75%; background-color: rgb(255, 255, 255); position: absolute; margin-top: 35px; }

.container-partners .content-partners .background::after
{ content: ''; width: 100%; height: 75%; background-color: rgb(255, 255, 255); position: absolute; bottom: 0; margin-bottom: 35px; }

@media screen and (min-width:0px) and (max-width:374px) 
{
    .container-partners .content-partners
    { grid-template-columns: auto; }

    .container-partners .content-partners .partner
    { width: 170px; height: 170px; }
}
@media screen and (min-width:375px) and (max-width:499px) 
{
    .container-partners .content-partners
    { grid-template-columns: auto auto; }

    .container-partners .content-partners .partner
    { width: 160px; height: 160px; }
}
@media screen and (min-width:500px) and (max-width:699px) 
{
    .container-partners .content-partners
    { grid-template-columns: auto auto auto; }

    .container-partners .content-partners .partner
    { width: 150px; height: 150px; }

    .container-partners .content-partners .position-2
    { grid-column-start: 2; }
}
@media screen and (min-width:700px) and (max-width:849px) 
{
    .container-partners .content-partners
    { grid-template-columns: auto auto auto auto; }

    .container-partners .content-partners .partner
    { width: 150px; height: 150px; }

    .container-partners .content-partners .position-1
    { grid-column-start: 2; }

    .container-partners .content-partners .position-2
    { grid-column-start: 3; }
}
@media screen and (min-width:850px) and (max-width:999px) 
{
    .container-partners .content-partners .partner
    { width: 150px; height: 150px; }
}