body {
    margin:0;
    padding:0;
    Background-COLOR:#FEFAE0;
    
    }
    
    .header{
        position:-webkit-sticky;
        position:sticky;
        top:0;
        right:5px;
        left:5px;
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
        align-news:center;
        gap:1px;
        margin:-70px 10px 10px 10px;
        border-radius:20px;
        flex: 1;
        padding: 10px;
        
        background-color: #545F30!important;
        border:15px solid #464F29;
        border-radius:20px;
        height:120px;
        z-index:999;
        .logo{
            position:absolute;
            top:17px;
            left:17px;
            max-width:100px;
            max-height:100px;
           
            
    }

    
        
        
        #cyberaninewslogo a{
            position:absolute;
            top:10px;
            width:320px;
            height:125px;
            
         
        }
    }


.navbar {
            font-size:20px;
            position:absolute;
            right:10px;
            top:50px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            background-color: transparent;
            padding-right:50px;
            color: white;
          }
            .nav-links {
                align-item:center;
                justify-content:center;
              list-style: none;
              display: flex;
              gap: 20px;
            }


            .nav-links a {
                justify-content:center;
align-items:center;
              text-decoration: none;
              color: #FEFAE0;
              font-weight: 500;
              
            }

            .nav-links a:hover {
              color: #9AA35D; /* بيج فاتح */
            }
            .menu-icon {
                color:#FEFAE0;
              display: none;
              font-size:73px;
              cursor: pointer;
              position:absolute;
              top:-30px;
              right:30px;
            }

        
        
        
       
        .navbar1{
            position:absolute;
            right:-20px;
            top:20px;
            
            background-color: transparent;
            color: #4A5548;
            margin:10px;
            
            padding:5px;
            max-width:800px;

        }
        
        .navbar1 ul {
            list-style: none;
            display:flex;
            justify: space-around;
            margin:50px;
            padding: 0;
        }
        
        .navbar1 ul li {
            font-size:20px;
            margin:0px;
            padding-left:40px;
            padding-right:40px;
            color: #FEFAE0;
            text-decoration: none;
        }
        
    }
}


    table,th,td {
        border: 2px solid black;
    }
    
    table {
        background-color: blue;
    }
    h2 {
        text-align: center;
    }


    /* this line for font attrebuite */
    
    p {
        font-family: Al Bayan;
        font-size: 29px;
        font-weight: 20px;
        margin:29px;
        
    }
    
    
    td{
        color:red;
    }
    
    th{
        color:red;
    }
.Last-news-continer{
    a {
            color:#FEFAE0;
            text-decoration: none;
        }
    a:hover{
            color:blue;
            text-decoration: none;
        }
    flex: 2;
    border:15px solid #BC6C25;
    background-color: #FF8D0E;
    display:flex;
    align-items:center;
    justify-content:top;
    gap:1px;
    margin:0px 0px 0px 0px;
    border-radius:20px;
    padding:0px;
    min-width:410px;
    height:100%;
    margin-right:0px;
    max-width:700px;
    flex-direction:column;
    }
#Last-news-div-title{
    background-color:#BC6C25;
    text-align:left;
    margin-top:0px;
    width:120px;
    height:30px;
    border:1px solid #BC6C25;
    border-bottom-right-radius:20px;


}


.left-news-continer{
    a {
            color:#FEFAE0;
            text-decoration: none;
        }
    a:hover{
            color:blue;
            text-decoration: none;
        }
    border:15px solid #464F29;
    background-color: #545F30;
background-position:center;
display:flex;
flex: 3;
flex-wrap:wrap;
    justify-content:space-around;
    
    align-item:center;
    gap:1px;
    padding-top:17px;
    padding:30px;
    border-radius:20px;
    min-width:424px;
    
    
}
.Left-news-div{
    position:relative;
    top:42px;
    left:1px;
    height:20px;
    margin:0px;
    
    
}

.news-continer {
    justify-content:top;
    display:flex;
    flex-direction:row-reverse;
    border:7px solid transparent;
    background-color: transparent;
    display:flex;
    flex-wrap:wrap;
    align-items:top;
    justify-content:top;
    gap:1px;
    padding:auto;
    margin:0px;
    border-radius:20px;
}
 
    
    
    
    .menu-icon {
        display: block;
    }

    .nav-links {
      display: none;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      position: fixed;
      top: 203px;
      left: 50%;
      transform: translate(-50%, -50%);
      background-color:#545F30;
      border:15px solid #464F29;
      border-top:0px;
      width: 700px;;
      padding: 30px 0;
      border-radius: 10px;
      box-shadow: 0 0 0px rgba(0,0,0,0.4);
      z-index: -999;
      transition: opacity 0.3s ease;
    }

    


    .nav-links.active {
        display: flex;
        animation: fadeIn 0.1s ease;
    }
    @keyframes fadeIn {
      from {
        opacity: 0;
        transform: translate(-50%, -10%);
      }
      to {
        opacity: 1;
        transform: translate(-50%, 0);
      }
    }


    
    
        

  
    
    .news-title{
        font-family: Alee;
        font-size: 16px;
        margin:7px 7px 7px 7px;
        max-width:200px;
    }
    
    
    .news{
        display:flex;
        justify-content:center;
        align-news:center;
        margin:0;
        padding:0;
        
        
    }

.news-figure{
    align-items:center;
    justify-content:center;
    width:100%;
    max-width:200px;
    max-height:200px;
    border-radius:20px;
    z-index:100;
}
.last-news{
    width:100%;
    margin:0;
    padding:0;
    
    
}
.last-news-figure{
    justify-content:center;
    align-items:center;
    margin:0;
    max-width:100%;
    max-height:500px;
    border-radius:20px;
    z-index:100;
}
.last-news-figure img{
    justify-content:center;
    align-items:center;

}
.last-news-title{
    font-family: Alee;
    font-size: 26px;
    margin:7px 7px 7px;
    max-width:500px;
}




/* ====== Footer ====== */
.footer {
   max-width: 100%;
  background-color: #545F30;
  border:15px solid #464F29;
  border-radius:20px;
  color: #F5F5DC;
  padding: 30px 30px 0px 30px;
  margin:10px;

  position: relative;
  bottom: 0;
}

/* محتوى الفوتر */
.footer-content {
    
    width:100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

/* الشعار على اليسار */
.footer-left .footer-logo {
    width: 400px;
    margin-top:25px;
}

/* الروابط على اليمين بشكل عمودي */
.footer-right .footer-links {
    width:200px;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0;
  margin: 0;
}

.footer-links a {
  text-decoration: none;
  color: #F5F5DC;
  transition: color 0.3s ease;
}

.footer-links a:hover {
  color: #9AA35D;
}

/* الحقوق في منتصف أسفل الصفحة */
.footer-copy {
  width: 100%;
  text-align: center;
  font-size: 13px;
  color: #BDBDBD;
  display: block;
  margin-bottom:10px;
  margin:10px;
}