.footer .footer-list li a {
    display: block;
    width: 100%;
    height: auto;
    padding: 15px 0;
    color: var(--color-text);
    transition: color .5s cubic-bezier(.2,1,..footer {

    background: linear-gradient(135deg,#0f9d58,#16c47f);

    border-radius: 25px 25px 0 0;

    padding: 25px 15px;

    box-shadow: 0 -8px 30px rgba(0,0,0,.15);

}

.footer .footer-list li{

    margin-bottom:12px;

}

.footer .footer-list li a{

    display:block;

    padding:14px 18px;

    color:#fff !important;

    background:rgba(255,255,255,.12);

    backdrop-filter:blur(12px);

    border:1px solid rgba(255,255,255,.18);

    border-radius:16px;

    text-decoration:none;

    font-size:15px;

    font-weight:600;

    transition:all .35s ease;

}

.footer .footer-list li a:hover{

    background:#fff;

    color:#0f9d58 !important;

    transform:translateX(-8px);

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

}

.footer .footer-title{

    color:#fff;

    font-size:18px;

    font-weight:700;

    margin-bottom:15px;

    position:relative;

}

.footer .footer-title::after{

    content:"";

    width:45px;

    height:3px;

    background:#fff;

    display:block;

    margin-top:8px;

    border-radius:10px;

}

.footer .social-icons a{

    width:45px;

    height:45px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    background:rgba(255,255,255,.15);

    border-radius:50%;

    color:#fff;

    margin:5px;

    transition:.3s;

} رز

.footer .social-icons a:hover{

    background:#fff;

    color:#16c47f;

    transform:scale(1.15);