/*
-----------------------------------------------------------------------
  Featured CSS
-----------------------------------------------------------------------
*/
.featured-area {
  &.featured-default-area {
    padding: 100px 0 130px;
    @media #{$lg-device} {
      padding: 70px 0 70px;
    }
    @media #{$xs-device} {
      padding: 70px 0 45px;
    }
  }
  &.featured-list-area {
    padding: 1px 0 69px;
    @media #{$lg-device} {
      padding: 0 0 44px;
    }
  }
}

.featured-item {
  .inner-content {
    margin-bottom: 31px;
    @media #{$lg-device} {
      margin-bottom: 20px;
    }
    .content {
      .title {
        color: #060a27;
        font-size: 18px;
        font-weight: $font-weight-bold;
        margin-bottom: 18px;
        @media #{$lg-device} {
          font-size: 16px;
          margin-bottom: 8px;
        }
      }
      p {
        color: $black-777;
        font-size: 15px;
        line-height: 30px;
        width: 78%;
        @media #{$lg-device} {
          font-size: 14px;
          line-height: 26px;
          width: 100%;
        }
      }
    }
  }
}
.featured-thumb {
  @media #{$sm-device} {
    margin-top: 40px;
    img {
      width: 100%;
    }
  }
}

.featured-items-style2 {
  .featured-item {
    .inner-content {
      .content {
        p {
          width: 80%;
          margin: auto;
        }
      }
    }
  }
}