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

.location-grid-section{

    padding:100px 0;

    background:#111111;

}

.location-grid{

    display:grid;

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

    gap:30px;

    margin-top:60px;

}
.location-icon{

    width:56px;

    height:56px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:20px;

    border-radius:50%;

    background:rgba(212,175,55,.08);

    border:1px solid rgba(212,175,55,.20);

}

.location-icon i{

    font-size:22px;

    color:#D4AF37;

}
/*======================================
        LOCATION CARD
======================================*/

.location-card{

    padding:35px 30px;

    background:#181818;

    border:1px solid rgba(212,175,55,.10);

    border-radius:22px;

    transition:.35s ease;

}

.location-card:hover{

    transform:translateY(-8px);

    border-color:rgba(212,175,55,.35);

    box-shadow:0 20px 45px rgba(0,0,0,.30);

}

.location-card h3{

    margin:0 0 18px;

    color:#ffffff;

    font-size:28px;

}

.location-card p{

    margin:0;

    color:#bdbdbd;

    font-size:15px;

    line-height:1.8;

    min-height:90px;

}

.location-card a{

    display:inline-flex;

    align-items:center;

    gap:8px;

    margin-top:25px;

    color:#D4AF37;

    font-size:15px;

    font-weight:600;

    text-decoration:none;

    transition:.3s;

}

.location-card a:hover{

    color:#ffffff;

}

/*======================================
        TABLET
======================================*/

@media(max-width:991px){

    .location-grid-section{

        padding:80px 0;

    }

    .location-grid{

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

        gap:24px;

        margin-top:45px;

    }

    .location-card{

        padding:30px 25px;

    }

    .location-card h3{

        font-size:24px;

    }

}

/*======================================
        MOBILE
======================================*/

@media(max-width:768px){

    .location-grid-section{

        padding:70px 0;

    }

    .location-grid{

        grid-template-columns:1fr;

        gap:18px;

        margin-top:40px;

    }

    .location-card{

        padding:25px 20px;

        border-radius:18px;

    }

    .location-card h3{

        font-size:22px;

        margin-bottom:14px;

    }

    .location-card p{

        font-size:14px;

        min-height:auto;

    }

    .location-card a{

        margin-top:18px;

        font-size:14px;

    }

}

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

.location-links{

    padding:90px 0;

    background:#111111;

}

.location-links-wrapper{

    max-width:950px;

    margin:50px auto 0;

    display:flex;

    flex-wrap:wrap;

    justify-content:center;

    gap:16px;

}

.location-links-wrapper a{

    padding:14px 28px;

    border-radius:40px;

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

    border:1px solid rgba(212,175,55,.15);

    color:#ffffff;

    text-decoration:none;

    font-size:15px;

    font-weight:500;

    transition:.3s ease;

}

.location-links-wrapper a:hover{

    background:#D4AF37;

    color:#111111;

    border-color:#D4AF37;

    transform:translateY(-3px);

}

@media(max-width:768px){

    .location-links{

        padding:70px 0;

    }

    .location-links-wrapper{

        gap:12px;

    }

    .location-links-wrapper a{

        padding:12px 20px;

        font-size:14px;

    }

}

/*======================================
        NEARBY LOCATIONS
======================================*/

.nearby-locations{

    padding:90px 0;

    background:#111111;

}

.nearby-wrapper{

    max-width:950px;

    margin:50px auto 0;

    display:flex;

    flex-wrap:wrap;

    justify-content:center;

    gap:16px;

}

.nearby-wrapper a{

    padding:14px 26px;

    border-radius:50px;

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

    border:1px solid rgba(212,175,55,.15);

    color:#ffffff;

    text-decoration:none;

    font-size:15px;

    font-weight:500;

    transition:.3s ease;

}

.nearby-wrapper a:hover{

    background:#D4AF37;

    color:#111111;

    border-color:#D4AF37;

    transform:translateY(-3px);

}

@media(max-width:768px){

    .nearby-locations{

        padding:70px 0;

    }

    .nearby-wrapper{

        gap:12px;

    }

    .nearby-wrapper a{

        padding:12px 20px;

        font-size:14px;

    }

}

/*======================================
        NEARBY LOCATIONS
======================================*/

.nearby-locations{

    padding:90px 0;

    background:#111111;

}

.nearby-grid{

    display:grid;

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

    gap:25px;

    margin-top:50px;

}

.nearby-card{

    padding:30px;

    background:#181818;

    border:1px solid rgba(212,175,55,.12);

    border-radius:20px;

    text-decoration:none;

    transition:.35s;

}

.nearby-card:hover{

    transform:translateY(-8px);

    border-color:#D4AF37;

}

.nearby-card h3{

    color:#fff;

    margin-bottom:15px;

}

.nearby-card p{

    color:#bfbfbf;

    font-size:15px;

    line-height:1.7;

    margin-bottom:20px;

}

.nearby-card span{

    color:#D4AF37;

    font-weight:600;

}

@media(max-width:991px){

    .nearby-grid{

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

    }

}

@media(max-width:768px){

    .nearby-grid{

        grid-template-columns:1fr;

    }

}