.brand-bg-color {
  background-color: #ce0533;
}
.brand-text-color {
  color: #ce0533;
}
.brand-bg-secondary-color {
  background-color: #522b79;
}
.brand-text-secondary-color {
  color: #522b79;
}
#header .logo:hover {
  color: #ce0533;
}

@media (max-width: 450px) {
  #header .logo {
    font-size: 18px;
  }
}
.backdrop {
  position: absolute;
  inset: 0;
  height: 200%;
  background: linear-gradient(to bottom, hsl(0deg 0% 100%) 0%, transparent 50%);
  backdrop-filter: blur(16px);
  mask-image: linear-gradient(to bottom, white 0% 50%, transparent 50% 100%);
  pointer-events: none;
}

.backdrop-edge {
  --thickness: 2px;
  position: absolute;
  inset: 0;
  height: 100%;
  transform: translateY(100%);
  background: hsl(0deg 0% 100% / 0.1);
  backdrop-filter: blur(8px) brightness(120%);
  pointer-events: none;
  mask-image: linear-gradient(
    to bottom,
    black 0,
    black var(--thickness),
    transparent var(--thickness)
  );
}

#testimonials img {
  max-height: 250px;
  object-fit: cover;
}

#testimonials .testimonial-overview {
  opacity: 0;
  z-index: 1;
  transition: all 0.5s ease-in-out;
}

#testimonials .member:hover .testimonial-overview {
  opacity: 1;
}
#testimonials .member-img::after {
  content: "";
  background-color: #000000a8;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.5s ease-in-out;
}
#testimonials .member:hover .member-img::after {
  opacity: 1;
}
.contact-enquiry-overview {
  max-height: 250px;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 35px;
}
.contact-enquiry-overview::after {
  content: "";
  background-color: #0000009e;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 35px;
}
.contact-enquiry-overview > div {
  z-index: 1;
  position: relative;
}
.profile-image.dropdown a::after {
  content: "";
  display: none;
}