/* Brand Colors */
:root{
    --primary-color:#E13511;
    --heading-color:#000000;
    --body-color:#7A7A7A;
    --white:#ffffff;
    --light-bg:#f8f8f8;
    --border-color:#e5e5e5;
    --text-color:#7A7A7A
}
/* ==================================
FOOTER
================================== */

.footer-section{
    background:var(--light-bg);
    border-top:2px solid var(--primary-color);
}

/* ==================================
TOP AREA
================================== */

.footer-top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:35px;
    padding:20px 0;
}

/* ==================================
LOGO
================================== */

.footer-logo{
    flex:0 0 16%;
    max-width:16%;
}

.footer-logo img{
    width:100%;
    max-width:220px;
    display:block;
}

/* ==================================
BOXES
================================== */

.footer-box{
    flex:1;
    min-height:90px;
    padding-left:30px;
    border-left:1px solid var(--border-color);
}

.footer-box h4{
    font-size:16px;
    font-weight:700;
    color:var(--primary-color);
    margin-bottom:12px;
}

.footer-box p{
    font-size:14px;
    font-weight: 500;
    line-height:1.7;
    color:#555;
    margin:0 0 10px;
}

.footer-box p i{
    color:var(--primary-color);
    width:18px;
    margin-right:8px;
}

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

.social-icons{
    display:flex;
    gap:12px;
    margin-top:15px;
}

.social-icons a{
    width:38px;
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#f3f3f3;
    color:#333;
    text-decoration:none;
    transition:.3s;
}

.social-icons a:hover{
    background:var(--primary-color);
    color:#fff;
}

/* ==================================
MAP
================================== */

.footer-map{
    flex:0 0 12%;
    max-width:12%;
}

.footer-map img{
    max-width:100%;
    opacity:1;
}

/* ==================================
COPYRIGHT
================================== */

.footer-copyright{
    border-top:1px solid #ececec;
    padding:15px 0;
    text-align:center;
    font-size:13px;
    font-weight: 500;
    line-height:1.8;
    color:#666;
}

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

.footer-bottom{
    border-top:1px solid #ececec;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:15px;
    padding:15px 0;
}

.footer-bottom a{
    color:#555;
    text-decoration:none;
    font-size:14px;
    font-weight: 500;
    transition:.3s;
}

.footer-bottom a:hover{
    color:var(--primary-color);
}

.footer-bottom span{
    color:#ccc;
}

/* ==================================
TABLET
================================== */

@media (max-width:991px){

    .footer-top{
        flex-wrap:wrap;
        gap:25px;
    }

    .footer-logo{
        flex:0 0 100%;
        max-width:100%;
        text-align:center;
    }

    .footer-logo img{
        margin:auto;
    }

    .footer-address,
    .footer-contact,
    .footer-social{
        flex:0 0 calc(50% - 15px);
        max-width:calc(50% - 15px);

        border-left:none;
        padding-left:0;
    }

    .footer-map{
        display:none;
    }
}

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

@media (max-width:767px){

    .footer-section .container-fluid{
        padding-left:15px !important;
        padding-right:15px !important;
    }

    .footer-top{
        flex-direction:column;
        align-items:center;
        text-align:center;
        gap:12px;
    }

    .footer-logo,
    .footer-address,
    .footer-contact,
    .footer-social{
        width:100%;
        max-width:100%;
    }

    .footer-logo{
        margin-bottom:10px;
    }

    .footer-logo img{
        max-width:180px;
        margin:auto;
    }

    .footer-box{
        border-left:none;
        padding-left:0;
        padding-bottom:15px;
        margin-bottom:15px;
        border-bottom:1px solid #ececec;
        text-align:center;
        min-height:auto;
    }

    .footer-box h4{
        font-size:17px;
        margin-bottom:8px;
    }

    .footer-box p{
        font-size:14px;
        font-weight: 500;
        line-height:1.6;
        margin-bottom:6px;
    }

    .footer-address p{
        max-width:280px;
        margin-left:auto;
        margin-right:auto;
    }

    .social-icons{
        justify-content:center;
        margin-top:10px;
        gap:10px;
    }

    .social-icons a{
        width:34px;
        height:34px;
    }

    .footer-copyright{
        font-size:14px;
        font-weight: 500;
        line-height:1.6;
        padding:12px 8px;
    }

    .footer-bottom{
        flex-wrap:wrap;
        gap:8px;
        text-align:center;
        padding:12px 0;
    }

    .footer-bottom a{
        font-size:14px;
        font-weight: 500;
    }
}

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

@media (max-width:480px){

    .footer-section .container-fluid{
        padding-left:12px !important;
        padding-right:12px !important;
    }

    .footer-logo img{
        max-width:160px;
    }

    .footer-box h4{
        font-size:16px;
    }

    .footer-box p{
        font-size:14px;
        font-weight: 500;
    }

    .social-icons a{
        width:32px;
        height:32px;
    }

    .footer-bottom a{
        font-size:14px;
        font-weight: 500;
    }
}
.footer-contact a{
    color:#555;
    text-decoration:none;
    transition:.3s ease;
}

.footer-contact a:hover{
    color:var(--primary-color);
}