.select-box select {
    background-color: whitesmoke;
    border-radius: 11px;
    color: var(--euro-blue);
    padding: 16px;
    width: 278px;
    font-weight: 500;
    border: none;
    font-size: 14px;
    box-shadow: inset 6px -7px 17px 3px #a0c9ff;
    -webkit-appearance: button;
    appearance: button;
    outline: none;
    margin-left: 10px;
    /* box-shadow: 2px 2px 3px 0px rgb(0 0 0); */

}
.select-box select:focus-within{
    box-shadow: inset 2px 9px 14px 0px #a0c9ff;
}
.select-box:hover {
    opacity: 1;
    -webkit-animation: open 0.4s;
    /* Chrome, Safari, Opera */
    animation: open 0.4s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    animation-direction: normal;
}
.select-box:hover {
    opacity: 1;
    -webkit-animation: openB 0.4s;
    /* Chrome, Safari, Opera */
    animation: openB 0.4s;
    animation-delay: 0.4s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    animation-direction: normal;
}
/*FIRST LOOK*/
/*.select-box select {
    background-color: whitesmoke;
    color: var(--euro-blue);
    padding: 12px;
    width: 278px;
    border: none;
    font-size: 14px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
    -webkit-appearance: button;
    appearance: button;
    outline: none;

    margin-left: 10px;

    !*box-shadow: 2px 2px 3px 0px rgb(0 0 0);*!

}*/
.select-box:hover::before {
    color: rgb(38, 98, 255);
    background-color: rgb(238, 58, 58);
}
.select-box select option {
    padding: 30px;
}