/*------------- #SERVICES --------------*/

.services-main {
  padding: 60px 40px 60px 0;
}

.crumina-servises-item {
  padding: 60px 45px;
  transition: all .3s ease;
  text-align: center;

  @media (max-width: 980px) {
    margin-bottom: 30px;
  }

  &:hover {
    background-color: $border-color;

    .servises-text {
      color: $font-color;
    }
    .promo-link {
      i {
        color: $heading-color;

        &:hover {
          color: var(--primary-accent-color);
        }
      }
    }
  }

  .servises-item__thumb {
    margin-bottom: 50px;
  }

  .servises-title {
    margin-bottom: 20px;

    &:hover {
      color: $heading-color;
    }
  }

  .servises-text {
    margin-bottom: 30px;
    transition: all .3s ease;
  }

  .promo-link {
    border: none;
    margin: 0;
    padding: 0;
    float: left;
    color: $white-color;

    i {
      font-size: 26px;
    }
  }

  .hover {
    opacity: 0;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    transition: all .3s ease;
    z-index: 10;
  }

  &:hover {
    .servises-text {
      color: $white-color;
    }

    .hover {
      opacity: 1;
    }
    .hover + img {
      opacity: 0;
    }
  }

  .btn:hover {
    color: $white-color;
  }
}

.servises-item-reverse-color:hover {
  background-color: var(--primary-accent-color);
}