.contant-area{
    list-style: none;
    overflow: hidden;
    clear: both;
    padding: 0;
    margin: 5px;

}
.contant-area li{
    width: 30px;
    height: 30px;
    background-color: #fff;
    display: inline-block;
    border-radius: 50%;
    line-height: 30px;
    margin: 5px 10px;
    border: 1px solid;
}
.contant-area li span{
    color: #00765c;
    width: 100%;
    display: block;
}
.contant-area li span i{
    font-size: 18px;
}
.contant-area li:hover{
    background-color: #00765c;
    border-color:  #fff;
    transform: rotate(360deg);
}
.contant-area li:hover span{
    color: #fff;
}
.footer-card p {
    margin-bottom: 0;
    color: #fff;
}
.text-area{
    color: #fff;
}
.contant-area li span[data-href]{
    cursor:pointer;
}