/* ===================================
   16. FOOTER
=================================== */

footer{
    color:#fff;
    text-align:center;
    padding:30px 20px;
     background:var(--primary);
}

.footer-container{

    width:90%;

    max-width:1200px;

    margin:auto;

    padding:60px 0;

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(230px,1fr));

    gap:40px;

}

.footer-box h3{

    color:var(--secondary);

    margin-bottom:20px;

    font-size:24px;

}

.footer-box p{

    color:#ddd;

    line-height:2.2;

    margin-bottom:12px;

}

.footer-box ul{

    list-style:none;

}

.footer-box li{

    margin-bottom:12px;

}

.footer-box a{

    color:#fff;

    text-decoration:none;

    transition:.3s;

}

.footer-box a:hover{

    color:var(--secondary);

    padding-right:8px;

}

.footer-bottom{

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

    text-align:center;

    padding:20px;

    color:#ccc;

    font-size:15px;

}
/* شماره تماس فوتر */

.footer-box a[href^="tel"]{

    font-weight:bold;

    font-size:18px;

}

/* ایمیل */

.footer-box a[href^="mailto"]{

    word-break:break-word;

}

/* پاراگراف های شهرها */

.footer-box p{

    margin-bottom:8px;

}

footer .social-links{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

footer .social-btn{
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffb000;
    border-radius: 12px;
}

footer .social-logo{
    width: 40px;
    height: 40px;
    object-fit: contain;
}

footer .social-btn:hover .social-logo{
    transform:scale(1.15);
}/* ===================================
   16. FOOTER
=================================== */

footer{
    color:#fff;
    text-align:center;
    padding:30px 20px;
     background:var(--primary);
}

.footer-container{

    width:90%;

    max-width:1200px;

    margin:auto;

    padding:60px 0;

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(230px,1fr));

    gap:40px;

}

.footer-box h3{

    color:var(--secondary);

    margin-bottom:20px;

    font-size:24px;

}

.footer-box p{

    color:#ddd;

    line-height:2.2;

    margin-bottom:12px;

}

.footer-box ul{

    list-style:none;

}

.footer-box li{

    margin-bottom:12px;

}

.footer-box a{

    color:#fff;

    text-decoration:none;

    transition:.3s;

}

.footer-box a:hover{

    color:var(--secondary);

    padding-right:8px;

}

.footer-bottom{

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

    text-align:center;

    padding:20px;

    color:#ccc;

    font-size:15px;

}
/* شماره تماس فوتر */

.footer-box a[href^="tel"]{

    font-weight:bold;

    font-size:18px;

}

/* ایمیل */

.footer-box a[href^="mailto"]{

    word-break:break-word;

}

/* پاراگراف های شهرها */

.footer-box p{

    margin-bottom:8px;

}

footer .social-links{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

footer .social-btn{
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffb000;
    border-radius: 12px;
}

footer .social-logo{
    width: 40px;
    height: 40px;
    object-fit: contain;
}

footer .social-btn:hover .social-logo{
    transform:scale(1.15);
}/* ===================================
   16. FOOTER
=================================== */

footer{
    color:#fff;
    text-align:center;
    padding:30px 20px;
     background:var(--primary);
}

.footer-container{

    width:90%;

    max-width:1200px;

    margin:auto;

    padding:60px 0;

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(230px,1fr));

    gap:40px;

}

.footer-box h3{

    color:var(--secondary);

    margin-bottom:20px;

    font-size:24px;

}

.footer-box p{

    color:#ddd;

    line-height:2.2;

    margin-bottom:12px;

}

.footer-box ul{

    list-style:none;

}

.footer-box li{

    margin-bottom:12px;

}

.footer-box a{

    color:#fff;

    text-decoration:none;

    transition:.3s;

}

.footer-box a:hover{

    color:var(--secondary);

    padding-right:8px;

}

.footer-bottom{

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

    text-align:center;

    padding:20px;

    color:#ccc;

    font-size:15px;

}
/* شماره تماس فوتر */

.footer-box a[href^="tel"]{

    font-weight:bold;

    font-size:18px;

}

/* ایمیل */

.footer-box a[href^="mailto"]{

    word-break:break-word;

}

/* پاراگراف های شهرها */

.footer-box p{

    margin-bottom:8px;

}

footer .social-links{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:20px;
    flex-wrap:wrap;
}

footer .social-btn{
    display:flex;
    justify-content:center;
    align-items:center;
    width:60px;
    height:60px;
    background:#ffb000;
    border-radius:12px;
}

footer .social-logo{
    width:40px;
    height:40px;
    object-fit:contain;
}