/*========================================*/
/*------ [_Section_Single_Service] -------*/
/*========================================*/

.service-description .title {
  margin-bottom: 10px;
}
.service-nav-menu {
  .service-link-list {
    background: var(--bg-silver);
    padding: 40px;
    @media screen and (max-width: 425px) {
      padding: 30px;
    }
    ul {
      li {
        a {
          display: block;
          color: var(--heading-font-color);
          padding: 12px 20px;
          @include transition(all 300ms ease-out 0s);
          position: relative;
          z-index: 1;
          background: var(--bg-white);
          margin-bottom: 10px;
          font-weight: 500;
          overflow: hidden;
          &:before {
            content: "";
            width: 10px;
            top: 0;
            left: -6px;
            height: 100%;
            position: absolute;
            transition: all 0.4s ease-out;
            z-index: -1;
            background: var(--webex-primary-color);
            transform: skewX(13deg);
          }
          i {
            font-size: 16px;
            margin-right: 15px;
            vertical-align: middle;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-7px);
          }
          &:hover {
            color: #fff;
            &:before {
              background-color: var(--webex-primary-color);
              height: 100%;
              width: 105%;
              top: 0;
            }
          }
        }
        &.active {
          a {
            color: #ffffff;
            &:before {
              content: "";
              width: 105%;
              top: 0;
              height: 100%;
              position: absolute;
              transition: all 0.4s ease-out;
              z-index: -1;
              background-color: var(--webex-primary-color);
            }
          }
        }
        &:last-child {
          a {
            border-bottom: none;
            margin-bottom: 0;
          }
        }
      }
    }
  }
}

.service-section-title-area {
  background: var(--bg-blue-color);
  padding: 90px 0 240px;
  margin: 0 110px;
  margin-top: -180px;
}
.service-section-content {
  margin-top: -180px;
}
.service-features-icon {
  margin-right: 25px;
}
.service-features-icon span {
  background: var(--webex-primary-color);
  padding: 15px;
  display: inline-block;
  border-radius: 8px;
}
.service-features-icon span:before {
  font-size: 42px;
  line-height: 42px;
  color: #fff;
}