.tm-sc-service .icon {
  display: inline-block;
}
.tm-sc-service .icon,
.tm-sc-service .feature-title,
.tm-sc-service .feature-details {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.service-block-style15 .inner-box {
  background-color: var(--theme-color-white);
  position: relative;
  overflow: hidden;
  padding: 10px;
}
.service-block-style15 .inner-box.style-two {
  background-color: #fff7eb;
}
.service-block-style15 .inner-box.style-three {
  background-color: #f4ecdf;
}
.service-block-style15 .inner-box.style-four {
  background-color: #f2efea;
}
.service-block-style15 .inner-box:hover:before {
  height: 100%;
}
.service-block-style15 .inner-box:hover .image-box {
  transform: translateY(0);
  opacity: 1;
}
.service-block-style15 .inner-box:hover .image-box .bg-image {
  opacity: 1;
}
.service-block-style15 .inner-box:hover .overlay {
  opacity: 1;
}
.service-block-style15 .inner-box:hover .content-box {
  opacity: 0;
}
.service-block-style15 .inner-box:hover .content-box .service-icon {
  transform: scale(-1) rotate(180deg);
  color: var(--theme-color-light);
  opacity: 0;
  width: 0;
}
.service-block-style15 .inner-box:hover .content-box .service-title a {
  color: var(--theme-color-light);
}
.service-block-style15 .inner-box:hover .content-box .service-details {
  color: var(--theme-color-light);
}
.service-block-style15 .inner-box:hover .content-box-hover {
  opacity: 1;
  top: 70%;
  transform: translateY(-115px);
}
.service-block-style15 .inner-box:before {
  background-color: rgba(var(--theme-color2-rgb), 0.7);
  content: "";
  position: absolute;
  width: 100%;
  height: 0;
  top: 0;
  left: 0;
  z-index: 1;
  transition: all 300ms ease;
}
.service-block-style15 .inner-box .image-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateY(-50%);
  opacity: 0;
  transition: transform 0.6s ease, opacity 0.6s ease;
  z-index: 1;
}
.service-block-style15 .inner-box .image-box .bg-image {
  width: 100%;
  height: 100%;
  opacity: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  transition: all 300ms ease;
}
.service-block-style15 .inner-box .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 40.73%, #000 100%);
  opacity: 0;
  transition: opacity 0.6s ease;
  z-index: 2;
}
.service-block-style15 .inner-box .service-icon icon-img {
  color: var(--theme-color1);
  font-size: 81px;
  transition: all 300ms ease;
  position: absolute;
  bottom: 5px;
  left: 0;
  width: 100%;
  text-align: center;
}
.service-block-style15 .inner-box .content-box {
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
  padding: 30px 40px;
  min-height: 240px;
  z-index: 2;
  transition: all 300ms ease;
}
.service-block-style15 .inner-box .content-box .service-title {
  margin-bottom: 21px;
}
.service-block-style15 .inner-box .content-box .service-title a {
  color: var(--theme-color2);
}
body.tm-dark-layout .service-block-style15 .inner-box .content-box .service-title a {
  color: #fff;
}
.service-block-style15 .inner-box .content-box .service-details {
  transition: all 300ms ease;
}
.service-block-style15 .inner-box .content-box .link-btn {
  display: inline-block;
  color: var(--headings-color);
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  text-decoration: underline;
  transition: all 0.2s ease-in-out;
  margin-top: 15px;
}
.service-block-style15 .inner-box .content-box .link-btn i {
  transform: rotate(-47deg);
  margin-left: 6px;
  display: inline-block;
  transition: all 0.2s ease-in-out;
  font-size: 12px;
}
.service-block-style15 .inner-box .content-box .link-btn:hover {
  color: var(--theme-color1);
}
.service-block-style15 .inner-box .content-box .link-btn:hover svg path {
  fill: var(--theme-color1);
}
.service-block-style15 .inner-box .content-box-hover {
  position: absolute;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 45px;
  z-index: 2;
  top: 0;
  opacity: 0;
  transition: all 400ms ease;
}
.service-block-style15 .inner-box .content-box-hover .service-title {
  font-size: 32px;
  font-weight: 400;
  margin-bottom: 21px;
  color: #fff;
}
.service-block-style15 .inner-box .content-box-hover .service-details {
  color: #fff;
}
.service-block-style15 .inner-box .content-box-hover .link-btn {
  display: inline-block;
  color: var(--theme-color-white);
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  text-decoration: underline;
  transition: all 0.2s ease-in-out;
  margin-top: 15px;
}
@media (max-width: 991.98px) {
  .service-block-style15 .inner-box .content-box-hover .link-btn {
    color: var(--theme-color-white);
  }
  .service-block-style15 .inner-box .content-box-hover .link-btn i {
    color: var(--theme-color-white);
  }
  .service-block-style15 .inner-box .content-box-hover .link-btn svg path {
    fill: var(--theme-color-white);
  }
}
.service-block-style15 .inner-box .content-box-hover .link-btn i {
  transform: rotate(-47deg);
  margin-left: 6px;
  display: inline-block;
  transition: all 0.2s ease-in-out;
  font-size: 12px;
}
.service-block-style15 .inner-box .content-box-hover .link-btn:hover {
  color: var(--theme-color1);
}
.service-block-style15 .inner-box .content-box-hover .link-btn:hover svg path {
  fill: var(--theme-color1);
}