/* .card.bounce>.card-1{
  transform:translateX(0);
  animation: bottomToright 1s ease-out forwards;
}

.card.bounce>.card-2{
  transform:translateX(0);
  animation: bottomTotop 1s ease-out forwards;
}

.card.bounce>.card-3{
  transform:translateX(0);
  animation: bottomToleft 1s ease-out forwards;
} */
  @keyframes slideInLeft {
    from {
      transform: translateX(-100%);
      opacity: 0;
    }
    to {
      transform: translateX(0);
      opacity: 1;
    }
  }

  
  @keyframes slideInRight {
    from {
      transform: translateX(100%);
      opacity: 0;
    }
    to {
      transform: translateX(0);
      opacity: 1;
    }
  }
  
  .bg-hero-gradient {
    background: linear-gradient(135deg, #0f0f0f, #1e1a10, #2f230f);
  }
  .nav-gradient {
    background: linear-gradient(90deg, #2f230f, #403417);
  }
  input[type=checkbox] {
    background-color: #0f0f0f;
  }
  html{
    scroll-behavior: smooth;
  }

.card>.content {
transform: translateX(-100%);
animation: slideInLeft 2s ease-out forwards;
}

.card>.image {
transform: translateX(100%);
animation: slideInRight 2s ease-out forwards;
opacity:1
}

.nav-bar{
  animation: fromToptoDown 1s ease-out forwards;
}

@keyframes fromToptoDown{
  from {
    transform: translateY(-100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.closeMenu
{
display:none;
}
.showClose
{
display: none;
}

/* .card.bounce>.about-us
{
  animation:slideInLeft 2s ease-out forwards;
}
.card.bounce>.sub-about
{
  animation: slideInRight 2s ease-out forwards;
  opacity:1
} */

/* .card.bounce>.form{
  animation: slideInRight 2s ease-out forwards;
} */
.editorial-block
{
  color:white !important;

}