* {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  box-sizing: border-box;
}

ul {
  list-style: none;
}

.d-flex {
  display: flex;
}
.d-grid {
  display: grid;
}

.flex-column {
  flex-direction: column;
}

.flex-row {
  flex-direction: row;
}

.justify-content-start {
  justify-content: flex-start;
}

.justify-content-end {
  justify-content: flex-end;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-between {
  justify-content: space-between;
}
.justify-content-around {
  justify-content: space-around;
}

.align-content-start {
  align-content: flex-start;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.text-center {
  text-align: center;
}

.align-items-center {
  align-items: center;
}
.position-absolute {
  position: absolute;
}
.justify-items-center {
  justify-items: center;
}
.justify-space-evenly {
  justify-content: space-evenly;
}

.w-100 {
  width: 100%;
}

.w-75 {
  width: 75%;
}
.w-50 {
  width: 50%;
}
.w-25 {
  width: 25%;
}
.h-100 {
  height: 100%;
}
.h-75 {
  height: 75%;
}

.h50 {
  height: 50%;
}

.h-25 {
  height: 25%;
}

#c_modal_qr .modal {
  display: flex;
  flex-direction: column;
  line-height: 96%;
}

#c_modal_qr .c_1 {
  height: 13vw;
  font-size: 4.1vw;
  text-align: center;
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: column;
  justify-content: center;
}

#c_modal_qr .c_2 {
  height: 10vw;
  display: flex;
  align-items: center;
  padding-top: 10vw;
}

#c_modal_qr .c_2 img {
  width: 4vw;
  margin-right: 1vw;
}

.modal {
  margin: auto;
  width: 62vw;
  background: rgba(237, 237, 237);
  min-height: 23vh;
  position: absolute;
  z-index: 3;
  font-family: "Helvetica";
  color: var(--primary);
  display: flex;
  justify-content: space-around;
  align-items: center;
  font-size: 5vw;
  left: 19vw;
  padding: 8vw 5vw;
  flex-direction: column;
  /* border-radius: 13px; */
  border-radius: 13px;
}

.modal #text-modal {
  line-height: 3vw;
  margin: 3.5vw 0;
  width: 100%;
  line-height: 5vw;
  font-family: "Helvetica";
}

.modal .button-x {
  top: 0;
  right: 0;
}

.c-modal {
  width: 100vw;
  height: 100vh;
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  z-index: 7;
  text-align: center;
}

.c-modal .c_logo {
  background: #000;
  width: 24vw;
  border-radius: 9px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.c-modal .c_logo img {
  background: #000;
  margin: 19px;
}

.modal .c_buttons .b {
  width: 77%;
  font-size: 2.4vw;
  cursor: pointer;
  line-height: 2.6vw;
  margin: 0.2vw auto;
}
.modal .c_buttons .c_nav {
  background: rgba(237, 237, 237, 0.8);
}

.modal .c_buttons .c_nav h1 {
  color: rgba(0, 0, 0, 1);
  border-bottom: 0.2vw solid #000;
  height: 2.3vw;
  font-size: 1.9vw;
}

.modal .c_buttons {
  display: flex;
  width: 100%;
  flex-direction: column;
}

.c_input_modal {
  width: 100%;
  height: 6vw;
  display: flex;
  justify-content: flex-start;
  padding: 0 17px;
}