.skh-footer-logos{
  --skh-logo-yellow:#f0dc00;
  --skh-logo-black:#1e1d1a;
  --skh-logo-card:#fff;
  width:100%;
  box-sizing:border-box;
  font-family:inherit;
}
.skh-footer-logos *,
.skh-footer-logos *::before,
.skh-footer-logos *::after{box-sizing:border-box}
.skh-footer-logos--dark{background:var(--skh-logo-black);color:#fff}
.skh-footer-logos--light{background:#f5f2ec;color:var(--skh-logo-black)}
.skh-footer-logos--transparent{background:transparent;color:inherit}
.skh-footer-logos__inner{
  width:min(1180px,calc(100% - 40px));
  margin:0 auto;
  padding:28px 0 30px;
}
.skh-footer-logos--compact .skh-footer-logos__inner{padding-top:18px;padding-bottom:18px}
.skh-footer-logos__heading{
  display:grid;
  grid-template-columns:minmax(20px,1fr) auto minmax(20px,1fr);
  align-items:center;
  gap:18px;
  margin:0 0 20px;
}
.skh-footer-logos__heading h3{
  margin:0!important;
  padding:0!important;
  border:0!important;
  color:inherit!important;
  font:700 12px/1.2 inherit!important;
  letter-spacing:.13em;
  text-transform:uppercase;
  text-align:center;
}
.skh-footer-logos__rule{height:1px;background:currentColor;opacity:.16}
.skh-footer-logos--dark .skh-footer-logos__rule{background:var(--skh-logo-yellow);opacity:.35}
.skh-footer-logos__grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
  align-items:stretch;
}
.skh-footer-logos__item{min-width:0}
.skh-footer-logos__card{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:108px;
  height:100%;
  padding:14px 18px;
  background:var(--skh-logo-card);
  border:1px solid rgba(0,0,0,.08);
  border-radius:2px;
  box-shadow:0 8px 20px rgba(0,0,0,.12);
  overflow:hidden;
  text-decoration:none!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.skh-footer-logos__card::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:3px;
  background:var(--skh-logo-yellow);
  transform:scaleX(.28);
  transform-origin:center;
  opacity:.72;
  transition:transform .18s ease,opacity .18s ease;
}
.skh-footer-logos__card img{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  max-height:72px!important;
  object-fit:contain!important;
  margin:0 auto!important;
  filter:none!important;
}
.skh-footer-logos__item--boligmappa .skh-footer-logos__card img{max-height:58px!important}
.skh-footer-logos__item--bvn .skh-footer-logos__card img{max-height:82px!important}
.skh-footer-logos__item--sentral .skh-footer-logos__card img{max-height:82px!important}
.skh-footer-logos__item--vvs .skh-footer-logos__card img{max-height:80px!important}
.skh-footer-logos__item--mester .skh-footer-logos__card img{max-height:78px!important}
.skh-footer-logos--compact .skh-footer-logos__card{min-height:92px;padding:11px 14px}
.skh-footer-logos--compact .skh-footer-logos__card img{max-height:64px!important}

@media (hover:hover) and (pointer:fine){
  a.skh-footer-logos__card:hover{
    transform:translateY(-3px);
    border-color:rgba(240,220,0,.55);
    box-shadow:0 13px 28px rgba(0,0,0,.18);
  }
  a.skh-footer-logos__card:hover::after{transform:scaleX(1);opacity:1}
}

@media(max-width:900px){
  .skh-footer-logos__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .skh-footer-logos__item:nth-child(4){grid-column:1 / 2}
}

@media(max-width:620px){
  .skh-footer-logos__inner{width:min(100% - 28px,560px);padding:22px 0 24px}
  .skh-footer-logos__heading{grid-template-columns:20px 1fr 20px;gap:10px;margin-bottom:16px}
  .skh-footer-logos__heading h3{font-size:11px!important;letter-spacing:.1em}
  .skh-footer-logos__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .skh-footer-logos__item:nth-child(4){grid-column:auto}
  .skh-footer-logos__item:last-child:nth-child(odd){grid-column:1 / -1;width:calc(50% - 4.5px);justify-self:center}
  .skh-footer-logos__card{min-height:94px;padding:12px 14px}
  .skh-footer-logos__card img{max-height:62px!important}
  .skh-footer-logos__item--boligmappa .skh-footer-logos__card img{max-height:50px!important}
  .skh-footer-logos__item--bvn .skh-footer-logos__card img,
  .skh-footer-logos__item--sentral .skh-footer-logos__card img,
  .skh-footer-logos__item--vvs .skh-footer-logos__card img,
  .skh-footer-logos__item--mester .skh-footer-logos__card img{max-height:66px!important}
}

@media(max-width:360px){
  .skh-footer-logos__inner{width:calc(100% - 20px)}
  .skh-footer-logos__grid{gap:7px}
  .skh-footer-logos__card{min-height:88px;padding:10px}
}
