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

.footer{

    position:relative;

    background:#131B29;

    color:#fff;

    padding:clamp(56px, 7vw, 90px) 0 32px;

    overflow:hidden;

}

.footer .container{

    position:relative;

    z-index:2;

}

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

.footer-brand{

    max-width:650px;

    margin:0 auto;

    text-align:center;

}

.footer-logo{

    display:inline-block;

    transition:transform .35s ease;

}

.footer-logo:hover{

    transform:scale(1.05);

}

.footer-logo img{

    width:clamp(190px, 20vw, 260px);

    height:auto;

}

.footer-brand p{

    margin:24px auto 30px;

    max-width:620px;

    color:rgba(255,255,255,.72);

    line-height:1.9;

    font-size:1.03rem;

}

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

.footer-social{

    display:flex;

    justify-content:center;

    gap:18px;

    flex-wrap:wrap;

}

.footer-social a{

    width:52px;

    height:52px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    text-decoration:none;

    color:#fff;

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

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

    backdrop-filter:blur(10px);

    transition:

        transform .35s ease,

        background .35s ease,

        border-color .35s ease,

        box-shadow .35s ease;

}

.footer-social a:hover{

    transform:translateY(-6px);

    background:#966A30;

    border-color:#966A30;

    box-shadow:0 18px 35px rgba(150,106,48,.30);

}

.footer-social i{

    font-size:20px;

}

/*=========================================
        DIVIDER
=========================================*/

.footer-divider{

    width:100%;

    height:1px;

    margin:clamp(32px, 5vw, 52px) 0;

    background:linear-gradient(

        90deg,

        transparent,

        rgba(150,106,48,.45),

        transparent

    );

}

/*=========================================
        GRID
=========================================*/

.footer-grid{

    display:grid;

    grid-template-columns:minmax(0, .8fr) minmax(0, .8fr) minmax(280px, 1.4fr);

    gap:clamp(32px, 5vw, 64px);

}

/*=========================================
        COLUMN
=========================================*/

.footer-column h3{

    margin-bottom:26px;

    color:#fff;

    font-size:1.35rem;

    font-weight:700;

}

.footer-column ul{

    list-style:none;

    margin:0;

    padding:0;

}

.footer-column li{

    margin-bottom:16px;

}

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

.footer-column a{

    display:inline-flex;

    align-items:center;

    gap:10px;

    color:rgba(255,255,255,.72);

    text-decoration:none;

    transition:.35s;

}

.footer-column a::after{

    content:"→";

    opacity:0;

    transform:translateX(-8px);

    transition:.35s;

}

.footer-column a:hover{

    color:#966A30;

}

.footer-column a:hover::after{

    opacity:1;

    transform:translateX(0);

}
/*=========================================
        CONTACT
=========================================*/

.footer-contact li{

    display:flex;

    align-items:flex-start;

    gap:14px;

    margin-bottom:18px;

    color:rgba(255,255,255,.72);

    line-height:1.8;

}

.footer-contact li > span,
.footer-contact li a,
.footer-contact .contact-value{

    min-width:0;
    overflow-wrap:anywhere;

}

.footer-contact li a{

    width:100%;

}

.footer-contact .contact-value{

    direction:ltr;
    unicode-bidi:isolate;
    text-align:left;

}

.footer-contact li i{

    color:#966A30;

    min-width:18px;

    margin-top:4px;

    transition:.35s;

}

.footer-contact li:hover i{

    transform:scale(1.15);

}

.footer-contact a{

    color:rgba(255,255,255,.72);

}

.footer-contact a:hover{

    color:#966A30;

}

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

.footer-bottom{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:20px;

    flex-wrap:wrap;

}

.footer-bottom p{

    margin:0;

    color:rgba(255,255,255,.65);

    font-size:.95rem;

    line-height:1.8;

}

/*=========================================
        BACK TO TOP
=========================================*/

.back-to-top{

    display:inline-flex;

    align-items:center;

    gap:12px;

    text-decoration:none;

    color:#fff;

    font-weight:600;

    transition:.35s;

}

.back-to-top i{

    width:46px;

    height:46px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    background:#966A30;

    color:#131B29;

    font-size:16px;

    transition:.35s;

}

.back-to-top:hover{

    color:#966A30;

}

.back-to-top:hover i{

    transform:translateY(-6px);

    box-shadow:0 18px 35px rgba(150,106,48,.35);

}


/*=========================================
        PREMIUM EFFECTS
=========================================*/

.footer-logo,

.footer-social a,

.footer-column a,

.back-to-top i{

    will-change:transform;

}

.footer *{

    user-select:none;

}