/*---------------------------------------------------- */
/*Service Section*/
/*----------------------------------------------------*/
.why-choose_us{
    padding: 80px 0;
}
.tz-service-sec {
  overflow: hidden;
  background-color: var(--arovan-base);
}
.tz-service-sec .tz-section-title .sec_title {
  color: #fff;
}
.tz-service-sec .tz-section-title p {
  margin: 0 auto;
  max-width: 590px;
}

.tz-ser1-item {
  padding: 40px 60px 40px 40px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  gap: 30px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-radius: 20px;
  margin-bottom: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tz-ser1-item {
    gap: 15px 50px;
    padding: 40px 60px 40px 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tz-ser1-item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (max-width: 480px) {
  .tz-ser1-item {
    padding: 30px;
  }
}
.tz-ser1-item .item-serial {
  font-size: 80px;
  font-weight: 700;
  -webkit-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  color: rgb(0 0 0 / 12%);
}
.tz-ser1-item .item-img-text {
  gap: 30px;
}
@media (max-width: 767px) {
  .tz-ser1-item .item-img-text {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.tz-ser1-item .item-img-text .item-img .inner-icon {
  top: 0;
  left: 0;
  z-index: 1;
  width: 100px;
  height: 100px;
  position: absolute;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #fff;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.tz-ser1-item .item-img-text .item-img .inner-img {
  height: 198px;
  overflow: hidden;
  width: 300px;
  border-radius: 10px;
}
@media (max-width: 767px) {
  .tz-ser1-item .item-img-text .item-img .inner-img {
    width: 100%;
    max-width: 300px;
  }
}
.tz-ser1-item .item-img-text .item-img .inner-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}

.tz-ser1-item .item-img-text .item-text .ser_title {
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  padding-bottom: 15px;
}
.tz-ser1-item:hover .item-img-text .item-text .ser_title a {
  color: #fff;

}
.tz-ser1-item .item-img-text .item-text p {
  /* padding-bottom: 24px; */
  -webkit-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  margin-top: 10px;
  
}
.tz-ser1-item .item-img-text .item-text .tz-btn-1 a {
  background-color: #fff;
  color: var(--arovan-base);
}
.tz-ser1-item:hover {
  overflow: hidden;
  border-radius: 15px;
  background-color: var(--arovan-base);
  border-bottom: 1px solid var(--arovan-base);
}
.tz-ser1-item:hover .item-serial {
  color: rgb(255, 255, 255);
}
.tz-ser1-item:hover .item-img-text .item-img .inner-icon {
  top: 22%;
  left: 50%;
  border-radius: 100%;
  -webkit-transform: translate(-50%);
  background: var(--arovan-base);
  color: #fff;
          transform: translate(-50%);
}
.tz-ser1-item:hover .item-img-text .item-img .inner-icon i {

  color: #fff !important;
}
.tz-ser1-item:hover .item-img-text .item-img .inner-img img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.tz-ser1-item:hover .item-img-text .item-text p {
  color: #fff;
}