/* navbar fixation */
.navbar-hidden {
  transform: translateY(-100%);
}

.navbar-visible {
  transform: translateY(0);
}



/* hero animation */
/* used on the pendulum movement of hero section image */
@keyframes shake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-5px);
  }
  50% {
    transform: translateX(5px);
  }
  75% {
    transform: translateX(-5px);
  }
  100% {
    transform: translateX(0);
  }
}



/*shake animation for the button start issue certificate in home hero section*/
.animate-shake {
  animation: shake 3s ease-in-out infinite;
}

.button-with-animation {
  display: flex;
  align-items: center;
  animation: move 1s ease-in-out infinite;
  rotate: 270deg;
}

@keyframes move {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(5px);
  }
}

.icon {
  margin-left: 8px;
}
/*.........................................*/

/* marquee effect is used on the Trusted by Leading Companies company 
logo auto scroll in horizontal direction */
.overflow-hidden {
  overflow: hidden;
  position: relative;
  width: 100%;
  padding: 1rem 0;
}

/* Marquee wrapper */
.marquee {
  display: flex;
  gap: 6rem; /* Add space between the cards */
  animation: marquee 20s linear infinite;
  will-change: transform;
}

/* Logo cards with rectangle and shadow */
.logo-card {
  flex: 0 0 auto; /* Prevent shrinking and ensure proper spacing */
  width: 180px;
  height: 100px;
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 4px 10px 5px rgba(199, 181, 107, 0.322);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
}

.logo-card img {
  max-width: 80%; /* Adjust size of the logos */
  max-height: 80%; /* Prevent overflow of images */
  object-fit: contain;
}

/* Keyframes for continuous scrolling */
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

/* Duplicate marquee for seamless effect */
.marquee:after {
  content: '';
  display: inline-block;
  width: 100%;
}