body {
      background-color: #f8f9fa;
    }
    .header {
      background-color: #212529;
      color: white;
      padding: 20px 0;
      position: relative;
    }
    .video-card {
      margin-bottom: 30px;
    }
	
    #work-proposal {
        background: linear-gradient(135deg, #4e73df, #1cc88a);
        padding: 50px 0;
        text-align: center;
        color: white;
    }

    #work-proposal h2 {
        font-size: 2em;
        margin-bottom: 20px;
    }

    #work-proposal p {
        font-size: 1.2em;
        margin-bottom: 20px;
    }

    #work-proposal .btn {
        display: inline-block;
        padding: 10px 30px;
        background-color: #ff5733;
        color: white;
        text-align: center;
        font-size: 1.2em;
        text-decoration: none;
        border-radius: 5px;
    }

    #work-proposal .btn:hover {
        background-color: #c13a1a;
    }
	/* CSS */
.header {
  text-align: center;
  padding: 30px 0;
}

.container {
  position: relative;
  padding: 0 15px;
}

.social-icons {
  display: flex;              /* מציב את האייקונים בסידור אופקי */
  justify-content: center;    /* ממרכז את האייקונים במרכז */
  align-items: center;        /* מיישר את האייקונים במרכז האנכי */
  gap: 15px;                  /* רווח בין האייקונים */
  flex-wrap: wrap;            /* מאפשר לאייקונים לעבור לשורה הבאה אם אין מקום */
  margin-bottom: 20px;        /* רווח בין הסמלים לכותרת */
}

.social-icons a {
  text-decoration: none;      /* מסיר קו תחתון מהלינקים */
  color: inherit;             /* משתמש בצבע ברירת המחדל של הטקסט */
  font-size: 24px;            /* גודל אייקון */
}

h1 {
  font-size: 36px;            /* גודל כותרת */
  margin-bottom: 10px;        /* רווח בין הכותרת לשורת הטקסט */
}

p.lead {
  font-size: 18px;            /* גודל טקסט תיאורי */
  margin-bottom: 30px;        /* רווח בין הפסקה לכפתורים או תכנים אחרים */
}

/* התאמה למובייל */
@media (max-width: 768px) {
  .social-icons {
    gap: 10px;                /* רווח קטן יותר במובייל */
  }

  .social-icons a {
    font-size: 20px;          /* גודל קטן יותר לאייקונים במובייל */
  }

  h1 {
    font-size: 28px;          /* גודל קטן יותר בכותרת במובייל */
  }

  p.lead {
    font-size: 16px;          /* גודל קטן יותר לפסקה במובייל */
  }
}
    .social-icons a {
      color: white;
      margin: 0 10px;
      font-size: 1.5rem;
      text-decoration: none;
    }
    .social-icons a:hover {
      color: #ffc107;
    }
	
    /* רקע יפה ל-Section */
    .custom-section {
      background-color: #f0f8ff;
      padding: 30px;
      border-radius: 10px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }
    /* מרכז את הכפתור */
    .center-button {
      display: flex;
      justify-content: center;
      align-items: center;
    }
  .navbar {
      background-color: #222;
    }

    .navbar .nav-link {
      color: white;
    }

    .navbar .nav-link:hover {
      color: #ffcc00;
    }
	
	.navbar .nav-link.active {
  color: #ffcc00;
  background-color:#023020;
  transition: 0.3s ease;
}

	.navbar .nav-link.active:hover {
  color: #ffcc00;
  background-color:#023020;
  font-weight: bold;
  transition: 0.3s ease;
}

.cta {
  background-color: #00b894;
  color: white;
  text-align: center;
  padding: 15px;
  font-size: 18px;
  border-radius: 10px;
  text-decoration: none;
  display: inline-block;
  margin-top: 10px;
}

.cta:hover {
  background-color: #019875;
}



 .invite   h1, h2 {
      color: #2c3e50;
    }

  .invite section {
      margin-bottom: 40px;
      padding: 10px 20px;
      border-right: 4px solid #00b894;
      background-color: #f8f8f8;
      border-radius: 8px;
    }

 .invite  ul {
      padding-right: 20px;
    }

 .invite   li {
      margin-bottom: 8px;
    }
	
	

.cookie-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(255, 255, 255, 0.95);
	border-top: 1px solid #ddd;
	box-shadow: 0 -2px 10px rgba(0,0,0,0.2);
	padding: 15px;
	text-align: center;
	display: none;
	z-index: 1000;
}
.cookie-overlay p {
	margin: 0 0 8px;
	font-size: 14px;
}
.cookie-overlay a {
	display: inline-block;
	margin-bottom: 8px;
	font-size: 13px;
	color: #007bff;
}
.cookie-overlay button {
	background: #007bff;
	color: white;
	border: none;
	padding: 8px 15px;
	cursor: pointer;
	border-radius: 5px;
}
.cookie-overlay button:hover {
	background: #0056b3;
}