.m32_partners--feature .m32_partners_feature {
display: flex;
background: var(--strobl-blue);
border-radius: 20px;
overflow: hidden;
min-height: 600px;
} .m32_partners_feature_media { flex: 0 0 42%; position: relative; }
.m32_partners_feature_media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.m32_partners_feature_body {
flex: 1 1 auto;
padding: 75px 112px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
@media all and (max-width: 1199px) {
.m32_partners_feature_body { padding: 75px 88px; }
}
.m32_partners_feature_logo { margin: 0 0 68px; }
@media all and (max-width: 767px) {
.m32_partners_feature_logo { margin: 0 0 38px; }
}
.m32_partners_feature_logo img { height: 75px; width: auto; display: block; }
.m32_partners_feature_name {
font-family: 'Sora', sans-serif;
font-weight: 600;
font-size: 55px;
line-height: 60px;
color: #f9fafc;
margin: 0 0 32px;
}
@media all and (max-width: 767px) {
.m32_partners_feature_name { margin: 0 0 28px; }
}
.m32_partners_feature_text { max-width: 531px; margin: 0 0 58px; }
@media all and (max-width: 767px) {
.m32_partners_feature_text { margin: 0 0 38px; }
}
.m32_partners_feature_text p { font-size: 17px; line-height: 25px; color: #f9fafc; margin: 0; } .m32_partners--grid .m32_partners_cards {
row-gap: 24px;
}
.m32_partners_card {
background: #fff;
border: 1px solid #edf2fe;
border-radius: 20px;
padding: 50px 52px;
display: flex;
flex-direction: column;
align-items: flex-start;
transition: box-shadow .3s ease, transform .3s ease;
} a.m32_partners_card { text-decoration: none; color: inherit; }
a.m32_partners_card:hover { box-shadow: 0 18px 40px rgba(18, 38, 91, .08); transform: translateY(-4px); }
a.m32_partners_card:focus-visible { outline: 2px solid var(--strobl-magenta); outline-offset: 3px; }
@media all and (max-width: 1199px) {
.m32_partners_card { padding: 50px 30px; }
}
@media all and (max-width: 767px) {
.m32_partners_card { width: 100%; }
}
@media all and (max-width: 575px) {
.m32_partners_card { padding: 40px 20px; }
}
.m32_partners_card_logo { margin: 0 0 32px; min-height: 40px; display: flex; align-items: center; }
.m32_partners_card_logo img {
width: 100%;
max-width: 260px;
height: auto;
max-height: 50px;
display: block; filter: grayscale(1);
}
.m32_partners_card_name {
font-family: 'Sora', sans-serif;
font-weight: 600;
font-size: 30px;
line-height: 50px;
color: var(--strobl-accent);
margin: 0 0 6px;
}
.m32_partners_card_text p { font-size: 17px; line-height: 25px; color: var(--strobl-blue); margin: 0 0 25px; }
.m32_partners_card_link {
font-family: 'Geist', sans-serif;
font-weight: 600;
font-size: 17px;
line-height: 25px;
color: var(--strobl-magenta);
text-decoration: none;
margin-top: auto;
}
@media all and (max-width: 350px) {
.m32_partners_card_link { font-size: 15px; }
}
@media all and (max-width: 300px) {
.m32_partners_card_link { font-size: 14px; }
}
.m32_partners_card_link:hover { color: var(--strobl-magenta); opacity: .85; }
@media all and (max-width: 991px) {
.m32_partners--feature .m32_partners_feature { flex-direction: column; min-height: 0; }
.m32_partners_feature_media { flex: 0 0 460px; }
.m32_partners_feature_body { padding: 40px; }
.m32_partners_feature_name { font-size: 38px; line-height: 44px; }
}
@media all and (max-width: 575px) {
.m32_partners_feature_body { padding: 40px 20px; }
}
@media all and (max-width: 475px) {
.m32_partners_feature_media { flex: 0 0 360px; }
} section.m32_partners--logos { background: #fff; position: relative; overflow: hidden; }
section.m32_partners--logos .mM_container { max-width: 100%; width: 100%; padding-left: 0; padding-right: 0; }
section.m32_partners--logos .slick-track { display: flex; align-items: center; }
section.m32_partners--logos .slick-slide { height: auto; }
section.m32_partners--logos .m32_partners_logo_item { display: flex !important; align-items: center; justify-content: center; padding: 0 24px; }
section.m32_partners--logos .m32_partners_logo_link { display: flex; align-items: center; }
section.m32_partners--logos .m32_partners_logo_img { display: flex; }
section.m32_partners--logos .m32_partners_logo_img img,
section.m32_partners--logos .m32_partners_logo_img svg {
width: auto; min-width: 0; height: 60px; min-height: 0;
object-fit: contain;
filter: grayscale(1); opacity: .5;
transition: filter .25s ease, opacity .25s ease;
}
section.m32_partners--logos .m32_partners_logo_item:hover .m32_partners_logo_img img,
section.m32_partners--logos .m32_partners_logo_item:hover .m32_partners_logo_img svg { filter: grayscale(0); opacity: 1; } section.m32_partners--logos::before,
section.m32_partners--logos::after { content: ""; position: absolute; top: 0; bottom: 0; width: clamp(60px, 12vw, 280px); z-index: 2; pointer-events: none; }
section.m32_partners--logos::before { left: 0; background: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%); }
section.m32_partners--logos::after { right: 0; background: linear-gradient(to left, #fff 0%, rgba(255, 255, 255, 0) 100%); } section.m32_partners--logos .m32_partners_logo_img img[src*="openwb" i] { filter: none; opacity: .7; }
section.m32_partners--logos .m32_partners_logo_item:hover .m32_partners_logo_img img[src*="openwb" i] { filter: none; opacity: 1; } section.m32_partners--logos:not([data-slider]) .m32_partners_logos { flex-wrap: wrap; justify-content: center; row-gap: 28px; }
@media all and (max-width: 767px) {
section.m32_partners--logos .m32_partners_logo_item { padding: 0 16px; }
section.m32_partners--logos .m32_partners_logo_img img,
section.m32_partners--logos .m32_partners_logo_img svg { height: 30px; }
} section.m32_partners--grid .mM_row { column-gap: 20px; } @media (prefers-reduced-motion: reduce) {
section.m32_partners .slick-track {
transition: none !important;
animation: none !important;
}
}