a{
        text-decoration: none;
    }
   .btn-article{
      width: 97%;
      color: #333;
      overflow: hidden;
      font-size: 18px;
      line-height: 20px;
      margin: 0;
      padding: 0;
      display: table-cell;
      vertical-align: middle;
      font-weight: 500;
      text-align: right;
    }

        .edit-ad-contact{
          margin: auto 82px;
          }
          .edit-ad-contact a{
          color: #fff;
          margin-left: 7px;
          font-size: 14px;
          font-weight: 600;
          }
          .arabic-date{
          margin:auto 5px;
          font-size: 14px;
          font-weight: 600;
          color: #fff;
          }
            
          .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;
          }


 form{
    direction: rtl;
 }
 .slider-live{
  display: flex;
  width:1000px;
  justify-content: space-around;
  margin: auto;
  flex-direction: row-reverse;
}
.first-slider{
  width:69%;
}
.cat-name{
  position: absolute;
  bottom: 50px;
  left: 50px;
  top: auto;
  left: 15px;
  padding: 0 30px;
  border-radius: 50px;
  background: #f2f2f2;
  color: #333;

}
.main-content-left-live{
  margin: 10px 0;
}
.cat-name::before{
  content: "";
  float: left;
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #cd3532;
  margin-left: -25px;
  margin-top: 4px;

}
.live{
  width:30%;
  background-color: #dbe9e917;
      display: flex;
      flex-direction: column;
}
.live img{
  width:100%;
  border-radius: 10px;
  height: 80%;


}
.main-content-left-live a button{
  text-align: right;
  width: 97%;
  color: #333;
  overflow: hidden;
  font-size: 15px;
  line-height: 20px;
  margin: 0;
  padding: 0;
  display: table-cell;
  vertical-align: middle;
  font-weight: 600;

  
}
.date-details{
  margin-top: 5px;
  float: right;
  white-space: nowrap;
  color: #cd3532;
  overflow: hidden;
  font-size: 12px;
  text-overflow: ellipsis;
  line-height: 18px;
  width: auto !important;
  font-weight: 600;
  margin-left: 10px;
}
.sub-content-left-live{
  display: flex;
  flex-direction: column;
}
.img-text-dub{
  display: flex;
  /* flex-direction:; */
  justify-content: space-around;
  margin: 10px 0;
}
.title-date-in-hour{
  display: flex;
  flex-direction: column;
  width: 50%;
}
.img-a{
  width: 49%;
  height: 92%;
}
.img-a img{
  max-height: 125px;
  min-height: 125px;
  border-radius: 10px;
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);

max-width: 100%;
min-width: 100%;
}

.section-collection{
  display: flex;
  /* flex-direction: column; */
  flex-wrap: wrap;
  /* height: 500px; */
  margin:10px auto;
}
.img-text-collecter{
  display: flex;
  height: 27%;
  justify-content: space-around;
  width: 45%;
  align-items: center;
  margin: 5px;
}

.cat-name-date-hour{
  display: flex;
  justify-content: space-around;
  margin-top: 20px;
}
.cat-name-collecter{
  margin-bottom: 10px;
  background: #cd3532;
  border-radius: 30px;
  line-height: 18px;
  color: #fff;
  margin-top: 5px;
  font-weight: normal;
  padding: 0 5px;
}
.wrapper {
  width: 100%;
  position: relative;
  display: flex;
  padding: 0;
  align-items: center;
  justify-content: center;
  direction: ltr;
}
.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: 7px;
  z-index: 1;
}
.wrapper i:last-child {
  right: 7px;
}
.wrapper .carousel {
  display: flex;
  overflow: hidden;
  scroll-snap-type: x mandatory;
  gap: 0;
  border-radius: 8px;
  scroll-behavior: smooth;
  scrollbar-width: none;
  white-space: nowrap;
  margin:0;
}
.carousel::-webkit-scrollbar {
  display: none;
}
.carousel .card {
  scroll-snap-align: start;
  min-width: 100%;
  list-style: none;
  background: #fff;
  cursor: pointer;
  flex-direction: column;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.card .img {
  background: #6f6363;
  height: 460px;
  width: 100%;
  position: relative;
}
.card .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  padding: 0;
  border: 0;
}
.btn-article-slider {
  /* position: absolute; */
  bottom: 0;
  left: 0;
  width: 97%;
  padding: 10px 0;
  text-align: center;
  font-size: 18px;
  font-weight: 900;
  cursor: pointer;
  border: none;
  transition: background 0.3s ease;

  text-align: right !important;
  margin-bottom: 10px;
  color: #333;
}
.btn-article-slider:hover {
  background: rgba(0, 0, 0, 0.8);
}

        /* قسم المزيد */
        .more-section {
            padding: 10px;
            background-color: #007BFF;
            color: white;
            text-align: center;
            border-top: 2px solid #f4b400; /* الحدود العلوية */
            display: flex;
            justify-content: space-evenly; /* توزيع العناصر بشكل متساوٍ */
            align-items: center;
        }

        /* زر "المزيد" */
        .more-more {
            position: relative;
        }

        .more-btn {
            background-color: #f4b400;
            color: #333;
            padding: 10px 20px;
            border: none;
            cursor: pointer;
            font-size: 16px;
            border-radius: 5px;
        }

        .more-btn:hover {
            background-color: #f3a700;
        }

        /* .dropdown {
            display: none;
            position: absolute;
            top: 40px;
            left: 0;
            background-color: #333;
            min-width: 160px;
            z-index: 1;
        }

        .dropdown ul {
            list-style: none;
            padding: 0;
        }

        .dropdown ul li {
            padding: 10px;
        }

        .dropdown ul li a {
            color: white;
            text-decoration: none;
        }

        .dropdown ul li a:hover {
            background-color: #f4b400;
        }

        .more-more:hover .dropdown {
            display: block;
        } */

        /* أقسام إضافية بجانب "المزيد" */
        .extra-sections {
            display: flex;
            gap: 20px; /* المسافة المتساوية بين الأزرار */
        }

        .section-btn {
            background-color: #f4b400;
            color: #333;
            padding: 10px 20px;
            border: none;
            cursor: pointer;
            font-size: 16px;
            border-radius: 5px;
        }

        .section-btn:hover {
            background-color: #f3a700;
        }
/* نهاية الهيدر */
/* بداية اخبار عاجلة    */

.breaking-news-wrapper {
    width: 1200px;
        background-color: #ebdfdf;
        color: #080808;
        padding: 10px 0;
        font-weight: bold;
        font-size: 18px;
        display: flex
    ;
    margin: auto;
        justify-content: flex-start;
        position: relative;
        overflow: hidden;
        padding-right: 80px;
            }
    
            .breaking-news-label {
                position: absolute;
                right: 20px; /* وضع نص "أخبار عاجلة" على اليمين */
                top: 50%;
                transform: translateY(-50%);
                font-size: 20px;
                font-weight: bold;
              color: white;
        background-color: red;
            }
    
            .breaking-news-content {
                margin-right: 29px;
                display: none;
                opacity: 0;
                transition: opacity 1s ease-in-out;
                text-align: right; /* محاذاة العناوين إلى اليمين */
                width: 100%; /* تأكد من أن العنصر يغطي عرض السلايدر */

            }
    
            .breaking-news-item {
                padding: 10px 20px;
                box-sizing: border-box;
                display: inline-block;
                min-width: 100%;
                text-align: right; /* محاذاة النص داخل العنوان إلى اليمين */
              background:white;
                color:black;         
}
    
            .active {
                display: block; /* عرض العنصر الحالي */
                opacity: 1; /* إظهار العنصر مع تأثير التلاشي */
            }
    
    
/* نهاية اخبار عاجلة */
.section-top-main {
        display: flex;
        justify-content: space-between;
        padding: 20px;
        width: 1200px;
        align-items: flex-start;
        margin: auto;
      }
      
      .column {
        width: 48%;
        padding: 10px;
        position: relative;
        height: auto;
      }
      
      .column:last-child {
        margin-right: 0;
      }
      
      .section-header {
        display: flex;
        justify-content: space-between;
        flex-direction: row-reverse;
        background-color: #ADD8E6; /* لون الخلفية الأزرق الفاتح */
        padding: 10px;
        align-items: center;
        border-top: 2px solid black; /* الخط الأسود فوق العنوان */
      }
      
      .section-header .title {
        font-size: 1.5em;
        font-weight: bold;
        color: #333;
      }
      
      .section-header .arrow {
        font-size: 1.5em;
        color: #333;
      }
      
      .column:not(:last-child)::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 2px;
        height: 100%;
        background-color: #afa1a1; /* الخط الطولي بين الأقسام */
      }
      
      .main-image {
        text-align: center;
        margin-bottom: 20px;
      }
      
      .main-image img {
        max-width: 100%;
        min-width: 100%;
        height: 190px;
      }
      
      .main-image h3 {
        font-size: 1.5em;
        margin-top: 10px;
      }
      
      .meta {
        display: flex;
        justify-content: right;
        flex-direction: row-reverse;
        font-size: 0.9em;
        color: #777;
        margin-top: 5px;
      }
      
      .meta .section-name {
        font-weight: bold;
        margin: 0 25px;
      }
      
      .meta .date-time {
        display: flex;
        align-items: center;
      }
      
      .meta .date-time i {
        margin-right: 5px;
      }
      
      .sub-images {
        margin-bottom: 20px;
      }
      .sub-images form{
       margin: auto;
      }
      .img-h4 {
        display: flex;
        flex-direction: row-reverse;
      }
      .img-h4 a{
        margin: 0 10px;
      
      }
      .sub-item {
        display: flex;
        margin-bottom: 10px;
        flex-direction: column;
        padding-bottom: 10px; /* إضافته للمسافة أسفل كل sub-item */
      }
      
      .sub-item img {
        width: 114px;
        height: 100px;
        margin-right: 10px;
        max-width: 114px;
        min-width: 114px;
        max-height: 100px;
        min-height: 100px;
    }
      
      .sub-item h4 {
        font-size: 1em;
        line-height: 50px;
      }
      
      .sub-item:not(:last-child) {
        border-bottom: 2px solid #ccc; /* إضافة خط عرضي بين كل sub-item */
      }
      
      .more {
        display: block;
        text-align: center;
        background-color: #007BFF;
        color: white;
        padding: 20px;
        text-decoration: none;
        margin-top: 15px;
        border-radius: 5px;
        width: 33%;
      }
      
      .more:hover {
        background-color: #0056b3;
      }
      /* صفحة المقال */
      .main-links{
        display: flex;
    justify-content: center;
    align-items: center;
    background-color: #007BFF;
    padding: 15px;
    margin: 48px;
      }
      .main-links a{
        font-size: 30px;
        text-decoration: none;
  color: white;
      }
                  .main-article p{
                      /* width: 100%; */
                  margin: 7px 45px;
                  font-size: 16px;
                  color:#4b4b9f;                      
                  }
                  .main-article b{
                      /* width: 100%; */
                  margin: 7px 45px;
                  font-size: 16px;
                  color:#4b4b9f;                      
                  }
                  .main-article p span{
                      /* width: 100%; */
                  margin: 7px 45px;
                  font-size: 16px;
      font-family:HacenLinerScreenBd;
                      
                  }
                  .title-section-article{
                    text-align: center;
                    background-color: rgb(83, 5, 5);
                    color: white;
                  }
                    .MsoNormal{
      font-family:HacenLinerScreenBd;
        }

                  .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:left;
            font-size:18px;
            color:black
                    }
.arabic-side  .cat-data a{
                     text-align:right;

}
                   .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 */
    .footer-ektesad{
      background-color: black;
          }
          .footer-content{
              display: flex;
              justify-content: space-around;
          }
          .footer-content .btn-article{
      color:white;
          }
          .footer-content .reports-date-cat
          {
              color:white;
                  }
                  .section-header-left-sidebar-footer{
                    display: flex;
                    flex-direction: row-reverse;
                    justify-content: space-around;
                    align-items: center;
                }
                
 /* reports */

 .reports{
  width: 100%;
  position: relative;
}
.section-reports-content{
  display: flex;
      flex-direction: row-reverse;
      margin: 15px 0;
}
.section-reports-content img{
   height: 100%;
}
.reports-form-cat-date .btn-article{
  color: white;
  font-weight: 700 !important;
  font-size: 13px !important;
  line-height: 1.5em !important;
  margin-right: 5px;
}

.reports-left-content{
display: flex;
flex-direction: row-reverse;
margin-bottom: 3px;

}
.section-reports-content img{
  max-width: 80px;
  min-width: 80px;
  min-height: 60px;
  max-height: 60px;
  
}
.reports-date-cat{
  display: flex;
  flex-direction: row-reverse;       
}
.reports-date-cat span{
margin-left: 10px;
color: #8e8e95;
}
.reports-date-cat i{
  margin-left: 5px;
  color: #8e8e95;
 }
/* end reports */
/* .social-navbar .fa{
  font-family: 'Font Awesome 5 Brands';
color: white;
font-size: 30px;
margin: 0 3px;
} */
@media (max-width:672px){
  .topnav a.icon
 {
        background: #d3c6c6;
        display: block;
        position: absolute;
        right: 17px;
        top: 0;
        /* margin-top: 30px; */
    }
      .topnav #myLinks {
        display: none;
        margin-top: 150px;
        flex-direction: column-reverse;
        width: 100%;
        text-align: center;
    }
      .topnav a {
        color: black;
        padding: 14px 16px;
        text-decoration: none;
        /* font-size: 17px; */
        display: block;
    }
  .breaking-news-wrapper {
    width:100%;
  }
  .slider-live {
        flex-direction: column-reverse;
        width: auto;

}
  .live {
    width: 100%;
  }
  .first-slider {
        width: 100%;

  }
  .main-content-left-live {
        display: flex
;
    flex-direction: column;
  }
  .section-top-main {
      flex-direction: column;
    width:100%;
  }
  .column {
    width:100%;

  }
  .section-collection {

   flex-wrap: nowrap; 
 
}
  .img-text-collecter {
        width: 100%;

  }
  .footer-content {
          flex-direction: column;

  }

}