/*====================================

LOCATION SECTION

====================================*/

.location-section{

    padding:100px 0;

}


/*====================================

LOCATION GRID

====================================*/

.location-grid{

    display:grid;

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

    gap:20px;

    margin-top:55px;

}


/*====================================

LOCATION CARD

====================================*/

.location-card{

    display:flex;

    align-items:center;

    gap:16px;

    min-height:105px;

    padding:22px 20px;

    background:#111111;

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

    border-radius:18px;

    text-decoration:none;

    transition:all .35s ease;

}


/* Hover */

.location-card:hover{

    transform:translateY(-5px);

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

    box-shadow:0 15px 35px rgba(0,0,0,.35);

}


/*====================================

LOCATION ICON

====================================*/

.location-card > i{

    width:48px;

    height:48px;

    min-width:48px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

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

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

    color:var(--primary);

    font-size:19px;

    transition:.35s ease;

}


.location-card:hover > i{

    background:var(--primary);

    color:#111;

}


/*====================================

LOCATION CONTENT

====================================*/

.location-card h3{

    margin:0 0 7px;

    font-size:18px;

    line-height:1.3;

}


/*====================================

EXPLORE LINK

====================================*/

.location-card span{

    display:inline-flex;

    align-items:center;

    gap:7px;

    font-size:13px;

    font-weight:600;

    color:var(--primary);

    transition:.3s ease;

}


.location-card span i{

    font-size:11px;

    transition:.3s ease;

}


.location-card:hover span{

    gap:10px;

}


.location-card:hover span i{

    transform:translateX(2px);

}


/*====================================

TABLET

====================================*/

@media(max-width:991px){

    .location-section{

        padding:80px 0;

    }


    .location-grid{

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

        gap:18px;

        margin-top:45px;

    }


    .location-card{

        min-height:100px;

        padding:20px 18px;

    }


    .location-card h3{

        font-size:17px;

    }

}


/*====================================

MOBILE

====================================*/

@media(max-width:767px){

    .location-section{

        padding:60px 0;

    }


    .location-grid{

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

        gap:12px;

        margin-top:35px;

    }


    .location-card{

        min-height:95px;

        padding:16px 12px;

        gap:10px;

        border-radius:14px;

    }


    .location-card > i{

        width:38px;

        height:38px;

        min-width:38px;

        font-size:15px;

    }


    .location-card h3{

        margin-bottom:5px;

        font-size:14px;

        line-height:1.25;

    }


    .location-card span{

        font-size:11px;

        gap:5px;

    }


    .location-card span i{

        font-size:9px;

    }

}