/* Vouchery */

/* Intro */
.vo-intro__grid { display: flex; align-items: flex-end; gap: 75px; width: 100%; }
.vo-intro__text { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; width: 70%; }
.vo-intro__title { display: flex; flex-direction: column; gap: 10px; color: var(--mb-brown); font-family: var(--mb-serif); font-weight: 400; }
.vo-intro__l1, .vo-intro__l2, .vo-intro__l3 { font-size: 50px; line-height: 1.125; }
.vo-intro__l3 { font-weight: 600; }
.vo-intro__l4 { color: var(--mb-gold); font-size: 45px; line-height: 1.125; }
.vo-intro__p { color: var(--mb-muted); font-size: 20px; font-weight: 500; line-height: 1.3; }
.vo-intro__seal { display: flex; flex-direction: column; align-items: flex-end; gap: 10px; width: 30%; }
.vo-intro__seal img { width: 200px; border-radius: 10px; }
@media (max-width: 1600px) {
    .vo-intro__grid { gap: 50px; }
    .vo-intro__l1, .vo-intro__l2, .vo-intro__l3, .vo-intro__l4 { font-size: 40px; }
    .vo-intro__p { font-size: 15px; }
    .vo-intro__seal img { width: 150px; }
}
@media (max-width: 1249px) {
    .vo-intro__text { gap: 15px; }
    .vo-intro__l1, .vo-intro__l2, .vo-intro__l3, .vo-intro__l4 { font-size: 35px; }
    .vo-intro__p { font-size: 14px; }
}
@media (max-width: 967px) {
    .vo-intro__wrap { padding-top: 30px; padding-bottom: 50px; }
    .vo-intro__grid { flex-direction: column; }
    .vo-intro__text, .vo-intro__seal { width: 100%; }
    .vo-intro__l1, .vo-intro__l2, .vo-intro__l3 { font-size: 25px; }
    .vo-intro__l4 { font-size: 30px; }
    .vo-intro__seal img { width: 125px; }
}
@media (max-width: 514px) {
    .vo-intro__grid { gap: 25px; }
    .vo-intro__l1, .vo-intro__l3, .vo-intro__l4 { font-size: 20px; }
    .vo-intro__seal img { width: 100px; }
}

/* Order form */
.vo-order { border-top: 1px solid transparent; }
.vo-order__wrap { display: flex; flex-direction: column; gap: 40px; padding-top: 25px; }
.vo-order__rule { display: flex; align-items: center; gap: 24px; color: var(--mb-gold); font-size: 15px; font-weight: 400; letter-spacing: 1.5px; text-transform: uppercase; }
.vo-order__rule::after { content: ""; flex: 1; height: 1px; background: var(--mb-gold); opacity: .7; }
.vo-order__head { display: flex; flex-direction: column; gap: 20px; max-width: 900px; }
.vo-order__text { color: var(--mb-muted); font-size: 16px; font-weight: 500; line-height: 1.45; }
@media (max-width: 1249px) {
    .vo-order__wrap { gap: 30px; }
    .vo-order__rule { font-size: 13px; }
    .vo-order__text { font-size: 14px; }
}
@media (max-width: 514px) { .vo-order__head .mb-display { font-size: 30px; } }

/* What you get */
.vo-gets__inner { display: flex; flex-direction: column; align-items: flex-end; gap: 100px; width: 100%; }
.vo-gets__head { display: flex; flex-direction: column; gap: 20px; width: 60%; align-self: flex-start; }
.vo-gets .mb-col__title { font-size: 18px; text-align: left; }
.vo-gets .mb-col__text { font-size: 16px; }
@media (max-width: 1600px) {
    .vo-gets__inner { gap: 50px; }
    .vo-gets .mb-col__title, .vo-gets .mb-col__text { font-size: 13px; }
}
@media (max-width: 1249px) {
    .vo-gets__inner { gap: 25px; }
    .vo-gets__head { width: 80%; gap: 15px; }
    .vo-gets__title { font-size: 30px; }
    .vo-gets .mb-col__title { font-size: 14px; }
    .vo-gets .mb-col__text { font-size: 12px; }
    .vo-gets .mb-col:last-child .mb-col__text { font-size: 13px; }
}
@media (max-width: 967px) { .vo-gets__head { width: 100%; } }
@media (max-width: 514px) {
    .vo-gets__title { font-size: 25px; }
    .vo-gets .mb-col__text { font-size: 13px; }
}

/* How it works */
.vo-how__grid { display: flex; align-items: center; gap: 75px; width: 100%; }
.vo-how__left { display: flex; flex-direction: column; align-items: flex-end; gap: 30px; width: 50%; }
.vo-how__intro { display: flex; flex-direction: column; align-items: flex-start; gap: 15px; width: 100%; }
.vo-how__title { font-size: 50px; }
.vo-how__text { color: var(--mb-brown); font-size: 17px; font-weight: 500; line-height: 1.3; }
.vo-how__steps { gap: 10px; width: 90%; }
.vo-how .mb-step__body { gap: 5px; }
.vo-how .mb-step__text { font-size: 16px; }
.vo-how__right { display: flex; flex-direction: column; gap: 10px; width: 50%; }
.vo-how__img { width: 100%; border-radius: 10px; }
@media (max-width: 1600px) {
    .vo-how__grid { gap: 50px; }
    .vo-how__left { gap: 20px; }
    .vo-how__title { font-size: 40px; }
    .vo-how__text { font-size: 15px; }
    .vo-how__steps { gap: 5px; }
    .vo-how .mb-step__title { font-size: 13px; }
    .vo-how .mb-step__text { font-size: 14px; }
}
@media (max-width: 1249px) {
    .vo-how__left { gap: 25px; }
    .vo-how__title { font-size: 30px; }
    .vo-how__text { font-size: 14px; }
    .vo-how__steps { width: 100%; }
    .vo-how .mb-step__title { font-size: 14px; }
    .vo-how .mb-step__text { font-size: 13px; }
}
@media (max-width: 967px) {
    .vo-how__grid { flex-direction: column; }
    .vo-how__left, .vo-how__right { width: 100%; }
}
@media (max-width: 514px) { .vo-how .mb-wrap { padding-top: 25px; } }