.reveal {
  opacity: 0;
  transform: translateY(40px);
  transition: all 0.6s ease-out;
  will-change: opacity, transform;
}

.reveal.active {
  opacity: 1;
  transform: translateY(0);
}


@media (min-width: 300px) {
.navbar{
padding-left: 1rem;
padding-right: 1rem;

}
}
@media (min-width: 768px) {
.navbar{
gap:25px;

}
}
@media (min-width: 300px) and (max-width:767px){

.wp-block-navigation__responsive-container{
height: 100vh!important;
}

.wp-block-navigation__responsive-container a{
color:black!important;


}
.column-project-service-details{
display: grid;
grid-template-columns: 1fr;

}
.stack-project-service-details{
  width:380px;
  max-width: 380px;
}
.stack-project-service-details2{
  width:350px;
  max-width: 350px;
}
.card-project-custom{
  width:100%;
}
.card-project-custom2{
  width:380px;
}
.stack-project{
  padding-right:0!important;
}
}
@media (min-width: 1280px) {
  .navbar {
    display: flex;
    justify-content: center;
    gap: 400px;
  }
}

@media (min-width: 1280px) {
  .navbar {
    display: flex;
    justify-content: center;
    gap: 350px;
  }
}
@media (max-width: 1024px) {
  .cards-testimonials,
  .cards-prices,
  .cards-projects {
    width: 100vw;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    overflow: hidden;
  }
}
@media (min-width: 300px) {
.wp-block-details{
    width:100%;
}
.container{
    padding: 1rem;
}
}
@media only screen and (max-width: 769px){
    h1 { font-size: 32px!important; line-height: 1.2; }
    h2 { font-size: 28px!important;; line-height: 1.3; }
    h3 { font-size: 24px!important;; line-height: 1.4; }
    h4 { font-size: 20px!important;; line-height: 1.5; }
    h5 { font-size: 18px!important;; line-height: 1.5; }
    h6 { font-size: 16px!important;; line-height: 1.6; }

}

@media (max-width: 767px) {
  .projects-wrapper {
    flex-direction: column;
    width: 100%; 
    align-items: center !important;
  }

  .project-card {
    max-width: 100%; 
  }
 
  .testimonials-wrapper {
    flex-direction: column;
    width: 100%;
    align-items: center !important;
  }

  .card-testimonials {
    max-width: 100%;
  }
}

@media (min-width: 768px) and (max-width:1280px){
  .projects-wrapper {
    flex-direction: column;
    width: 100%; 
    align-items: center !important;
  }

  .project-card {
    max-width: 100%; 
  }
 
  .testimonials-wrapper {
    flex-direction: column;
    width: 100%;
    align-items: center !important;
  }

  .card-testimonials {
    max-width: 700px;
  }
}
@media (min-width: 820px) and (max-width:1023px) {
  .cards-prices{
    display: grid!important;
    grid-template-columns: 1fr!important;
  }
}