.container >footer{
    width: 100%;
    font-family: "Fira Sans", sans-serif;
    color: white;
}
.container >footer >.branch-card{
    width: 100%;
    background-color: gray;
    display: flex;
}
.container >footer >.branch-card >.card{
    width: 25%;
    background-color: gray;
    text-align: center;
    border-right: 1px solid rgb(91, 88, 88);
    padding: 20px;
}
.container >footer >.branch-card >.card >img{
    margin: 10px 0 15px 0;
}
.container >footer >.branch-card >.card >p{
    font-size: 16px;
    line-height: 25px;
    margin: 15px 0;
}
.container > footer >.branch-card >.card >p >a{
    color: white;
    text-decoration: none;
    font-weight: 600;
}
.container >footer >.branch-card >.card >p >a:hover{
    text-decoration: underline;
}
.container >footer >.contact{
    width: 100%;
    background-color: var(  --menu-color);
}
.container >footer >.contact >.contact-data{
    /* width: 50%; */
    height: 100%;
    margin: 0 auto;
    padding-top: 45px;
    text-align: center;
}
.container > footer >.contact >.contact-data >.first-contact{
    display: flex;
    justify-content: center;
    list-style: none;
}
.container >footer >.contact >.contact-data >.first-contact >li{
    padding: 5px 12px;
    font-size: 17px;
    cursor: pointer;
}
.container >footer >.contact >.contact-data >.first-contact >li:hover{
    text-decoration: underline;
}
.container >footer >.contact >.contact-data >.first-contact:nth-child(2) >li:hover{
    text-decoration: none;
}
.container >footer >.contact >.contact-data >.achivement >p{
    margin: 30px 0;
}
.container >footer >.contact >.contact-data >.achivement >img{
    margin: 10px 5px ;
    border-radius: 5px;
}
.container >footer >.contact >.contact-data >p{
    margin: 10px 5px;
    font-size: 11px;
}
.container >footer >.contact >.contact-data >.socail-media{
    display: flex;
    justify-content: center;
    list-style: none;
    padding-bottom: 80px;
}
.container >footer >.contact >.contact-data >.socail-media >li{
    margin: 0 5px;
}
.container >footer >.contact >.contact-data >.socail-media >li >img{
    width: 33px;
    height: 33px;
    padding: 0.3px;
    border-radius: 50%;
    border: 1px solid rgba(71,71,143);
}
.container >footer >.contact >.contact-data >.socail-media >li >img:hover{
    border: 1px solid white;
}