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

.location{

    background:#05070D;

    padding:60px 0 100px;

}

.location .section-title{

    text-align:center;

    max-width:850px;

    margin:0 auto 60px;

}

.location .section-tag{

    color:#D4AF37;

    font-size:14px;

    font-weight:700;

    letter-spacing:4px;

    text-transform:uppercase;

    display:block;

    margin-bottom:18px;

}

.location .section-title h2{

    color:#fff;

    font-size:52px;

    margin-bottom:20px;

}

.location .section-title p{

    color:#BFC5CC;

    font-size:17px;

    line-height:1.8;

}

/*=========================
        CARD
=========================*/

.location-card{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:40px;

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

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

    border-radius:24px;

    padding:50px;

    transition:.35s;

}

.location-card:hover{

    border-color:#D4AF37;

    box-shadow:0 20px 50px rgba(212,175,55,.15);

}

.location-left h3{

    color:#D4AF37;

    font-size:30px;

    margin-bottom:25px;

}

.location-left p{

    color:#E4E4E4;

    font-size:18px;

    line-height:2;

}

.location-left i{

    color:#D4AF37;

    width:28px;

}

.location-right{

    display:flex;

    justify-content:center;

    align-items:center;

}

.location-right a{

    display:inline-flex;

    align-items:center;

    gap:15px;

    background:#D4AF37;

    color:#111;

    text-decoration:none;

    padding:18px 42px;

    border-radius:50px;

    font-size:18px;

    font-weight:700;

    transition:.35s;

}

.location-right a:hover{

    background:#C99B18;

    transform:translateY(-5px);

}

.location-right i{

    font-size:20px;

}

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

@media(max-width:992px){

.location-card{

    flex-direction:column;

    text-align:center;

}

.location-left h3{

    font-size:28px;

}

}

@media(max-width:768px){

.location{

    padding:50px 0 80px;

}

.location .section-title h2{

    font-size:38px;

}

.location-card{

    padding:35px;

}

.location-right a{

    width:100%;

    justify-content:center;

}

}

@media(max-width:480px){

.location .section-title h2{

    font-size:30px;

}

.location-left p{

    font-size:16px;

}

}