@charset "utf-8";
.nav ul li:nth-child(3) a::after {opacity: 1;}

.manufacturer {padding: 0 1.5rem;}
.manufacturer div {background-color: #eeeff1; padding-top: 2.5rem; padding-bottom: 2.5rem; margin: 4rem -1.5rem -5rem -1.5rem;}
.manufacturer ul {display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 1.25rem; align-items: center; max-width: 1580px; margin: 0 auto; font-size: 0.9375rem; font-weight: 300; padding: 1.5rem 1.5rem 2rem 1.5rem;}
.manufacturer li {flex: calc(16.6666% - ((1.25rem * 5) / 6)) 0 0; border-radius: 0.5rem;}
.manufacturer li a {display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 100%; height: 100%; padding-top: 68%; padding-bottom: 12%; background-color: #191f22; background-repeat: no-repeat; background-size: 33%; background-position: center 33%; white-space: nowrap; color: #edf2f5; opacity: 0.9; border-radius: 0.5rem; transition: background-color 0.3s ease-out; text-decoration: none;}
.manufacturer li:hover a {background-color: #2d3033; opacity: 1;}

.aba {background-image: url(../images/brands/abarth.svg)}
.aiw { background-image:url(../images/brands/aiways.svg);}
.alfa { background-image:url(../images/brands/alfa.svg);}
.alp {background-image: url(../images/brands/alpine.svg);}
.audi {background-image: url(../images/brands/audi.svg);}
.avtr {background-image: url(../images/brands/avatr.svg);}
.bmw {background-image: url(../images/brands/bmw.svg);}
.byd {background-image: url(../images/brands/byd.svg);}
.byt {background-image: url(../images/brands/byton.svg);}
.cup {background-image: url(../images/brands/cupra.svg);}
.cit {background-image: url(../images/brands/citroen.svg);}
.dac {background-image: url(../images/brands/dacia.svg);}
.denza {background-image: url(../images/brands/denza.svg);}
.ds {background-image: url(../images/brands/ds.svg);}
.ego {background-image: url(../images/brands/ego.svg);}
.elg {background-image: url(../images/brands/elegend.svg);}
.fis {background-image: url(../images/brands/fisker.svg);}
.fiat {background-image: url(../images/brands/fiat.svg);}
.ford {background-image: url(../images/brands/ford.svg);}
.gen {background-image: url(../images/brands/genesis.svg);}
.gwm {background-image: url(../images/brands/gwm.svg);}
.honda {background-image: url(../images/brands/honda.svg);}
.hong {background-image: url(../images/brands/hongqi.svg);}
.jag {background-image: url(../images/brands/jaguar.svg);}
.jeep {background-image: url(../images/brands/jeep.svg);}
.lex {background-image: url(../images/brands/lexus.svg);}
.lgy {background-image: url(../images/brands/lightyear.svg);}
.lotus {background-image: url(../images/brands/lotus.svg);}
.lucid {background-image: url(../images/brands/lucid.svg);}
.kgm {background-image: url(../images/brands/kgm.svg);}
.kia {background-image: url(../images/brands/kia.svg);}
.maz {background-image: url(../images/brands/mazda.svg);}
.mit {background-image: url(../images/brands/mitsubishi.svg);}
.mb {background-image: url(../images/brands/mercedes-benz.svg);}
.mg {background-image: url(../images/brands/mg.svg);}
.mia {background-image: url(../images/brands/mia.svg);}
.mini {background-image: url(../images/brands/mini.svg);}
.nio {background-image: url(../images/brands/nio.svg);}
.nis {background-image: url(../images/brands/nissan.svg);}
.opl {background-image: url(../images/brands/opel.svg);}
.ora {background-image: url(../images/brands/ora.svg);}
.peu {background-image: url(../images/brands/peugeot.svg);}
.por {background-image: url(../images/brands/porsche.svg);}
.rnt {background-image: url(../images/brands/renault.svg);}
.rim {background-image: url(../images/brands/rimac.svg);}
.rr {background-image: url(../images/brands/rolls-royce.svg);}
.seat {background-image: url(../images/brands/seat.svg);}
.ser {background-image: url(../images/brands/seres.svg);}
.skda {background-image: url(../images/brands/skoda.svg);}
.smart {background-image: url(../images/brands/smart.svg);}
.sono {background-image: url(../images/brands/sono.svg);}
.sy {background-image: url(../images/brands/ssangyong.svg);}
.sub {background-image: url(../images/brands/subaru.svg);}
.tesla {background-image: url(../images/brands/tesla.svg);}
.toy {background-image: url(../images/brands/toyota.svg);}
.vw {background-image: url(../images/brands/vw.svg);}
.hyu {background-image: url(../images/brands/hyundai.svg);}
.pol {background-image: url(../images/brands/polestar.svg);}
.vol {background-image: url(../images/brands/volvo.svg);}
.vin {background-image: url(../images/brands/vinfast.svg);}
.xpeng {background-image: url(../images/brands/xpeng.svg);}
.yw {background-image: url(../images/brands/yangwang.svg);}
.zeekr {background-image: url(../images/brands/zeekr.svg);}

@media screen and (max-width: 1180px) {
.manufacturer li {flex: calc(20% - ((1.25rem * 4) / 5)) 0 0;}
}
@media screen and (max-width: 980px) {
.manufacturer li {flex: calc(25% - ((1.25rem * 3) / 4)) 0 0;}
}
@media screen and (max-width: 820px) {
.manufacturer ul {gap: 1rem;}
.manufacturer li {flex: calc(33.3333% - ((1rem * 2) / 3)) 0 0;}
}
@media screen and (max-width: 660px) {
.manufacturer ul {max-width: 480px;}
.manufacturer li {flex: calc(50% - 0.5rem) 0 0;}
}