/* Animation Settings */

/*-------------------- Slideshow -------------------------*/
/* Slideshow Header */
.hidden-animation-slideshow {
    opacity: 0;
    transition: all 1s 0.2s;
    filter: blur(5px);
    transform: translateY(100px);
    animation-delay: 200ms;
  }
  
  .show-slideshow {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0);
  }
  /* Slideshow Button */
  .animation-slideshow-button {
    opacity: 0;
    transition: all 1s 0.6s;
    filter: blur(5px);
  }
  
  .show-slideshow-button {
    opacity: 1;
    filter: blur(0);
  }
  
  /* Slideshow Sub */
  .hidden-animation-slideshow-sub {
    opacity: 0;
    transform: translateY(-50px);
    transition: all 1s;
    filter: blur(5px);
  }
  
  .show-slideshow-sub {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
  
  /*-------------------- End Slideshow -------------------------*/
  
  /*-------------------- Cards Aanimation -------------------------*/
  .hidden-animation-cards {
    opacity: 0;
    transition: all 1s;
    filter: blur(5px);
  }
  
  .show-cards {
    opacity: 1;
    filter: blur(0);
  }
  
  .hidden-animation-cards {
    $i: 2;
    @while true {
      &:nth-child(#{$i}) {
        transition-delay: (400ms * ($i - 2));
      }
      $i: $i + 1;
    }
  }
  
  /*-------------------- End Cards Aanimation -------------------------*/
  
  /*-------------------- Testimonials Aanimation -------------------------*/
  .hidden-animation-testimonials {
    opacity: 0;
    transition: all 1s;
    filter: blur(5px);
  }
  .show-animation-testimonials {
    opacity: 1;
    filter: blur(0);
  }
  @media screen and (min-width: 749px) {
    .hidden-animation-testimonials {
      opacity: 0;
      transition: all 1s;
      filter: blur(5px);
    }
    .show-animation-testimonials {
      opacity: 1;
      filter: blur(0);
    }
  }
  /*-------------------- End Testimonials Aanimation -------------------------*/
  
  /*-------------------- Overlapping Images With Text -------------------------*/
  .hidden-animation-overlapping-images img:first-child {
    opacity: 0;
    transition: all 2s;
    filter: blur(5px);
    transform: translateX(-80px);
  }
  .show-animation-overlapping-images img:first-child {
    opacity: 1;
    filter: blur(0);
    transform: translateX(0);
  }
  .hidden-animation-overlapping-images img:last-child {
    opacity: 0;
    transition: all 2s;
    filter: blur(5px);
    transform: translateX(80px);
  }
  .show-animation-overlapping-images img:last-child {
    opacity: 1;
    filter: blur(0);
    transform: translateX(0);
  }
  /*-------------------- End Overlapping Images With Text -------------------------*/
  
  /*--------------------  Animation to Top -------------------------*/
  .hidden-animation-to-top {
    opacity: 0;
    transition: all 1s ease;
    filter: blur(5px);
  }
  
  .show-cards-to-top {
    opacity: 1;
    filter: blur(0);
  }
  
  @media screen and (min-width: 750px) {
  .hidden-animation-to-top:nth-child(2) {
    transition-delay: 400ms;
  }
  .hidden-animation-to-top:nth-child(3) {
    transition-delay: 800ms;
  }
  .hidden-animation-to-top:nth-child(4) {
    transition-delay: 1200ms;
  }
  .hidden-animation-to-top:nth-child(5) {
    transition-delay: 1600ms;
  }
  .hidden-animation-to-top:nth-child(6) {
    transition-delay: 2000ms;
  }
  .hidden-animation-to-top:nth-child(7) {
    transition-delay: 2400ms;
  }
  .hidden-animation-to-top:nth-child(8) {
    transition-delay: 2800ms;
  }
  .hidden-animation-to-top:nth-child(9) {
    transition-delay: 3200ms;
  }
  .hidden-animation-to-top:nth-child(10) {
    transition-delay: 3600ms;
  }
  .hidden-animation-to-top:nth-child(11) {
    transition-delay: 4000ms;
  }
  .hidden-animation-to-top:nth-child(12) {
    transition-delay: 4400ms;
  }
  }
  /*--------------------  End Animation to Top -------------------------*/
  
  /* End of Animation Settings */