/* ==========================================
   FOOTER
========================================== */

.footer-modern {
    background: #172033;
    color: #dfe8f4;
    margin-top: 80px;
    padding: 0 0 30px;
}

.icms-footer__bottom {
    background-color: #172033;
}

.icms-footer__bottom .card {
    background-color: #172033!important;
}

.footer-grid {

    display: grid;

    grid-template-columns: 2fr 1fr 1fr 1.2fr;

    gap: 60px;

}

.footer-title {

    color: #fff;

    font-size: 22px;

    font-weight: 700;

    margin-bottom: 22px;

}

.footer-text {

    color: #bcc8d8;

    line-height: 1.8;

    font-size: 16px;

    margin-bottom: 30px;

}

/* ==========================================
   LINKS
========================================== */

.footer-links {

    list-style: none;

    margin: 0;

    padding: 0;

}

.footer-links li {

    margin-bottom: 14px;

}

.footer-links a {

    color: #dfe8f4;

    text-decoration: none;

    transition: .25s;

}

.footer-links a:hover {

    color: #fff;

    padding-left: 6px;

}

/* ==========================================
   CONTACTS
========================================== */

.footer-contact {

    margin-bottom: 16px;

    font-size: 15px;

    color: #dfe8f4;

}

.footer-contact a {

    color: #dfe8f4 !important;

    text-decoration: none;

    transition: .25s;

}

.footer-contact a:hover {

    color: #fff !important;

}

/* ==========================================
   SOCIAL
========================================== */

.footer-social {
    display: flex;
    gap: 14px;
    margin-top: 30px;
}

.footer-social .social {

    width: 48px;
    height: 48px;

    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    text-decoration: none !important;

    transition: .3s;

    color: #fff !important;

    box-shadow: 0 10px 25px rgba(0, 0, 0, .25);

}

.footer-social i {

    font-size: 22px;

    color: #fff !important;

    transition: .3s;

}

/* Telegram */

.footer-social .telegram {
    background: #29A9EA;
}

.footer-social .telegram:hover {
    background: #1d95d2;
    transform: translateY(-4px);
}

/* WhatsApp */

.footer-social .whatsapp {
    background: #25D366;
}

.footer-social .whatsapp:hover {
    background: #1fb859;
    transform: translateY(-4px);
}

/* Запрещаем шаблону Modern менять цвет */

/* Не позволяем шаблону Modern менять цвет иконок */

.footer-social .social,
.footer-social .social:hover,
.footer-social .social:focus,
.footer-social .social:active,
.footer-social .social:visited {
    color: #fff !important;
}

.footer-social .social i,
.footer-social .social:hover i {
    color: #fff !important;
}

/* ==========================================
   BOTTOM
========================================== */

.footer-bottom {

    margin-top: 55px;

    padding-top: 25px;

    border-top: 1px solid rgba(255, 255, 255, .12);

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 20px;

    flex-wrap: wrap;

}

.footer-copy {

    color: #9fb0c4;

    font-size: 14px;

}

.footer-policy {

    display: flex;

    gap: 25px;

    flex-wrap: wrap;

}

.footer-policy a {

    color: #9fb0c4;

    text-decoration: none;

    font-size: 14px;

    transition: .25s;

}

.footer-policy a:hover {

    color: #fff;

}

/* ==========================================
   MOBILE
========================================== */

@media (max-width:992px) {

    .footer-grid {

        grid-template-columns: 1fr 1fr;

        gap: 40px;

    }

    .footer-bottom {

        flex-direction: column;

        text-align: center;

    }

}

@media (max-width:768px) {

    .footer-modern {

        padding: 60px 0 25px;

    }

    .footer-grid {

        grid-template-columns: 1fr;

        gap: 35px;

        text-align: center;

    }

    .footer-text {

        max-width: 500px;

        margin: 0 auto 25px;

    }

    .footer-social {

        justify-content: center;

    }

    .footer-policy {

        justify-content: center;

    }

    .footer-links a:hover {

        padding-left: 0;

    }

}