/* ===========================
   Footer
=========================== */

.footer{
    background:#0b0b0b;
    border-top:1px solid rgba(255,255,255,.06);
}

.footer-container{
    position:relative;
    z-index:3;
    width:100%;
    max-width:1320px;
    margin:0 auto;
    padding:50px 40px 20px;
}

.footer-top{
    display:grid;
    grid-template-columns:1.7fr 1fr 1fr;
    gap:120px;
    align-items:start;
}

.footer-bottom{
    position: relative;
    z-index: 5;
    background: #0b0b0b;
    margin-top:35px;
    padding-top:20px;
    padding-bottom:5px;

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

    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;

    gap:4px;
}

.footer-bottom p{
    margin:0;
    color:rgba(255,255,255,.58);
    font-size:.95rem;
    line-height:1.45;
}

.footer-bottom p:last-child{
    margin-bottom:0;
}

.footer-bottom .developer{
    font-size: .80rem;
    line-height:1.35;
}

.footer-bottom .developer a{
    color: #D4AF37;
    text-decoration: none;
    font-weight: 700;
    transition: color .3s ease;
}

.footer-bottom .developer a:hover{
    color: #fff;
}

/*=========================
  Footer Brand
=========================*/

.footer-brand{
    max-width:460px;
}

.footer-logo{
    width:140px;
    height:auto;
    display:block;
    margin-bottom:30px;
}

.footer-brand h3{
    font-size:1.8rem;
    font-weight:700;
    color:#fff;
    line-height:1.2;
    margin-bottom:24px;
    letter-spacing:.3px;
}

.footer-divider{
    display:flex;
    align-items:center;
    gap:16px;
    margin-bottom:34px;
}

.footer-divider::before,
.footer-divider::after{
    content:"";
    width:110px;
    height:2px;
    background:#D4AF37;
    box-shadow:0 0 8px rgba(212,175,55,.25);
}

.footer-divider span{
    width:12px;
    height:12px;
    border:2px solid #D4AF37;
    transform:rotate(45deg);
    flex-shrink:0;
    box-shadow:0 0 8px rgba(212,175,55,.25);
}

.footer-brand p{
    max-width:380px;
    color:rgba(255,255,255,.72);
    font-size:1rem;
    line-height:1.9;
}

/*=========================
  Footer Links
=========================*/

.footer-links h4{
    color:#fff;
    font-size:1.05rem;
    margin-bottom:18px;
}

.footer-links h4::after{
    content:"";
    display:block;
    width:54px;
    height:2px;
    background:#D4AF37;
    margin-top:14px;
}

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

.footer-links li{
    margin-bottom:14px;
}

.footer-links a{
    display:flex;
    align-items:center;
    gap:10px;
    color:rgba(255,255,255,.68);
    text-decoration:none;
    transition:all .3s ease;
}

.footer-links a:hover{
    color:#D4AF37;
    transform:translateX(6px);
}

/*=========================
  Footer Contact
=========================*/

.footer-contact h4{
    color:#fff;
    font-size:1.05rem;
    margin-bottom:18px;
}

.footer-contact h4::after{
    content:"";
    display:block;
    width:54px;
    height:2px;
    background:#D4AF37;
    margin-top:14px;
}

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

.footer-contact li{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-bottom:14px;
}

.footer-contact i{
    color:#D4AF37;
    font-size:1rem;
    margin-top:3px;
    width:18px;
}

.footer-contact span,
.footer-contact a{
    color:rgba(255,255,255,.68);
    text-decoration:none;
    line-height:1.6;
    transition:.3s ease;
}

.footer-contact a:hover{
    color:#D4AF37;
}

.footer-social{
    display:flex;
    align-items:center;
    gap:18px;
    margin-top:18px;
}

.footer-social a{
    color:#D4AF37;
    font-size:1.35rem;
    transition:.3s ease;
}

.footer-social a:hover{
    color:#fff;
    transform:translateY(-3px);
}