﻿.Services {
  position: relative;
  text-align: center; }
  .Services ul {
    padding: 0;
    direction: rtl; }
    .Services ul li {
      position: relative;
      margin-left: 11px;
      margin-right: 11px;
      transition: opacity 0.3s ease;
      padding: 0 40px;
      /*      &:before {
                content: "";
                background-image: url(/Portals/_default/Skins/FaraShop/assets/img/featurebg.png);
                position: absolute;
                width: 100%;
                height: 100%;
                left: 0;
                z-index: -1;
                opacity: .1;
                background-repeat: no-repeat;
                background-size: 95% 100%;
                top: 35px;
                background-position: center;
            }*/ }
      @media (max-width: 992px) {
        .Services ul li {
          max-height: unset; } }
      @media (max-width: 768px) {
        .Services ul li {
          margin-left: 5px;
          margin-right: 5px; } }
      .Services ul li:hover {
        /*  img {
                    -webkit-filter: brightness(.4);
                    filter: brightness(.4);
                }*/ }
        .Services ul li:hover:before {
          opacity: 0.2; }
      .Services ul li .slider__image {
        transition: 0.3s; }
        .Services ul li .slider__image img {
          -moz-transition: all ease 500ms;
          -o-transition: all ease 500ms;
          -webkit-transition: all ease 500ms;
          transition: all ease 500ms;
          margin: 0 auto;
          /*   width: 160px;
                    height: 140px;*/ }
          @media (max-width: 992px) {
            .Services ul li .slider__image img {
              height: auto; } }
  .Services a {
    color: #666666;
    font-size: 16px; }
    .Services a:hover {
      color: white !important; }
      .Services a:hover .slider__image {
        transform: translateY(40px); }
      .Services a:hover .slider__title, .Services a:hover .slider__description {
        transform: translateY(-50px);
        background: white;
        box-shadow: 0 0 8px 0 #d5d5d5; }
  .Services .slider__title {
    height: 50px;
    transition: 0.3s;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px; }
    .Services .slider__title p {
      font-size: 20px;
      margin-bottom: unset;
      font-weight: 500;
      font-weight: 600;
      color: #d8582b; }
      @media (max-width: 992px) {
        .Services .slider__title p {
          font-size: 16px; } }
  .Services .slider__description {
    margin: auto;
    color: #000;
    -webkit-transition: all ease 500ms;
    transition: all ease 500ms;
    top: 10px;
    padding: 5px;
    transition: 0.3s;
    font-size: 14px;
    line-height: 30px; }
  .Services .slick-prev,
  .Services .slick-next {
    position: absolute;
    margin: auto 20px;
    left: 37px;
    top: 40%;
    width: 35px;
    height: 35px;
    background-color: transparent !important;
    text-align: center;
    border: none;
    color: #313131 !important;
    font-size: 45px !important;
    z-index: 7;
    outline: none;
    -moz-transition: all ease 400ms;
    -o-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    transition: all ease 400ms; }
    @media (max-width: 992px) {
      @supports (-webkit-touch-callout: none) {
        .Services .slick-prev,
        .Services .slick-next {
          padding: 5px; } } }
    @media (max-width: 992px) {
      .Services .slick-prev,
      .Services .slick-next {
        top: 0px; } }
    .Services .slick-prev i,
    .Services .slick-next i {
      vertical-align: text-top; }
      @media (max-width: 992px) {
        @supports (-webkit-touch-callout: none) {
          .Services .slick-prev i,
          .Services .slick-next i {
            font-size: 22px; } } }
    .Services .slick-prev:before,
    .Services .slick-next:before {
      display: none; }
  .Services .slick-track {
    margin: 30px 0;
    direction: rtl; }
    @media (max-width: 992px) {
      .Services .slick-track {
        margin-top: 37px;
        margin-bottom: 25px; } }
