form.contact {
    padding: clamp(1rem, 0.43rem + 1.189vw, 1.5rem);
    font-size: clamp(0.875rem, 0.733rem + 0.297vw, 1rem);
}
form.contact .group-label {
    margin-bottom: 0.5rem;
}

.input-field {
    width: 100%;
    background-color: #323942;
    color: white;
    padding: 0.6rem clamp(0.75rem, 0.465rem + 0.594vw, 1rem);
    border: none;
    border-radius: 0.4rem;
}

.input-field::placeholder {
    color: white;
    font-weight: 300;
    opacity: 0.5;
}

form.contact input,
form.contact textarea {
    font-family: inherit;;
    font-size: inherit;
}

form.contact .topics .checkbox label {
    display: flex;
    gap: clamp(0.5rem, 0.215rem + 0.594vw, 0.75rem);
    flex-wrap: nowrap;
}
form.contact .topics .checkbox input[type="checkbox"] {
    display: none;
}
form.contact .topics .checkbox .pretty-checkbox {
    --_size: clamp(1.25rem, 0.965rem + 0.594vw, 1.5rem);
    width: var(--_size);
    height: var(--_size);
    background-color: #323942;
    border: 1px solid rgba(116, 132, 150, 0.4);
    border-radius: 0.2rem;
}
form.contact .topics .checkbox input[type="checkbox"]:checked + .pretty-checkbox {
    position: relative;
    background-color: var(--color-accent);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTQzOC42IDEwNS40YzEyLjUgMTIuNSAxMi41IDMyLjggMCA0NS4zbC0yNTYgMjU2Yy0xMi41IDEyLjUtMzIuOCAxMi41LTQ1LjMgMGwtMTI4LTEyOGMtMTIuNS0xMi41LTEyLjUtMzIuOCAwLTQ1LjNzMzIuOC0xMi41IDQ1LjMgMEwxNjAgMzM4LjcgMzkzLjQgMTA1LjRjMTIuNS0xMi41IDMyLjgtMTIuNSA0NS4zIDB6Ii8+PC9zdmc+);    color: white;
    background-size: clamp(0.75rem, 0.465rem + 0.594vw, 1rem);
    background-repeat: no-repeat;
    background-position: center center;
    border: none;
}
/* form.contact .topics .checkbox input[type="checkbox"]:checked + .pretty-checkbox::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
} */



select {
  font-family: inherit;
  font-size: inherit;
  -moz-appearance:none; /* Firefox */
  -webkit-appearance:none; /* Safari and Chrome */
  appearance:none;
  background-repeat: no-repeat;
  background-position-x: calc(100% - clamp(0.75rem, 0.465rem + 0.594vw, 1rem));
  background-position-y: 50%;
}

select:required:invalid {
  color: #a5a8ac;
}
option[value=""][disabled] {
  display: none;
}
option {
  color: white;
}

@media only screen and (min-width: 768px) {
    select {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxOCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw4LjI5Mjg5IDguMjkyODlDOC42ODM0MiA4LjY4MzQyIDkuMzE2NTggOC42ODM0MiA5LjcwNzExIDguMjkyODlMMTcgMSIgc3Ryb2tlPSIjQzdDQUQwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K);
    }
}
@media only screen and (max-width: 767px) {
    select {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDE2IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDFMNi40Njk2NyA2LjQ2OTY3QzYuNzYyNTYgNi43NjI1NiA3LjIzNzQ0IDYuNzYyNTYgNy41MzAzMyA2LjQ2OTY3TDEzIDEiIHN0cm9rZT0iI0M3Q0FEMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4=);
    }
}