@use "/src/assets/scss/partial" as *;
@use "/src/assets/scss/variables" as *;

.JoinTheCommunityWrapper {
  .JoinTheCommunityContentWrap {
    background-color: $primaryColor;

    .JoinTheCommunityContent {
      h2 {
        font-weight: $fw500;
        font-size: $fs34;
        line-height: 40px;
        color: $whiteColor;

        @media (min-width: $md) {
          font-size: $fs44;
          line-height: 55px;
        }

        @media (min-width: $lg) {
          font-size: $fs60;
          line-height: 70px;
        }

        @media (min-width: $xl) {
          font-size: $fs70;
          line-height: 80px;
        }

        @media (min-width: $xxxl) {
          font-size: $fs80;
          line-height: 90px;
        }
      }
    }
  }
}