* {
  font-family: Shabnam;
}

.services-landing-wrap {
  margin-top: 63px;
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
    url(../images/Assembly.jpg) center no-repeat;
  background-size: cover;
}

.services-landing {
  height: 400px;
}

.services-landing-text {
  text-align: justify;
}

.services-landing-arrow-box {
  left: -100px;
  bottom: -40px;
  width: 200px;
  height: 200px;
  background: var(--color-grey);
}

.services-landing-arrow-box span {
  font-size: 9rem;
  transform: rotateZ(90deg);
}

.services-main-wrap {
  background: var(--color-grey);
}

.services-main-item {
  height: 330px;
}

.services-main-item-img {
  height: 300px;
  border: 2px solid white;
}

.services-main-item-content {
  left: 0;
  bottom: 0;
  box-shadow: -15px 15px 10px 10px rgba(0, 0, 0, 0.2);
}

.services-main-item-title span {
  font-size: 3rem;
  font-weight: 900;
  transform: rotateX(180deg);
}

.services-main-item-text {
  text-align: justify;
}

.services-proccess-wrap {
  width: 900px;
  max-width: 100%;
}

.services-proccess-item-second-icon {
  width: 20px;
  height: 20px;
  z-index: +1;
  background: white;
  user-select: none;
}

.services-proccess-line {
  bottom: 30px;
  left: 50%;
  width: 55%;
  height: 3px;
  transform: translateX(-50%);
}

.services-proccess-item * {
  transition: all 0.3s ease-in-out;
}

.services-proccess-item:hover .services-proccess-item-icon {
  transform: translate3d(-2px, -5px, 0);
  filter: drop-shadow(10px 10px 10px #13cc8f);
}

.services-proccess-item:hover .services-proccess-item-second-icon {
  color: #13cc8f !important;
  filter: drop-shadow(5px 5px 5px #13cc8e34);
}

.services-main-item-title-res-arrow {
  transform: rotateZ(-90deg);
  transition: all 0.3s;
}

.services-main-item-title-res-arrow-down {
  transform: rotateZ(90deg);
}

@media only screen and (max-width: 992px) {
  .services-landing {
    height: 250px;
  }
  .services-proccess-wrap {
    flex-wrap: wrap;
  }
  .services-landing-text,
  .services-main-item-text {
    font-size: 0.8rem !important;
  }
}

@media only screen and (max-width: 576px) {
  .services-main-item-text {
    height: 0;
    overflow: hidden;
    transition: all 0.3s;
  }
  .services-main-item-text-open {
    height: unset;
  }
}