@import "../../../styles/mixins.scss";

.popular-section {
  @include box-center($direction: column);
  background: $gradient;
  padding-top: 2rem;
  padding-bottom: 2rem;
  position: relative;
  overflow: hidden;
  .text {
    padding: 0 8rem;
  }
  h2 {
    color: $dark-blue;
    font-size: 2.2rem;
    text-align: center;
  }
  p {
    color: $dark-blue;
    margin: 2rem 0;
    text-align: center;
  }
}

@media screen and (max-width: 1000px) {
  .popular-section {
    .text {
      padding: initial;
    }
  }
}