/* MVB contacts popup #modal-mvb (Figma "MVB for web" > MVB_FIN, Group 390 desktop / Group 391 mobile).
   The close button and the backdrop come from Fancybox, the same as in every other modal of the site.
   The site's modals are full-screen pages (.fancybox__content width 100%, .modal-win 100vh flex);
   this one is a card in the middle of the screen, so those two are undone here. */
#modal-mvb.fancybox__content {
    width: auto;
}
.modal-win.modal-mvb {
    display: block;
    min-height: 0;
}
.modal-mvb {
    width: 510px;
    max-width: 100%;
    padding: 57px 40px 89px;
    color: #000;
    text-align: center;
}
.modal-mvb__title {
    margin-bottom: 51px;
    font-size: 28px;
    line-height: 1.2;
}
.modal-mvb__links {
    display: flex;
    justify-content: center;
    gap: 88px;
}
.modal-mvb__link {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    color: #000;
    text-decoration: none;
    transition: opacity .2s;
}
.modal-mvb__link:hover,
.modal-mvb__link:focus {
    color: #000;
    opacity: .7;
}
.modal-mvb__icon {
    display: block;
    width: 100px;
    height: 100px;
}
.modal-mvb__name {
    font-size: 26px;
    line-height: 1.2;
}
@media (max-width: 767.98px) {
    .modal-mvb {
        width: 335px;
        padding: 61px 24px 88px;
    }
    .modal-mvb__title {
        max-width: 230px;
        margin: 0 auto 40px;
    }
    .modal-mvb__links {
        flex-direction: column;
        align-items: center;
        gap: 62px;
    }
}