@import url('https://fonts.googleapis.com/css?family=Cairo&display=swap');
/***
body{
    display: flex;
    position: relative;
    margin:0;
    padding:0;
    background-color: #efefef;
    direction: rtl;
    justify-content: center;
    align-items: center;
}

*{
    font-family: "Cairo", serif;
}

a{
    text-decoration: none;
}

a:visited{
    color: inherit;
    text-decoration: none;
}

a:hover{
    text-decoration: underline;
}
***/
.Main-Container{
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    margin: 0;
    flex-wrap: wrap;
    width: 100%;
    height: fit-content;
    flex-direction: column;
}

.Article-Name{
    margin: 1em 0 0 0;
}

.Article-Address{
    width: 100%;
}

.Article-Address p{
    font-weight: 700;
    font-size: 1.3em;
    background: url("mmk.png");
    background-repeat: no-repeat;
    background-position: right 0.4em center;
    background-size: 1.2em;
    padding: 0.3em 0 0.3em 0;
    background-color: rgba(220 , 220 , 220);
    color: mediumblue;
    width: 100%;
    border-radius: 0.2em;
    text-indent: 2.4em;
    margin-bottom: 1em;
}

.Article-content{
    width: 100%;
}

.Header-Article h4{
    font-weight: 400;
    background: url("mmk.png");
    background-repeat: no-repeat;
    background-position: right 0.5em center;
    padding: 0.3em 0 0.3em 0;
    background-size: 1.2em;
    background-color: rgba(1,177,196);
    width: 100%;
    border-radius: 0.2em;
    text-indent: 2.1em;
    color: whitesmoke;
}

.Article-MainAddress{
    /*border-right: 2px solid saddlebrown;*/
    margin-right: 0.3em;
    margin-bottom:1em;
}

.Article-MainAddress p{
    font-weight: 500;
    font-size: medium;
    margin: 0 0.3em 0 0;
    background: url("");
    background-size: 1.2em;
    background-repeat: no-repeat;
    background-position: right 0.4em center;
    padding: 0.3em 0 0.3em 0;
    color: mediumblue;
    width: 100%;
    border-radius: 0.2em;

}

.Article-MainAddress img{
    width: 1.7em;
    height: auto;
    padding-left: 0em;
    padding-right: 0em;
}

.ToolBox{
    width: fit-content;
    margin-right: 96%;
    margin-top: 0.5em;
}

.Article-Title{
    width: 100%;
    border-bottom: 1px solid darkgrey;
    color: #ad4800;
    padding: 0 0.9em 0.9em 0.9em;
}

.Article-Title h3{
    background: url("");
    background-size: 1.2em;
    background-repeat: no-repeat;
    background-position: right 0.3em center;
    font-size: 1.7em;
}

.Article-Title img{
    width: 1.7em;
    height: auto;
    padding-left: 0em;
    padding-right: 0em;
}

.Article-Info{
    display: inline-flex;
    width: 100%;
    margin-top: 0.5em;
    color:darkcyan;
    margin: 0.3em 0.4em 0 0;
}

.Article-Info h5:nth-child(1){
    width: fit-content;
    margin-left: 0;
    margin-right: 0.3em;
}

.Article-Info2{
    display: inline-flex;
    justify-content:end;
    width: 99%;
    margin-top: 0.5em;
    color:darkcyan;
}

.Article-Info2 h5:nth-child(1){
    width: fit-content;

}

.Article-Info2 h5:nth-child(2){
    width: fit-content;
    margin-right: 2%;
    border-right: 2px solid #97b9bd;
    padding-right: 1em;
}

.Article-Image{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.Article-Image img{
    max-width: 100%;
    height: auto;
    transition: 0.1s linear 0s;
}

.Article-Image img:hover{
    filter: drop-shadow(3px 4px 7px black);
    transform: scale(1.01);
 }

.Article-Paragraph1{
    text-align: center;
    padding: 0px 10px;
    border-radius: 1em;
    font-size: large;
    margin-top: 1.0em;
    margin-bottom:0.8em;
    border-radius: 1em;
        color:#800080;
}

.Article-Paragraph2{
    margin-bottom: 1.9em;
    font-weight: 500;
    font-size: larger;
    line-height: 0 em; 
    padding: 0 0;
}


.Seperator-Article{
    margin: 2.5em;
    border:1px solid grey;
}

@media only screen and (max-width: 768px) and (orientation: portrait){

.Article-MainAddress{
 margin-bottom:1em;
}

.Article-MainAddress p{
    font-size: 0.8em;
   /*** font-weight: 800;***/
}

.Article-Paragraph1{
    font-size:1em;
}

}