:root{
    --orange : #FFAA23;
    --red : #FE6150;
    --blue : #124E70;
    --light-blue : #1BC0C6;
    --gray : #DFE0E5;
    --white : #fff;
    --main-font: 'El Messiri', sans-serif;
    --main-font2: 'Tajawal', sans-serif;
}
@font-face {
  font-family: Montserratregular;
  src: url(../fonts/ArbFONTS-Montserrat-Arabic-Regular.ttf);
}
@font-face {
    font-family: Montserratlight;
    src: url(../fonts/ArbFONTS-Montserrat-Arabic-Light.ttf);
  }
*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
body{
    background-color: #f6f6f6;
}
/*Overwrite Navbar*/
.pages-item-link{
    text-decoration: none;
    color: var(--blue) !important;
}
.pages-item-link:hover{
    color: var(--blue) !important;
}
.header-finance{
    color: var(--blue) !important;
}
.header-finance:hover{
    color: var(--orange) !important;
}
/****************/
.blog{
    margin: 15vh auto;
    width: 60vw;
}
.post_date{
    font-family: Montserratlight;
    color: #b7b7b7;
    font-size: 20px;
    margin: auto;
    text-align: right;
}
.post_title{
    font-size: 42px;
    font-family: Montserratlight;
    margin: 0.2em auto 1.4em;
    text-align: right;
    color: var(--blue);
    direction: rtl;
}
.post_img{
    height: auto;
    margin: 15px auto;
    display: block;
    border-radius: 5px;
    width: 100%;
}
.post_desc1{
    font-family: Montserratlight;
    direction: rtl;
    margin: 35px auto;
}
.blog_order{
    display: block;
    width: fit-content;
    padding: 1.5vh 2.5vh;
    margin: 35px auto 20px;
    font-family: Montserratregular;
    font-size: 22px;
    text-decoration: none;
    border: 1px solid var(--orange);
    border-radius: 5px;
    background-color: var(--orange);
    color: var(--white);
    transition: all 0.3s;
}
.blog_order:hover{
    color: var(--orange);
    background-color: var(--white);
}
@media only screen and (max-width: 650px){
    .blog{
        width: 80vw;
    }    
    .post_date{
        font-size: 16px;
    }    
 .post_title{
    font-size: 22px;
 }   
}