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:20px 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: #FEFAE0; /* بيج فاتح */
                }
                .menu-icon {
                    color:#FEFAE0;
                  display: none;
                  font-size:73px;
                  cursor: pointer;
                  position:absolute;
                  top:-30px;
                  right:30px;
                }
                
                    .menu-icon {
                        display: block;
                    }
                    
                    .nav-links {
                        display: none;
                        flex-direction: row;
                        justify-content: center;
                        align-items: center;
                        position: fixed;
                        top: 204px;
                        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);
                        }
                    }
                
    
    .menu-button{
        background-color: #393939;
        width:50px;
        height:50px;
        border:#393939;
        border-radius:25px;
        margin:5px 5px 5px 0px ;
    }
    .navbar1{
        position:absolute;
        right:-20px;
        top:20px;
        
        background-color: transparent;
        color: #4A5548;
        margin:10px;
        
        padding:5px;
        max-width:500px;

    }
    
    .navbar1 ul {
        list-style: none;
        display:flex;
        justify: space-around;
        margin:50px;
        padding: 0;
    }
    
    .navbar1 ul li {

        margin:5px;
        padding:5px;
        color: #FEFAE0;
        text-decoration: none;
    }
    
}
.all {

    display: flex;
      justify-content: center;

}

#news-content{
    
    margin: 10px;
    display: flex;              /* تفعيل نظام الفليكس */
      flex-direction: column;     /* ترتيب المحتوى عموديًا */
      align-items: center;        /* توسيط المحتوى أفقيًا */
      justify-content: center;    /* توسيط المحتوى عموديًا */
      min-height: 800px;          /* جعل الصفحة بطول الشاشة */
      width:100;
    
    
}

#t1,#t2,#t3{
    text-align:left;
    max-width:800px;
}
#p1,#p4{
    max-width:750px;
    z-index:100;


}
#p2,#p3{
    max-width:355px;
    height:300px;
    z-index:100;
    margin:5px;
}


#news-content{
    
    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;
    
    
}






/* ====== 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;
}