/*
* Home.css
* CSS file defining homepage styles
*/


/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Home Top section
*/









/* Home top-section
–––––––––––––––––––––––––––––––––––––––––––––––––– */




/* --- Text fade in/out and scrolling */


@keyframes fade{
    0%,45% {
      opacity: 0;
}
    100%{
      opacity: 1;
  }
}

/*----------------- Tabs ---------------------*/

/* Responsive tabs */
@media screen and (max-width: 768px) {
  li:not(.is-active) > a > span:not(.icon) {
    visibility: hidden;
    position:  absolute;
  }
}

/*----------------- Estimate form ---------------------*/


/* Hide all steps by default: */
.tab {
  display: none;
}

/* Mark the active step: */
.step.active {
  opacity: 1;
}

/* multiline buttons */
.button.is-multiline {
  min-height: 2.25em;
  white-space: unset;
  height: auto;
  flex-direction: column;
}
/*----------------- Testimonial card sizes ---------------------*/

.equal-height {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}

.rating {
  color: rgba(255, 196, 0, 0.822);
}

/*----------------- Testimonial Slider ---------------------*/


.slide-wrap {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
  transition: 300ms;
}
.slideshow {
  position: relative;
  z-index: 10;
}
.slide-entry {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  z-index: 20;
  opacity: 0;
  visibility: hidden;
  padding: 20px 5%;
  transition: 300ms;
}
.slide-entry.active {
  opacity: 1;
  visibility: visible;
}
.slide-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  left: 0;
  bottom: 0;
  top: 50%;
  transform: translateY(-60%);
  width: 100%;
  list-style: none;
  padding: 0;
  z-index: 0;
}
.slide-nav li {
  cursor: pointer;
  color: #ccc;
  font-size: 25px;
}
#prev-slide {
  margin-left: -20px;
}
#next-slide {
  margin-right: -20px;
}

/*----------------- Testimonial Slider ---------------------


.slide-wrap {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
  transition: 300ms;
}
.slideshow {
  position: relative;
  z-index: 10;
}
.slide-entry {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  z-index: 20;
  opacity: 0;
  visibility: hidden;
  padding: 20px 5%;
  transition: 300ms;
}
.slide-entry.active {
  opacity: 1;
  visibility: visible;
}
.slide-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  left: 0;
  bottom: 0;
  top: 50%;
  transform: translateY(-60%);
  width: 100%;
  list-style: none;
  padding: 0;
  z-index: 0;
}
.slide-nav li {
  cursor: pointer;
  color: #ccc;
  font-size: 25px;
}
#prev-slide {
  margin-left: -20px;
}
#next-slide {
  margin-right: -20px;
}
*/

/*----------------- Rotation text ---------------------*/

.rotator-wrapper {
  position: relative;
}
.rotator-wrapper span {
  display: inline-block;
  min-width: 155px;
  text-align: left;
}
.rotator-wrapper span span {
 
  position: absolute;
  font-weight: bold;
  top: -0px;
  opacity: 0;
  animation: rotateWord 15s linear infinite 0s;
  color: #000000;
  left:0;
  right:0;
  margin:0 auto;
}
.rotator-wrapper span span:nth-child(2) {
  animation-delay: 3s;
}
.rotator-wrapper span span:nth-child(3) {
  animation-delay: 6s;
}
.rotator-wrapper span span:nth-child(4) {
  animation-delay: 9s;
}
.rotator-wrapper span span:nth-child(5) {
  animation-delay: 12s;
}

@keyframes rotateWord {
  0% {
    opacity: 0;
  }
  2% {
    opacity: 0;
    transform: translateY(-30px);
  }
  5% {
    opacity: 1;
    transform: translateY(0px);
  }
  15% {
    opacity: 1;
    transform: translateY(0px);
  }
  20% {
    opacity: 0;
    transform: translateY(30px);
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}