body{
    direction: rtl;
}

    p,li {
    /*  border: solid #8A8AFF;
        border-radius: 5px;
        box-shadow: inset 1px -2px 14px -1px #808080;  */
        margin:10px;
        padding-right:10px;
        font-size: 10pt;
        font-family:irans, tahoma,"B koodak";
        direction: rtl;
        line-height: 30px;
        text-justify: kashida;
        text-align: justify;
        }
    ul li, ol li  {
        padding-right:10px;
        line-height: 15px;
        color: #081231 ;
        list-style-type:decimal;
        list-style-position: inside;
        }
    article {
        margin-right: 5px;
        padding-right: 5px;
    }
    h3 {
        text-align: center;
        font-family: koodak;
        color:#1E00A3;
    }
    iframe {
        margin: 0 auto;
        border:0;
        padding :0;
        width: 460px;
        height: 490px;
        float:left;
    }
    article figure {
        float:left;
        position: relative;
        caption-side:  bottom;
    }
    figure figcaption {
        font-family: Tahoma;
        font: Tahoma;
        font-size:10pt;
        direction: rtl;
        text-align: center;
        justify-content: center;
        width: auto;
        position: absolute;
        background: rgba(0,0,0,0.6);
        color: #fff;
        opacity: 0;
        bottom: 0;
        -webkit-transition: all 0.44s ease;
        -moz-transition: all 0.44s ease;
        -o-transition: all 0.44s ease;
        transition: all 0.44s ease;
    }
    figure:hover figcaption {
        opacity: 1;
        bottom: 5px;
    }
section {
       display: flex;
       direction: row;
       align-content: stretch;
       justify-content;
}