.Sec_Titl10 { position:absolute; top:65%;  margin: auto; width: 100%; height:100%;}
 .box_Titl10 { position:absolute; top:65%; right:0px; width: 100%; height:100%; } 
  


.boxs_secondary_news10:before{
    content: "";
    display: block;
    padding-top: 83%;
}
.square-content{
    position:  absolute;
    top: 0;
    height:auto;
margin:auto;
     width:100%;
    bottom: 0;

    text-align: center;
}

    .img_news_10 {
     margin:auto;
    width:100%;
    height:100%;
}

@media   (min-width: 1140px) { 
   
     .boxs_Genral {
     margin:auto;
     width: 100%;
 margin:30px 10px 30px 10px;
 padding:20px 10px 20px 10px;
	 border: 0px solid #00afef;
     -webkit-border-radius: 5px 5px 5px 5px;
border-radius: 30px 30px 30px 30px;
    }
    
  .boxs_secondary_news10{
    position: relative;
    float: right;
    direction: rtl;
     color: var(--text);
    width: 29.2%;
    margin: 25px 2% 0px 2%;
    
    overflow: hidden;

}
    .aroud {margin:auto ; padding: 15px 10px 5px 10px ;}
}

@media   (max-width: 1139px) { 
     .boxs_Genral {
     margin:auto;
     width: 100%; height: auto;
 margin:30px 10px 10px 10px;
 padding:20px 0px 20px 0px;
	 border: 0px solid #00afef;
     -webkit-border-radius: 5px 5px 5px 5px;
border-radius: 30px 30px 30px 30px;
    }
    

  .boxs_secondary_news10{
    position: relative;
    float: right;
    direction: rtl;
     color: var(--text);
    width: 29.9%;

    margin: 25px 2% 0px 0%;
    overflow: hidden;

}
 .aroud {margin:auto ; padding: 5px 10px 5px 10px ;}
}


@media only screen and (max-width: 540px) {
    .boxs_secondary_news10{
    position: relative;
margin:auto;
    direction: rtl;
          color: var(--text);
height:300px;
    width: 89.9%;
    margin: 20px 4.5% 20px 3%;
            overflow: hidden; 

}
 .aroud {margin:auto ; padding: 15px 10px 5px 10px ;}

}