@media (min-width: 768px) {
  header .logo {
    opacity: 0;
    animation: logoSlide 1s ease-out forwards;
  }
  header .burger-menu {
    opacity: 0;
    animation: burger-menuSlide 1s ease-out forwards;
  }
  header .navigation {
    opacity: 0;
    animation: navFade 0.3s ease-out forwards;
  }
  header .navigation .nav {
    opacity: 0;
    animation: navFade 0.6s ease-out forwards;
    animation-delay: 0.2s;
  }
  @keyframes navFade {
    from {
      opacity: 0;
      transform: translateY(-5px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes navFade {
    from {
      opacity: 0;
      transform: translateY(-5px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  header .navigation .quote_button {
    opacity: 0;
    animation: quotePop 0.6s ease-out forwards;
    animation-delay: 0.4s;
  }
  header .navigation .quote_button span {
    display: inline-flex;
    transition: transform 0.3s ease;
  }
  @keyframes quotePop {
    from {
      opacity: 0;
      transform: translateY(-10px) scale(0.95);
    }
    to {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }
  @keyframes logoSlide {
    from {
      transform: translateX(-20px);
      opacity: 0;
    }
    to {
      transform: translateX(0);
      opacity: 1;
    }
  }
  @keyframes burger-menuSlide {
    from {
      transform: translateX(20px);
      opacity: 0;
    }
    to {
      transform: translateX(0);
      opacity: 1;
    }
  }
  header.sticky.show {
    animation: slideDownFade 0.5s ease-out forwards;
  }
  header.sticky.hide {
    animation: slideUpFade 0.5s ease-out forwards;
  }
  @keyframes slideDownFade {
    0% {
      transform: translateX(-50%) translateY(-50px);
      opacity: 0;
    }
    100% {
      transform: translateX(-50%) translateY(0);
      opacity: 1;
    }
  }
  @keyframes slideUpFade {
    0% {
      transform: translateX(-50%) translateY(0);
      opacity: 1;
    }
    100% {
      transform: translateX(-50%) translateY(-50px);
      opacity: 0;
    }
  }
  .hero .top img {
    opacity: 0;
    animation: zoomUp 1s ease-out forwards;
    animation-delay: 0.5s;
  }
  .hero .main-heading {
    opacity: 0;
    animation: fadeInUp 1s ease-out forwards;
    animation-delay: 1.5s;
  }
  .hero .main-description {
    opacity: 0;
    animation: fadeInUp 1s ease-out forwards;
    animation-delay: 1s;
  }
  .hero .contact_button {
    opacity: 0;
    animation: fadeInUp 1s ease-out forwards;
    animation-delay: 2s;
  }
  .hero .quote_button {
    opacity: 0;
    animation: fadeInUp 1s ease-out forwards;
    animation-delay: 2.5s;
  }
  @keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translateY(40px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes zoomUp {
    from {
      opacity: 0;
      transform: scale(0.1);
    }
    to {
      opacity: 1;
      transform: scale(1);
    }
  }
  .about .left, .about .right {
    opacity: 0;
    transition: transform 2.5s ease, opacity 1.5s ease;
  }
  .about .left {
    transform: translateX(-80px);
  }
  .about .right {
    transform: translateX(80px);
  }
  .about.animate .left,
  .about.animate .right {
    opacity: 1;
    transform: translateX(0);
  }
  .service .title, .service .description {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s ease;
  }
  .service.animate .title {
    opacity: 1;
    transform: translateY(0);
  }
  .service.animate .description {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.5s;
  }
  .testimonials .title, .testimonials .description {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s ease;
  }
  .testimonials.animate .title {
    opacity: 1;
    transform: translateY(0);
  }
  .testimonials.animate .description {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.5s;
  }
  .quote .left, .quote .right {
    opacity: 0;
    transition: transform 2.5s ease, opacity 1.5s ease;
  }
  .quote .left {
    transform: translateX(-80px);
  }
  .quote .right {
    transform: translateX(80px);
  }
  .quote.animate .left,
  .quote.animate .right {
    opacity: 1;
    transform: translateX(0);
  }
}/*# sourceMappingURL=animation.css.map */