.input-select {
    position: relative;
    justify-content: center !important;
}

.input-select {
    margin-left: auto;
    margin-right: auto;
    border-radius: 23px;
    color: var(--vic-navy-blue);
    max-width: 600px;
    width: 420px;
    height: 46px;
    padding-left: 20px;
    -webkit-appearance: none;
    appearance: none;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23000" class="bi bi-chevron-down" viewBox="0 0 16 16"%3E%3Cpath d="M3.646 5.646a.5.5 0 0 1 .708 0L8 9.293l3.646-3.647a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 0-.708z"%3E%3C/path%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-position: right 7.5px center;
}

    .input-select:focus {
        border: 3px solid var(--vic-pink);
    }

    .input-select.final {
        background-color: var(--vic-navy-blue);
        border-color: white;
        color: white;
        background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="white" class="bi bi-chevron-down" viewBox="0 0 16 16"%3E%3Cpath d="M3.646 5.646a.5.5 0 0 1 .708 0L8 9.293l3.646-3.647a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 0-.708z"%3E%3C/path%3E%3C/svg%3E');
    }

    .input-select:disabled {
        background-color: #001552; /*Vicuras navy blue*/
        color: white;
        border-color: white;
        background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="white" class="bi bi-chevron-down" viewBox="0 0 16 16"%3E%3Cpath d="M3.646 5.646a.5.5 0 0 1 .708 0L8 9.293l3.646-3.647a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 0-.708z"%3E%3C/path%3E%3C/svg%3E');
    }

@media screen and (max-width: 500px) {

    .input-select {
        width: 100%;
    }
}

@media screen and (max-width: 400px){
    .input-select {
        font-size: 12px;
    }
}