* { font-family: 'Nunito', sans-serif; }
*:focus { outline: none!important; }
html, body { background: transparent; color: #fff; }



form { margin-bottom: 30px; }
 label { display: block; font-size: clamp(16px, 1.3vw, 18px); font-weight: 600; margin-bottom: 10px; }
 label.code { display: flex; align-items: center; gap: 10px; }
 label.code img { width: clamp(16px, 1.3vw, 18px); height: auto; cursor: pointer; }
 input { font-family: 'Nunito', sans-serif; width: 100%; border: 1px solid #fff; background: rgba(0, 0, 0, 0.1) !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); font-size: clamp(16px, 1.3vw, 18px); color: #fff; padding: 15px; border-radius: 10px; }
.form-group { margin-bottom: 30px; }
.form-control {  padding: 15px; height: unset; color: #fff!important; border: 1px solid #fff; border-radius: 10px; }
.form-control::placeholder { color: #fff; }
.form-control:focus { border-color: #fff; box-shadow: unset; }
.help-block.with-errors { margin-top: 10px; color: yellow; }
.btn-success.disabled, .btn-success:disabled { color: #000; background-color: #fff!important; border-color: #fff; padding: 15px; font-weight: 700; }

.checkbox-container { display: block; position: relative; font-size: clamp(16px, 1.3vw, 18px); font-weight: 400!important; padding-left: 35px; margin-top: 30px; -webkit-user-select: none; user-select: none; cursor: pointer; }
.checkbox-container input { position: absolute;  opacity: 0; cursor: pointer; height: 0; width: 0; }
.checkmark { position: absolute; top: 3px; left: 0; border-radius: 5px; background: transparent; border: 1px solid #fff; height: 20px; width: 20px; background: transparent; }
.checkbox-container input:checked ~ .checkmark { background: #fff; }
.checkmark:after { content: ""; position: absolute; display: none; }
.checkbox-container input:checked ~ .checkmark:after { display: block; }
.checkbox-container .checkmark:after { left: 9px; top: 5px; }

.container { max-width: 100%!important; }

/*.popup { display: none; position: fixed; top: 53%; left: 50%; transform: translate(-50%, -50%); z-index: 1; }
.popup img { max-width: 600px; }
.popup-active .popup { display: block; }
.popup-close { position: absolute; top: -25px; right: -25px; width: 30px; height: 30px; cursor: pointer; }*/


.popup {
	top: 33vh;
    background: url(https://bajadera.kras.hr/assets/images/kras-bajadera-nagradna-igra-kartice.png);
    aspect-ratio: 601 / 355;
    background-size: contain;
    width: 80%;
    max-width: 601px; 
}

.popup-content p { display: none; }

.popup-close {
    top: -30px;
    right: -30px;
    width: 30px;
    height: 30px;
}