/*==================================================
PREMIUM FOOTER CSS
==================================================*/

.footer-area{
    background:linear-gradient(135deg,#02142d,#062b63);
    color:#fff;
    padding:80px 0 20px;
    position:relative;
    overflow:hidden;
}

.footer-area::before{
    content:"";
    position:absolute;
    top:-150px;
    right:-120px;
    width:350px;
    height:350px;
    background:rgba(255,255,255,.05);
    border-radius:50%;
}

.footer-area::after{
    content:"";
    position:absolute;
    bottom:-180px;
    left:-120px;
    width:400px;
    height:400px;
    background:rgba(255,255,255,.04);
    border-radius:50%;
}

.footer-area .container{
    position:relative;
    z-index:2;
}

.footer-logo{

    width:95px;

    background:#fff;

    padding:10px;

    border-radius:18px;

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

}

.footer-area h3,
.footer-area h4{

    font-weight:700;

    margin-bottom:20px;

}

.footer-area p{

    color:#d8d8d8;

    line-height:1.8;

}

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

.footer-social a{

    width:45px;

    height:45px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

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

    color:#fff;

    margin-right:10px;

    transition:.35s;

    font-size:18px;

}

.footer-social a:hover{

    background:#ffc107;

    color:#000;

    transform:translateY(-6px);

}

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

.footer-area ul{

    list-style:none;

    padding:0;

}

.footer-area ul li{

    margin-bottom:12px;

}

.footer-area ul li a{

    color:#d9d9d9;

    text-decoration:none;

    transition:.35s;

    display:inline-block;

}

.footer-area ul li a:hover{

    color:#ffc107;

    transform:translateX(8px);

}

/*=====================
GLOBAL SOLUTIONS
======================*/

.footer-area ul li{

    color:#ddd;

}

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

.footer-area p i{

    width:22px;

    color:#ffc107;

}

/*=====================
COUNTRY BADGES
======================*/

.country-badges{

    display:flex;

    flex-wrap:wrap;

    gap:8px;

    margin-top:20px;

}

.country-badges span{

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

    padding:8px 14px;

    border-radius:50px;

    font-size:13px;

    transition:.35s;

}

.country-badges span:hover{

    background:#ffc107;

    color:#000;

}

/*=====================
BUTTON
======================*/

.footer-btn{

    display:inline-block;

    margin-top:25px;

    background:#ffc107;

    color:#000;

    font-weight:700;

    padding:14px 30px;

    border-radius:50px;

    text-decoration:none;

    transition:.35s;

}

.footer-btn:hover{

    background:#fff;

    transform:translateY(-5px);

    color:#000;

}

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

.footer-area hr{

    border-color:rgba(255,255,255,.15);

    margin:45px 0 25px;

}

.footer-area .row:last-child{

    color:#d5d5d5;

    font-size:15px;

}

.footer-area .row:last-child a{

    color:#ffc107;

    text-decoration:none;

}

.footer-area .row:last-child a:hover{

    color:#fff;

}

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

@media(max-width:991px){

.footer-area{

text-align:center;

}

.footer-social{

justify-content:center;

}

.country-badges{

justify-content:center;

}

.footer-btn{

margin-bottom:20px;

}

}

@media(max-width:767px){

.footer-logo{

width:80px;

}

.footer-area h3{

font-size:28px;

}

.footer-area h4{

font-size:22px;

}

.country-badges span{

font-size:12px;

padding:7px 12px;

}

}