*{box-sizing:border-box;font-family:Tahoma, sans-serif}
body{margin:0;background:#f3fbff;color:#032a3a;direction:rtl;line-height:1.7}
a{color:#0b7fa6;text-decoration:none}
header{background:linear-gradient(90deg,#087ca1,#045b72);color:#fff;text-align:center;padding:26px 12px}
header h1{margin:0 0 8px;font-size:24px}
nav ul{list-style:none;margin:0;padding:0;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
nav a{color:white;padding:8px 12px;border-radius:6px;display:inline-block}
nav a.active, nav a:hover{background:rgba(255,255,255,0.08)}

.partners-top{background:#e8f8ff;padding:14px;text-align:center;border-bottom:1px solid #d0eef8}
.partners-top h2{color:#045b72;margin:0 0 8px}
.partners-top ul{list-style:none;margin:0;padding:0;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.partners-top a{background:#e0f4fb;color:#024a60;padding:6px 10px;border-radius:6px;font-weight:600}

.container{max-width:1100px;margin:24px auto;padding:0 12px;display:flex;gap:20px}
.sidebar{width:260px;background:#ffffff;border-radius:8px;padding:16px;box-shadow:0 6px 18px rgba(2,20,25,0.06)}
.sidebar h3{color:#045b72;margin-top:0}
.sidebar ul{list-style:none;padding:0}
.sidebar a{display:block;padding:8px 0;color:#073f51}

.content{flex:1;background:#ffffff;border-radius:8px;padding:20px;box-shadow:0 6px 18px rgba(2,20,25,0.06)}
.content h2{color:#045b72;margin-top:0}

.card{background:#f7feff;padding:12px;border-radius:8px;margin-top:12px;border:1px solid #e0f4fb}

.contact-form{display:flex;flex-direction:column;gap:12px}
.contact-form input,.contact-form textarea{padding:10px;border:1px solid #cfeef9;border-radius:6px;width:100%}
.contact-form button{width:220px;padding:10px;background:#087ca1;color:#fff;border:none;border-radius:6px;cursor:pointer}

footer{background:#045b72;color:#fff;text-align:center;padding:20px;margin-top:26px}
footer ul{list-style:none;padding:0;display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:8px}
footer a{color:#bfeaf9;background:transparent;padding:6px 10px;border-radius:6px}

@media(max-width:900px){
  .container{flex-direction:column}
  .sidebar{width:100%}
  nav ul{flex-direction:column;gap:8px}
  .partners-top ul{flex-direction:column;gap:8px}
  .contact-form button{width:100%}
}

.contact-form {
  width: 90%;
  max-width: 500px;
  margin: 40px auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
  background: #f9f9f9;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

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

.contact-form input,
.contact-form textarea {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 14px;
}

.contact-form button {
  background-color: #2e8b57;
  color: white;
  border: none;
  padding: 10px;
  border-radius: 8px;
  font-size: 15px;
  cursor: pointer;
  transition: background 0.3s;
}

.contact-form button:hover {
  background-color: #1f6e42;
}