html {
  background-color: rgba(0, 0, 0, 0.05);
  height: 100%;
}
body {
  background-color: #fff;
}
.image {
  object-fit: cover;
}

.overlay {
  width: 100%;
  height: 300px;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
}

.promo {
  min-height: 300px;
  box-shadow: inset 0px 0px 6px rgb(0 0 0 / 20%);
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: center;
  /* background-position-y: 700px; */
  background-position-y: bottom;
}
.promo_main {
  background-position-y: -500px;
}
.promo_distribution {
  background-position-y: -300px;
}
.promo_support {
  background-position-y: -300px;
}
.promo_education {
  background-position-y: -300px;
}
.promo_webinar {
  background-position-y: -160px;
}
.promo_privacy {
  background-position-y: -80px;
}
.promo_login {
  background-position-y: -0px;
}

.promo_main {
  background-image: url(/img/main.webp);
}
.promo_company {
  background-image: url(/img/company.webp);
}
.promo_distribution {
  background-image: url(/img/distribution.webp);
}
.promo_privacy {
  background-image: url(/img/privacy-2.webp);
}
.promo_support {
  background-image: url(/img/support.webp);
}
.promo_education {
  background-image: url(/img/education.webp);
}
.promo_webinar {
  background-image: url(/img/webinar.webp);
}
.promo_login {
  background-image: url(/img/login.webp);
}
.promo_contact {
  background-image: url(/img/contact.webp);
}
.promo_vendor {
  background-image: url(/img/promo_blur_dark.jpg);
}
.promo_networks {
  background-image: url(/img/promo-networks.jpg);
  /* 
  edgecore
  commscope
  audiocodes
  f5
  extreme
dialogic
zctt
cambium
ruckus
dcn
ruijie
  */
}

/* Vendors block */
.vendors {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  column-gap: 5px;
  row-gap: 5px;
  width: 100%;
  margin: 0;
  padding: 0;
}
.vendors__item {
  max-height: 92px;
  box-sizing: border-box;
  border: 1px solid #dad7d7;
  border-radius: 3px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
}
.vendors__item:hover {
  background-color: #f2f2f3;
  box-shadow: inset -2px 2px 10px 0px rgb(0 0 0 / 10%);
}
.vendors__link {
  display: block;
  padding: 5px 10px;
}

.vendors__img {
  display: block;
  object-fit: contain;
  width: 100%;
  height: 100%;
  max-height: 80px;
  max-width: 160px;
}

/* END Vendors block */

/* Footer block */

.footer__links {
  list-style-type: none;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 15px;
}
.footer__link {
  text-decoration: none;
}
.footer__copyright {
  background-color: rgba(0, 0, 0, 0.05);
}
/* END Footer block */
