input {
    padding: 8px;
    border: 2px solid #ebf0ff;
    border-radius: 8px;
}



label {
    font-size: 1.2rem;
    font-weight: 600;
    color: #223263;
}

select {
/*    appearance: none;*/
    padding: 8px;
    border: 2px solid #ebf0ff;
    border-radius: 8px;
    min-width: 200px;
    position: relative;
}


select::before,
select::after {
    --size: 0.3rem;
    position: absolute;
    content: "";
    right: 1rem;
    pointer-events: none;
}

select::before {
    border-left: var(--size) solid transparent;
    border-right: var(--size) solid transparent;
    border-bottom: var(--size) solid black;
    top: 40%;
}

select::after {
    border-left: var(--size) solid transparent;
    border-right: var(--size) solid transparent;
    border-top: var(--size) solid black;
    top: 55%;
}



@media (max-width: 1024px){
    input {
        width: 100%;
        flex: 1;
    }
    select {
        width: 100%;
        flex: 1;
    }
}