.popup-wrapper {
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2901960784);
  z-index: 9999;
}
.popup-wrapper .input-wrapper label {
  color: #101a33;
  font-size: 18px;
  font-weight: 500;
}
.popup-wrapper .input-wrapper input {
  padding: 12px 20px;
  border: solid #c5c5c5 1px;
  border-radius: 12px;
  outline: none;
}
.popup-wrapper .input-wrapper .iti__selected-flag {
  background: none;
  border-right: solid #c5c5c5 1px;
}
.popup-wrapper .input-wrapper .lebel-rememberMe {
  color: #7c7c7c;
}
.popup-wrapper .input-wrapper .login-btn {
  background: #101a33;
  font-size: 18px;
  font-weight: 600;
  color: white;
  letter-spacing: 2px;
  border-radius: 35px;
}
.popup-wrapper .input-wrapper .login_by_SMS-btn {
  font-size: 18px;
  font-weight: 400;
  color: #101a33;
  background: none;
  border: solid #101a33 1px;
  border-radius: 35px;
}
.popup-wrapper .delimiter_or {
  margin: 12px 0;
}
.popup-wrapper .delimiter_or .line {
  width: 100%;
  height: 1px;
  top: 50%;
  background-color: #c5c5c5;
}
.popup-wrapper .delimiter_or span {
  z-index: 2;
  background: white;
  padding: 0 12px;
  color: #c5c5c5;
}
.popup-wrapper .sms-wrapper .messege {
  margin-bottom: 32px;
  font-size: 22px;
  color: #333333;
}
.popup-wrapper .sms-wrapper .messege span {
  font-weight: 600;
  color: #101a33;
}
.popup-wrapper .sms-wrapper .code-wrapper {
  gap: 20px !important;
  margin-bottom: 40px;
}
.popup-wrapper .sms-wrapper .code-wrapper input {
  width: 100%;
  aspect-ratio: 1/1;
  background: #f4f4f4;
  border: none;
  outline: none;
  border-radius: 16px;
  font-size: 48px;
}
.popup-wrapper .sms-wrapper .code-wrapper input:focus,
.popup-wrapper .sms-wrapper .code-wrapper input:active {
  -webkit-box-shadow: 0 0 0 2px #0d6efd;
          box-shadow: 0 0 0 2px #0d6efd;
}
.popup-wrapper .sms-wrapper .code-wrapper .incorrect {
  -webkit-box-shadow: 0 0 0 2px #fa0d05;
          box-shadow: 0 0 0 2px #fa0d05;
}
.popup-wrapper .sms-wrapper a {
  font-size: 20px;
}
.popup-wrapper .sms-wrapper .timer {
  font-size: 20px;
  margin-bottom: 10px;
  color: #90979e;
}
.popup-wrapper .alert {
  background: white;
  border-radius: 24px;
  max-width: 90%;
}
.popup-wrapper .alert .title {
  font-size: 1.5em;
  font-weight: 700;
  color: #333333;
}
.popup-wrapper .alert .description {
  line-height: 1.5em;
  color: #5a5a5a;
}
.popup-wrapper .alert .btn {
  font-size: 1.3em;
  border-radius: 40px;
  background-color: #101a33;
  color: white;
}
.popup-wrapper .alert .btn:hover {
  -webkit-box-shadow: inset 0 0 0 100px rgba(13, 109, 253, 0.1411764706);
          box-shadow: inset 0 0 0 100px rgba(13, 109, 253, 0.1411764706);
}
.popup-wrapper .alert .btn:active {
  -webkit-box-shadow: 0 0 0px 2px #0d6efd, inset 0 0 0 100px rgba(13, 109, 253, 0.1411764706);
          box-shadow: 0 0 0px 2px #0d6efd, inset 0 0 0 100px rgba(13, 109, 253, 0.1411764706);
}
.popup-wrapper .alert .img_wrapper {
  max-width: 300px;
}
.popup-wrapper .alert .img_wrapper .popup-img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.popup-wrapper .confirm {
  background: white;
  border-radius: 24px;
  width: 451px;
}
.popup-wrapper .confirm .title {
  font-size: 1.5em;
  font-weight: 700;
  color: #333333;
}
.popup-wrapper .confirm .description {
  line-height: 1.5em;
  color: #5a5a5a;
}
.popup-wrapper .confirm .cancel-btn {
  font-size: 1.3em;
  border-radius: 40px;
  background-color: #f4f4f4;
  color: #7c7c7c;
}
.popup-wrapper .confirm .cancel-btn:hover {
  -webkit-box-shadow: inset 0 0 0 100px rgba(13, 109, 253, 0.1411764706);
          box-shadow: inset 0 0 0 100px rgba(13, 109, 253, 0.1411764706);
}
.popup-wrapper .confirm .cancel-btn:active {
  -webkit-box-shadow: 0 0 0px 2px #0d6efd, inset 0 0 0 100px rgba(13, 109, 253, 0.1411764706);
          box-shadow: 0 0 0px 2px #0d6efd, inset 0 0 0 100px rgba(13, 109, 253, 0.1411764706);
}
.popup-wrapper .confirm .confirm-btn {
  font-size: 1.3em;
  border-radius: 40px;
  background-color: #d8212e;
  color: white;
}
.popup-wrapper .confirm .confirm-btn:hover {
  -webkit-box-shadow: inset 0 0 0 100px rgba(13, 109, 253, 0.1411764706);
          box-shadow: inset 0 0 0 100px rgba(13, 109, 253, 0.1411764706);
}
.popup-wrapper .confirm .confirm-btn:active {
  -webkit-box-shadow: 0 0 0px 2px #0d6efd, inset 0 0 0 100px rgba(13, 109, 253, 0.1411764706);
          box-shadow: 0 0 0px 2px #0d6efd, inset 0 0 0 100px rgba(13, 109, 253, 0.1411764706);
}
.popup-wrapper #video-wrapper {
  border-radius: 1em;
}
.popup-wrapper .address-popup {
  border-radius: 1.5em;
  background: white;
}
.popup-wrapper .address-popup .input-block {
  color: #333333;
}
.popup-wrapper .address-popup .input-block label,
.popup-wrapper .address-popup .input-block .radio-label {
  font-size: 1.1em;
}
.popup-wrapper .address-popup .input-block input {
  padding: 0.75em 1.25em;
  border: solid #c9c9c9 1px;
  border-radius: 0.75em;
}
.popup-wrapper .address-popup .submit-form {
  font-size: 1.4em;
  border-radius: 35px;
  color: white;
  background: #cbbba1;
}
.popup-wrapper .address-popup .select-cities {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border-radius: 0.75em !important;
  border: solid #c5c5c5 1px !important;
  padding: 0.75em 1.25em;
}
.popup-wrapper .buyNow-popup {
  border-radius: 1.5em;
  background: white;
}
.popup-wrapper .buyNow-popup .input-block {
  color: #333333;
}
.popup-wrapper .buyNow-popup .input-block label,
.popup-wrapper .buyNow-popup .input-block .radio-label {
  font-size: 1.1em;
}
.popup-wrapper .buyNow-popup .input-block input {
  padding: 0.75em 1.25em;
  border: solid #c9c9c9 1px;
  border-radius: 0.75em;
}
.popup-wrapper .buyNow-popup .product-name {
  font-weight: 600;
}
.popup-wrapper .buyNow-popup .product-info {
  color: #7c7c7c;
  font-size: 0.875em;
}
.popup-wrapper .buyNow-popup .submit-form {
  font-size: 1.4em;
  border-radius: 35px;
  color: white;
  background: #cbbba1;
}

#popup-wrapper-alert {
  z-index: 99999;
}

.popup {
  width: 576px;
  padding: 2.5em;
  border-radius: 24px;
  background: white;
}
.popup h2 {
  font-size: 24px;
  color: #101a33;
  font-weight: 600;
}
.popup .close {
  width: 30px;
  height: 30px;
  top: 15px;
  right: 15px;
}
.popup .close::after,
.popup .close::before {
  position: absolute;
  content: "";
  width: 20px;
  height: 2px;
  border-radius: 2px;
  background: #5a5a5a;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: 50%;
  left: calc(50% - 10px);
}
.popup .close::after {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}