/* Turnstile responsive fix */
.cf-turnstile { max-width: 100% !important; overflow: hidden !important; }
.cf-turnstile iframe { max-width: 100% !important; width: 100% !important; }
@media (max-width: 480px) {
    .cf-turnstile { transform: scale(0.88); transform-origin: 0 0; -webkit-transform: scale(0.88); -webkit-transform-origin: 0 0; }
}

.checkbox label {
    padding-left: 20px !important;
    cursor: pointer !important;
    position: relative !important;
}
.checkbox label::before {
    display: inline-block !important;
    position: absolute !important;
    width: 17px !important;
    height: 17px !important;
    left: 0 !important;
    margin-left: -20px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 3px !important;
    background-color: #fff !important;
    content: "" !important;
    font-family: inherit !important;
}
.checkbox input[type="checkbox"]:checked + label::before,
.checkbox input[type="checkbox"]:checked ~ label::before {
    background-color: #4f6ef7 !important;
    border-color: #4f6ef7 !important;
}
.checkbox input[type="checkbox"]:checked + label::after,
.checkbox input[type="checkbox"]:checked ~ label::after {
    content: "\f00c" !important;
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    position: absolute !important;
    left: 0 !important;
    margin-left: -20px !important;
    width: 17px !important;
    height: 17px !important;
    font-size: 11px !important;
    color: #fff !important;
    line-height: 17px !important;
    text-align: center !important;
}

/* Fix checkbox Ingat Saya */
.checkbox label {
    padding-left: 20px !important;
    cursor: pointer !important;
    position: relative !important;
}
.checkbox input[type="checkbox"] {
    position: absolute !important;
    margin-left: -20px !important;
    opacity: 0 !important;
    width: 17px !important;
    height: 17px !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    cursor: pointer !important;
}
.checkbox label::before {
    content: "" !important;
    display: inline-block !important;
    position: absolute !important;
    width: 17px !important;
    height: 17px !important;
    left: 0 !important;
    margin-left: -20px !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 3px !important;
    background-color: #ffffff !important;
    font-family: inherit !important;
}
.checkbox label::after {
    content: "" !important;
    display: inline-block !important;
    position: absolute !important;
    width: 17px !important;
    height: 17px !important;
    left: 0 !important;
    margin-left: -20px !important;
    font-size: 11px !important;
    color: transparent !important;
    line-height: 17px !important;
    text-align: center !important;
}
.checkbox input[type="checkbox"]:checked + label::before,
.checkbox input[type="checkbox"]:checked ~ label::before {
    background-color: #4f6ef7 !important;
    border-color: #4f6ef7 !important;
}
.checkbox input[type="checkbox"]:checked + label::after,
.checkbox input[type="checkbox"]:checked ~ label::after {
    content: "\f00c" !important;
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    color: #ffffff !important;
}

/* Fix checkbox-inline Admin Login */
.checkbox-inline label {
    padding-left: 20px !important;
    cursor: pointer !important;
    position: relative !important;
}
.checkbox-inline input[type="checkbox"] {
    position: absolute !important;
    margin-left: -20px !important;
    opacity: 0 !important;
    width: 17px !important;
    height: 17px !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    cursor: pointer !important;
}
.checkbox-inline label::before {
    content: "" !important;
    display: inline-block !important;
    position: absolute !important;
    width: 17px !important;
    height: 17px !important;
    left: 0 !important;
    margin-left: -20px !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 3px !important;
    background-color: #ffffff !important;
    font-family: inherit !important;
}
.checkbox-inline label::after {
    content: "" !important;
    display: inline-block !important;
    position: absolute !important;
    width: 17px !important;
    height: 17px !important;
    left: 0 !important;
    margin-left: -20px !important;
    color: transparent !important;
}
.checkbox-inline input[type="checkbox"]:checked + label::before,
.checkbox-inline input[type="checkbox"]:checked ~ label::before {
    background-color: #4f6ef7 !important;
    border-color: #4f6ef7 !important;
}
.checkbox-inline input[type="checkbox"]:checked + label::after,
.checkbox-inline input[type="checkbox"]:checked ~ label::after {
    content: "\f00c" !important;
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-size: 11px !important;
    color: #ffffff !important;
    line-height: 17px !important;
    text-align: center !important;
}