/*===============================
  service-box-style-1
===================================*/
.powerhour-service-box-style-1 {
  display: block;
  padding: 45px 30px 45px 30px;
  background: var(--color-theme-primary);
  position: relative;
  text-align: center;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  min-height: 326px;
}

.powerhour-service-box-style-1 .service-box {
  border: none;
  background: var(--global-body-lightbg);
  text-align: center;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  margin: 0 auto;
  position: relative;
  border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
  animation: one-animated 10s infinite;
}

.powerhour-service-box-style-1 .service-box svg {
  height: 60px;
  width: 60px;
}

.powerhour-service-box .powerhour-btn-container {
  margin-top: 42px;
}

.powerhour-service-box-style-1 .service-box-title {
  color: var(--color-theme-white);
  margin: 32px 0 0;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.powerhour-service-box-style-1 .service-box-desc {
  margin-top: 24px;
}

.powerhour-service-box-style-1 .powerhour-btn-link .text-btn {
  color: var(--color-theme-white);
}

.powerhour-service-box-style-1 .powerhour-btn-link::after{
  background: var(--color-theme-white);
}

.powerhour-service-box-style-1 .powerhour-btn-link:hover .text-btn {
  color: var(--color-theme-white);
}

.powerhour-service-box-style-1.powerhour-service-even .powerhour-btn-link:hover .text-btn {
  color: var(--color-theme-white);
}

.powerhour-service-box-style-1:hover .powerhour-btn-link .text-btn {
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.powerhour-service-box-style-1 .powerhour-btn-link:hover .text-btn {
  color: var(--color-theme-white);
}


@keyframes one-animated {
  0% {
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
  }

  25% {
    border-radius: 58% 42% 75% 25% / 76% 46% 54% 24%;
  }

  50% {
    border-radius: 50% 50% 33% 67% / 55% 27% 73% 45%;
  }

  75% {
    border-radius: 33% 67% 58% 42% / 63% 68% 32% 37%;
  }

}

@keyframes two-animated {
  0% {
    border-radius: 70% 30% 30% 70% / 70% 70% 30% 30%;
  }

  25% {
    border-radius: 40% 80% 30% 90% / 72% 65% 35% 28%;
  }

  50% {
    border-radius: 65% 35% 45% 55% / 22% 48% 52% 78%;
  }

  75% {
    border-radius: 24% 76% 10% 90% / 44% 68% 32% 56%;
  }

}

@keyframes three-animated {
  0% {
    border-radius: 12% 88% 40% 40% / 20% 15% 85% 80%;
  }

  25% {
    border-radius: 72% 28% 30% 90% / 15% 46% 54% 85%;
  }

  50% {
    border-radius: 12% 88% 40% 40% / 20% 15% 85% 80%;
  }

  75% {
    border-radius: 18% 82% 10% 90% / 24% 68% 32% 76%;
  }

}

/*===============================
  service-box-style-2
===================================*/
.powerhour-service-box-style-2 {
  padding: 0px;
  position: relative;
  overflow: hidden;
  transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.powerhour-service-box-style-2 .powerhour-service-image .powerhour-img-box {
  width: 100%;
  text-align: center;
  background: var(--color-theme-white);
  z-index: 1;
  position: relative;
}

.powerhour-service-box-style-2 .powerhour-service-image img {
  height: 258px;
  overflow: visible;
  width: 100%;
  object-fit: cover;
}

.powerhour-service-box-style-2 .powerhour-service-image:before {
  z-index: 0;
}

.powerhour-service-box.powerhour-service-box-style-2 .powerhour-service-details .blog-title .powerhour-heading-title:hover {
  color: var(--color-theme-white);
}

.powerhour-service-box-style-2:before {
  content: "";
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
}

.powerhour-service-box-style-2:hover:before {
  opacity: 1;
}

.powerhour-service-box-style-2:hover .powerhour-service-box-style-2>img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 0;
  opacity: 0;
}

.powerhour-service-box-style-2 .service-box-content {
  position: relative;
  padding: 35px 35px 20px 35px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  background-color: var(--color-theme-white);
  border-left: 3px solid var(--color-theme-secondary);
}

.powerhour-service-box-style-2 .service-box-content .powerhour-service-details {
  padding: 0 15px;
}


.powerhour-service-box-style-2 .service-box-content .service-icon-box svg path {
  width: 50px;
}

.powerhour-service-box-style-2 .service-box-content .powerhour-service-details .process-description {
  margin: 20px 0;
}

.powerhour-service-box-style-2 .service-box-content .powerhour-service-details .process-description p {
  margin: 0;
}

.powerhour-service-box-style-2 .service-box-content .powerhour-service-details .powerhour-btn-container {
  padding: 20px 0 15px 0;
}

.powerhour-service-box-style-2:hover>img {
  opacity: 1;
}

.powerhour-service-box-style-2:hover .powerhour-service-meta ul li span.powerhour-user {
  color: var(--color-theme-secondary);
}

.powerhour-service-box-style-2 .powerhour-servicemain p {
  transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.powerhour-service-box-style-2:hover .powerhour-heading-title,
.powerhour-service-box-style-2:hover .powerhour-servicemain p,
.powerhour-service-box-style-2:hover .powerhour-button.powerhour-blog-link span.text-btn,
.powerhour-service-box-style-2:hover .powerhour-button.powerhour-blog-link {
  color: var(--color-theme-white);
}

.powerhour-service-box .powerhour-service-details .blog-title .powerhour-heading-title:hover {
  color: var(--color-theme-primary);
}


/*=== responsive ===*/
@media (max-width: 480px) {
  .powerhour-service-box-style-2 .service-box-content {
    padding: 30px 20px 15px 20px;
  }
}



/*======================================
Service-Masonry
==========================================*/
.powerhour-service-masonry {
  margin-bottom: 32px;
  padding: 45px 30px 45px 30px;
  text-align: center;
}

.powerhour-service-even {
  background-color: var(--color-theme-primary);
}

.powerhour-service-even .service-box-title {
  color: var(--color-theme-white);
}

.powerhour-service-odd {
  background-color: var(--color-theme-primary-light);
}

.powerhour-service-odd.powerhour-service-box-style-1 .powerhour-btn-link .text-btn {
  color: var(--global-font-title);
}

.powerhour-service-odd.powerhour-service-box-style-1 .powerhour-btn-link::after{
  background: var(--global-font-title);
}

.powerhour-service-odd.powerhour-service-box-style-1 .powerhour-btn-link:hover .text-btn {
  color: var(--global-font-title);
}

.powerhour-service-odd.powerhour-service-box-style-1 .service-box-title {
  color: var(--color-theme-primary);
}

.loadmore-hidden-items {
  display: block;
}

@media (max-width: 1300px) {
  .powerhour-service-masonry {
    padding: 45px;
  }

}

@media (max-width: 992px) {
  .powerhour-service-masonry {
    padding: 45px;
  }

}

/*======================================
Service-slider
==========================================*/

.powerhour-service-slider .owl-item {
  opacity: 0;
}

.powerhour-service-slider .owl-item.active {
  opacity: 1;
}

.powerhour-service-slider .owl-dots {
  margin-top: 40px;
}


/*======================================
Service-Detail Css
==========================================*/

.powerhour .type-service .powerhour-blog-box {
  box-shadow: none;
  background: transparent;
}

.type-service .powerhour-blog-box .powerhour-blog-details-wrap {
  padding: 0;
  background: transparent;
}

.type-service .powerhour-blog-box .powerhour-blog-details-wrap .powerhour-blog-detail .footer-block .widget {
  margin-bottom: 40px;
}