/*Container account; color=at-4*/
      .account_css {
          display: flex;
          align-items: start;
          justify-content: space-between;
      }
      .account_css .box {
          flex: 1;
          background: #f2935c;
          color: #fff;
          border-radius: 10px;
          margin: 20px 10px;
          padding: 15px 20px;
          text-align:center;
      }
      .account_css .box:nth-of-type(1) {
          flex-grow:1;
          background: #fff;
          color: #fff;
          border-radius: 10px;
          margin: 0px 0px;
          padding: 0px 0px;
          text-align:left;
      }
      .account_css .box:nth-of-type(2) {
          flex-grow:6;
          background: #f2935c;
          color: #fff;
          border-radius: 10px;
          margin: 20px 10px;
          padding: 15px 20px;
          text-align:center;
      }
      .account_css .box:nth-of-type(3) {
          flex-grow:6;
          background: #f2935c;
          color: #fff;
          border-radius: 10px;
          margin: 20px 10px;
          padding: 15px 20px;
          text-align:center;
      }
      .account_css .box:nth-of-type(4) {
          flex-grow:1;
          background: #fff;
          color: #fff;
          border-radius: 10px;
          margin: 0px 0px;
          padding: 0px 0px;
          text-align:left;
      }

      /*Register Teaching, Register Research*/

      .account1_css {
          display: flex;
          align-items: start;
          justify-content: space-between;
      }
      .account1_css .box {
          flex: 1;
          background: #f2935c;
          color: #fff;
          border-radius: 10px;
          margin: 20px 10px;
          padding: 15px 20px;
          text-align:center;
      }
      .account1_css .box:nth-of-type(1) {
          flex-grow:1;
          background: #fff;
          color: #fff;
          border-radius: 10px;
          margin: 0px 0px;
          padding: 0px 0px;
          text-align:left;
      }
      .account1_css .box:nth-of-type(2) {
          flex-grow:8;
          background: #f2935c;
          color: #fff;
          border-radius: 10px;
          margin: 20px 10px;
          padding: 15px 20px;
          text-align:center;
      }
      .account1_css .box:nth-of-type(3) {
          flex-grow:1;
          background: #fff;
          color: #fff;
          border-radius: 10px;
          margin: 20px 10px;
          padding: 15px 20px;
          text-align:center;
      }

@media (max-width:768px) {
      .account_css {
        flex-direction: column;
        padding-top: 20px;
        text-align: center;
          }
      .account1_css {
        flex-direction: column;
        padding-top: 20px;
        text-align: center;
          }
      }