/*
 * @Description:
 * @Author: Ahmed Mahmoud Hamdy
 * @Date: 2021-08-15 18:35:55
 * @LastEditTime: 2021-08-15 18:35:55
 * @LastEditors: Ahmed Mahmoud Hamdy
 */
main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

main section {
  width: 100%;
}

main section:nth-of-type(1) {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background-color: #c13f32;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

main section:nth-of-type(1) h1 {
  font-family: "Cairo", sans-serif;
  font-size: 2.2vw;
  color: white;
  margin-top: 5vw;
  margin-bottom: 5vw;
}

main section:nth-of-type(2) {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

main section:nth-of-type(2) article {
  width: 60%;
  margin: 2vw;
}

main section:nth-of-type(2) article h1 {
  font-family: "Cairo", sans-serif;
  font-size: 2vw;
}

main section:nth-of-type(2) article p {
  font-size: 1.8vw;
  font-family: "Rubik", sans-serif;
  word-spacing: 0.5vw;
}

main section:nth-of-type(2) article li {
  font-family: "Rubik", sans-serif;
  font-size: 1.6vw;
  margin-top: 1.5vw;
  margin-bottom: 1.5vw;
  font-weight: 600;
}

main section:nth-of-type(2) img {
  width: 40%;
  height: 100%;
  margin: 2vw;
}

main section:nth-of-type(3) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #7bc04c;
}

main section:nth-of-type(3) h1 {
  font-family: "Cairo", sans-serif;
  font-size: 2vw;
  color: white;
}

main section:nth-of-type(3) img {
  width: 100%;
}

main section:nth-of-type(4) {
  background-color: #f59436;
  min-height: 70vh;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

main section:nth-of-type(4) h1 {
  font-family: "Cairo", sans-serif;
  font-size: 2.2vw;
  color: white;
  text-align: center;
}

main section:nth-of-type(4) .steps {
  width: 80%;
}

main section:nth-of-type(4) .steps .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin-top: 2.5vw;
  padding: 0.1vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "Rubik", sans-serif;
  padding-right: 0;
}

main section:nth-of-type(4) .steps .item span {
  font-size: 1.5vw;
}

main section:nth-of-type(4) .steps .item p {
  margin-right: 1vw;
  font-size: 1.7vw;
}

main section:nth-of-type(4) .steps .item:nth-of-type(odd) {
  background-color: white;
}

main section:nth-of-type(4) .steps .item:nth-of-type(odd) span {
  background-color: #c13f32;
  padding: 1vw;
  color: white;
}

main section:nth-of-type(4) .steps .item:nth-of-type(odd) p {
  color: #c13f32;
}

main section:nth-of-type(4) .steps .item:nth-of-type(even) {
  background-color: #c13f32;
}

main section:nth-of-type(4) .steps .item:nth-of-type(even) span {
  background-color: white;
  padding: 1vw;
  color: #c13f32;
}

main section:nth-of-type(4) .steps .item:nth-of-type(even) p {
  color: white;
}

main section:nth-of-type(4) .steps .item:last-of-type {
  margin-bottom: 2vw;
}

main section:nth-of-type(5) {
  min-height: 40vh;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

main section:nth-of-type(5) h1 {
  font-family: "Cairo", sans-serif;
  font-size: 2.2vw;
}

main section:nth-of-type(5) form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 80%;
  background-color: #7bc04c;
  padding: 1.5vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 3vw;
  margin-top: 2vw;
}

main section:nth-of-type(5) form input {
  font-size: 1.5vw;
  margin-top: 3vw;
  padding: 1.2vw;
  background-color: #cee8bd;
  border: 0;
  outline: unset;
  color: #060a03;
}

main section:nth-of-type(5) form .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 90%;
}

main section:nth-of-type(5) form .row > .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 45%;
}

main section:nth-of-type(5) form .row > .item label {
  font-size: 1.8vw;
  margin-top: 2vw;
}

main section:nth-of-type(5) form .row > .item input {
  width: 100%;
  margin-top: 0.2vw;
}

main section:nth-of-type(5) form > .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 86%;
}

main section:nth-of-type(5) form > .item label {
  font-size: 1.8vw;
  margin-top: 2vw;
}

main section:nth-of-type(5) form > .item input {
  width: 100%;
  margin-top: 0.2vw;
}

main section:nth-of-type(5) form input[type="submit"] {
  background-color: #c13f32;
  color: white;
  cursor: pointer;
}

@media only screen and (max-width: 980px) {
  main section:nth-of-type(1) h1 {
    font-family: "Cairo", sans-serif;
    font-size: 6vw;
    color: white;
    margin-top: 5vw;
    margin-bottom: 5vw;
  }
  main section:nth-of-type(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  main section:nth-of-type(2) article {
    width: 98%;
  }
  main section:nth-of-type(2) article h1 {
    font-family: "Cairo", sans-serif;
    font-size: 5.5vw;
  }
  main section:nth-of-type(2) article p {
    font-size: 5vw;
    font-family: "Rubik", sans-serif;
    word-spacing: 0.5vw;
  }
  main section:nth-of-type(2) article li {
    font-family: "Rubik", sans-serif;
    font-size: 4.8vw;
    margin-top: 1.5vw;
    margin-bottom: 1.5vw;
    font-weight: 600;
  }
  main section:nth-of-type(2) img {
    width: 100%;
    height: unset;
    margin: unset;
  }
  main section:nth-of-type(3) h1 {
    font-size: 6vw;
    color: white;
  }
  main section:nth-of-type(4) h1 {
    font-family: "Cairo", sans-serif;
    font-size: 5.5vw;
    color: white;
    text-align: center;
  }
  main section:nth-of-type(4) .steps {
    width: 96%;
  }
  main section:nth-of-type(4) .steps .item {
    margin-top: 4vw;
    padding: 0.1vw;
  }
  main section:nth-of-type(4) .steps .item span {
    font-size: 4.3vw;
  }
  main section:nth-of-type(4) .steps .item p {
    margin-right: 1vw;
    font-size: 4.5vw;
  }
  main section:nth-of-type(4) .steps .item:nth-of-type(odd) {
    background-color: white;
  }
  main section:nth-of-type(4) .steps .item:nth-of-type(odd) span {
    background-color: #c13f32;
    padding: 1vw;
    color: white;
  }
  main section:nth-of-type(4) .steps .item:nth-of-type(odd) p {
    color: #c13f32;
  }
  main section:nth-of-type(4) .steps .item:nth-of-type(even) {
    background-color: #c13f32;
  }
  main section:nth-of-type(4) .steps .item:nth-of-type(even) span {
    background-color: white;
    padding: 1vw;
    color: #c13f32;
  }
  main section:nth-of-type(4) .steps .item:nth-of-type(even) p {
    color: white;
  }
  main section:nth-of-type(4) .steps .item:last-of-type {
    margin-bottom: 2vw;
  }
  main section:nth-of-type(5) h1 {
    font-family: "Cairo", sans-serif;
    font-size: 5.5vw;
  }
  main section:nth-of-type(5) form {
    width: 90%;
    background-color: #7bc04c;
    padding: 1.5vw;
    margin-bottom: 3vw;
    margin-top: 2vw;
  }
  main section:nth-of-type(5) form input {
    font-size: 5vw;
    margin-top: 3vw;
    padding: 3.2vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #cee8bd;
    border: 0;
    outline: unset;
    width: 98%;
    color: #060a03;
  }
  main section:nth-of-type(5) form .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    width: 85%;
  }
  main section:nth-of-type(5) form .row > .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
  main section:nth-of-type(5) form .row > .item label {
    font-size: 5vw;
    margin-top: 5vw;
  }
  main section:nth-of-type(5) form .row > .item input {
    width: 100%;
    margin-top: 0.2vw;
  }
  main section:nth-of-type(5) form > .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 86%;
  }
  main section:nth-of-type(5) form > .item label {
    font-size: 5vw;
    margin-top: 5vw;
  }
  main section:nth-of-type(5) form > .item input {
    width: 100%;
    margin-top: 0.5vw;
  }
  main section:nth-of-type(5) form input[type="submit"] {
    background-color: #c13f32;
    color: white;
    cursor: pointer;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 8vw;
  }
}
/*# sourceMappingURL=register.css.map */