/***

====================================================================
	Feature Section
====================================================================

***/

.features-section {
  padding: 40px 0 46px;
  position: relative;
  @include media-breakpoint-up(lg) {
    padding: 129px 0 46px;
  }

  .image-column {
    position: relative;

    @include media-breakpoint-up(lg) {
      margin-bottom: 45px;
      text-align: center;
    }

    .inner-column {
      position: relative;
    }
  }

  .content-column {
    position: relative;

    .inner-column {
      position: relative;

      .sec-title {
        margin-bottom: 69px;
      }
    }

    .theme-btn {
      border-radius: 50px;
    }
  }

  &.style-two {
    padding-top: 100px;

    .image-column {
      text-align: center;
    }
  }
}

.feature-block {
  width: auto;
  margin-bottom: 64px;
  position: relative;

  @include media-breakpoint-up(lg) {
    width: 285px;
  }

  &:nth-child(2) {
    @include media-breakpoint-up(lg) {
      margin-right: 5%;
      margin-left: 5%;
    }
  }

  .inner-box {
    position: relative;

    .icon-box {
      height: 51px;
      margin-bottom: 16px;
      position: relative;
      color: var(--brand-primary);
      font-size: 48px;
      line-height: 1;
    }

    h5 {
      margin-bottom: 4px;
      position: relative;
      font-weight: 700;
      line-height: 1.4em;

      a {
        position: relative;

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

    .text {
      margin-bottom: 0;
      position: relative;
      color: var(--brand-dark-gray);
      font-size: 18px;
      line-height: 1.7em;

      p {
        line-height: 28px;
      }

      a {
        color: var(--brand-secondary);

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

}