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

.footer{

    background:#0B0F16;

    padding:90px 0 30px;

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

}

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

.footer-grid{

    display:grid;

    grid-template-columns:2fr 1fr 1fr 1.2fr;

    gap:60px;

    margin-bottom:60px;

}

/*=========================
      COMPANY
=========================*/

.footer-logo{

    color:#ffffff;

    font-size:38px;

    font-weight:800;

    margin-bottom:20px;

    line-height:1.2;

}

.footer-logo span{

    display:block;

    color:#D4AF37;

    font-size:15px;

    letter-spacing:5px;

    margin-top:8px;

}

.footer-column p{

    color:#BFC5CC;

    line-height:1.9;

    font-size:15px;

    margin-bottom:30px;

}

/*=========================
      HEADINGS
=========================*/

.footer-column h3{

    color:#ffffff;

    font-size:22px;

    margin-bottom:25px;

    position:relative;

}

.footer-column h3::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-10px;

    width:45px;

    height:3px;

    background:#D4AF37;

    border-radius:20px;

}

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

.footer-column ul{

    list-style:none;

}

.footer-column ul li{

    margin-bottom:18px;

    color:#BFC5CC;

    transition:.35s;

}

.footer-column ul li a{

    color:#BFC5CC;

    text-decoration:none;

    transition:.35s;

}

.footer-column ul li:hover,

.footer-column ul li a:hover{

    color:#D4AF37;

    padding-left:8px;

}

/*=========================
      CONTACT ICONS
=========================*/

.footer-column ul li i{

    color:#D4AF37;

    width:22px;

    margin-right:10px;

}

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

.footer-social{

    display:flex;

    gap:15px;

}

.footer-social a{

    width:48px;

    height:48px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

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

    color:#D4AF37;

    text-decoration:none;

    font-size:18px;

    transition:.35s;

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

}

.footer-social a:hover{

    background:#D4AF37;

    color:#111;

    transform:translateY(-6px);

    box-shadow:0 12px 30px rgba(212,175,55,.30);

}

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

.footer-bottom{

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

    padding-top:25px;

    text-align:center;

}

.footer-bottom p{

    color:#AEB6C2;

    font-size:15px;

    letter-spacing:.5px;

}

/*=========================
      RESPONSIVE
=========================*/

@media(max-width:1100px){

.footer-grid{

    grid-template-columns:repeat(2,1fr);

    gap:45px;

}

}

@media(max-width:768px){

.footer{

    padding:70px 0 25px;

}

.footer-grid{

    grid-template-columns:1fr;

    gap:40px;

}

.footer-logo{

    font-size:32px;

}

.footer-column h3{

    font-size:20px;

}

.footer-social{

    justify-content:flex-start;

}

}

@media(max-width:480px){

.footer-logo{

    font-size:28px;

}

.footer-logo span{

    font-size:13px;

    letter-spacing:3px;

}

.footer-social a{

    width:42px;

    height:42px;

    font-size:16px;

}

.footer-bottom p{

    font-size:13px;

}

}