.page123dzo-banner {
  background-image: url(../images/bg-banner-123dzo.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  .page123dzo-banner-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    .page123dzo-banner-text img {
      width: 80%;
      padding-bottom: 35px; }
  .page123dzo-banner .abc {
    text-align: justify; }
  .page123dzo-banner-title {
    color: #F79200;
    display: inline-block;
    text-align: center;
    font-size: 2rem;
    font-weight: bold; }
    @media only screen and (max-width: 480px) {
      .page123dzo-banner-title {
        font-size: 1.5rem; } }
  .page123dzo-banner-subtitle {
    display: inline-block;
    text-align: center;
    font-size: 1.7rem;
    font-weight: 500;
    padding: 20px 0; }
    @media only screen and (max-width: 480px) {
      .page123dzo-banner-subtitle {
        font-size: 1.3rem; } }
  .page123dzo-banner-img {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    .page123dzo-banner-img img {
      width: 70%; }
      @media only screen and (max-width: 1365px) {
        .page123dzo-banner-img img {
          width: 100%; } }
      @media only screen and (max-width: 1365px) {
        .page123dzo-banner-img img {
          width: 100%; } }
    @media only screen and (max-width: 767px) {
      .page123dzo-banner-img {
        display: none; } }
  .page123dzo-banner-button {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.6rem;
    font-weight: bold;
    background-color: #ffb21b;
    padding: 10px 20px;
    border-radius: 30px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    margin-bottom: 20px; }
    @media only screen and (min-width: 240px) and (max-width: 320px) {
      .page123dzo-banner-button {
        font-size: 1rem; } }
    .page123dzo-banner-button span {
      text-align: center;
      text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff, 1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;
      padding-right: 10px; }
    .page123dzo-banner-button-icon {
      background-color: #ffffff;
      border-radius: 50%;
      padding: 10px;
      display: flex;
      align-self: center;
      justify-self: center;
      transform: rotate(90deg); }
.page123dzo-feature {
  background-color: #f1f2f4;
  padding: 0 5%; }
.page123dzo-title {
  color: #F79200;
  font-size: 2.5rem;
  font-weight: bold;
  text-align: center; }
  @media only screen and (max-width: 1023px) {
    .page123dzo-title {
      font-size: 1.5rem; } }
  @media only screen and (max-width: 767px) {
    .page123dzo-title {
      font-size: 1.5rem; } }
  @media only screen and (max-width: 480px) {
    .page123dzo-title {
      font-size: 1rem; } }
.page123dzo-title-2 {
  padding: 5%;
  width: 100%;
  margin: 0 auto; }
  @media only screen and (min-width: 1600px) {
    .page123dzo-title-2 {
      width: 60%;
      padding: 5% 0 0 0; } }
.page123dzo-subtitle {
  font-size: 2rem;
  font-weight: bold;
  text-align: center; }
  @media only screen and (max-width: 1023px) {
    .page123dzo-subtitle {
      font-size: 1.5rem; } }
  @media only screen and (max-width: 767px) {
    .page123dzo-subtitle {
      font-size: 1.5rem; } }
  @media only screen and (max-width: 480px) {
    .page123dzo-subtitle {
      font-size: 1rem; } }
.page123dzo-img {
  padding: 0 3%; }
  .page123dzo-img img {
    width: 100%; }
.page123dzo-card-img {
  display: flex;
  align-items: center;
  height: 100%;
  padding-bottom: 20px; }
  .page123dzo-card-img img {
    width: 80%;
    margin: 0 auto;
    display: block; }
    @media only screen and (max-width: 767px) {
      .page123dzo-card-img img {
        width: 100%; } }
.page123dzo-card-text {
  height: 100%;
  width: 80%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 20px; }
  @media only screen and (max-width: 767px) {
    .page123dzo-card-text {
      width: 100%; } }
.page123dzo-card-title {
  font-size: 1.8rem;
  font-weight: bold; }
  @media only screen and (max-width: 767px) {
    .page123dzo-card-title {
      font-size: 1rem; } }
.page123dzo-card-content {
  font-size: 1.5rem;
  font-weight: 500; }
  @media only screen and (max-width: 767px) {
    .page123dzo-card-content {
      font-size: 1rem; } }
.page123dzo-expandarea {
  position: absolute;
  bottom: 5%;
  left: 0%;
  right: 0%;
  margin-bottom: -8%;
  background-color: transparent;
  z-index: 2; }
  @media only screen and (max-width: 480px) {
    .page123dzo-expandarea {
      font-size: 0.7rem; } }
.page123dzo-process {
  justify-content: center; }
  .page123dzo-process-wrapper {
    position: relative;
    width: 75%;
    margin: 10% auto;
    border-radius: 10px; }
    @media only screen and (min-width: 768px) {
      .page123dzo-process-wrapper {
        margin: 10% auto 10% 5%; } }
    .page123dzo-process-wrapper::after {
      content: "";
      display: block;
      padding-bottom: 100%; }
    .page123dzo-process-wrapper-card {
      position: absolute;
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      align-items: center;
      padding: 20px; }
      .page123dzo-process-wrapper-card > img {
        width: 30%;
        display: block; }
      .page123dzo-process-wrapper-card span {
        text-align: center;
        width: 100%;
        font-size: 1.4rem;
        font-weight: bold;
        color: #ffffff; }
        @media only screen and (min-width: 1200px) {
          .page123dzo-process-wrapper-card span {
            font-size: 1.8rem; } }
.page123dzo-getapp {
  padding: 1%;
  margin: 2%;
  border: 5px solid #ffb21b;
  border-radius: 80px; }
  .page123dzo-getapp-wrapper {
    padding: 3%;
    border-radius: 80px;
    /* display: flex; */
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    background-color: #ffb21b; }
  .page123dzo-getapp-img {
    /* width: 100%; */
    display: flex;
    justify-content: center;
    align-items: center; }
    @media only screen and (max-width: 1365px) {
      .page123dzo-getapp-img {
        width: 100%; } }
    @media only screen and (max-width: 1365px) {
      .page123dzo-getapp-img {
        width: 100%; } }
  .page123dzo-getapp-body {
    /* width: 100%; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start; }
    @media only screen and (max-width: 1365px) {
      .page123dzo-getapp-body {
        width: 100%;
        align-items: center;
        text-align: center; } }
    @media only screen and (max-width: 1365px) {
      .page123dzo-getapp-body {
        width: 100%;
        align-items: center;
        text-align: center; } }
  .page123dzo-getapp-title {
    width: 100%;
    font-size: 2rem;
    font-weight: bold;
    padding-bottom: 20px; }
    @media only screen and (min-width: 1600px) {
      .page123dzo-getapp-title {
        width: 88%; } }
    @media only screen and (max-width: 1023px) {
      .page123dzo-getapp-title {
        font-size: 1.5rem; } }
    @media only screen and (max-width: 767px) {
      .page123dzo-getapp-title {
        font-size: 1.5rem; } }
    @media only screen and (max-width: 480px) {
      .page123dzo-getapp-title {
        font-size: 1rem; } }
  .page123dzo-getapp-subtitle {
    width: 100%;
    font-size: 2rem;
    font-weight: 500;
    padding-bottom: 20px; }
    @media only screen and (min-width: 1600px) {
      .page123dzo-getapp-subtitle {
        width: 67%; } }
    @media only screen and (max-width: 1023px) {
      .page123dzo-getapp-subtitle {
        font-size: 1.5rem; } }
    @media only screen and (max-width: 767px) {
      .page123dzo-getapp-subtitle {
        font-size: 1.5rem; } }
    @media only screen and (max-width: 480px) {
      .page123dzo-getapp-subtitle {
        font-size: 1rem; } }
  .page123dzo-getapp-button {
    display: flex;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    font-size: 1.6rem;
    background-color: #FF0000;
    font-weight: bold;
    padding: 10px 20px;
    border-radius: 30px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    margin-bottom: 20px; }
    @media only screen and (max-width: 1023px) {
      .page123dzo-getapp-button {
        font-size: 1.5rem; } }
    @media only screen and (max-width: 767px) {
      .page123dzo-getapp-button {
        font-size: 1.5rem; } }
    @media only screen and (max-width: 480px) {
      .page123dzo-getapp-button {
        font-size: 1rem; } }
    .page123dzo-getapp-button span {
      color: #ffffff;
      text-align: center;
      padding-right: 10px; }
    .page123dzo-getapp-button i {
      background-color: #ffffff;
      border-radius: 50%;
      padding: 10px;
      display: flex;
      align-self: center;
      justify-self: center;
      transform: rotate(90deg); }
  .page123dzo-getapp-qr {
    /* width: 100%; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    @media only screen and (max-width: 1365px) {
      .page123dzo-getapp-qr {
        width: 100%; } }
    @media only screen and (max-width: 1365px) {
      .page123dzo-getapp-qr {
        width: 100%; } }
    .page123dzo-getapp-qr .qr-code {
      border: 5px solid #000000;
      border-radius: 10px; }
.page123dzo-support {
  justify-content: space-between; }
  .page123dzo-support-card {
    height: 100%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    box-shadow: -12px -12px 24px #F7F7F7, 12px 12px 24px rgba(0, 0, 0, 0.15); }
    .page123dzo-support-card-body {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
  .page123dzo-support-img {
    width: 170px;
    height: 170px; }
    .page123dzo-support-img img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      padding-bottom: 2%; }
  .page123dzo-support-title {
    text-align: center;
    font-size: 1.5rem;
    font-weight: bold;
    padding-bottom: 5%; }
  .page123dzo-support-content {
    text-align: center;
    font-size: 1.3rem;
    font-weight: 400; }

.process-book {
  background-color: #FF0000; }
  .process-book::before {
    content: "";
    position: absolute;
    background: url(../images/process-before-menu.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 132%;
    height: 100%;
    top: -5%;
    left: -6%;
    z-index: -1; }
    @media only screen and (max-width: 767px) {
      .process-book::before {
        content: none; } }
.process-order {
  background-color: #FF8540; }
  .process-order::before {
    content: "";
    position: absolute;
    background: url(../images/process-before-screen.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 132%;
    height: 100%;
    bottom: -46%;
    left: -7%;
    z-index: -1; }
    @media only screen and (max-width: 767px) {
      .process-order::before {
        content: none; } }
.process-bell {
  background-color: #F79200; }
  .process-bell::before {
    content: "";
    position: absolute;
    background: url(../images/process-before-bell.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 132%;
    height: 100%;
    top: -5%;
    left: -6%;
    z-index: -1; }
    @media only screen and (max-width: 767px) {
      .process-bell::before {
        content: none; } }
.process-cook {
  background-color: #083AF6; }
  .process-cook::before {
    content: "";
    position: absolute;
    background: url(../images/process-before-cook.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 132%;
    height: 100%;
    bottom: -46%;
    left: -7%;
    z-index: -1; }
    @media only screen and (max-width: 767px) {
      .process-cook::before {
        content: none; } }
.process-clean {
  background-color: #33A445; }
  .process-clean::before {
    content: "";
    position: absolute;
    background: url(../images/process-before-clean.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 132%;
    height: 100%;
    top: -5%;
    left: -6%;
    z-index: -1; }
    @media only screen and (max-width: 767px) {
      .process-clean::before {
        content: none; } }
.process-payment {
  background-color: #00C5A2; }
  .process-payment::before {
    content: "";
    position: absolute;
    background: url(../images/process-before-cook.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 132%;
    height: 100%;
    bottom: -46%;
    left: -7%;
    z-index: -1; }
    @media only screen and (max-width: 767px) {
      .process-payment::before {
        content: none; } }
.process-paper {
  background-color: #8000FF; }
  .process-paper::before {
    content: "";
    position: absolute;
    background: url(../images/process-before-paper.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 112%;
    height: 100%;
    top: -5%;
    left: -6%;
    z-index: -1; }
    @media only screen and (max-width: 767px) {
      .process-paper::before {
        content: none; } }

/*# sourceMappingURL=page123zo.css.map */