@import '../../../styles/vars/breakpoints.css';

.about {
  width: 100%;
  margin-top: 90px;
  margin-bottom: 70px;
  @media (--ms-and-down) {
    margin-top: 40px;
  }
}

.about .wrapper {
  padding-right: 10px;
}

.heading {
  width: 100%;
  color: #282828;
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 34px;
  margin: 0;
  margin-top: 50px;

  @media (--ms-and-down) {
    font-size: 28px;
  }
}

.desciption {
  width: 100%;
  font-size: 18px;
  letter-spacing: 0.45px;
  line-height: 33px;
  color: #1f1f1f;
  margin: 0;
  margin-top: 13px;

  @media (--ms-and-down) {
    font-size: 14px;
    margin-top: 10px;
  }
}

.right {
  #primary-content.yt-live-chat-header-renderer {
    margin: 0 !important;
  }
}

.rightText {
  display: none;
  @media (--md-and-down) {
    display: block;
  }
}

.leftText{
  display: none;

  @media (--lg-and-up) {
    display: block;
  }
}



:global(.dir--rtl) {
  .about .wrapper {
    padding-right: 0;
    padding-left: 10px;
  }
  .heading {
    padding-left: 8px;
  }
}