/*--------body--------*/
@font-face {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    src:url('../fonts/DroidKufi-Regular.ttf') format('truetype');
}
body{
    font-family: 'Droid Arabic Kufi' !important;
    direction: rtl;
    background: rgba(0, 0, 0, 0) url("../images/geometry2.png") repeat scroll 0% 0%;
    /*text-align: right;*/
}

.header{
    margin-top: 15px;
}
.header div{ text-align: center; }
/*-----------*/


.contents{
    text-align: center;
    margin-top: 174px;
}
.contents h2{
    min-height: 85px;
}
.box_1:hover , .box_2:hover , .box_3:hover{
}
.contents a:hover{
    text-decoration: none;
}
.inner_box{
    width: 90%;
    padding: 2px;
    min-height: 188px;
    border-radius: 11px;
    background: #F9F9EB;
    padding-bottom: 20px;
    box-shadow: 10px 10px 5px #888888;
     border: 0.8px solid #a19292 !important;
     transition: 0.5s;
}
.inner_box:hover{
    background-color: #dfedf2;
    z-index: 999;
    transform: scale(1.1);
    box-shadow: 7px 8px 23px #888888;
    text-decoration: none;
   
}
.fa-users{color: blue;}
.fa-calculator{color: gray;}
.fa-comments-o{color: lightgreen;}


@media (max-width: 768px) {
    img{ width: 100%;}
    .contents{ margin-top: 80px !important;}
    .inner_box {
        width: auto !important;
        margin-bottom: 25px !important;
    }
}