.boxed {
      margin: auto;
      width: 100%;
      border-radius: 20px;
      padding: 20px;
      background-size: 200% 200%;
  }

  .halflogin {
      margin: auto;
      display: block;
      width: 100px;
      margin-bottom: -30px
  }

  input {
      margin: auto;
      width: 100%;
      display: block;
      background-color: transparent;
      border-radius: 10px;
      height: 50px;

      color: #111;
      background-color: #fff;
      outline: 0;
      border: none
  }

  select {
      position: relative;
      padding: .8em 0em .8em 0em;
      margin-bottom: .6em;
      border-radius: 10px;
      border: 1.5px solid rgb(186, 51, 43);
      background: 0 0;
      outline: 0;
      font-family: Poppins, sans-serif;
      transition: .4s;
      color: #fff;
      font-size: 15px
  }

  option {
      background-color: #000;
      color: #fff
  }

  input[type=checkbox] {
      width: 20px;
      display: block;
      background-color: transparent;
      border: 2px solid grey;
      border-radius: 10px;
      height: auto;
      padding-left: 0;
      color: grey;
      float: left;
      outline: 0
  }

  input::-webkit-inner-spin-button,
  input::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0
  }

  input[type=number] {
      -moz-appearance: textfield
  }

  button {
      font-size: 18px;
      background-color: rgb(186, 51, 43);
      color: #fff;
      height: 50px;
      border-radius: 10px;
      text-align: center;
      margin: auto;
      display: block;
      border: none;
      width: 100%;
      outline: 0
  }

  #screen2,
  #screen3,
  #screen4,
  #screen5 {
      display: none
  }

  #screen2phone,
  #screen4phone,
  #screen3phone,
  #screen5phone {
      display: none
  }

  #screen2g,
  #screen3g,
  #screen5g {
      display: none
  }

  h6 {
      text-align: center;
      padding-right: 30px;
      padding-left: 30px;
      color: #fff;
  }

  a {
      text-decoration: none !important;
      color: #fff
  }

  a:focus,
  a:hover {
      color: #fff;
      text-decoration: none !important
  }

  #onphone {
      display: none
  }

  #onlaptop {
      display: block
  }

  .col-sm-6 {
      max-width: 50% !important
  }

  @media only screen and (max-width:500px) {
      #onphone {
          display: block
      }

      #onlaptop {
          display: none
      }

      body {
          padding: 0;
          margin: 0;
      }
  }

  .submit {
      border-radius: 10px;
      font-size: 1.2em;
      padding: .1em !important;
      transition: .5s;
      border: none;
      margin-bottom: .5em;
      margin-top: .5em;
      background: rgb(186, 51, 43);
      color: #fff !important
  }

  #customBtn:hover {
      cursor: pointer
  }

  span.label {
      font-family: serif;
      font-weight: 400
  }

  span.icon {
      background: url(assets/google.png) transparent 5px 50% no-repeat;
      display: inline-block;
      vertical-align: middle;
      width: 42px;
      height: 42px
  }

  .qwq {
      width: 100% !important
  }

  .columnz {
      float: left;
      width: 26%;
      padding: 5px;
  }

  .columnjz {
      float: left;
      width: 10%;
      padding: 5px;
  }

  .rowz {
      margin: auto;
      display: block;
  }

  .rowz:after {
      content: "";
      clear: both;
      display: table;
      margin: auto
  }

  #holdon {
      display: none;
  }

  .spinwheel2,
  .spinwheel {
      animation: rotation 1s infinite linear
  }

  @keyframes rotation {
      from {
          transform: rotate(0)
      }

      to {
          transform: rotate(360deg)
      }
  }

  @-moz-keyframes spin {
      100% {
          -moz-transform: rotate(360deg)
      }
  }

  @-webkit-keyframes spin {
      100% {
          -webkit-transform: rotate(360deg)
      }
  }

  @keyframes spin {
      100% {
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg)
      }
  }


  /*new*/
  .login-with-google-btn {
      border: none;
      width: 100%;
      border-radius: 13px;
      box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04), 0 1px 1px rgba(0, 0, 0, 0.25);
      color: #000000;
      font-size: 16px;
      padding: 7.5px;
      font-weight: 500;
      background-color: white;
  }

  .login-with-facebook-btn {
      border: none;
      width: 100%;
      border-radius: 13px;
      box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04), 0 1px 1px rgba(0, 0, 0, 0.25);
      color: #000000;
      font-size: 16px;
      padding: 7.5px;
      font-weight: 500;
      background-color: white;
  }