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

.main-footer{

    background:#0d2b52;

    color:#ffffff;

    margin-top:50px;

}

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

.main-footer>.container{

    padding:55px 0 45px;

}

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

.footer-title{

    font-size:22px;

    font-weight:700;

    margin-bottom:25px;

    color:#ffffff;

    position:relative;

    padding-bottom:10px;

}

.footer-title::after{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:45px;

    height:3px;

    background:#ffc107;

}

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

.footer-links{

    list-style:none;

    margin:0;

    padding:0;

}

.footer-links li{

    margin-bottom:14px;

}

.footer-links a{

    color:#d9e3f3;

    text-decoration:none;

    font-size:15px;

    transition:.3s;

    display:flex;

    align-items:flex-start;

    gap:8px;

    line-height:1.5;

}

.footer-links a i{

    color:#ffc107;

    font-size:12px;

    margin-top:4px;

}

.footer-links a:hover{

    color:#ffc107;

    padding-left:5px;

}

/*=========================================================
                ADDRESS
=========================================================*/

.footer-address p{

    display:flex;

    align-items:flex-start;

    gap:12px;

    margin-bottom:18px;

    color:#d9e3f3;

    font-size:15px;

    line-height:1.7;

}

.footer-address i{

    color:#ffc107;

    font-size:18px;

    min-width:20px;

    margin-top:3px;

}

/*=========================================================
                MAP
=========================================================*/

.footer-map{

    overflow:hidden;

    border-radius:8px;

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

}

.footer-map iframe{

    width:100%;

    height:260px;

    border:none;

    display:block;

}

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

.footer-bottom{

    background:#081d39;

    padding:18px 0;

    font-size:14px;

    color:#d9e3f3;

}

.footer-bottom p{

    margin:0;

    line-height:1.8;

}

.footer-bottom .developer{

    font-size:14px;

}

.footer-bottom a{

    color:#4da3ff;

    text-decoration:none;

    font-weight:600;

}

.footer-bottom a:hover{

    color:#ffc107;

}

.footer-bottom span{

    color:#ffffff;

}

.footer-bottom strong{

    color:#ffc107;

}

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

.scroll-top{

    position:fixed;

    right:25px;

    bottom:25px;

    width:52px;

    height:52px;

    border:none;

    border-radius:50%;

    background:#1d5bbf;

    color:#fff;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:22px;

    cursor:pointer;

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

    transition:.35s;

    opacity:0;

    visibility:hidden;

    z-index:999;

}

.scroll-top.show{

    opacity:1;

    visibility:visible;

}

.scroll-top:hover{

    background:#ffc107;

    color:#000;

    transform:translateY(-5px);

}

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

@media(max-width:991px){

.main-footer>.container{

    padding:45px 0;

}

.footer-title{

    margin-top:10px;

}

.footer-map iframe{

    height:230px;

}

.footer-bottom{

    text-align:center;

}

.footer-bottom .text-lg-end{

    margin-top:12px;

    text-align:center!important;

}

}

@media(max-width:768px){

.footer-title{

    font-size:20px;

}

.footer-links a{

    font-size:14px;

}

.footer-address p{

    font-size:14px;

}

.footer-map iframe{

    height:220px;

}

.scroll-top{

    width:46px;

    height:46px;

    right:18px;

    bottom:18px;

}

}

@media(max-width:576px){

.main-footer>.container{

    padding:35px 0;

}

.footer-title{

    font-size:18px;

}

.footer-bottom{

    font-size:13px;

}

.footer-bottom span{

    display:block;

    margin-top:5px;

}

}