form.subscribe-form {
display: grid;
}
#popup select option {
color: #000000;
}
#popup .date-of-birth .selects-wrapper {
display: flex;
}
#popup .date-of-birth .selects-wrapper>div {
width: 100%;
max-width: 100%;
flex-basis: 100%;
}
#popup .date-of-birth input::-webkit-calendar-picker-indicator {
filter: invert(1);
}
@media screen and (min-width: 991px) {
form.subscribe-form {
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 20px;
}
form.subscribe-form>div:nth-child(1) {
grid-column: 1 / span 2;
grid-row: 1;
}
form.subscribe-form>div:nth-child(2) {
grid-column: 3 / span 2;
grid-row: 1;
}
form.subscribe-form>div:nth-child(3) {
grid-column: 1 / span 2;
grid-row: 2;
}
form.subscribe-form>div:nth-child(4) {
grid-column: 3;
grid-row: 2;
}
#popup .date-of-birth {
grid-column: 1 / span 4;
grid-row: 3;
}
#popup .date-of-birth .selects-wrapper>div {
width: 34.3%;
max-width: 33.3%;
flex-basis: 33.3%;
}
#popup select.text-align-center{
text-align-last: left;
}
.button-wrapper.w-mt-sm {
margin: 0;
padding: 0;
grid-column: 4;
grid-row: 2;
}
}