/*===============================
#.features-area
=================================*/
@import "growing-company";
.features-area {
  background-color: #2f2c2c;
  padding-bottom: 500px;
}
.single-feature {
  background: var(--Color1);
  border-radius: 1rem;
  padding: 5rem 4rem;
  .feature-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 9rem;
    height: 9rem;
    background: #323232;
    border-radius: 50%;
    margin-bottom: 4rem;
    img {
      max-width: 5rem;
    }
  }
  h3 {
    margin-bottom: 2rem;
    font-size: 2.8rem;
    font-weight: 600;
    color: var(--white);
  }
  p {
    font-size: 1.8rem;
    font-weight: 400;
    color: var(--white);
  }
  &.feature-white {
    background: var(--white);
    .feature-icon {
      background: #F9F9F9;
    }
    h3 {
      color: var(--bColor);
    }
    p {
      color: var(--bColor);
    }
  }
}
