section.m33_customer_logos {
position: relative;
}
section.m33_customer_logos .m33_main {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 15px;
}
section.m33_customer_logos .m33_single_logo_row {
justify-content: center;
align-items: center;
gap: 0 30px;
position: relative;
background: transparent;
}
section.m33_customer_logos .m33_logo_item {
position: relative;
}
section.m33_customer_logos .m33_logo_item:not(:last-child):after {
content: '';
position: absolute;
right: -17px;
top: 50%;
transform: translateY(-50%);
width: 4px;
height: 39px;
background: var(--divider-color);
}
section.m33_customer_logos .m33_logo_case_link {
transition: transform .4s;
}
section.m33_customer_logos .m33_logo_case_link:hover {
transform: scale(1.05);
}
section.m33_customer_logos .m33_logo_customer_content {
display: flex;
align-items: center;
}
section.m33_customer_logos .m33_logo_customer_content svg,
section.m33_customer_logos .m33_logo_customer_content img {
fill: #374052;
width: calc(var(--logo_width) * 1.5);
}
section.m33_customer_logos .m33_logo_customer_text {
font-size: 3.263rem;
font-family: Nexa-Heavy, sans-serif;
font-weight: 400;
color: #374052;
line-height: 1;
padding-top: 13px;
}
@media all and (max-width: 2399px) {
section.m33_customer_logos .m33_logo_customer_content svg,
section.m33_customer_logos .m33_logo_customer_content img {
width: calc(var(--logo_width) * 1.4);
}
section.m33_customer_logos .m33_logo_customer_text {
font-size: 3.163rem;
}
}
@media all and (max-width: 2299px) {
section.m33_customer_logos .m33_logo_customer_content svg,
section.m33_customer_logos .m33_logo_customer_content img {
width: calc(var(--logo_width) * 1.3);
}
section.m33_customer_logos .m33_logo_customer_text {
font-size: 3.063rem;
}
}
@media all and (max-width: 2199px) {
section.m33_customer_logos .m33_logo_customer_content svg,
section.m33_customer_logos .m33_logo_customer_content img {
width: calc(var(--logo_width) * 1.2);
}
section.m33_customer_logos .m33_logo_customer_text {
font-size: 2.963rem;
}
}
@media all and (max-width: 2299px) {
section.m33_customer_logos .m33_logo_customer_content svg,
section.m33_customer_logos .m33_logo_customer_content img {
width: calc(var(--logo_width) * 1.1);
}
section.m33_customer_logos .m33_logo_customer_text {
font-size: 2.863rem;
}
}
@media all and (max-width: 1999px) {
section.m33_customer_logos .m33_logo_customer_content svg,
section.m33_customer_logos .m33_logo_customer_content img {
width: var(--logo_width);
}
section.m33_customer_logos .m33_logo_customer_text {
font-size: 2.663rem;
}
}
@media all and (max-width: 1920px) {
section.m33_customer_logos .m33_logo_customer_text {
font-size: 2.3625rem;
}
}
@media all and (max-width: 1849px) {
section.m33_customer_logos .m33_logo_customer_content svg,
section.m33_customer_logos .m33_logo_customer_content img {
width: calc(var(--logo_width) - 15px);
}
section.m33_customer_logos .m33_logo_customer_text {
font-size: 2.163rem;
}
}
@media all and (max-width: 1799px) {
section.m33_customer_logos .m33_logo_customer_content svg,
section.m33_customer_logos .m33_logo_customer_content img {
width: calc(var(--logo_width) - 15px);
}
section.m33_customer_logos .m33_logo_customer_text {
font-size: 1.963rem;
}
}
@media all and (max-width: 1599px) {
section.m33_customer_logos .m33_logo_customer_content svg,
section.m33_customer_logos .m33_logo_customer_content img {
width: calc(var(--logo_width) - 20px);
}
section.m33_customer_logos .m33_logo_customer_text {
font-size: 1.563rem;
}
}
@media all and (max-width: 1399px) {
section.m33_customer_logos .m33_single_logo_row {
width: 100%;
display: block;
}
section.m33_customer_logos .slick-track {
display: flex;
}
section.m33_customer_logos .m33_logo_item {
padding: 0 15px;
display: flex;
height: auto;
align-items: stretch;
}
section.m33_customer_logos .m33_logo_item > * {
flex: 1 0 100%;
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
}
section.m33_customer_logos .m33_logo_item:not(:last-child):after {
right: 0;
}
section.m33_customer_logos .m33_logo_customer_content svg,
section.m33_customer_logos .m33_logo_customer_content img {
width: var(--logo_width);
}
section.m33_customer_logos .m33_logo_customer_text {
font-size: 2.3625rem;
}
}
@media all and (max-width: 575px) {
section.m33_customer_logos .mM_container {
padding: 0;
}
section.m33_customer_logos .m33_logo_customer_text {
font-size: 2.0625rem;
}
}
@media all and (max-width: 350px) {
section.m33_customer_logos .m33_logo_customer_text {
font-size: 1.8625rem;
}
}