* {
  box-sizing: border-box;
}
html,body{overflow-x:hidden} 
body {
  background-color: gainsboro;
    margin: 0;
}
a {
    color: black; /* اللون الافتراضي للرابط */
    text-decoration: none;
}

a:hover {
    color: #f86c20; /* اللون عند المرور على الرابط */
}
.author-name{
  font-size: 25px;
  font-weight:900;
  color:red;
  margin:45px;
}
table,tbody{
 border:1px solid; 
  width: 97%;
    background: powderblue;
    font-size: 21px;
    font-weight: 700;
    margin: auto;
}
tr,td,th{
 border:1px solid; 
  width: 10%;
    background: powderblue;
    font-size: 21px;
    font-weight: 700;
    margin: auto;
  text-align: center;
}
.editor-in-chief{
display:flex;
flex-direction:column;
margin:auto;
font-size:17px;
font-weight:900;
color:#cb0000;
}
.editor-in-chief p{
font-size:30px;
}
.editor-in-chief .ahmedali{
color:black;
font-size:30px;
margin:auto;
}
.about-us{
margin: 0 30px;
}
.about-us div{
font-size: 25px;
}
/*قسم السلايدر*/
.wrapper {
/* max-width: 1100px; */
width: 95%;
position: relative;
display: flex;
padding: 0 5px;
align-items: center;
justify-content: center;
/* min-height: 100vh; */
/*background: linear-gradient(to left top, #cb0000, #98c8e4);*/
margin:auto;
}
.wrapper i {
top: 50%;
height: 50px;
width: 50px;
cursor: pointer;
font-size: 1.25rem;
position: absolute;
text-align: center;
line-height: 50px;
background: #fff;
border-radius: 50%;
box-shadow: 0 3px 6px rgba(0,0,0,0.23);
transform: translateY(-50%);
transition: transform 0.1s linear;
}
.wrapper i:active{
transform: translateY(-50%) scale(0.85);
}
.wrapper i:first-child{
left: -40px;
}
.wrapper i:last-child{
right: 7px;
}
/* .wrapper .carousel{
display: grid;
grid-auto-flow: column;
grid-auto-columns: calc((100% / 4) - 0px);
overflow-x: auto;
scroll-snap-type: x mandatory;
gap: 10px;
border-radius: 8px;
scroll-behavior: smooth;
scrollbar-width: none;
} */
.carousel::-webkit-scrollbar {
display: none;
}
.carousel.no-transition {
scroll-behavior: auto;
}
.carousel.dragging {
scroll-snap-type: none;
scroll-behavior: auto;
}
.carousel.dragging .card {
cursor: grab;
user-select: none;
}
.carousel :where(.card, .img) {
display: flex;
justify-content: center;
align-items: center;
}
.carousel .card {
scroll-snap-align: start;
height: 342px;
list-style: none;
background: #fff;
cursor: pointer;
padding-bottom: 15px;
flex-direction: column;
border-radius: 8px;
}
.carousel .card .img {
background: #6f6363;
height: 85%;
width: 100%;
/* border-radius: 50%; */
}
.card .img img {
width: 100%;
height: 90%;
/* border-radius: 50%; */
object-fit: cover;
border: 4px solid #fff;
}
.carousel .card h2 {
font-weight: 500;
font-size: 14px;
margin: 30px 0 5px;
text-align: right;
margin-right: 10px;
}
.carousel .card span {
color: #6A6D78;
font-size: 1.31rem;
}

@media screen and (max-width: 900px) {
.wrapper .carousel {
  grid-auto-columns: calc((100% / 2) - 9px);
}
}

@media screen and (max-width: 600px) {
.wrapper .carousel {
  grid-auto-columns: 110%;
      grid-auto-columns: calc((100% / 2) - 0);

  
}
.wrapper i:first-child{
left: -20px;
}
}
/*نهاية السلايدر*/
.main-article p span{
  font-size:18px;
}
form{
    direction:rtl;
}
  .fa-home{
      color:white;
      font-size:40px;
  }
.fa-home:hover{
background-color:white;
}
.dropbtn {
background-color: #4377e5;
color: white;
padding: 16px;
font-size: 16px;
border: none;
margin:10px;
}

.dropdown {
position: relative;
display: inline-block;
}

.dropdown-content {
display: none;
position: absolute;
background-color: #f1f1f1;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
margin-left:-135px;
}

.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}

.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #3e8e41;}
h3{
font-weight: 600;
text-align: center;
}
i.fa.fa-eye{
    margin-left:5px;
}
.mobile-container {
  /* display: flex; */
  /* margin: auto; */
    background-color: #f20405;
    /* height: 500px; */
    color: white;
    border-radius: 10px;
  }
  .btn-article{
  text-align: right;
  border:none;
  background-color: transparent;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
  }
 .btn-article:hover{
       color: gray;

}
  .topnav {
  display: flex;
    background-color: #cb0000;
    position: relative;
    justify-content: space-between;
    margin:5px 0;
  }
  
  .topnav #myLinks {
    display: flex;
    overflow: visible;
      justify-content: space-between;
      align-items: center;
  
  }
  
  .topnav a {
    color: white;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
    display: block;
    margin: 0 5px;
  }
  #myLinks a {
    color: white;
    padding: 10px 7px;
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
  }
#myLinks a:hover {
  background-color: #cb0000;
 
}
  .topnav a.icon {
    background: black;
    display: none;
    position: absolute;
    right: 0;
    top: 0;
  }

  .active {
    background-color: #04AA6D;
    color: white;
  }
.marquee {
  --duration: 175s;
  --gap: var(--space);
  display: flex;
  overflow: hidden;
  user-select: none;
  gap: var(--gap);
/*   transform: skewY(3deg); */
/* margin-top: -200px; */

}

.marquee__group {
  flex-shrink: 0;
  display: flex;
   /* margin-left: 200px; */
   height: 350px;
  justify-content: space-around;
  gap: var(--gap);
  min-width: 100%;
  animation: scroll var(--duration) linear infinite;
  height: 250px;
  animation-direction: reverse;

}
.marquee:hover .marquee__group{
  animation-play-state: paused;

}
.aria-true{
  flex-shrink: 0.5;
   /* margin-left: 220px; */
}

@media (prefers-reduced-motion: reduce) {
  .marquee__group {
    animation-play-state: paused;
  }
}
.marquee-3col{
display: flex;
flex-wrap: wrap;
}
.marquee-3col .section-photoes{
width: 33.3%;
display: flex;
/* flex-direction: column; */
flex-wrap: wrap;
height: 50%;
margin-right: -5px;
position: relative;
}
.marquee__group img {
  /* max-width: clamp(10rem, 1rem + 28vmin, 20rem); */
   width:475px;
   height: 400px;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 1rem;
  margin: 0 -2px;
  /* max-width: 450px;
  min-width: 350px; */

}
.marquee__group div img{
/* width:33%; */
}
.dabaan-marquee {
position: relative;  
}
/* .dabaan-marquee img{
width: auto;
} */
.box-cover-marquee{
display: flex;
flex-direction: column;
    position:absolute;
    color:white;
   background-color: rgba(53, 34, 8, 0.4);
   font-size: 18px;
   font-weight: bolder;
     width: 100%;
     bottom:  0;
     direction:rtl;
     left: 0;
}
.marquee__group p {
  background-image: linear-gradient(
    75deg,
    hsl(240deg 70% 49%) 0%,
    hsl(253deg 70% 49%) 11%,
    hsl(267deg 70% 49%) 22%,
    hsl(280deg 71% 48%) 33%,
    hsl(293deg 71% 48%) 44%,
    hsl(307deg 71% 48%) 56%,
    hsl(320deg 71% 48%) 67%,
    hsl(333deg 72% 48%) 78%,
    hsl(347deg 72% 48%) 89%,
    hsl(0deg 73% 47%) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.marquee--borders {
  border-block: 3px solid dodgerblue;
  padding-block: 0.75rem;
}

.marquee--reverse .marquee__group {
  animation-direction: reverse;
  animation-delay: calc(var(--duration) / -2);
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(calc(-100% - var(--gap)));
  }
}
.main-catSection{
  display: flex;
  margin: 50px 0;
  }
  .archive{
  width:15%;
  text-align: center;
          background: white;

  }
  .archive p{
  color: black;
  }
   .archive a{
  color: black;
  }
  .section-archive{
  display: flex;
  justify-content: space-between;
  margin: 50px 0;
  flex-direction: column;
  }
  .section-archive figure{
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-around;
  }
  .section-archive figure p{
  margin-left: 100px;
  }
.header-navbar{
display: flex;
flex-direction: row-reverse;
background-color: #cb0000;
justify-content: space-around;
}
.edit-ad-contact{
margin: auto 82px;
}
.edit-ad-contact a{
color: #fff;
margin-left: 7px;
font-size: 17px;
font-weight: 600;
}
.arabic-date{
margin:auto 5px;
font-size: 17px;
font-weight: 600;
color: #fff;
}
.breaking-news{
display: flex;
flex-direction: row-reverse ;
margin: auto 10px;
}
.breaking-news p{
color: #fff;
font-size: 17px;
font-weight: 600;
margin:auto 10px;

}
.ads-content img{
    width:100%;
    height:160px;
}
.cat-cat a{
color: #e20707;
}
.breaking-news span{
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  margin:auto 10px;
}
.breaking-news a{
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  margin:auto 10px;
  }
  .social-navbar{
  display: flex;
  margin-right: 28%;
  }
  .social-navbar .fa{
  font-family: "fontawesome" ;
  margin:auto 10px;
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  }
  .headerlogo-mobilecontainer{
  background-color: whitesmoke;

}
.header-logo{
    display:flex;
text-align: right;
margin-right:50px;
flex-direction:row-reverse;
justify-content:space-around;
align-items: center;
}
.primary-header{
display: flex;
justify-content: space-between;
margin: auto 0;
padding-left: 15px;
padding-right: 15px;
}
.logo img{
height: 90px;
width:100px;
}
nav.navbar a{
font-size: 14px;
text-decoration: none;
color: black;
font-weight: 700;
}
.main-div{
display: flex;
justify-content: space-around;
box-sizing: border-box;
margin-top: 20px;
}

.section-left{
  width:24%;
  background-color: rgb(249, 247, 250);
  /* height: 100vh; */
margin: 0 10px;
}
.center-right{
  display: flex;
  justify-content: space-between;
  width: 75%;
  }
.section-right{
  width:33%;
  background-color: rgb(249, 247, 250);
  /* height: 100vh; */
  margin: 0 10px;

}
.section-one{
   width:67%; 
  background-color: rgb(249, 247, 250);
  /* height: 100vh; */
  margin: 0 10px;

}
.albooked img{
width: 100%;
}
.article-main-one{
  display: flex;
  flex-direction:column-reverse;
  width: 90%;
  margin: auto;
position: relative;
height: 350px;
}
.article-main-one img{
width: 100%;
height: 100%;
margin: auto;
}
.article-main-two{
display: flex;
justify-content: space-between;
width: 100%;
  flex-direction: row-reverse;

}
.message-traffic{
  display:flex;
      flex-direction:column;
width:90%;
}
.message-traffic form{
  display:flex;
  flex-direction:column;
}
.message-traffic input{
  direction:rtl;
}
.message-traffic textarea{
  direction:rtl;
}
.col-two{
display: flex;
flex-direction: column;
margin: 0 15px;
width: 49%;
}
.col-two img{
width: 100%;
height: 220px;
}
.col-two a{
text-align: right;
text-decoration: none; 
width: 100%;
color: #080808;
}
.article-right-one{
display: flex;
flex-direction:row-reverse;
/* width: 60%; */
margin: 25px 5px;
/* position: relative; */
/* height: 100%; */
}
.article-right-one img{
width: 100px;
height: 75px;
}
.article-right-one a{
width: 60%;
/* height: 100%; */
text-decoration: none;
color: #080808;
font-size: 14px;
font-weight: 700;
text-align: right;
margin: 2px 15px;
}
.box-cover{
display: flex;
flex-direction: column;
    position:absolute;
    color:white;
   background-color: rgba(53, 34, 8, 0.4);
   font-size: 18px;
   font-weight: bolder;
     width: 100%;
     bottom:  0;
     direction:rtl;
     left: 0;
}
.box-cover a{
text-decoration: none;
color: #fff;
font-size: 19px;
font-weight: 700;
text-align: right;
margin: 2px 5px;
}

.line-right{
display: block;
height: 0.08px;
width: auto;
background-color: rgb(207, 201, 201);
margin: 5px 5px;
}
.sub-section-one{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: auto;
width: 90%;
flex-direction:row-reverse;

}
.article-sub-one{
width: 47%;
display: flex;
flex-direction: column;
}
.sub-img-a{
display: flex;
flex-direction: row-reverse;
}
.article-sub-one img{
width: 100px;
height: 75px;
}
.article-sub-one a{
  width: 60%;
  /* height: 100%; */
  text-decoration: none;
  color: #080808;
  font-size: 16px;
  font-weight: 700;
  text-align: right;
  margin: 2px 5px;
  }
.main-article .team-logo-large{
  width:100px;
  height:100px;
}
.article-sub-one a:hover{
    color: #cb0000; /* اللون عند المرور على الرابط */
}
  .sub-section-two{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /* margin: auto; */
    width: 100%;
flex-direction: row-reverse;
    
    }
    .article-sub-two{
    width: 47%;
    display: flex;
    flex-direction: column;
    margin:5px 0;
    margin-right: 15px;
    }
    .sub-img-two{
    display: flex;
    flex-direction: row-reverse;
    }
    .article-sub-two img{
    width: 100px;
    height: 75px;
    }
    .article-sub-two a{
      width: 60%;
      /* height: 100%; */
      text-decoration: none;
      color: #080808;
      font-size: 14px;
      font-weight: 700;
      text-align: right;
      margin: 2px 5px;
      }
      .search-result{
          text-align:right;
          color:black;
      }
       .search-result a{
          color:black;
      }
  .line-sub-one{
    display: block;
height: 0.08px;
width: auto;
background-color: rgb(207, 201, 201);
margin: 15px 0;
  }
  .social-icons{
  display: flex;
  flex-direction: column;
  /* direction: rtl; */
  }
  .social-icons a{
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  box-sizing: border-box;
text-decoration: none;  
margin: 10px 5px;
  color: #fff;
  padding: 10px 5px;
  }
  .social-icons span{
  display: flex;
  flex-direction: row-reverse;
  font-size: 14px;
  /* font-weight: 500; */
  justify-content: space-between;
  }
  .social-icons b{
  margin-right: 5px;
  }
  .social-icons strong{
    margin-left: 5px;
    font-size: 14px;
    }
  .facebooke{
  background-color: rgb(42, 84, 199);
  }
  .youtube{
  
  background-color: rgb(102, 5, 5);}
  .twitter{
  background-color: rgb(49, 168, 189);
  }
  .instagram{
  background-color: rgb(141, 20, 87);
  }
  .line-main{
  display: block;
  height: 2px;
  width: auto;
  background-color: #080808;
  margin: 5px 0;
  font-size: 30px;
  }
  .title-cat{
  text-align: right;
  font-size: 20px;
  font-weight: 700;
  margin-right: 30px;
    
        color: #cb0000;

  }
  .art-section{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
    flex-direction: row-reverse;

  }
  .article-art{
  display: flex;
  width:32%;

  }
  .art-img-a{
  display: flex;
  flex-direction: column;
  margin: 10px 5px;
  }
  .art-img-a img{
  width: 100%;
  height: 100px;
  }
  .art-img-a a{
    width: 100%;
    text-align: right;
    text-decoration: none;
    color: #080808;
    font-size: 14px;
    font-weight: 700;
    }
    
    .politics-affaire{
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    position: relative;
    }
    .article-politic{
    width: 50%;
    position: relative;
    margin: 0 10px;
    height: 250px;
    }
    .article-politic img{
    width: 100%;
    height: 250px;
    }
    .side-politic{
    width: 50%;
    display: flex;
    flex-direction: column;
    }
    .article-side-politic{
      width: 100%;
      display: flex;
      flex-direction: column;
      }
      .politic-img-a{
      display: flex;
      flex-direction: row-reverse;
      margin: 5px 5px;
      }
      .politic-img-a img{
      width: 100px;
      height: 75px;
      }
      .politic-img-a a{
        width: 60%;
        /* height: 100%; */
        text-decoration: none;
        color: #080808;
        font-size: 14px;
        font-weight: 700;
        text-align: right;
        margin: 2px 5px;
        }
    .box-cover-politics{
      display: flex;
      flex-direction: column;
          position:absolute;
          color:white;
         background-color: rgba(53, 34, 8, 0.4);
         font-size: 18px;
         font-weight: bolder;
           width: 100%;
           bottom:  0;
           direction:rtl;
           left: 0;
      }
      .box-cover-politics a{
      text-decoration: none;
      color: #f5f1f1;
      font-size: 17px;
      font-weight: 700;
      text-align: right;
      margin: 2px 5px;
      }
      .media-section{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
          flex-direction: row-reverse;


        }
        .article-media{
        display: flex;
        width:33.3%;

        }
        .media-img-a{
        display: flex;
        flex-direction: column;
        margin: 10px 1px;
        position: relative;

        }
        .media-img-a img{
        width: 215px;
        height: 150px;
        }
     
          .box-cover-media{
            display: flex;
            flex-direction: column;
                position:absolute;
                color:white;
               background-color: rgba(53, 34, 8, 0.4);
               font-size: 14px;
               font-weight: 400;
                 width: 100%;
                 bottom:  0;
                 direction:rtl;
                 left: 0;
            }
            .box-cover-media a{
              /* width: 60%; */
            /* height: 100%; */
            text-decoration: none;
            color: #fff;
            font-size: 17px;
            font-weight: 700;
            text-align: right;
            margin: 2px 5px;
            }
            .article-page{
              display: flex;
              justify-content: space-between;
              margin-top: 30px;
              flex-direction: row-reverse;
          }
          .mainarticle-message{
            width:75%;
            display:flex;
            flex-direction: column;
            /* margin: 0 2px; */
            background-color: #fffc;
            }
            .messages{
            background-color: gray;
            }
          .main-article{
              width: 99%;
              direction: rtl;
              font-size:17px;
          }
.post_writter_article{
display:flex;
    font-size: 25px;
  font-weight: 900;
margin-bottom:10px;
}
.pinged {
margin-right:10px;
color:red;
}
          .main-article h1{
          font-size: 24px;
          font-weight:bold;
          text-align:center;
            color:#cb0000;
          }
          /*.main-article img{*/
          /*    width: 75%;*/
          /*    height:450px;*/
          /*   margin-right:10%;*/
          /*   margin-top:10px;*/
          /*   margin-bottom:10px;*/
          /*}*/
          .main-article p{
              /* width: 100%; */
          margin: 7px 45px;
          font-size: 18px;
font-family:HacenLinerScreenBd;
              color:black;
          }
.main-article table img {
    width: 45px;
    max-width: 45px;
}
.hero-image{
      width: 70%;
    height: 450px;
    margin: auto;
}
          .main-article  img{
              width: 100%;
            height:100%;
          }

            .MsoNormal{
font-family:HacenLinerScreenBd;
}
  .main-article p.MsoNormal img{
 width:90%;
}
          .main-article .about-us p{
              font-size: 22px;
              
              }
              .awa-author{
              display: flex;
              justify-content: space-between;
              background: aliceblue;
              margin: 15px 5px;
               flex-direction:column;
              }
              .writter-post{
              display: flex;
              flex-direction: column;
              margin: 30px 5px;
              }
              .writter-post img{
              width:100px;
              height:100px;
              margin:auto;
              }
              .writter-post p{
                margin:2px auto;
                }
              .writter-content{
              display: flex;
              direction: rtl;
              flex-direction: column;
              margin: auto 5px;
            }
              .writter-content a{
              text-decoration: none;
              color: #143181;
              font-size: 17px;
              font-weight: 600;
              }
         .related-posts-under{
                  display: flex;
                  flex-wrap: wrap;
                  justify-content: space-between;
               }
               .article-related-under{
              
                  display: flex;
                  flex-direction: column;
                  width: 33%;
                  margin: 5px auto;
                
               }
               .article-related-under img{
                  width:95%;
                  height: 250px;
                  margin-bottom: 5px;
               }
               .article-related-under p{
                  text-align: right;
                  font-size: 17px;
                  font-weight: 600;
                  text-decoration: none;
                  color: black;
                  width:95%;
                  margin-bottom: 5px;
    
               }
                    .article-related-under .btn-article{
                  text-align: right;
         
    
               }
          .related-posts{
           width: 20%;
           /* margin-right :0 20px; */
           background-color: #fffc;
          }
          
          .article-related{
              display: flex;
              margin:20px 0;
          }
          .article-related img{
              width: 50%;
              height: 90px;
              margin: 0 5px;
          }
          .article-related p{
              text-align:right;
              font-size:20px;
              
          }
          .article-related a{
          text-decoration: none;
          font-size: 17px;
          font-weight: 600;
          color:black;
          text-align: right;
          }
          .popular-posts{
              width: 25%;
              /* margin-right: 10px; */
              background-color: #fffc;

          }
          .popular-posts img{
              width:100%;
              height:200px;
          }
            .popular-posts .ads-content img{
              width:100%;
              height:auto;
          }
          .article-popular{
              display: flex;
              flex-direction: column;
              /*width: 80%;*/
              margin: 5px 3px;
          }
          .article-popular img{
              /*width:100%;*/
              /*height:150px;*/
          }
          .article-popular p{
              width: 100%;
              text-align: center;
              }
              .article-popular a{
                text-decoration: none;
                font-size: 17px;
                font-weight: 600;
                color:black;
                text-align: right;
                }
          .line-article{
              height: 100px repeat ;
                 margin: 0 10px;
              width: 1px;
                 background: #cb0000;
          }
          .overlayOne {
            display: none;
            position: absolute;
            z-index: 1;
          }
          .social-share{
          display: flex;
          justify-content: space-between;
          box-sizing:content-box;
          margin-right:7%;
          margin-top:15px;
          }
          .social-share span{
          font-size: 16px;
          font-weight: 600;
          }
          /* The content */
          .overlay-contentOne {
            display: flex;
            flex-direction: column;
            text-align: center;
          
          }
          
          /* Close button */
          .overlayOne .closebtnOne {
            position: absolute;
            /*top: 10px;*/
            /*right: 45px;*/
            font-size: 60px;
            cursor: pointer;
            color: red;
          }
          
          .overlayOne .closebtnOne:hover {
            color: #ccc;
          }
          
          button.openBtn{
              border:none;
          }
          .fa-search {
              padding: 5px 35px;
              background-color: white;
              font-size: 17px;
              color: white;
              margin-left:100px;
                  font-family: "fontawesome" ;

          }
        
          /* Style the submit button */
          .overlayOne button {
            float: left;
            
            /*width: 20%;*/
            /*padding: 15px;*/
            background: #ddd;
            font-size: 14px;
            border: none;
            cursor: pointer;
          }
          
          .overlayOne button:hover {
            background: #bbb;
          }
          #result{
            background-color: #ccc;
            text-align: center;
            margin: auto;
            height: 700px;
          
          }
          #section-social{
            margin-bottom: 10px;
          }
          .content-pagination{
              background:white;
          }
          .cat-content{
            display: flex;
            width: 80%;
            flex-wrap: wrap;
            justify-content: space-between;
            margin: auto;
                flex-direction: row-reverse;

            }
            .cat-data{
            display: flex;
            flex-direction: column;
            width: 31%;
            margin: 5px auto;
                    direction:rtl;

            }
  .cat-data a{
           text-align:right;
    font-size:18px;
      display: -webkit-box;
  -webkit-line-clamp: 2; /* عدد الأسطر المسموح بها */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
            }
           .cat-content .line-after{
             
  background: red;
  width: 2px;
  /* height: auto; */
  /* margin: -1px 5px; */
              }
            .cat-data img{
            width:95%;
            height: 250px;
            margin-bottom: 5px;
            }
            .cat-data form{
            text-align: right;
            font-size: 17px;
            font-weight: 600;
            text-decoration: none;
            color: black;
            width:95%;
            margin-bottom: 5px;

            }
            .cat-data span{
            text-align: right;
            width:95%;
            font-size: 14px;
            }
            .paginate{
              display: flex;
               flex-direction: row-reverse;
               margin: 10px 100px;
               justify-content: center;
               background-color: #4f4f4f;
               height: 30px;
          }
           .paginate a{
          color:white;
          }
          .footer-awa{
            display: flex;
  background-color: #607D8B;
            justify-content: space-between;
            flex-direction: row-reverse;
            /* margin: 10px 30px; */
            }
            .logo-footer{
            margin: auto 0;
            }
            .logo-footer img{
            width:150px;
            height:100px;
            }
            .social-follow{
            display: flex;
            justify-content: space-between;
            margin: auto 100px;
            }
            .social-follow a{
            color: #ccc;
            text-decoration: none;
            font-size: 25px;
            margin-left: 10px;
            font-weight: 700;
            background-color: rgb(84, 84, 158);
            padding: 5px 10px;
            }
            .all-rights{
                margin:auto;
            }
            .all-rights p,a{
                color:#000026;
                font-size:25px;
                font-weight: 900;
            }
            
@media screen and (max-width: 645px) {
          body{
            margin: 0;
            }
          .main-div{
  display: flex;
  flex-direction: column-reverse;
          }
          .center-right{
         display: flex;
  flex-direction: column;
   width: 95%;
          margin:10px;
}
          .section-left{
          width: 95%;
          margin:10px;
          }
          .section-one{
          width: 95%;
          margin:10px;
          }
          .section-right{
           width: 95%;
          margin:10px;
          }
             button.openBtn{
        
          left: 50%;

        }
          .media-section{
          display: flex;
          flex-direction: column;
          }
          .article-media {
          width: 95%;
          }
          .media-img-a{
          width: 95%;
  margin: 10px auto;
  }
          .media-img-a img{
          width: auto;
          max-width: 650px;
          max-height: 350px;
          width: 100%;
          height: 100%;
          }
          .header-all{
          display: none;
          }
   .logo-side-ad{
       display:none;
   }
          header.mobile-menu.fa.fa-bars{
            display: flex;
            flex-direction: row-reverse;   
            font-size: 30px;
            }
           .drop-menu{
          display: none;
          margin-top: 30px;
          }
           .fa:hover .drop-menu{
          display: flex;
          flex-direction: column;
          }
          .sub-section-one {
              display:flex;
              flex-direction:column;
              }
              .article-sub-one {
                  width:100%;
              }
                .article-main-two  {
                    
                  display:flex;
              flex-direction:column;   
              width:100%;

              }
             .article-main-two .col-two{
                 width:95%;
                 margin:auto;
             }
               .article-main-two .col-two img{
                 width:100%;
             }
               .article-main-two .col-two a{
                 text-align:center;
             }
             .sub-section-two{
                    display:flex;
              flex-direction:column;
                 width:100%;
                     margin-top: 30px;
  margin-bottom: 30px;

                 
             }
             .article-sub-two{
                 width:95%;
             }
            .article-sub-two .sub-img-two img{
                 width:50%;
             }
             .article-sub-two .sub-img-two a{
                 width:49%;
             }
             .art-section{
                 
               display:flex;
               flex-direction:column;
             }
            .art-section .article-art{
                width:100%;
            }
            .art-img-a img {
  width: 350px;
  height: 150px;
}
.art-img-a a {
  /*width: 75%;*/
  text-align: center;
  text-decoration: none;
  color: #080808;
  /*font-size: 14px;*/
  /*font-weight: 700;*/
}
.politics-affaire{
  flex-direction:column;
}
.article-politic{
  width:100%;
  margin:auto;
}
.side-politic{
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top:10px;
  margin-bottom:10px;
  }
        /*     #myVideo {*/
        /*display:none;*/
        /*}*/
  .mobile-container {
/* max-width: 480px; */
/* margin: auto; */
background-color: #555;
/* height: 500px; */
color: white;
border-radius: 10px;
}
.headerlogo-mobilecontainer{
  display:flex;
  flex-direction:column-reverse;
  background-color: whitesmoke;

}
.topnav {
overflow: hidden;
position: relative;
    margin-top: 2px;
}

.topnav #myLinks {
display: none;
margin-top: 150px;
}

.topnav a {
color: black;
padding: 14px 16px;
text-decoration: none;
/*font-size: 17px;*/
display: block;
}

.topnav a.icon {
background: #d3c6c6;
display: block;
position: absolute;
right: 17px;
top: 0;
/*margin-top: 30px;*/

}
.header-logo{
  display: flex;
  text-align: right;
  margin-right: 37px;
  flex-direction: column;
  justify-content: space-between;

}
.editor-in-chief {
  margin: 15px auto;
  font-size: 17px;
  font-weight: 900;
  color: #cb0000;
}
.editor-in-chief p{
font-size:20px;
}
.editor-in-chief .ahmedali{
color:black;
font-size:20px;
margin:auto;
}
.topnav a:hover {
background-color: #ddd;
color: black;
}

.active {
background-color: #04AA6D;
color: white;
}
.header-navbar{
display: none;
}
.footer-awa {
display: flex;
  width: 94%;
  margin: auto;
  flex-direction: column;
      height: 100%;

}
.logo-footer img {
  width: 100%;
  height: 178px;
}
.logo-footer{
  margin-top:10px;
  margin-bottom:10px;
}
.all-rights{
  margin:10px auto;
  text-align:center;
}

        .article-page{
              display: flex;
              /* justify-content: space-between; */
              margin-top: 30px;
              flex-direction: column;
              /* margin:20px 20px; */
          }
          .mainarticle-message{
          width: 100%;
          }

          .main-article{
          margin: auto;
          }
.main-article img {
  width: 90%;
  height: auto;
  margin-right: 7%;
}
.paginate {
  margin: 48px auto;
}
  .related-posts-under {
 flex-direction:column;
}
  .article-related-under {

    width: 100%; 
}
          .main-article p{
          font-weight: 600;
          }
          .related-posts{
          width: 100%;
          }
          .article-related img {
          width: 300px;
          height:250px;
          }
          .related-posts h3{
          text-align: center;
          }
          .popular-posts {
          width: 100%;
          }
          .popular-posts h3{
          
          text-align: center;}
          .cat-content{
              display:flex;
          flex-direction:column
          }
          .cat-data {
width:100%;
        }
        .cat-data a {
  width:100%;
          height:100%;
              text-align: right;

        }
        .cat-data img {
  width:100%;
          height:100%;          }
        .cat-data span {
            width:85%;
}
  .hero-image{
      width: 100%;
    height: 350px;
    margin: auto;
}

        }
@media screen and (max-width: 980px) and (min-width: 645px) {}
@media screen and (max-width: 1024px) and (min-width: 980px) {}
@media screen and (max-width: 1366px) and (min-width: 1024px) {}
@media screen and (max-width: 1666px) and (min-width: 1366px) {}
@media screen and (max-width: 1800px) and (min-width: 1666px) {}
@media (max-width:2000px) and (min-width:1800px) {
  
 .main-div{
     margin:0 200px;
 }
       .article-page{
          
              margin:20px 200px;
          }
  }
@media print{
      .related-posts{
          display:none;
      }
      .related-posts-under{
          display:none;
      }
      .popular-posts{
          display:none;
      }
      .header-navbar{
          display:none;
      }
      .mobile-container{
          display:none;
      }
      .marquee{
          display:none;
      }
      h1{
          text-align:center;
      }
        a[href]:after {
  display: none;
}
.google-auto-placed{
    display:none;
}

      .social-share{
          /*display:none;*/
      }
      .mainarticle-message{
          width:100%;
          font-family: 'Cairo', sans-serif;

      }
      .awa-author{
          /*display:none;*/
      }
  }