body.home .ngh > #home-brands.ngh-brandshow{
position:relative;
display:block;
overflow:hidden;
content-visibility:visible!important;
padding:12px 0!important;
margin:0!important;
background:#202124!important;
border:0!important;
border-bottom:1px solid rgba(255,255,255,.13)!important;
scroll-margin-top:96px;
}
body.home .ngh > #home-brands.ngh-brandshow::before{
content:"";
position:absolute;
inset:0 0 auto;
height:2px;
background:linear-gradient(90deg,#84C041 0%,rgba(132,192,65,.45) 15%,transparent 54%);
pointer-events:none;
}
body.home .ngh > #home-brands .ngh-brandshow__layout{
display:flex!important;
flex-direction:row!important;
align-items:center!important;
flex-wrap:nowrap!important;
justify-content:space-between!important;
width:min(1290px,calc(100% - 64px))!important;
max-width:1290px!important;
margin:0 auto!important;
padding:0!important;
gap:clamp(15px,2.3vw,34px)!important;
}
body.home .ngh > #home-brands .ngh-brandshow__intro{
display:flex!important;
flex:0 0 260px!important;
min-width:0;
max-width:260px!important;
align-items:center!important;
gap:12px!important;
margin:0!important;
text-align:left!important;
}
body.home .ngh > #home-brands .ngh-brandshow__accent{
display:block!important;
flex:0 0 3px!important;
width:3px!important;
height:34px!important;
min-height:0!important;
background:#84C041!important;
border-radius:6px!important;
}
body.home .ngh > #home-brands .ngh-brandshow__intro h2{
display:block!important;
margin:0!important;
padding:0!important;
color:#F7F8F9!important;
font:700 13px/1.4 'Proximanova-bold',Arial,sans-serif!important;
letter-spacing:.005em!important;
text-transform:none!important;
text-align:left!important;
}
body.home .ngh > #home-brands .ngh-brandshow__intro h2 .ngh-brandshow__heading-line{
display:block!important;
white-space:nowrap!important;
}
body.home .ngh > #home-brands .ngh-brandshow__intro h2 em{
display:block!important;
font:inherit!important;
font-style:normal!important;
color:#B5E66A!important;
}
body.home .ngh > #home-brands .ngh-brandshow__names{
display:flex!important;
flex:1 1 auto!important;
min-width:0;
align-items:center!important;
justify-content:space-between!important;
flex-wrap:nowrap!important;
gap:clamp(12px,1.5vw,22px)!important;
margin:0!important;
padding:0!important;
}
body.home .ngh > #home-brands .ngh-brandshow__names > span{
position:relative;
display:inline-flex!important;
flex:0 1 auto;
min-width:0;
min-height:32px!important;
padding:4px 0!important;
margin:0!important;
align-items:center!important;
justify-content:center!important;
white-space:nowrap!important;
color:#FFFFFF!important;
opacity:1!important;
text-shadow:none!important;
font:700 clamp(15px,1.17vw,18px)/1.25 'Proximanova-bold',Arial,sans-serif!important;
letter-spacing:-.012em!important;
text-align:center!important;
transition:color .25s ease;
}
body.home .ngh > #home-brands .ngh-brandshow__names > span::before{
content:"";
display:block;
position:absolute;
top:50%;
left:calc(-.5 * clamp(12px,1.5vw,22px));
width:1px;
height:19px;
transform:translateY(-50%);
background:rgba(255,255,255,.18);
}
body.home .ngh > #home-brands .ngh-brandshow__names > span:first-child::before{display:none} @media(max-width:1180px){
body.home .ngh > #home-brands .ngh-brandshow__layout{
width:calc(100% - 48px)!important;
gap:18px!important;
}
body.home .ngh > #home-brands .ngh-brandshow__intro{
flex-basis:246px!important;
max-width:246px!important;
}
body.home .ngh > #home-brands .ngh-brandshow__intro h2{font-size:12px!important}
body.home .ngh > #home-brands .ngh-brandshow__names{
flex-wrap:wrap!important;
justify-content:space-around!important;
gap:0 16px!important;
}
body.home .ngh > #home-brands .ngh-brandshow__names > span{
font-size:16px!important;
}
body.home .ngh > #home-brands .ngh-brandshow__names > span::before{display:none}
}
@media(max-width:740px){
body.home .ngh > #home-brands.ngh-brandshow{padding:12px 0!important}
body.home .ngh > #home-brands .ngh-brandshow__layout{
flex-direction:column!important;
align-items:stretch!important;
width:calc(100% - 36px)!important;
gap:10px!important;
}
body.home .ngh > #home-brands .ngh-brandshow__intro{
flex:none!important;
max-width:none!important;
gap:10px!important;
}
body.home .ngh > #home-brands .ngh-brandshow__intro h2{
font-size:13px!important;
line-height:1.32!important;
}
body.home .ngh > #home-brands .ngh-brandshow__accent{height:32px!important}
body.home .ngh > #home-brands .ngh-brandshow__names{
justify-content:center!important;
gap:2px 18px!important;
}
body.home .ngh > #home-brands .ngh-brandshow__names > span{
min-height:28px!important;
font-size:15px!important;
padding:3px 0!important;
}
}
@media(max-width:410px){
body.home .ngh > #home-brands .ngh-brandshow__names{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:3px 12px!important;
}
body.home .ngh > #home-brands .ngh-brandshow__names > span{
white-space:normal!important;
justify-content:flex-start!important;
text-align:left!important;
font-size:15px!important;
}
}
@media(prefers-reduced-motion:reduce){
body.home .ngh > #home-brands .ngh-brandshow__names > span,
body.home .ngh > #home-brands .ngh-brandshow__names > span::after{transition:none!important}
}