.social-icons {
  fill-opacity: 0.6;
}

.social-icons:hover {
  fill-opacity: 1;
}

.glow-code {
  text-shadow:
    0px 0px 48.31px rgba(105, 165, 86, 1),
    0px 0px 250px rgba(75, 113, 198, 1);
}
.default-glow {
  text-shadow:
    0px 0px 5.53px rgba(105, 165, 86, 1),
    0px 0px 11.06px rgba(105, 165, 86, 1);
}

#main-nav.open {
  display: flex !important;
}

body {
  min-height: 100vh;
  position: relative;
  overflow-x: hidden;
}

.dshadow {
  filter: drop-shadow(0px 0px 11.06px #69a556) drop-shadow(0px 0px 5.53px #69a556);
}

code {
  display: block;
}

.neon-white-blink {
  color: rgba(245, 245, 245, 1);
  text-shadow:
    0px 0px 7px rgba(245, 245, 245, 1),
    0px 0px 25px rgba(245, 245, 245, 1),
    0px 0px 50px rgba(245, 245, 245, 1),
    0px 0px 85px rgba(245, 245, 245, 1),
    0px 0px 150px rgba(245, 245, 245, 1);
  animation: blink-smooth 1s step-end infinite;
}

.blink-1 {
  animation: blink-smooth 1.4s step-end infinite;
}
.blink-2 {
  animation: blink-smooth 1.4s step-end 0.7s infinite;
}

.blink {
  animation: blink-smooth 2s step-end infinite;
}

@keyframes blink-smooth {
  0%,
  49% {
    opacity: 1;
  }
  50%,
  100% {
    opacity: 0;
  }
}

.testimonial-text {
  color: #cdffff;
  text-shadow:
    0px 0px 7px #cdffff,
    0px 0px 25px #cdffff,
    0px 0px 50px #cdffff,
    0px 0px 85px #cdffff,
    0px 0px 150px #cdffff;
}

.test-shadow {
  color: #cdffff;
  text-shadow:
    0px 0px 25.01px 0px #cdffff,
    0px 0px 50.03px 0px #cdffff,
    0px 0px 85.76px 0px #cdffff;
}

@media (max-width: 767px) {
  .testimonial-text {
    height: 120px;
    min-height: 120px;
  }
}
.overlay-animation {
  position: relative;
}

.overlay-animation::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #0f0f0f;
  /* pointer-events: none; */
  animation: overlayFade 2s ease-in-out infinite;
  /* mix-blend-mode: multiply; */
}

@keyframes overlayFade {
  0%,
  100% {
    opacity: 0.6; /* Darker */
  }
  50% {
    opacity: 0.2; /* Current look */
  }
}

.animated-path {
  animation: strokeAnimation 3s ease-in-out infinite alternate;
}

@keyframes strokeAnimation {
  0% {
    stroke: #a36236;
  }
  50% {
    stroke: url(#gradient1);
  }
  100% {
    stroke: url(#gradient2);
  }
}
@keyframes flicker-opacity {
  /* 0ms (Start) - Opacity value before the first step */
  0% {
    opacity: 1;
  } /* Assuming you start fully visible */

  /* 800ms (16.67% of 4.8s) - Change to 60 instantly */
  16.67% {
    opacity: 0.6;
  }

  /* 1600ms (33.33% of 4.8s) - Change to 80 instantly */
  33.33% {
    opacity: 0.8;
  }

  /* 2400ms (50.00% of 4.8s) - Change to 40 instantly */
  50.00% {
    opacity: 0.4;
  }

  /* 3200ms (66.67% of 4.8s) - Change to 20 instantly */
  66.67% {
    opacity: 0.2;
  }

  /* 4000ms (83.33% of 4.8s) - Change to 6 instantly */
  83.33% {
    opacity: 0.06;
  }

  /* 4800ms (100% of 4.8s) - Change to 100 instantly */
  100% {
    opacity: 1;
  }
}

/* Apply the animation to your image or element */
.flicker-image {
  animation-name: flicker-opacity;
  animation-duration: 4.8s; /* Total time of all steps */
  animation-iteration-count: infinite; /* Or how many times you want it to run */
  animation-timing-function: steps(1, end);
}