@use "src/styles/colors";
@use "src/styles/variables" as vars;
@use "src/styles/fonts";
@use "src/styles/screen";

.popular-requests {
  background-color: colors.$blue-extra-light;
  border-top: 1px solid colors.$border;
  padding: 50px 50px 30px;
  border-radius: 0 0 vars.$border-radius vars.$border-radius;

  @include screen.mobile {
    padding: 20px !important;
    padding-bottom: 10px !important;
  }

  &__title {
    font-size: 20px;
    margin: 0;
    padding-bottom: 50px;
    font-weight: fonts.$font-regular;

    @include screen.mobile {
      padding-bottom: 20px !important;
    }
  }

  &__item {
    display: inline-flex;
    flex-wrap: wrap;
    width: 50%;

    @include screen.mobile {
      width: 100% !important;
    }
  }
}
