/* ==========================================
   FOOTER
   Golden Sparsh Spa
========================================== */

.footer-grid {
    display: flex;
}

.gs-footer{
    background:#111315;
    color:#BEBEBE;
    padding:80px 0 0;
}

.gs-footer .container{
    width:min(1200px,92%);
    margin:0 auto;
}

/* =============================
   Grid
============================= */

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

/* =============================
   Headings
============================= */

.footer-col h3{
    color:#fff !important;
    font-size:32px !important;
    font-weight:600 !important;
    margin-bottom:20px !important;
}

.footer-col h4{
    color:#fff;
    font-size:22px;
    font-weight:600;
    margin-bottom:24px;
}

/* =============================
   Paragraph
============================= */

.footer-col p{
    color:#BEBEBE !important;
    font-size:16px;
    line-height:1.8;
    margin-bottom:25px;
}

/* =============================
   Quick Links
============================= */

.footer-links{
    display:flex;
    flex-direction:column;
    gap:6px;
}

.footer-links a{
    display:flex;
    align-items:center;
    gap:10px;
    color:#BEBEBE !important;
    text-decoration:none;

    transition:.3s ease;
}

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

/* SVG Icon */

.footer-links img{
    width:12px;
    height:12px;
    flex-shrink:0;
}

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

.footer-contact{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.footer-contact a,
.footer-contact div{
    display:flex;
    align-items:flex-start;
    gap:12px;

    color:#BEBEBE !important;
    text-decoration:none;

    line-height:1.7;

    transition:.3s ease;
}

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

.footer-contact img{
    width:18px;
    height:18px;
    margin-top:3px;
    flex-shrink:0;
}

/* =============================
   Social
============================= */

.footer-social{
    display:flex;
    gap:12px;
    margin-top:25px;
}

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

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

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

    border-radius:50%;

    color:#fff;

    transition:.3s ease;
}

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

.footer-social img{
    width:18px;
    height:18px;
}

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

.footer-seo-links {
    margin-top: 25px;
    padding-top: 20px;
    border-top: 1px solid rgba(255,255,255,.12);
    text-align: center;
    line-height: 1.9;
    font-size: 14px;
    font-weight: 400;
}

.footer-seo-links a {
    color: #BEBEBE;
    text-decoration: none;
    transition: color .3s ease;
    white-space: nowrap;
}

.footer-seo-links a:hover {
    color: #d4af37; /* Gold */
    text-decoration: underline;
}

.footer-seo-links a:visited {
    color: #BEBEBE;
}

.footer-bottom{
    margin-top:70px;
    border-top:1px solid rgba(255,255,255,.08);
}

.footer-bottom .container{
    display:flex;
    justify-content:center;
    align-items:center;

    padding:22px 0;
}

.footer-bottom p{
    margin:0;
    color:#9A9A9A;
    font-size:15px;
}

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

.footer-bottom-links{
    display:flex;
    gap:25px;
}

.footer-bottom-links a{
    color:#9A9A9A;
    text-decoration:none;
    transition:.3s ease;
}

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

/* =============================
   Tablet
============================= */

@media (max-width:991px){

    .footer-grid{
        grid-template-columns:1fr 1fr;
        gap:40px;
    }

    .footer-bottom .container{
        flex-direction:column;
        gap:15px;
        text-align:center;
    }

}

/* =============================
   Mobile
============================= */

@media (max-width:767px){

    .gs-footer{
        padding-top:60px;
    }

    .footer-grid{
        display:grid;
        grid-template-columns:repeat(2,1fr);
        gap:30px;
    }
	
	.footer-col:nth-child(1){
        grid-column:1 / -1;
    }

    .footer-col:nth-child(4){
        grid-column:1 / -1;
    }

    .footer-social{
        justify-content:center;
    }

    .footer-bottom-links{
        flex-wrap:wrap;
        justify-content:center;
        gap:15px;
    }

    .footer-col h3{
        font-size:28px;
    }

    .footer-col h4{
        font-size:20px;
    }

}