/* NEW FOOTER */
.footer{
    background:#F9F2EB;
    position:relative;
    overflow:hidden;
    padding: 5vw 1.333vw 20vw;
}

.footer__container{
    display:grid;
    grid-template-columns:1.2fr 1fr 1fr 1fr 1.4fr;
    gap:3vw;
    position:relative;
    z-index:13;
}

.footer__logo{
    font-size:2vw;
    font-weight:700;
    color:#6975FF;
    margin-bottom:1.2vw;
}

.footer__logo svg{
    width: max(100px, 5vw);
    height: auto;
}

.footer__social-title{
    font-size: max(11px, 1.05vw);
    margin-bottom: 1vw;
}

.footer__socials{
    display:flex;
    gap: .865vw;
    margin-bottom:1.2vw;
    padding-top: max(12px, 1vw);
}

.footer__socials svg {
    width: max(17px, 1.6vw);
    height: auto;
}

.footer__btn{
    background: #6975FF;
    border: none;
    color: white;
    padding: max(5px, .7vw) 1.4vw;
    border-radius: .5vw;
    font-size: max(10px, .7vw);
    width: 100%;
    cursor: pointer;
}

.footer__title,
.footer__value,
.footer__phone {
    font-size: max(15px, 1.4vw);
    font-weight: 700;
    margin-bottom:.8vw;
    line-height: 1.2;
}

.footer__col .footer__menu a{
    font-size: max(12px, 1.05vw);
    font-weight: 400;
}

.footer__col.col-1 .footer__menu a{
    font-size: max(14px, 1.4vw);
    font-weight: 700;
}

.footer__menu{
    list-style:none;
    padding:0;
    margin:0;
}

.footer__menu li{
    margin-bottom: max(12px, .8vw);
}

.footer__menu a{
    font-size:.75vw;
    color:#1a1a1a;
    text-decoration:none;
    line-height: 1.1;
}

.footer__label {
    font-size: max(12px, 1.2vw);
    margin-bottom: .25vw;
}

.footer__value{}

.footer__phone{

}

.footer__contact {
    margin-bottom: 1.88vw;
}

.footer__bg{
    position: absolute;
    height: 24vw;
    z-index: 11;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
}

.footer__bg svg{
    width:100%;
    height:100%;
}

.footer__e-oselia {
    display: flex;
    width: 100%;
    justify-content: flex-start;
}

.footer__e-oselia img {
    height: max(20px, 2.66vw);
    margin-top: 2vw;
    width: auto;
}

@media (max-width: 768px) {
    .footer__container {
        display: grid;
        grid-template-columns: 0.9fr 1.1fr;
        grid-template-areas:
            "col1 col2"
            "col3 col5"
            "col4 col5";

        gap: 5vw;
    }

    .footer__brand { grid-area: col1; }              /* 1 */
    .col-1         { grid-area: col2; }              /* 2 */
    .footer__col:nth-child(3) { grid-area: col3; }   /* 3 */
    .footer__col:nth-child(4) { grid-area: col4; }   /* 4 */
    .footer__contacts { grid-area: col5; }           /* 5 */

    .footer {
        padding: 10vw 1.333vw 30vw;
    }

    .footer__socials {
        justify-content: space-evenly;
        gap: 3vw;
    }
}