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

.agency-footer{
    position:relative;
    overflow:hidden;

    padding:80px 0;

    background:linear-gradient(
        135deg,
        #7B1113 0%,
        #6A0F12 50%,
        #5D0D0F 100%
    );

    color:#fff;
}

/* Gold Accent */

.agency-footer::before{
    content:"";

    position:absolute;
    top:0;
    left:0;

    width:100%;
    height:5px;

    background:linear-gradient(
        90deg,
        #FFD54F,
        #F4C430,
        #FFD54F
    );
}

/* Layout */

.agency-footer-grid{
    display:grid;
    grid-template-columns:2fr 1fr 1fr 1fr;
    gap:50px;
}

/* ==========================================================
   BRAND
========================================================== */

.footer-brand img{
    width:110px;
    display:block;
    margin-bottom:25px;

    transition:transform .35s ease;
}

.footer-brand img:hover{
    transform:rotate(-4deg) scale(1.05);
}

.footer-brand h3{
    margin-bottom:18px;

    color:#fff;
    font-size:1.5rem;
}

.footer-brand p{
    color:rgba(255,255,255,.85);

    font-size:15px;
    line-height:1.9;
}

/* ==========================================================
   COLUMNS
========================================================== */

.footer-column h4{
    position:relative;

    margin-bottom:28px;
    padding-bottom:12px;

    color:#fff;
    font-size:1.15rem;
    font-weight:700;
}

.footer-column h4::after{
    content:"";

    position:absolute;
    left:0;
    bottom:0;

    width:45px;
    height:3px;

    background:#FFD54F;
    border-radius:10px;
}

.footer-column ul{
    margin:0;
    padding:0;
    list-style:none;
}

.footer-column li{
    margin-bottom:15px;
    transition:transform .3s ease;
}

.footer-column li:hover{
    transform:translateX(6px);
}

.footer-column a{
    color:rgba(255,255,255,.85);

    text-decoration:none;

    font-size:15px;
    font-weight:500;

    transition:
        color .3s ease,
        padding-left .3s ease;
}

.footer-column a:hover{
    color:#FFD54F;
    padding-left:6px;
}

.footer-column p{
    color:rgba(255,255,255,.85);

    font-size:15px;
    line-height:1.9;
}

/* WordPress Widgets */

.footer-column .widget{
    margin-bottom:0;
}

.footer-column .widget-title{
    display:none;
}

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

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

.footer-social a{
    width:46px;
    height:46px;

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

    border-radius:50%;

    background:rgba(255,255,255,.10);
    color:#fff;

    font-size:18px;

    transition:
        background .35s ease,
        color .35s ease,
        transform .35s ease;
}

.footer-social a:hover{
    background:#FFD54F;
    color:#7B1113;

    transform:translateY(-5px);
}