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

.main-footer{

    background:#0d2342;

    color:#cfd8e3;

    padding:90px 0 0;

    position:relative;

    overflow:hidden;

}

/* Decorative Shapes */

.main-footer::before{

    content:"";

    position:absolute;

    width:380px;

    height:380px;

    border-radius:50%;

    background:rgba(47,109,246,.08);

    top:-180px;

    left:-180px;

}

.main-footer::after{

    content:"";

    position:absolute;

    width:300px;

    height:300px;

    border-radius:50%;

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

    bottom:-140px;

    right:-140px;

}

.main-footer .container{

    position:relative;

    z-index:2;

}

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

.footer-top{

    display:grid;

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

    gap:50px;

    padding-bottom:60px;

}

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

.footer-logo{

    display:inline-block;

    margin-bottom:25px;

}

.footer-logo img{

    width:190px;

}

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

.footer-about p{

    color:#b8c4d4;

    line-height:1.9;

    margin-bottom:30px;

}

/*=========================================================
    TITLES
=========================================================*/

.footer-widget h3{

    color:#ffffff;

    font-size:22px;

    margin-bottom:25px;

    position:relative;

}

.footer-widget h3::after{

    content:"";

    width:45px;

    height:3px;

    background:#ffc107;

    display:block;

    margin-top:10px;

    border-radius:10px;

}

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

.footer-widget ul{

    list-style:none;

    margin:0;

    padding:0;

}

.footer-widget ul li{

    margin-bottom:15px;

}

.footer-widget ul li a{

    color:#cfd8e3;

    text-decoration:none;

    transition:.3s;

}

.footer-widget ul li a:hover{

    color:#ffc107;

    padding-left:6px;

}

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

.footer-contact li{

    display:flex;

    align-items:flex-start;

    gap:12px;

    line-height:1.7;

}

.footer-contact i{

    color:#ffc107;

    margin-top:5px;

}

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

.footer-social{

    display:flex;

    gap:12px;

}

.footer-social a{

    width:42px;

    height:42px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

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

    color:#fff;

    transition:.35s;

}

.footer-social a:hover{

    background:#2f6df6;

    transform:translateY(-5px);

}

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

.footer-bottom{

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

    padding:25px 0;

    display:flex;

    justify-content:space-between;

    align-items:center;

    flex-wrap:wrap;

    gap:15px;

}

.footer-bottom p{

    margin:0;

    color:#b8c4d4;

}

.footer-bottom strong{

    color:#ffc107;

}

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

.scroll-top{

    position:fixed;

    right:25px;

    bottom:25px;

    width:52px;

    height:52px;

    border-radius:50%;

    background:#2f6df6;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

    box-shadow:0 15px 40px rgba(47,109,246,.35);

    transition:.35s;

    opacity:0;

    visibility:hidden;

    z-index:999;

}

.scroll-top.active{

    opacity:1;

    visibility:visible;

}

.scroll-top:hover{

    background:#ffc107;

    color:#12355b;

    transform:translateY(-5px);

}

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

@media(max-width:991px){

    .footer-top{

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

    }

}

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

@media(max-width:768px){

    .main-footer{

        padding-top:70px;

    }

    .footer-top{

        grid-template-columns:1fr;

        gap:40px;

    }

    .footer-bottom{

        flex-direction:column;

        text-align:center;

    }

}