/*--------- start feature Area -------------*/
.feature-area.section-gap {
  padding-top: 0;
  padding-bottom: 70px; }
  @media (max-width: 992px) {
    .feature-area.section-gap {
      padding-bottom: 30px; } }
.feature-area.courses {
  padding-top: 120px !important; }
  @media (max-width: 992px) {
    .feature-area.courses {
      padding-top: 80px !important; } }
  @media (max-width: 768px) {
    .feature-area.courses {
      padding-top: 60px !important; } }
.feature-area .single-feature {
  margin-bottom: 50px; }
  .feature-area .single-feature figure {
    position: relative;
    overflow: hidden; }
    .feature-area .single-feature figure img {
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s; }
    .feature-area .single-feature figure .overlay-bg {
      background: rgba(0, 0, 0, 0.2); }
  .feature-area .single-feature h4 {
    margin-top: 30px;
    font-size: 20px; }
  .feature-area .single-feature p {
    margin: 0; }
    .feature-area .single-feature p a {
      color: #777777;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s; }
  .feature-area .single-feature:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  .feature-area .single-feature:hover p a {
    color: #0093df; }

/*--------- end feature area  -------------*/