.custom-section {
    width: 100%;
    /*padding: 50px 20px;*/
    background: #fff;
  }
  .container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    flex-wrap: wrap;
  }
  .column {
    flex: 1 1 30%;
    min-width: 280px;
    text-align: center;
  }
  .myHeader1 {
    font-size: 2em;
    font-weight: bold;
    display: inline-block;
  }
  .btn {
    display: inline-block;
    margin-top: 20px;
    padding: 10px 20px;
    background: #333;
    color: #fff;
    text-decoration: none;
    border-radius: 30px;
    transition: 0.3s;
  }
  .btn:hover {
    background: #555;
  }
  .divider {
    margin: 20px auto;
    width: 260px;
    height: 3px;
    background: #000;
    position: relative;
    top: 100px;
}


/*reviews*/
#reviews {
  display: flex;
  flex-direction: column;
  gap: 20px; /* רווח בין ביקורות */
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
  font-family: 'Arial', sans-serif;
}

/* כרטיס ביקורת */
.review {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  padding: 20px;
  transition: transform 0.2s, box-shadow 0.2s;
}

/* אפקט hover */
.review:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

/* שם הכותב */
.review h4 {
  margin: 0 0 8px 0;
  font-size: 18px;
  color: #333;
}

/* כוכבים */
.review .stars {
  color: #ffb400; /* צהוב זהוב */
  font-size: 16px;
  margin-bottom: 12px;
}

/* תוכן הביקורת */
.review p {
  margin: 0;
  color: #555;
  line-height: 1.5;
}

/* רספונסיביות למובייל */
@media (max-width: 600px) {
  #reviews {
    padding: 10px;
    gap: 15px;
  }
  .review {
    padding: 15px;
  }
}






















.media-row{display:flex}
.columns {
    display: grid;gap:4px;
    grid-template-columns: repeat(4, 1fr);
}
  /* אנימציות */
  .fade-in-right {
    animation: fadeInRight 1.2s ease forwards;
  }
  .fade-in-down {
    animation: fadeInDown 1.2s ease forwards;
  }
  .zoom-in {
    animation: zoomIn 1.2s ease forwards;
  }
  @keyframes fadeInRight {
    from {opacity:0; transform: translateX(50px);}
    to {opacity:1; transform: translateX(0);}
  }
  @keyframes fadeInDown {
    from {opacity:0; transform: translateY(-50px);}
    to {opacity:1; transform: translateY(0);}
  }
  @keyframes zoomIn {
    from {opacity:0; transform: scale(0.8);}
    to {opacity:1; transform: scale(1);}
  }
  
  
  
  
  
  .videos-section {
  padding: 40px 20px;
  background: #fff;
}

.media-row {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 25px;
}

.media-row .columns {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  width: 100%;
}

.column {
  flex: 1;
  min-width: 250px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.column img,
.column video {
  width: 100%;
  height: 220px; /* גובה אחיד */
  object-fit: cover;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.three-images-big-first .big img,
.three-images-small-first .big img {
  height: 460px; /* כפול מהקטנים כדי לשבור את הגלריה יפה */
}

.three-images-big-first .small img,
.three-images-small-first .small img {
  height: 220px;
}

.video-wrap video {
  height: 460px; /* וידאו גדול כמו big */
}


.hero-title-small {
    font-size: 81px;
    margin-bottom: 10px;
    font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
    font-family: "Dancing Script", cursive;
}
.HedingEn{
    font-weight:100;font-size:60px;
      font-family: "Bebas Neue", sans-serif;

}
.fade-in-down h2,.fade-in-down div{
    transform: rotateZ(90deg);}





.video-container {
  position: relative;
  width: 100%;
  height: 70vh;              /* קבע את הגובה הרצוי ל"חלון" */
  overflow: hidden;
  border-radius: 16px;       /* אופציונלי ליופי */
}

.video-container img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;         /* ממלא את המסגרת בלי עיוות */
  transform: scale(1.05) translateY(10%);  /* התחלה: מעט מוגדל וקצת למטה */
  will-change: transform;
  animation: panUp 18s ease-out forwards;  /* תנועה איטית למעלה */
}

.video-container .video-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(to bottom, rgba(0,0,0,0.25), rgba(0,0,0,0.15) 40%, rgba(0,0,0,0));
  opacity: 0;
  animation: overlayFade 1.8s ease forwards;
}
.sideleft{flex:0!important}
.site-footer ul {
    display: flex;
    flex-wrap: wrap;
}
.site-footer li {
    min-width: 200px;
    list-style: none;
}
.site-footer li a{text-decoration:none}
/* האנימציות */
@keyframes panUp {
  0%   { transform: scale(1.05) translateY(10%); }
  100% { transform: scale(1.12) translateY(-6%); }
}

@keyframes overlayFade {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* פחות תנועה למשתמשים שמעדיפים כך */
@media (prefers-reduced-motion: reduce) {
  .video-container img,
  .video-container .video-overlay {
    animation: none !important;
    transform: none !important;
    opacity: 1;
  }
}






@media (max-width: 768px) {
  .media-row {
    flex-direction: column;
  }
  .video-wrap video,
  .three-images-big-first .big img,
  .three-images-small-first .big img {
    height: 280px;
  }
}