#home-container {
  position: relative;
  overflow: hidden;
  background-image: url("/homepage/new-assets/img/home-background.min.webp");
  background-repeat: no-repeat;
  background-size: cover;
}

#home-container > video {
  width: 100%;
  position: absolute;
  top: 0;
  opacity: 0.5;
}

#home-container > canvas {
  position: relative;
}

.no-bg-button {
  border: none;
  outline: none;
  cursor: pointer;
  background-color: transparent;
}

.service-card-space {
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: transparent;
}

.custom-range {
  width: 90%;
  height: 6px;
  margin: 8px auto;
  border-radius: 6px;
  background-color: #e9ecef;
}

.custom-range > .custom-range-track {
  height: 100%;
  width: 0%;
  margin: 0;
  border-radius: 6px;
  position: relative;
  background-color: var(--bs-primary);
}

.custom-range > .custom-range-track > .custom-range-thumb {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 4px;
  border-radius: 2px;
  position: absolute;
  top: -8px;
  cursor: pointer;
  background-color: var(--bs-primary);
}

.custom-range > .custom-range-track > .custom-range-thumb > span {
  margin: 0;
  font-size: 12px;
  user-select: none;
  color: var(--bs-white);
}

.text-align-right {
  text-align: right;
}

.bg-image {
  background-repeat: no-repeat;
  background-size: 33.3% auto;
}

.bg-image-left {
  background-position: left center;
}

.bg-image-right {
  background-position: right center;
}

.bg-ads {
  background-image: url("/homepage/new-assets/img/background-ads.min.webp");
}

.bg-sm {
  background-image: url("/homepage/new-assets/img/background-sm.min.webp");
}

.bg-sites {
  background-image: url("/homepage/new-assets/img/background-sites.min.webp");
}

.bg-photos {
  background-image: url("/homepage/new-assets/img/background-photos.min.webp");
}

.team-images-gradient-container {
  width: 100%;
  padding: 0;
  margin: 0;
  position: relative;
}

.team-images-gradient-container > img {
  z-index: 1;
}

.team-images-gradient-container > .team-images-gradient {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 2;
  background-image: linear-gradient(to bottom, transparent 60%, rgba(0, 25, 175, 0.7));
  background-size: contain;
}

.grecaptcha-badge {
  display: none !important;
}

@media (max-width: 991px) {
  .bg-image {
    background-size: contain;
    background-position: top center;
  }

  .bg-ads {
    background-image: url("/homepage/new-assets/img/background-ads-mobile.min.webp");
  }

  .bg-sm {
    background-image: url("/homepage/new-assets/img/background-sm-mobile.min.webp");
  }

  .bg-sites {
    background-image: url("/homepage/new-assets/img/background-sites-mobile.min.webp");
  }

  .bg-photos {
    background-image: url("/homepage/new-assets/img/background-photos-mobile.min.webp");
  }
}

@media (max-width: 575px) {
  #home-container span {
    font-size: 40px;
  }
}