/* FOOTER */

footer{
    background-color: #052557;
    padding-top: 65px;
}

footer hr{
    color: white;
}

.footer-principal-part{
    padding-bottom: 45px;
}

.single-box p{
    font-family: "Montserrat ExtraLight", sans-serif;
    letter-spacing: 3px;
    margin-block: 30px;
    color: #fff;
    line-height: 1.5;
}

.single-box ul{
    list-style: none;
    padding: 0;
}

.single-box ul li a{
    text-decoration: none;
    color: #f8f9ff;
    font-weight: 100;
}

.single-box h4{
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}

.pages-link ul{
    position: absolute;
    margin-left: 20px;
}

.pages-link li:nth-child(even) a{
    color: #d8ecff;
}

.pages-link a:hover{
    color: #8395a6;
}

.pages-link li:nth-child(even) a:hover{
    color: #2f6b9f;
}

.pages-link li{
    margin-top: 5px;
}

.pages-link h4{
    margin-left: 1rem;
}

.socialmedia{
    margin-top: 20px;
}

.socialmedia a{
    text-align: center;
    letter-spacing: 2px;
}

.socialmedia .linkedin:hover path{
    fill: rgb(1,121,181);
}

.socialmedia .linkedin:hover span{
    color: rgb(1,121,181);
    font-size: 18px;
    transition: 0.25s;
}

.socialmedia .linkedin span{
    transition: 0.25s;
}

.socialmedia .facebook:hover path{
    fill: rgb(59,89,151);
}

.socialmedia .facebook:hover span{
    color: rgb(59,89,151);
    font-size: 18px;
    transition: 0.25s;
}

.socialmedia .facebook span{
    transition: 0.25s;
}


.socialmedia .youtube:hover path{
    fill: rgb(254, 0, 0);
}

.socialmedia .youtube:hover span{
    color: rgb(254, 0, 0);
    font-size: 18px;
    transition: 0.25s;
}

.socialmedia .youtube span{
    transition: 0.25s;
}

.footer-end p{
    line-height: 25px;
}

.footer-end p a{
    color: #052557;
}

.footer-end p a:hover{
    color: #0e57c9;
}

@media (max-width: 991px) {
    .single-box{
        text-align: center;
    }

    .pages-link h4{
        margin-left: 0;
    }
}

@media(max-width: 728px){
    .single-box{
        margin-bottom: 50px;
    }

    .pages-link ul{
        position: relative;
        margin-left: 0;
    }

    .pages-link li{
        margin-top: 15px;
    }

    .footer-principal-part{
        padding-bottom: 10px;
    }
}

@media(min-width: 728px) and (max-width: 991px){
    .single-box{
        margin-bottom: 50px;
    }

    .pages-link ul{
        position: relative;
        margin-left: 0;
    }
}