/*==================================================
    FOOTER
==================================================*/

.footer{

    background:#061F4A;

    color:#ffffff;
	border-top:4px solid #F5B51D;


}

/*==================================================
    TOP
==================================================*/

.footer__top{

    display:grid;

    grid-template-columns:2fr 1fr 1fr 1.3fr;

    gap:50px;

    padding:70px 0 50px;

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

}

/*==================================================
    LOGO
==================================================*/

.footer__logo{

    display:inline-block;

    margin-bottom:22px;

}

.footer__logo img{

    max-width:260px;

}

/*==================================================
    ABOUT
==================================================*/

.footer__about{

    color:rgba(255,255,255,.75);

    line-height:1.9;

    font-size:15px;

}

/*==================================================
    HEADINGS
==================================================*/

.footer__column h3{

    margin:0 0 25px;

    color:#F5B51D;

    font-size:20px;

    font-weight:700;

}

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

.footer__column ul{

    list-style:none;

    margin:0;

    padding:0;

}

.footer__column li{

    margin-bottom:14px;

}

.footer__column a{

    color:rgba(255,255,255,.78);

    text-decoration:none;

    transition:.3s;

}

.footer__column a:hover{

    color:#F5B51D;

    padding-left:6px;

}

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

.footer__contact li{

    display:flex;

    align-items:flex-start;

    gap:12px;

    color:rgba(255,255,255,.78);

    line-height:1.7;

}

.footer__contact i{

    color:#F5B51D;

    margin-top:4px;

}

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

.footer__social{

    display:flex;

    gap:14px;

    margin-top:25px;

}

.footer__social a{

    display:flex;

    justify-content:center;

    align-items:center;

    width:42px;

    height:42px;

    border-radius:50%;

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

    color:#ffffff;

    transition:.3s;

}

.footer__social a:hover{

    background:#F5B51D;

    color:#082C6C;

}

/*==================================================
    PAYMENT
==================================================*/

.footer__payments{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:20px;

    padding:30px 0;

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

}

.footer__payments span{

    color:#ffffff;

    font-weight:700;

}

.footer__payments img{

    height:30px;

    width:auto;

}

/*==================================================
    COPYRIGHT
==================================================*/

.footer__bottom{

    padding:25px 0;

    text-align:center;

}

.footer__bottom p{

    margin:0;

    color:rgba(255,255,255,.65);

    font-size:14px;

}

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

@media (max-width:992px){

    .footer__top{

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

    }

}

@media (max-width:768px){

    .footer__top{

        grid-template-columns:1fr;

    }

    .footer__payments{

        flex-wrap:wrap;

    }

}

/*==================================================
    BACK TO TOP
==================================================*/

.back-to-top{

    position:fixed;

    right:30px;

    bottom:30px;

    width:52px;

    height:52px;

    display:flex;

    justify-content:center;

    align-items:center;

    border:none;

    border-radius:50%;

    background:#F5B51D;

    color:#082C6C;

    font-size:18px;

    cursor:pointer;

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

    opacity:0;

    visibility:hidden;

    transform:translateY(20px);

    transition:all .3s ease;

    z-index:999;

}

.back-to-top:hover{

    background:#082C6C;

    color:#F5B51D;

    transform:translateY(-4px);

}

.back-to-top.show{

    opacity:1;

    visibility:visible;

    transform:translateY(0);

}