body {
  font-family: 'Poppins' sans-serif;
  font-style: normal;
  background-image: url('../images/tv/background-latest.png');
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
}

.card {
  width: 100%;
  height: 60%;
  background: rgba(255, 255, 255, 0.05);
  /* Transparent glass */
  border-radius: 25px;
  backdrop-filter: blur(20px);
  /* Glass blur effect */
  -webkit-backdrop-filter: blur(20px);
  /* For Safari */
  border: 2px solid rgba(255, 255, 255, 0.9);
  /* Light border */
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
}

.btn-hextar-primary {
  background-color: #f9921b;
  background: #f9921b;
  border-radius: 50px;
  color: #fff;
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 20px;
  /* text-transform: uppercase; */
  padding: 10px 40px;
  box-shadow: 2.5px 2.5px #a2783d;
}

.hextar-tv-main-title {
  font-size: 72px;
}

.btn-hextar-primary-outline:hover {
  border: 3px solid #f9921b;
  background-color: #fff;
  background: #fff;
  color: #f9921b;
}

.btn-hextar-primary-outline {
  border: 3px solid #f9921b;
  background-color: #fff;
  background: #fff;
  border-radius: 50px;
  color: #f9921b;
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 20px;
  /* text-transform: uppercase; */
}

.btn-hextar-primary:hover {
  background-color: #f9921b;
  background: #f9921b;
  color: #fff;
}

#qrcode {
  /* border: 5px solid #00ADEE; */
  border-radius: 10px;
  padding: 20px;
  box-shadow: 5px 5px #c7c5c3;
  background: #fff;
}

.printing-quantity .form-control,
.printing-quantity .input-group-text {
  border-color: #00ADEE;
  background-color: #fff;
  border-width: 2px;
}

.printing-quantity .input-group-text {
  color: #00ADEE;
}

.preview-photo {
  max-width: 400px;
  max-height: 400px;
  padding-top: 2px;
  padding-bottom: 2px;
  background-color: white;
  /* padding-left: 10px; */
}

.modal-content {
  border-radius: 50px;
}

.modal-body {
  padding: 10px;
}

.bg-porcelain {
  background-color: #ECEDEE;
  border-radius: 50px;
}

.quantity-btn {
  background: transparent;
  color: #fff;
  border: none;
  font-size: 50px;
}


.quantity-input-container {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  border-color: transparent;
  background: #fff;
  padding: 5px;
}

.quantity-input {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  border-color: transparent;
  background: #ECEDEE;
  font-weight: 700;
  font-size: 30px;
}