@font-face {
    font-family: 'HelveticaLight';
    src: url('helvetica-light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

input {
    border: none !important;
    outline: none !important;
    background: transparent !important;
    color: #000000 !important;
    font-family: 'HelveticaLight', Arial, sans-serif !important;
    font-size: 0.8em !important;
    font-weight: 300 !important;
    text-align: left !important;
}

input:focus,
input:focus-visible {
    border: none !important;
    outline: none !important;
    background: transparent !important;
    color: #000000 !important;
    font-family: 'HelveticaLight', Arial, sans-serif !important;
    font-size: 0.8em !important;
    font-weight: 300 !important;
    text-align: left !important;
}

input::placeholder {
    color: #c2c2c2 !important;
    opacity: 1 !important;
    font-family: 'HelveticaLight', Arial, sans-serif !important;
    font-weight: 300 !important;
    text-align: left !important;
}

select {
    background: #ffffff !important;
    border: none !important;
    outline: none !important;
    color: #c2c2c2 !important;
    font-family: 'HelveticaLight', Arial, sans-serif !important;
    font-size: 0.8em !important;
    font-weight: 300 !important;
    padding: 2px 7px !important;
    box-sizing: border-box !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    text-align: left !important;
    text-align-last: left !important;
}

select:focus,
select:focus-visible {
    border: none !important;
    outline: none !important;
    color: #000000 !important;
    font-family: 'HelveticaLight', Arial, sans-serif !important;
    text-align: leftr !important;
}

select option {
    color: #c2c2c2 !important;
    background: #ffffff !important;
    font-family: 'HelveticaLight', Arial, sans-serif !important;
    text-align: left !important;
}