@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap");
/* Font Weight Classes */
.fw-lighter {
  font-weight: lighter !important;
}
.fw-light {
  font-weight: 300 !important;
}
.fw-normal {
  font-weight: 400 !important;
}
.fw-medium {
  font-weight: 500 !important;
}
.fw-semibold {
  font-weight: 600 !important;
}
.fw-bold {
  font-weight: 700 !important;
}
.fw-bolder {
  font-weight: bolder !important;
}

h1,
h2 {
  /* font-family: "DM Sans", sans-serif !important; */
  font-family: "Orbitron", sans-serif !important;
  font-size: xxx-large;
  /* font-weight: 800 !important; */
}
/* .heading{
  font-family: "Orbitron", sans-serif !important;
} */

.logo {
  width: 70%;
}
.logo-footer {
  width: 77%;
}
.main-heading {
  font-size: 51px !important;
  font-family: "Orbitron", sans-serif !important;
  font-weight: 800 !important;
}
/* Central logo ripple */
.ripple-logo {
  position: relative;
  display: inline-block;
}

.ripple-logo img {
  position: relative;
  z-index: 2; /* keep logo above ripples */
  /* max-width: 100% !important; adjust to your design */
  width: 400px !important;
}

/* Ripple background layers */
.ripple-logo::before,
.ripple-logo::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 250px; /* ripple size */
  height: 250px;
  border: 2px solid #ac2c24; /* ripple color */
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(1);
  opacity: 0.6;
  z-index: 1; /* keep ripple behind the image */
  animation: rippleCircle 3s infinite ease-out;
}

.ripple-logo::after {
  animation-delay: 1.5s;
}

@keyframes rippleCircle {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.6;
  }
  100% {
    transform: translate(-50%, -50%) scale(2.5);
    opacity: 0;
  }
}
.client-icon-container {
  border-radius: 20px 20px 0px 20px;
  border: 3px solid #adadad;
  height: 115px !important;
  min-width: 200px !important;
}
.bdr-rad-project {
  border-radius: 0px 30px 0px 30px;
}
.bdr-rad-service {
  border-radius: 10px;
}
.hdg-service {
  border-top: 3px solid white;
  border-right: 3px solid white;
  margin-top: -30px;
  font-size: 25px;
}