   * {
       font-family: shabnam;
       padding: 0px;
       margin: 0px;
       border: none;
       outline: 0;
   }

.col-index{
    margin-top: 50px;
    background-color: #EFEFEF;
    border-radius: 7px;
    direction: rtl;
}
.link-page ul li{
    display: inline-block;
    padding:7px;
}
.link-page ul li a{
    text-decoration: none;
    color: black;
}
.link-page ul li a:hover{
 color: #003179;
    transition: 1s;
    
}
/* start style text news  */
.col-div-text-news{
    display: flex;
}
.col-img-text img{
    width: 100%;
    border-radius: 7px;
}
.inform-text{
    display: flex;
    direction: rtl;
    
}
.code-news{
    margin-left: 30px;
    direction: rtl;
    
}
.date{
  margin-right: 30px;  
}
.col-title-news{
    padding-left: 30px;
}
.col-title-news h1{
    font-size: 25px;
    direction: rtl;
    text-align: right;
     color: #003179;
    margin-top: 10px;
    
}

.col-title-news p{
    direction: rtl;
    text-align: justify;
     margin-top: 10px;
}

.border{
    border-bottom: 3px solid #EFEFEF;
    margin-top: 35px;
    width: 100%;
    display: block;
}

.col-text p{
    margin-top: 25px;
    text-align: justify;
    direction: rtl;
}

.col-text img{
border-radius: 7px;   
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 600px;

}


  @media only screen and (max-width:1125px) {

      .col-img-text img{
          height: -webkit-fill-available;
      }  
}
  @media only screen and (max-width:856px) {
      .col-div-text-news{
          flex-direction: column;
      }
      .col-img-text{
          width: 100% !important;
      }
      .col-img-text img{
          height: 350px;
      }
      .col-title-news{
          padding-left: 0px !important;
             width: 100% !important;
              margin-top: 35px;
      }
}
@media only screen and (max-width:542px) {
    
    .inform-text{
        flex-direction: column;
    }
    
    .date {
    margin-right:0px;
        margin-top: 10px;
}
    .col-title-news h1{
        font-size: 20px;
    }
}
@media only screen and (max-width:450px) {
    .col-text img{
        height: 350px;
    }
    
}

