p{ text-align: justify;} 
.instru-padding{padding: 0 20px 0 0}
.font-droidkufi{font-family: 'Droid Arabic Kufi';}
.bold{ font-weight: bold;}
.normal{ font-weight: normal;}
.italic{ font-style: italic;}
.justify{ text-align: justify;}
.instru-ul{padding: 0 15px;}
.padding-bottm{ padding-bottom: 10px;}
.padding-top-10{ padding-top: 10px;}
.padding-top-20{ padding-top: 20px;}
.padding-top-30{ padding-top: 30px;}
.padding-top-40{ padding-top: 40px;}
.padding-top-50{ padding-top: 50px;}
.padding-top-60{ padding-top: 60px;}
.padding-top-70{ padding-top: 70px;}
.padding-top-80{ padding-top: 80px;}
.padding-top-0{padding-top: 0px; }
.padding-bottom{padding-bottom:10px;}
.min-height{min-height: 0px;}
.font-12{ font-size: 12px;}
.font-14{ font-size: 14px;}
.font-16{ font-size: 16px;}
.font-18{ font-size: 18px;}
.font-20{ font-size: 20px;}
.font-22{ font-size: 22px;}
.font-24{ font-size: 24px;}
.lin-height{ line-height: 40px;}
.max-width{ width: 100%;}
.non-justify{text-align:right;}
.instru-ul img{ }
.min-height-0{ min-height: 0px;}
/*.block-col-1{background-color: #f5f5f5;}*/
.instru-ul li{
    counter-increment: li;
    display: block;
    margin-left: 2em;
    line-height: 40px;
    margin-bottom: 10px;
    width: 100%;
    text-align: justify;
}
/* col-1 */
.instru-ul .li-col-1:before{
    content: counter(li); 
    color: #fff; 
    background-color: #01adbb;
    border-radius: 50%; 
    display: inline-block; 
    margin: 0 5px;
    /*padding: 10px 10px 10px 10px;*/
    width:40px;
    height: 40px;
    text-align: center;
}
.col-1{color:#01adbb;}
.col-1-img{float: left;}
.col-1{
    counter-increment: column;
    display: block;
    margin-left: 2em;
    line-height: 40px;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 10px;
    width: 100%;
}
.col-1:before{
    content: counter(column); 
    color: #fff; 
    background-color: #01adbb;
    border-radius: 50%; 
    display: inline-block; 
    margin: 0 5px;
    margin-bottom: 5px;
    /*padding: 10px 10px 10px 10px;*/
    width:40px;
    height: 40px;
    text-align: center;
}
.col-title{
    counter-increment: h4;
    display: block;
    margin-left: 2em;
    line-height: 40px;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 10px;
    width: 100%;
}
/*.col-title:before{
    content: "*"; 
    color: #fff; 
    background-color: #01adbb;
    border-radius: 50% 0 50% 0; 
    display: inline-block; 
    margin: 0 5px;
    margin-bottom: 5px;
    width:40px;
    height: 40px;
    text-align: center;
}*/

.col-title1{
    counter-increment: h4;
    display: block;
    margin-left: 2em;
    line-height: 40px;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 10px;
    width: 100%;
}
/*.col-title1:before{
    content: "*"; 
    color: #fff; 
    background-color: #01adbb;
    border-radius: 50% 0 50% 0; 
    display: inline-block; 
    margin: 0 5px;
    margin-bottom: 5px;
    width:40px;
    height: 40px;
    text-align: center;
}*/


/* End col-1 */

/* col-2 */
.instru-ul .li-col-2:before{
    content: counter(li); 
    color: #fff; 
    background-color: #d91a5d;
    border-radius: 50%; 
    display: inline-block; 
    margin: 0 5px;
    /*padding: 10px 10px 10px 10px;*/
    width:40px;
    height: 40px;
    text-align: center;
}
.col-2{color:#d91a5d;}
.col-2{
    counter-increment: counter-name;
    display: block;
    margin-left: 2em;
    line-height: 40px;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 10px;
    width: 100%;
}
.col-2:before{
    content: counter(counter-name); 
    color: #fff; 
    background-color: #d91a5d;
    border-radius: 50%; 
    display: inline-block; 
    margin: 0 5px;
    margin-bottom: 5px;
    /*padding: 10px 10px 10px 10px;*/
    width:40px;
    height: 40px;
    text-align: center;
}
/* End col-2 */
/* col-3 */
.col-3{color:#d91a5d;}
.col-3{
    counter-increment: counter-name 4;
    display: block;
    margin-left: 2em;
    line-height: 40px;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 10px;
    width: 100%;
}
.col-3:before{
    content: counter(counter-name); 
    color: #fff; 
    background-color: #d91a5d;
    border-radius: 50%; 
    display: inline-block; 
    margin: 0 5px;
    margin-bottom: 5px;
    /*padding: 10px 10px 10px 10px;*/
    width:40px;
    height: 40px;
    text-align: center;
}
/* End col-3 */

.border{border: 1px dotted #ccc; margin-bottom: 10px;}
.col-5{
    counter-increment: h4;
    display: block;
    margin-left: 2em;
    line-height: 40px;
    /*border: 1px dotted #ccc;*/
    margin-bottom: 10px;
    width: 100%;
}
/*.col-5:before{
    content: counter(h4); 
    color: #fff; 
    background-color: #d91a5d;
    border-radius: 50%; 
    display: inline-block; 
    margin: 0 5px;
    width:40px;
    height: 40px;
    text-align: center;
}*/
.col-5 span{
    background-color: #d91a5d;
    color: #fff; 
    padding: 10px 20px;
    margin-left: 20px;
    border-radius: 50%;
}
.padding-112{padding: 112px 0px;}
.padding-77{padding: 77px 0px;}

/* col -4 */

.col-4{color:#a8a800;}