:root {
  --primary: #083248;
  --secondary: #fab919;
  --tertiary: #8c0e0f;
  --myWhite: #f1f1f1;
  --myWhiteOpc: #f1f1f1db;
}

.home-showcase {
  background-image: url(/assets/home_showcase.png);
  background-position-y: 20%;
}

.careers {
  background-image: url(/assets/about_showcase.png);
  background-position-y: 25%;
}

.netstar_showcase {
  background-image: url(/assets/car.png);
  background-position-y: top;
}

.life_showcase {
  background-image: url(/assets/family.png);
  background-position-y: top;
}

.glide__bullet,
.glide__bullet:visited {
  border: solid 2px var(--secondary);
  background-color: transparent;
  margin: 0 5px;
  width: 15px;
  height: 15px;
  transition: all ease 0.4s;
}

.glide__bullet:hover {
  background-color: var(--secondary);
  opacity: 1;
  border: 3px solid var(--secondary);
}

.glide__bullet--active,
.glide__bullet:active {
  background-color: var(--secondary);
  opacity: 1;
  border: 2px solid var(--secondary);
}

.service-icons img {
  width: 40%;
}
@media (min-width: 576px) {
  .service-icons img {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .service-icons img {
    width: 50%;
  }
}