.text-white {
  color: var(--white) !important;
}

.text-gray {
  color: var(--gray_3);
}

.text-left {
  width: 100%;
  display: inline-block;
  text-align: left;
  text-align: left;
}

.btn {
  background: transparent;
  color: inherit;
  border: 0;
  border-radius: 0.75rem;
  margin-top: 1rem;
  padding: 0.75rem 2.25rem;
  cursor: pointer;
}

.w-100 {
  width: 100%;
}

small {
  color: var(--dark);
}

.container-sign {
  min-height: 420px;
  max-width: 960px;
  border-radius: 1.5rem;
  box-shadow: 2px 2px 5px 2px var(--shadow);
  margin: 4rem auto;
  padding: 0.5rem;
  position: relative;
  overflow: hidden;
}

.container-sign .m-1 {
  margin: calc(.25rem * 1);
}

.container-sign .mt-1 {
  margin-top: calc(.25rem * 1);
}

.container-sign .mb-1 {
  margin-bottom: calc(.25rem * 1);
}

.container-sign .ms-1 {
  margin-left: calc(.25rem * 1);
}

.container-sign .me-1 {
  margin-right: calc(.25rem * 1);
}

.container-sign .m-2 {
  margin: calc(.25rem * 2);
}

.container-sign .mt-2 {
  margin-top: calc(.25rem * 2);
}

.container-sign .mb-2 {
  margin-bottom: calc(.25rem * 2);
}

.container-sign .ms-2 {
  margin-left: calc(.25rem * 2);
}

.container-sign .me-2 {
  margin-right: calc(.25rem * 2);
}

.container-sign .m-3 {
  margin: calc(.25rem * 3);
}

.container-sign .mt-3 {
  margin-top: calc(.25rem * 3);
}

.container-sign .mb-3 {
  margin-bottom: calc(.25rem * 3);
}

.container-sign .ms-3 {
  margin-left: calc(.25rem * 3);
}

.container-sign .me-3 {
  margin-right: calc(.25rem * 3);
}

.container-sign .m-4 {
  margin: calc(.25rem * 4);
}

.container-sign .mt-4 {
  margin-top: calc(.25rem * 4);
}

.container-sign .mb-4 {
  margin-bottom: calc(.25rem * 4);
}

.container-sign .ms-4 {
  margin-left: calc(.25rem * 4);
}

.container-sign .me-4 {
  margin-right: calc(.25rem * 4);
}

.container-sign .m-5 {
  margin: calc(.25rem * 5);
}

.container-sign .mt-5 {
  margin-top: calc(.25rem * 5);
}

.container-sign .mb-5 {
  margin-bottom: calc(.25rem * 5);
}

.container-sign .ms-5 {
  margin-left: calc(.25rem * 5);
}

.container-sign .me-5 {
  margin-right: calc(.25rem * 5);
}

@media (max-width: 720px) {
  .container-sign {
    min-height: 750px;
  }
}

.container-sign.sign_in .wrap.form-sign_in {
  z-index: 1;
  opacity: 1;
}

.container-sign.sign_in .wrap.form-sign_up {
  z-index: -1;
  opacity: 0;
}

.container-sign.sign_in .wrap.form-wrap {
  left: 0;
}

.container-sign.sign_in .wrap.form-wrap .m-1 {
  margin: calc(.25rem * 1);
}

.container-sign.sign_in .wrap.form-wrap .mt-1 {
  margin-top: calc(.25rem * 1);
}

.container-sign.sign_in .wrap.form-wrap .mb-1 {
  margin-bottom: calc(.25rem * 1);
}

.container-sign.sign_in .wrap.form-wrap .ms-1 {
  margin-left: calc(.25rem * 1);
}

.container-sign.sign_in .wrap.form-wrap .me-1 {
  margin-right: calc(.25rem * 1);
}

.container-sign.sign_in .wrap.form-wrap .m-2 {
  margin: calc(.25rem * 2);
}

.container-sign.sign_in .wrap.form-wrap .mt-2 {
  margin-top: calc(.25rem * 2);
}

.container-sign.sign_in .wrap.form-wrap .mb-2 {
  margin-bottom: calc(.25rem * 2);
}

.container-sign.sign_in .wrap.form-wrap .ms-2 {
  margin-left: calc(.25rem * 2);
}

.container-sign.sign_in .wrap.form-wrap .me-2 {
  margin-right: calc(.25rem * 2);
}

.container-sign.sign_in .wrap.form-wrap .m-3 {
  margin: calc(.25rem * 3);
}

.container-sign.sign_in .wrap.form-wrap .mt-3 {
  margin-top: calc(.25rem * 3);
}

.container-sign.sign_in .wrap.form-wrap .mb-3 {
  margin-bottom: calc(.25rem * 3);
}

.container-sign.sign_in .wrap.form-wrap .ms-3 {
  margin-left: calc(.25rem * 3);
}

.container-sign.sign_in .wrap.form-wrap .me-3 {
  margin-right: calc(.25rem * 3);
}

.container-sign.sign_in .wrap.form-wrap .m-4 {
  margin: calc(.25rem * 4);
}

.container-sign.sign_in .wrap.form-wrap .mt-4 {
  margin-top: calc(.25rem * 4);
}

.container-sign.sign_in .wrap.form-wrap .mb-4 {
  margin-bottom: calc(.25rem * 4);
}

.container-sign.sign_in .wrap.form-wrap .ms-4 {
  margin-left: calc(.25rem * 4);
}

.container-sign.sign_in .wrap.form-wrap .me-4 {
  margin-right: calc(.25rem * 4);
}

.container-sign.sign_in .wrap.form-wrap .m-5 {
  margin: calc(.25rem * 5);
}

.container-sign.sign_in .wrap.form-wrap .mt-5 {
  margin-top: calc(.25rem * 5);
}

.container-sign.sign_in .wrap.form-wrap .mb-5 {
  margin-bottom: calc(.25rem * 5);
}

.container-sign.sign_in .wrap.form-wrap .ms-5 {
  margin-left: calc(.25rem * 5);
}

.container-sign.sign_in .wrap.form-wrap .me-5 {
  margin-right: calc(.25rem * 5);
}

@media (max-width: 720px) {
  .container-sign.sign_in .wrap.form-wrap {
    top: 0;
  }
}

.container-sign.sign_in .wrap.overlay-wrap {
  left: 50%;
}

.container-sign.sign_in .wrap.overlay-wrap .m-1 {
  margin: calc(.25rem * 1);
}

.container-sign.sign_in .wrap.overlay-wrap .mt-1 {
  margin-top: calc(.25rem * 1);
}

.container-sign.sign_in .wrap.overlay-wrap .mb-1 {
  margin-bottom: calc(.25rem * 1);
}

.container-sign.sign_in .wrap.overlay-wrap .ms-1 {
  margin-left: calc(.25rem * 1);
}

.container-sign.sign_in .wrap.overlay-wrap .me-1 {
  margin-right: calc(.25rem * 1);
}

.container-sign.sign_in .wrap.overlay-wrap .m-2 {
  margin: calc(.25rem * 2);
}

.container-sign.sign_in .wrap.overlay-wrap .mt-2 {
  margin-top: calc(.25rem * 2);
}

.container-sign.sign_in .wrap.overlay-wrap .mb-2 {
  margin-bottom: calc(.25rem * 2);
}

.container-sign.sign_in .wrap.overlay-wrap .ms-2 {
  margin-left: calc(.25rem * 2);
}

.container-sign.sign_in .wrap.overlay-wrap .me-2 {
  margin-right: calc(.25rem * 2);
}

.container-sign.sign_in .wrap.overlay-wrap .m-3 {
  margin: calc(.25rem * 3);
}

.container-sign.sign_in .wrap.overlay-wrap .mt-3 {
  margin-top: calc(.25rem * 3);
}

.container-sign.sign_in .wrap.overlay-wrap .mb-3 {
  margin-bottom: calc(.25rem * 3);
}

.container-sign.sign_in .wrap.overlay-wrap .ms-3 {
  margin-left: calc(.25rem * 3);
}

.container-sign.sign_in .wrap.overlay-wrap .me-3 {
  margin-right: calc(.25rem * 3);
}

.container-sign.sign_in .wrap.overlay-wrap .m-4 {
  margin: calc(.25rem * 4);
}

.container-sign.sign_in .wrap.overlay-wrap .mt-4 {
  margin-top: calc(.25rem * 4);
}

.container-sign.sign_in .wrap.overlay-wrap .mb-4 {
  margin-bottom: calc(.25rem * 4);
}

.container-sign.sign_in .wrap.overlay-wrap .ms-4 {
  margin-left: calc(.25rem * 4);
}

.container-sign.sign_in .wrap.overlay-wrap .me-4 {
  margin-right: calc(.25rem * 4);
}

.container-sign.sign_in .wrap.overlay-wrap .m-5 {
  margin: calc(.25rem * 5);
}

.container-sign.sign_in .wrap.overlay-wrap .mt-5 {
  margin-top: calc(.25rem * 5);
}

.container-sign.sign_in .wrap.overlay-wrap .mb-5 {
  margin-bottom: calc(.25rem * 5);
}

.container-sign.sign_in .wrap.overlay-wrap .ms-5 {
  margin-left: calc(.25rem * 5);
}

.container-sign.sign_in .wrap.overlay-wrap .me-5 {
  margin-right: calc(.25rem * 5);
}

@media (max-width: 720px) {
  .container-sign.sign_in .wrap.overlay-wrap {
    left: 0;
    top: 50%;
  }
}

.container-sign.sign_in .wrap.overlay-wrap .overlay {
  left: -50%;
}

.container-sign.sign_in .wrap.overlay-wrap .overlay .m-1 {
  margin: calc(.25rem * 1);
}

.container-sign.sign_in .wrap.overlay-wrap .overlay .mt-1 {
  margin-top: calc(.25rem * 1);
}

.container-sign.sign_in .wrap.overlay-wrap .overlay .mb-1 {
  margin-bottom: calc(.25rem * 1);
}

.container-sign.sign_in .wrap.overlay-wrap .overlay .ms-1 {
  margin-left: calc(.25rem * 1);
}

.container-sign.sign_in .wrap.overlay-wrap .overlay .me-1 {
  margin-right: calc(.25rem * 1);
}

.container-sign.sign_in .wrap.overlay-wrap .overlay .m-2 {
  margin: calc(.25rem * 2);
}

.container-sign.sign_in .wrap.overlay-wrap .overlay .mt-2 {
  margin-top: calc(.25rem * 2);
}

.container-sign.sign_in .wrap.overlay-wrap .overlay .mb-2 {
  margin-bottom: calc(.25rem * 2);
}

.container-sign.sign_in .wrap.overlay-wrap .overlay .ms-2 {
  margin-left: calc(.25rem * 2);
}

.container-sign.sign_in .wrap.overlay-wrap .overlay .me-2 {
  margin-right: calc(.25rem * 2);
}

.container-sign.sign_in .wrap.overlay-wrap .overlay .m-3 {
  margin: calc(.25rem * 3);
}

.container-sign.sign_in .wrap.overlay-wrap .overlay .mt-3 {
  margin-top: calc(.25rem * 3);
}

.container-sign.sign_in .wrap.overlay-wrap .overlay .mb-3 {
  margin-bottom: calc(.25rem * 3);
}

.container-sign.sign_in .wrap.overlay-wrap .overlay .ms-3 {
  margin-left: calc(.25rem * 3);
}

.container-sign.sign_in .wrap.overlay-wrap .overlay .me-3 {
  margin-right: calc(.25rem * 3);
}

.container-sign.sign_in .wrap.overlay-wrap .overlay .m-4 {
  margin: calc(.25rem * 4);
}

.container-sign.sign_in .wrap.overlay-wrap .overlay .mt-4 {
  margin-top: calc(.25rem * 4);
}

.container-sign.sign_in .wrap.overlay-wrap .overlay .mb-4 {
  margin-bottom: calc(.25rem * 4);
}

.container-sign.sign_in .wrap.overlay-wrap .overlay .ms-4 {
  margin-left: calc(.25rem * 4);
}

.container-sign.sign_in .wrap.overlay-wrap .overlay .me-4 {
  margin-right: calc(.25rem * 4);
}

.container-sign.sign_in .wrap.overlay-wrap .overlay .m-5 {
  margin: calc(.25rem * 5);
}

.container-sign.sign_in .wrap.overlay-wrap .overlay .mt-5 {
  margin-top: calc(.25rem * 5);
}

.container-sign.sign_in .wrap.overlay-wrap .overlay .mb-5 {
  margin-bottom: calc(.25rem * 5);
}

.container-sign.sign_in .wrap.overlay-wrap .overlay .ms-5 {
  margin-left: calc(.25rem * 5);
}

.container-sign.sign_in .wrap.overlay-wrap .overlay .me-5 {
  margin-right: calc(.25rem * 5);
}

@media (max-width: 720px) {
  .container-sign.sign_in .wrap.overlay-wrap .overlay {
    left: 0;
    top: -50%;
  }
}

.container-sign.sign_up .wrap.form-sign_in {
  z-index: -1;
  opacity: 0;
}

.container-sign.sign_up .wrap.form-sign_up {
  z-index: 1;
  opacity: 1;
}

.container-sign.sign_up .wrap.form-wrap {
  left: 50%;
}

.container-sign.sign_up .wrap.form-wrap .m-1 {
  margin: calc(.25rem * 1);
}

.container-sign.sign_up .wrap.form-wrap .mt-1 {
  margin-top: calc(.25rem * 1);
}

.container-sign.sign_up .wrap.form-wrap .mb-1 {
  margin-bottom: calc(.25rem * 1);
}

.container-sign.sign_up .wrap.form-wrap .ms-1 {
  margin-left: calc(.25rem * 1);
}

.container-sign.sign_up .wrap.form-wrap .me-1 {
  margin-right: calc(.25rem * 1);
}

.container-sign.sign_up .wrap.form-wrap .m-2 {
  margin: calc(.25rem * 2);
}

.container-sign.sign_up .wrap.form-wrap .mt-2 {
  margin-top: calc(.25rem * 2);
}

.container-sign.sign_up .wrap.form-wrap .mb-2 {
  margin-bottom: calc(.25rem * 2);
}

.container-sign.sign_up .wrap.form-wrap .ms-2 {
  margin-left: calc(.25rem * 2);
}

.container-sign.sign_up .wrap.form-wrap .me-2 {
  margin-right: calc(.25rem * 2);
}

.container-sign.sign_up .wrap.form-wrap .m-3 {
  margin: calc(.25rem * 3);
}

.container-sign.sign_up .wrap.form-wrap .mt-3 {
  margin-top: calc(.25rem * 3);
}

.container-sign.sign_up .wrap.form-wrap .mb-3 {
  margin-bottom: calc(.25rem * 3);
}

.container-sign.sign_up .wrap.form-wrap .ms-3 {
  margin-left: calc(.25rem * 3);
}

.container-sign.sign_up .wrap.form-wrap .me-3 {
  margin-right: calc(.25rem * 3);
}

.container-sign.sign_up .wrap.form-wrap .m-4 {
  margin: calc(.25rem * 4);
}

.container-sign.sign_up .wrap.form-wrap .mt-4 {
  margin-top: calc(.25rem * 4);
}

.container-sign.sign_up .wrap.form-wrap .mb-4 {
  margin-bottom: calc(.25rem * 4);
}

.container-sign.sign_up .wrap.form-wrap .ms-4 {
  margin-left: calc(.25rem * 4);
}

.container-sign.sign_up .wrap.form-wrap .me-4 {
  margin-right: calc(.25rem * 4);
}

.container-sign.sign_up .wrap.form-wrap .m-5 {
  margin: calc(.25rem * 5);
}

.container-sign.sign_up .wrap.form-wrap .mt-5 {
  margin-top: calc(.25rem * 5);
}

.container-sign.sign_up .wrap.form-wrap .mb-5 {
  margin-bottom: calc(.25rem * 5);
}

.container-sign.sign_up .wrap.form-wrap .ms-5 {
  margin-left: calc(.25rem * 5);
}

.container-sign.sign_up .wrap.form-wrap .me-5 {
  margin-right: calc(.25rem * 5);
}

@media (max-width: 720px) {
  .container-sign.sign_up .wrap.form-wrap {
    left: 0;
    top: 50%;
  }
}

.container-sign.sign_up .wrap.overlay-wrap {
  left: 0;
}

.container-sign.sign_up .wrap.overlay-wrap .m-1 {
  margin: calc(.25rem * 1);
}

.container-sign.sign_up .wrap.overlay-wrap .mt-1 {
  margin-top: calc(.25rem * 1);
}

.container-sign.sign_up .wrap.overlay-wrap .mb-1 {
  margin-bottom: calc(.25rem * 1);
}

.container-sign.sign_up .wrap.overlay-wrap .ms-1 {
  margin-left: calc(.25rem * 1);
}

.container-sign.sign_up .wrap.overlay-wrap .me-1 {
  margin-right: calc(.25rem * 1);
}

.container-sign.sign_up .wrap.overlay-wrap .m-2 {
  margin: calc(.25rem * 2);
}

.container-sign.sign_up .wrap.overlay-wrap .mt-2 {
  margin-top: calc(.25rem * 2);
}

.container-sign.sign_up .wrap.overlay-wrap .mb-2 {
  margin-bottom: calc(.25rem * 2);
}

.container-sign.sign_up .wrap.overlay-wrap .ms-2 {
  margin-left: calc(.25rem * 2);
}

.container-sign.sign_up .wrap.overlay-wrap .me-2 {
  margin-right: calc(.25rem * 2);
}

.container-sign.sign_up .wrap.overlay-wrap .m-3 {
  margin: calc(.25rem * 3);
}

.container-sign.sign_up .wrap.overlay-wrap .mt-3 {
  margin-top: calc(.25rem * 3);
}

.container-sign.sign_up .wrap.overlay-wrap .mb-3 {
  margin-bottom: calc(.25rem * 3);
}

.container-sign.sign_up .wrap.overlay-wrap .ms-3 {
  margin-left: calc(.25rem * 3);
}

.container-sign.sign_up .wrap.overlay-wrap .me-3 {
  margin-right: calc(.25rem * 3);
}

.container-sign.sign_up .wrap.overlay-wrap .m-4 {
  margin: calc(.25rem * 4);
}

.container-sign.sign_up .wrap.overlay-wrap .mt-4 {
  margin-top: calc(.25rem * 4);
}

.container-sign.sign_up .wrap.overlay-wrap .mb-4 {
  margin-bottom: calc(.25rem * 4);
}

.container-sign.sign_up .wrap.overlay-wrap .ms-4 {
  margin-left: calc(.25rem * 4);
}

.container-sign.sign_up .wrap.overlay-wrap .me-4 {
  margin-right: calc(.25rem * 4);
}

.container-sign.sign_up .wrap.overlay-wrap .m-5 {
  margin: calc(.25rem * 5);
}

.container-sign.sign_up .wrap.overlay-wrap .mt-5 {
  margin-top: calc(.25rem * 5);
}

.container-sign.sign_up .wrap.overlay-wrap .mb-5 {
  margin-bottom: calc(.25rem * 5);
}

.container-sign.sign_up .wrap.overlay-wrap .ms-5 {
  margin-left: calc(.25rem * 5);
}

.container-sign.sign_up .wrap.overlay-wrap .me-5 {
  margin-right: calc(.25rem * 5);
}

@media (max-width: 720px) {
  .container-sign.sign_up .wrap.overlay-wrap {
    top: 0;
  }
}

.container-sign.sign_up .wrap.overlay-wrap .overlay {
  left: 50%;
}

.container-sign.sign_up .wrap.overlay-wrap .overlay .m-1 {
  margin: calc(.25rem * 1);
}

.container-sign.sign_up .wrap.overlay-wrap .overlay .mt-1 {
  margin-top: calc(.25rem * 1);
}

.container-sign.sign_up .wrap.overlay-wrap .overlay .mb-1 {
  margin-bottom: calc(.25rem * 1);
}

.container-sign.sign_up .wrap.overlay-wrap .overlay .ms-1 {
  margin-left: calc(.25rem * 1);
}

.container-sign.sign_up .wrap.overlay-wrap .overlay .me-1 {
  margin-right: calc(.25rem * 1);
}

.container-sign.sign_up .wrap.overlay-wrap .overlay .m-2 {
  margin: calc(.25rem * 2);
}

.container-sign.sign_up .wrap.overlay-wrap .overlay .mt-2 {
  margin-top: calc(.25rem * 2);
}

.container-sign.sign_up .wrap.overlay-wrap .overlay .mb-2 {
  margin-bottom: calc(.25rem * 2);
}

.container-sign.sign_up .wrap.overlay-wrap .overlay .ms-2 {
  margin-left: calc(.25rem * 2);
}

.container-sign.sign_up .wrap.overlay-wrap .overlay .me-2 {
  margin-right: calc(.25rem * 2);
}

.container-sign.sign_up .wrap.overlay-wrap .overlay .m-3 {
  margin: calc(.25rem * 3);
}

.container-sign.sign_up .wrap.overlay-wrap .overlay .mt-3 {
  margin-top: calc(.25rem * 3);
}

.container-sign.sign_up .wrap.overlay-wrap .overlay .mb-3 {
  margin-bottom: calc(.25rem * 3);
}

.container-sign.sign_up .wrap.overlay-wrap .overlay .ms-3 {
  margin-left: calc(.25rem * 3);
}

.container-sign.sign_up .wrap.overlay-wrap .overlay .me-3 {
  margin-right: calc(.25rem * 3);
}

.container-sign.sign_up .wrap.overlay-wrap .overlay .m-4 {
  margin: calc(.25rem * 4);
}

.container-sign.sign_up .wrap.overlay-wrap .overlay .mt-4 {
  margin-top: calc(.25rem * 4);
}

.container-sign.sign_up .wrap.overlay-wrap .overlay .mb-4 {
  margin-bottom: calc(.25rem * 4);
}

.container-sign.sign_up .wrap.overlay-wrap .overlay .ms-4 {
  margin-left: calc(.25rem * 4);
}

.container-sign.sign_up .wrap.overlay-wrap .overlay .me-4 {
  margin-right: calc(.25rem * 4);
}

.container-sign.sign_up .wrap.overlay-wrap .overlay .m-5 {
  margin: calc(.25rem * 5);
}

.container-sign.sign_up .wrap.overlay-wrap .overlay .mt-5 {
  margin-top: calc(.25rem * 5);
}

.container-sign.sign_up .wrap.overlay-wrap .overlay .mb-5 {
  margin-bottom: calc(.25rem * 5);
}

.container-sign.sign_up .wrap.overlay-wrap .overlay .ms-5 {
  margin-left: calc(.25rem * 5);
}

.container-sign.sign_up .wrap.overlay-wrap .overlay .me-5 {
  margin-right: calc(.25rem * 5);
}

@media (max-width: 720px) {
  .container-sign.sign_up .wrap.overlay-wrap .overlay {
    left: 0;
    top: 50%;
  }
}

.container-sign .wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 50%;
  height: 100%;
  text-align: center;
  position: absolute;
  top: 0;
  transition: 0.3s;
}

.container-sign .wrap .m-1 {
  margin: calc(.25rem * 1);
}

.container-sign .wrap .mt-1 {
  margin-top: calc(.25rem * 1);
}

.container-sign .wrap .mb-1 {
  margin-bottom: calc(.25rem * 1);
}

.container-sign .wrap .ms-1 {
  margin-left: calc(.25rem * 1);
}

.container-sign .wrap .me-1 {
  margin-right: calc(.25rem * 1);
}

.container-sign .wrap .m-2 {
  margin: calc(.25rem * 2);
}

.container-sign .wrap .mt-2 {
  margin-top: calc(.25rem * 2);
}

.container-sign .wrap .mb-2 {
  margin-bottom: calc(.25rem * 2);
}

.container-sign .wrap .ms-2 {
  margin-left: calc(.25rem * 2);
}

.container-sign .wrap .me-2 {
  margin-right: calc(.25rem * 2);
}

.container-sign .wrap .m-3 {
  margin: calc(.25rem * 3);
}

.container-sign .wrap .mt-3 {
  margin-top: calc(.25rem * 3);
}

.container-sign .wrap .mb-3 {
  margin-bottom: calc(.25rem * 3);
}

.container-sign .wrap .ms-3 {
  margin-left: calc(.25rem * 3);
}

.container-sign .wrap .me-3 {
  margin-right: calc(.25rem * 3);
}

.container-sign .wrap .m-4 {
  margin: calc(.25rem * 4);
}

.container-sign .wrap .mt-4 {
  margin-top: calc(.25rem * 4);
}

.container-sign .wrap .mb-4 {
  margin-bottom: calc(.25rem * 4);
}

.container-sign .wrap .ms-4 {
  margin-left: calc(.25rem * 4);
}

.container-sign .wrap .me-4 {
  margin-right: calc(.25rem * 4);
}

.container-sign .wrap .m-5 {
  margin: calc(.25rem * 5);
}

.container-sign .wrap .mt-5 {
  margin-top: calc(.25rem * 5);
}

.container-sign .wrap .mb-5 {
  margin-bottom: calc(.25rem * 5);
}

.container-sign .wrap .ms-5 {
  margin-left: calc(.25rem * 5);
}

.container-sign .wrap .me-5 {
  margin-right: calc(.25rem * 5);
}

@media (max-width: 720px) {
  .container-sign .wrap {
    width: 100%;
    height: 50%;
    top: initial;
  }
}

.container-sign .wrap.form-wrap form {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  padding: 1.75rem;
}

.container-sign .wrap.form-wrap .forget_password {
  margin-top: 1rem;
  margin-left: auto;
}

.container-sign .wrap.form-wrap .btn {
  background: var(--primary);
}

.container-sign .wrap.form-wrap .btn:hover {
  background: var(--hover);
}

.container-sign .wrap.form-wrap .btn:active {
  background: var(--active);
}

.container-sign .wrap.form-wrap input:not([type=checkbox]) {
  width: 100%;
  border: none;
  border-bottom: 1px solid var(--gray_5);
  outline: 0;
  padding: 0.5rem;
}

.container-sign .wrap.form-wrap input:not([type=checkbox])::placeholder {
  color: var(--gray_4);
}

.container-sign .wrap.overlay-wrap {
  overflow: hidden;
  background: yellow;
  z-index: 5;
}

.container-sign .wrap.overlay-wrap .btn {
  border: 1px solid var(--white);
}

.container-sign .wrap.overlay-wrap .overlay {
  width: 200%;
  height: 100%;
  background: linear-gradient(-45deg, var(--primary), var(--second));
  position: relative;
  transition: 0.3s;
}

.container-sign .wrap.overlay-wrap .overlay p {
  padding: 1rem;
}

.container-sign .wrap.overlay-wrap .overlay .m-1 {
  margin: calc(.25rem * 1);
}

.container-sign .wrap.overlay-wrap .overlay .mt-1 {
  margin-top: calc(.25rem * 1);
}

.container-sign .wrap.overlay-wrap .overlay .mb-1 {
  margin-bottom: calc(.25rem * 1);
}

.container-sign .wrap.overlay-wrap .overlay .ms-1 {
  margin-left: calc(.25rem * 1);
}

.container-sign .wrap.overlay-wrap .overlay .me-1 {
  margin-right: calc(.25rem * 1);
}

.container-sign .wrap.overlay-wrap .overlay .m-2 {
  margin: calc(.25rem * 2);
}

.container-sign .wrap.overlay-wrap .overlay .mt-2 {
  margin-top: calc(.25rem * 2);
}

.container-sign .wrap.overlay-wrap .overlay .mb-2 {
  margin-bottom: calc(.25rem * 2);
}

.container-sign .wrap.overlay-wrap .overlay .ms-2 {
  margin-left: calc(.25rem * 2);
}

.container-sign .wrap.overlay-wrap .overlay .me-2 {
  margin-right: calc(.25rem * 2);
}

.container-sign .wrap.overlay-wrap .overlay .m-3 {
  margin: calc(.25rem * 3);
}

.container-sign .wrap.overlay-wrap .overlay .mt-3 {
  margin-top: calc(.25rem * 3);
}

.container-sign .wrap.overlay-wrap .overlay .mb-3 {
  margin-bottom: calc(.25rem * 3);
}

.container-sign .wrap.overlay-wrap .overlay .ms-3 {
  margin-left: calc(.25rem * 3);
}

.container-sign .wrap.overlay-wrap .overlay .me-3 {
  margin-right: calc(.25rem * 3);
}

.container-sign .wrap.overlay-wrap .overlay .m-4 {
  margin: calc(.25rem * 4);
}

.container-sign .wrap.overlay-wrap .overlay .mt-4 {
  margin-top: calc(.25rem * 4);
}

.container-sign .wrap.overlay-wrap .overlay .mb-4 {
  margin-bottom: calc(.25rem * 4);
}

.container-sign .wrap.overlay-wrap .overlay .ms-4 {
  margin-left: calc(.25rem * 4);
}

.container-sign .wrap.overlay-wrap .overlay .me-4 {
  margin-right: calc(.25rem * 4);
}

.container-sign .wrap.overlay-wrap .overlay .m-5 {
  margin: calc(.25rem * 5);
}

.container-sign .wrap.overlay-wrap .overlay .mt-5 {
  margin-top: calc(.25rem * 5);
}

.container-sign .wrap.overlay-wrap .overlay .mb-5 {
  margin-bottom: calc(.25rem * 5);
}

.container-sign .wrap.overlay-wrap .overlay .ms-5 {
  margin-left: calc(.25rem * 5);
}

.container-sign .wrap.overlay-wrap .overlay .me-5 {
  margin-right: calc(.25rem * 5);
}

@media (max-width: 720px) {
  .container-sign .wrap.overlay-wrap .overlay {
    width: 100%;
    min-height: 200%;
    height: initial;
  }
}

.container-sign .wrap.overlay-wrap .overlay .panel {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 50%;
  height: 100%;
  padding: 1.25rem;
  position: absolute;
  top: 0;
}

.container-sign .wrap.overlay-wrap .overlay .panel .m-1 {
  margin: calc(.25rem * 1);
}

.container-sign .wrap.overlay-wrap .overlay .panel .mt-1 {
  margin-top: calc(.25rem * 1);
}

.container-sign .wrap.overlay-wrap .overlay .panel .mb-1 {
  margin-bottom: calc(.25rem * 1);
}

.container-sign .wrap.overlay-wrap .overlay .panel .ms-1 {
  margin-left: calc(.25rem * 1);
}

.container-sign .wrap.overlay-wrap .overlay .panel .me-1 {
  margin-right: calc(.25rem * 1);
}

.container-sign .wrap.overlay-wrap .overlay .panel .m-2 {
  margin: calc(.25rem * 2);
}

.container-sign .wrap.overlay-wrap .overlay .panel .mt-2 {
  margin-top: calc(.25rem * 2);
}

.container-sign .wrap.overlay-wrap .overlay .panel .mb-2 {
  margin-bottom: calc(.25rem * 2);
}

.container-sign .wrap.overlay-wrap .overlay .panel .ms-2 {
  margin-left: calc(.25rem * 2);
}

.container-sign .wrap.overlay-wrap .overlay .panel .me-2 {
  margin-right: calc(.25rem * 2);
}

.container-sign .wrap.overlay-wrap .overlay .panel .m-3 {
  margin: calc(.25rem * 3);
}

.container-sign .wrap.overlay-wrap .overlay .panel .mt-3 {
  margin-top: calc(.25rem * 3);
}

.container-sign .wrap.overlay-wrap .overlay .panel .mb-3 {
  margin-bottom: calc(.25rem * 3);
}

.container-sign .wrap.overlay-wrap .overlay .panel .ms-3 {
  margin-left: calc(.25rem * 3);
}

.container-sign .wrap.overlay-wrap .overlay .panel .me-3 {
  margin-right: calc(.25rem * 3);
}

.container-sign .wrap.overlay-wrap .overlay .panel .m-4 {
  margin: calc(.25rem * 4);
}

.container-sign .wrap.overlay-wrap .overlay .panel .mt-4 {
  margin-top: calc(.25rem * 4);
}

.container-sign .wrap.overlay-wrap .overlay .panel .mb-4 {
  margin-bottom: calc(.25rem * 4);
}

.container-sign .wrap.overlay-wrap .overlay .panel .ms-4 {
  margin-left: calc(.25rem * 4);
}

.container-sign .wrap.overlay-wrap .overlay .panel .me-4 {
  margin-right: calc(.25rem * 4);
}

.container-sign .wrap.overlay-wrap .overlay .panel .m-5 {
  margin: calc(.25rem * 5);
}

.container-sign .wrap.overlay-wrap .overlay .panel .mt-5 {
  margin-top: calc(.25rem * 5);
}

.container-sign .wrap.overlay-wrap .overlay .panel .mb-5 {
  margin-bottom: calc(.25rem * 5);
}

.container-sign .wrap.overlay-wrap .overlay .panel .ms-5 {
  margin-left: calc(.25rem * 5);
}

.container-sign .wrap.overlay-wrap .overlay .panel .me-5 {
  margin-right: calc(.25rem * 5);
}

@media (max-width: 720px) {
  .container-sign .wrap.overlay-wrap .overlay .panel {
    width: 100%;
    height: 50%;
    left: 0;
  }
}

.container-sign .wrap.overlay-wrap .overlay .panel.overlay-left {
  left: 0;
}

.container-sign .wrap.overlay-wrap .overlay .panel.overlay-left .m-1 {
  margin: calc(.25rem * 1);
}

.container-sign .wrap.overlay-wrap .overlay .panel.overlay-left .mt-1 {
  margin-top: calc(.25rem * 1);
}

.container-sign .wrap.overlay-wrap .overlay .panel.overlay-left .mb-1 {
  margin-bottom: calc(.25rem * 1);
}

.container-sign .wrap.overlay-wrap .overlay .panel.overlay-left .ms-1 {
  margin-left: calc(.25rem * 1);
}

.container-sign .wrap.overlay-wrap .overlay .panel.overlay-left .me-1 {
  margin-right: calc(.25rem * 1);
}

.container-sign .wrap.overlay-wrap .overlay .panel.overlay-left .m-2 {
  margin: calc(.25rem * 2);
}

.container-sign .wrap.overlay-wrap .overlay .panel.overlay-left .mt-2 {
  margin-top: calc(.25rem * 2);
}

.container-sign .wrap.overlay-wrap .overlay .panel.overlay-left .mb-2 {
  margin-bottom: calc(.25rem * 2);
}

.container-sign .wrap.overlay-wrap .overlay .panel.overlay-left .ms-2 {
  margin-left: calc(.25rem * 2);
}

.container-sign .wrap.overlay-wrap .overlay .panel.overlay-left .me-2 {
  margin-right: calc(.25rem * 2);
}

.container-sign .wrap.overlay-wrap .overlay .panel.overlay-left .m-3 {
  margin: calc(.25rem * 3);
}

.container-sign .wrap.overlay-wrap .overlay .panel.overlay-left .mt-3 {
  margin-top: calc(.25rem * 3);
}

.container-sign .wrap.overlay-wrap .overlay .panel.overlay-left .mb-3 {
  margin-bottom: calc(.25rem * 3);
}

.container-sign .wrap.overlay-wrap .overlay .panel.overlay-left .ms-3 {
  margin-left: calc(.25rem * 3);
}

.container-sign .wrap.overlay-wrap .overlay .panel.overlay-left .me-3 {
  margin-right: calc(.25rem * 3);
}

.container-sign .wrap.overlay-wrap .overlay .panel.overlay-left .m-4 {
  margin: calc(.25rem * 4);
}

.container-sign .wrap.overlay-wrap .overlay .panel.overlay-left .mt-4 {
  margin-top: calc(.25rem * 4);
}

.container-sign .wrap.overlay-wrap .overlay .panel.overlay-left .mb-4 {
  margin-bottom: calc(.25rem * 4);
}

.container-sign .wrap.overlay-wrap .overlay .panel.overlay-left .ms-4 {
  margin-left: calc(.25rem * 4);
}

.container-sign .wrap.overlay-wrap .overlay .panel.overlay-left .me-4 {
  margin-right: calc(.25rem * 4);
}

.container-sign .wrap.overlay-wrap .overlay .panel.overlay-left .m-5 {
  margin: calc(.25rem * 5);
}

.container-sign .wrap.overlay-wrap .overlay .panel.overlay-left .mt-5 {
  margin-top: calc(.25rem * 5);
}

.container-sign .wrap.overlay-wrap .overlay .panel.overlay-left .mb-5 {
  margin-bottom: calc(.25rem * 5);
}

.container-sign .wrap.overlay-wrap .overlay .panel.overlay-left .ms-5 {
  margin-left: calc(.25rem * 5);
}

.container-sign .wrap.overlay-wrap .overlay .panel.overlay-left .me-5 {
  margin-right: calc(.25rem * 5);
}

@media (max-width: 720px) {
  .container-sign .wrap.overlay-wrap .overlay .panel.overlay-left {
    top: 0;
  }
}

.container-sign .wrap.overlay-wrap .overlay .panel.overlay-right {
  left: 50%;
}

.container-sign .wrap.overlay-wrap .overlay .panel.overlay-right .m-1 {
  margin: calc(.25rem * 1);
}

.container-sign .wrap.overlay-wrap .overlay .panel.overlay-right .mt-1 {
  margin-top: calc(.25rem * 1);
}

.container-sign .wrap.overlay-wrap .overlay .panel.overlay-right .mb-1 {
  margin-bottom: calc(.25rem * 1);
}

.container-sign .wrap.overlay-wrap .overlay .panel.overlay-right .ms-1 {
  margin-left: calc(.25rem * 1);
}

.container-sign .wrap.overlay-wrap .overlay .panel.overlay-right .me-1 {
  margin-right: calc(.25rem * 1);
}

.container-sign .wrap.overlay-wrap .overlay .panel.overlay-right .m-2 {
  margin: calc(.25rem * 2);
}

.container-sign .wrap.overlay-wrap .overlay .panel.overlay-right .mt-2 {
  margin-top: calc(.25rem * 2);
}

.container-sign .wrap.overlay-wrap .overlay .panel.overlay-right .mb-2 {
  margin-bottom: calc(.25rem * 2);
}

.container-sign .wrap.overlay-wrap .overlay .panel.overlay-right .ms-2 {
  margin-left: calc(.25rem * 2);
}

.container-sign .wrap.overlay-wrap .overlay .panel.overlay-right .me-2 {
  margin-right: calc(.25rem * 2);
}

.container-sign .wrap.overlay-wrap .overlay .panel.overlay-right .m-3 {
  margin: calc(.25rem * 3);
}

.container-sign .wrap.overlay-wrap .overlay .panel.overlay-right .mt-3 {
  margin-top: calc(.25rem * 3);
}

.container-sign .wrap.overlay-wrap .overlay .panel.overlay-right .mb-3 {
  margin-bottom: calc(.25rem * 3);
}

.container-sign .wrap.overlay-wrap .overlay .panel.overlay-right .ms-3 {
  margin-left: calc(.25rem * 3);
}

.container-sign .wrap.overlay-wrap .overlay .panel.overlay-right .me-3 {
  margin-right: calc(.25rem * 3);
}

.container-sign .wrap.overlay-wrap .overlay .panel.overlay-right .m-4 {
  margin: calc(.25rem * 4);
}

.container-sign .wrap.overlay-wrap .overlay .panel.overlay-right .mt-4 {
  margin-top: calc(.25rem * 4);
}

.container-sign .wrap.overlay-wrap .overlay .panel.overlay-right .mb-4 {
  margin-bottom: calc(.25rem * 4);
}

.container-sign .wrap.overlay-wrap .overlay .panel.overlay-right .ms-4 {
  margin-left: calc(.25rem * 4);
}

.container-sign .wrap.overlay-wrap .overlay .panel.overlay-right .me-4 {
  margin-right: calc(.25rem * 4);
}

.container-sign .wrap.overlay-wrap .overlay .panel.overlay-right .m-5 {
  margin: calc(.25rem * 5);
}

.container-sign .wrap.overlay-wrap .overlay .panel.overlay-right .mt-5 {
  margin-top: calc(.25rem * 5);
}

.container-sign .wrap.overlay-wrap .overlay .panel.overlay-right .mb-5 {
  margin-bottom: calc(.25rem * 5);
}

.container-sign .wrap.overlay-wrap .overlay .panel.overlay-right .ms-5 {
  margin-left: calc(.25rem * 5);
}

.container-sign .wrap.overlay-wrap .overlay .panel.overlay-right .me-5 {
  margin-right: calc(.25rem * 5);
}

@media (max-width: 720px) {
  .container-sign .wrap.overlay-wrap .overlay .panel.overlay-right {
    left: 0;
    top: 50%;
  }
}
/*# sourceMappingURL=signup_login.css.map */