p {
    direction: rtl;
}
.hr {
    height: 7px;
    background-color: #f1f1f1;
    width: 100%;
}
.icon{
    background-color: dodgerblue;
    padding: 20px;
    margin: 10px;
    color: white;
    border-radius: 50%;
    font-size: 20px;
    -webkit-transition: background-color 1s ease; /* Safari */
    transition: background-color 1s;
}
.icon:hover{
    background-color:darkblue;
}
.box1{
    padding:25px !important;
}
.box3{
    padding:25px !important;
}
.box4{
    padding:25px !important;
}
.box5{
    padding:25px !important;
}
.box6{
    padding:25px !important;
}
.box3 .post-img img{
    width: 100px !important;
}
.box4 .post-img img {
    width: 100px !important;
}
.box5 .post-img img {
    width: 100px !important;
}
.box6 .post-img img {
    width: 100px !important;
}