body{
    background-color: #F9F5F1;
    font-family: 'Manrope', sans-serif;
}
html {
  scroll-behavior: smooth;
}
    /* New CSS*/

.banner{
  background-image: url(assets/image/Photo.svg);
  background-repeat: no-repeat;
}
  .faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, padding 0.3s ease;
  }

  .faq-answer.open {
    max-height: 500px; 
    padding-top: 1rem;
    padding-bottom: 1rem;
    border: 1px solid #E4686D !important;
  }

   .active-link {
    font-weight: 600;
    border-bottom: 2px solid #ED1D24;
    color: #ED1D24 !important;
  }
 @media screen and (max-width:768px) {
  .active-link {
    border-bottom: none !important;
    color: #ED1D24 !important;
  }
 }
 @keyframes slideFromTop {
  from {
    transform: translateY(-100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

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

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

@keyframes slideFromRight {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

.slide-top {
  animation: slideFromTop 0.7s ease forwards;
}
.slide-bottom {
  animation: slideFromBottom 0.7s ease forwards;
}
.slide-left {
  animation: slideFromLeft 0.7s ease forwards;
}
/* .slide-right {
  animation: slideFromRight 0.7s ease forwards;
} */