@font-face {
  font-family: "vazir";
  src: url("../font/Vazir.ttf"); }

* {
  margin: 0;
  padding: 0;
  font-family: "vazir";
  box-sizing: content-box;
  font-size: 10px; }
  *::-webkit-scrollbar {
    display: none; }

@media (min-width: 750px) {
  .main_row {
    padding: 0;
    margin: 0; }
    .main_row .side_login {
      padding: 0;
      background-color: #FAF9FB;
      display: inline-block;
      width: 30%;
      margin: 0; }
      .main_row .side_login__back_btn {
        display: inline-block;
        width: auto;
        position: absolute;
        top: 2rem;
        right: 2rem;
        font-weight: 900;
        color: #17c6aa; }
        .main_row .side_login__back_btn img {
          width: 20rem; }
      .main_row .side_login__main {
        padding: 10rem 2rem;
        margin: 0;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center; }
        .main_row .side_login__main__title {
          font-size: 5rem;
          color: #919191;
          margin-bottom: 1rem;
          font-weight: 700; }
          .main_row .side_login__main__title i {
            font-size: 3rem !important; }
        .main_row .side_login__main__description {
          margin-bottom: 2rem; }
        .main_row .side_login__main__form__phone {
          border: none;
          border-radius: .2rem;
          padding: 1rem;
          box-shadow: 0px 0px 6px #d6d6d6;
          width: 75%;
          margin: .5rem auto;
          text-align: center; }
        .main_row .side_login__main__form__submit {
          border: none;
          margin-top: .5rem;
          border-radius: .2rem;
          padding: 1rem;
          box-shadow: 0px 0px 6px #d6d6d6;
          width: 75%;
          color: white;
          background-color: #919191;
          text-align: center; }
        .main_row .side_login__main__form__timer {
          width: 75%;
          margin: auto;
          margin-top: 2rem; }
    .main_row .side_pictures {
        padding: 0;
        margin: 0;
        display: inline;
        width: 70%;
        background-image: url("../img/login-1.jpg");
        background-size: 100% 100%;
        height: 100vh;
    } }

@media (max-width: 750px) {
  .main_row {
    padding: 0;
    margin: 0; }
    .main_row .side_login {
      padding: 0;
      background-color: #FAF9FB;
      display: inline-block;
      height: 100vh;
      width: 100%;
      margin: 0; }
      .main_row .side_login__back_btn {
        display: inline-block;
        width: auto;
        font-weight: 900;
        position: absolute;
        top: 2rem;
        right: 2rem;
        color: #17c6aa; }
        .main_row .side_login__back_btn img {
          width: 15rem; }
      .main_row .side_login__main {
        padding: 10rem 2rem;
        margin: 0;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center; }
        .main_row .side_login__main__title {
          font-size: 5rem;
          color: #17c6aa;
          margin-bottom: 1rem;
          font-weight: 700; }
          .main_row .side_login__main__title i {
            font-size: 3rem !important; }
        .main_row .side_login__main__description {
          margin-bottom: 2rem; }
        .main_row .side_login__main__form__phone {
          border: none;
          border-radius: .2rem;
          padding: 1rem;
          box-shadow: 0px 0px 6px #d6d6d6;
          width: 75%;
          margin: .5rem auto;
          text-align: center; }
        .main_row .side_login__main__form__submit {
          border: none;
          margin-top: .5rem;
          border-radius: .2rem;
          padding: 1rem;
          box-shadow: 0px 0px 6px #d6d6d6;
          width: 75%;
          color: white;
          background-color: #17c6aa;
          text-align: center; }
        .main_row .side_login__main__form__timer {
          width: 75%;
          margin: auto;
          margin-top: 2rem; }
    .main_row .side_pictures {
      padding: 0;
      margin: 0;
      display: none;
      width: 60%; } }