.multilingual-select {
    margin-right: 15px;
}

.multilingual-select-mobile {
}

.multilingual-select a {
    font-family: Montserrat, serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0;
    color: var(--vaya-blue);
    padding: 0;
    background-color: transparent;
    border-radius: 0;

}

.multilingual-select a:hover {
    box-shadow: none;
    border-radius: 0;
}

/** Styles for mobile markup */
.multilingual-select-mobile a:hover {
    box-shadow: none;
}

.multilingual-select-mobile a.language-active {
    background: linear-gradient(90deg, #2E7CB5 2.01%, #194F90 95.9%);
    padding: 6px 8px 12px 8px !important;
    font-weight: 600;
    font-size: 18px;
    border-radius: 8px;
    color: white;
    border: none;
}

.multilingual-select-mobile a {

    background: white;
    padding: 6px 8px 12px 8px !important;
    font-weight: 600;
    font-size: 18px;
    border-radius: 8px;
    border: 1px solid #E6ECF3;
    color: var(--vaya-blue);
    height:100%;
    max-height:40px;
}

html[lang="en"] .multilingual-select .en-select {
    border-bottom: 1px solid rgba(0, 91, 147, 1);
}

html[lang="es"] .multilingual-select .es-select {
    border-bottom: 1px solid rgba(0, 91, 147, 1);
}

@media (min-width:991px) {
    .multilingual-select-mobile {
        display: none !important;
    }

    body .multilingual-select {
        display: flex !important;
    }
}

@media (max-width:990.9999px) {
    .multilingual-select {
        display: none !important;
    }

    body .multilingual-select-mobile {
        display: flex !important;
    }
}

html[lang="en"] .multilingual-select-mobile .en-select .world-icon-lang path {
    fill: white;
}

html[lang="en"] .multilingual-select-mobile .es-select .world-icon-lang path {
    fill: #005B93;
}

html[lang="es"] .multilingual-select-mobile .en-select .world-icon-lang path {
    fill: #005B93;
}

html[lang="es"] .multilingual-select-mobile .es-select .world-icon-lang path {
    fill: white;
}

html[lang="es"] .multilingual-select-mobile .es-select,
html[lang="en"] .multilingual-select-mobile .en-select {
    background: linear-gradient(90deg, #2E7CB5 2.01%, #194F90 95.9%);
    padding: 6px 8px 12px 8px !important;
    font-weight: 600;
    font-size: 18px;
    border-radius: 8px;
    color: white;
    border: none;
}

.multilingual-select-mobile svg {
    width: 15px;
    margin-right: 4px;
    vertical-align: middle;
    margin-bottom: 4px;
}