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;
            
         
        }
    }
.tip-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 40px;
  margin: 40px auto;
  max-width: 900px;
}

.tip-text {
  flex: 1;
  font-size: 16px;
  line-height: 1.6;
  color: #333;
}

.tip-form {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.tip-form label {
  font-weight: bold;
}

.tip-form input[type="text"],
.tip-form input[type="email"],
.tip-form input[type="tel"] {
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.tip-form input[type="submit"] {
  background-color: #0078d7;
  color: white;
  border: none;
  padding: 10px;
  cursor: pointer;
  border-radius: 4px;
}

#t1{
    font-size:20px;
    margin:100px;
    max-width:900px;
    position:absolute:
    top:800px;
    left:50px;
}

#t2{
    margin:100px;
    max-width:500px;
    position:absolute:
    top:800px;
    left:50px;
}
.content {
  margin: 30px auto;
  max-width: 900px;
}

.ad-row {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}

.ad-row p {
  flex: 1;
  background-color: transparent;
  padding: 20px;
  border-radius: 10px;
  text-align: left;
  font-size: 1.2em;
  line-height: 1.6;
  color: #222;
}

.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: 99999999;
        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);
        }
    }




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