@media (max-width: 767px){
  @layer properties;
  .mt-\[30px\] {
    margin-top: 30px;
  }
  .mt-\[50px\] {
    margin-top: 50px;
  }
  .mb-\[5px\] {
    margin-bottom: 5px;
  }
  .mb-\[30px\] {
    margin-bottom: 30px;
  }
  .mb-\[80px\] {
    margin-bottom: 80px;
  }
  .block {
    display: block;
  }
  .px-\[10px\] {
    padding-inline: 10px;
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-\[16px\] {
    font-size: 16px;
  }
  .text-\[20px\] {
    font-size: 20px;
  }
  .text-\[35px\] {
    font-size: 35px;
  }
  .font-\[550\] {
    --tw-font-weight: 550;
    font-weight: 550;
  }
  .font-\[600\] {
    --tw-font-weight: 600;
    font-weight: 600;
  }
  @property --tw-font-weight {
    syntax: "*";
    inherits: false;
  }
  @layer properties {
    @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
      *, ::before, ::after, ::backdrop {
        --tw-font-weight: initial;
      }
    }
  }
}