:root {
            --main-blue: #175973;
            --light-blue: #00a0b5;
			--sky: #00f6ff;
            --gradient: linear-gradient(to right, #00a0b5, #175973);
            --mobile-bg: #175973;
            --mobile-menu-bg: #eeeeee;
			
        }
		

        /* הגדרת פונט אחיד לכל האתר - Rubik ו-Arial בלבד */
        * {
            font-family: 'Rubik', Arial, sans-serif;
        }

        body {
            margin: 0;
            padding: 0;
            background-color: #ffffff;
            color: #000000;
        }

        /* --- Header Section --- */
        header { 
		background: linear-gradient(
		  225deg,
		  rgba(23, 89, 115, 0.14) 0%,
		  rgba(255, 255, 255, 0.96) 52%,
		  rgba(0, 246, 255, 0.10) 100%
		);
            border-bottom: 2px solid var(--main-blue);
        }

        .header-top {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 15px 5%;
        }

        .logo-area {
            display: flex;
            align-items: center;
            gap: 15px;
        }

        .logo-op-img {
            height: 50px;
            width: auto;
        }

        .logo-text {
            text-align: right;
            line-height: 1.2;
        }

        .logo-text b {
            font-size: 1.3rem;
            display: block;
        }

        .social-icons-left {
            display: flex;
            gap: 8px;
        }

        .social-icon-png {
            width: 32px;
            height: 32px;
            object-fit: contain;
        }

.header-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 5% 15px 2%;
    direction: rtl;
}

.header-phones {
    display: flex;
    align-items: center;
    gap: 10px;
    direction: ltr;
    margin-right: auto;
    margin-left: 0;
}

.header-phones a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 145px;
    padding: 9px 14px;
    border: 1.5px solid var(--main-blue);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
    color: var(--main-blue);
    text-decoration: none;
    font-weight: 800;
    font-size: 0.95rem;
    letter-spacing: 0.2px;
    box-shadow: 0 5px 14px rgba(0, 80, 120, 0.12);
    transition: 0.25s ease;
}

.header-phones a:hover {
    background: var(--main-blue);
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(0, 80, 120, 0.22);
}

@media (max-width: 768px) {
    .header-phones {
        display: none;
    }
}
		
		/* --- תפריט מחשב --- */
		nav.desktop-nav {
			padding: 10px 5% 20px;
			background: #ffffff;
		}

		nav.desktop-nav ul {
			display: flex;
			list-style: none;
			padding: 0;
			margin: 0;
			gap: 25px;
			justify-content: flex-start;
		}

		nav.desktop-nav a {
			text-decoration: none;
			color: #000000;
			font-weight: 300;
			font-size: 1.1rem;
			position: relative; /* נחוץ עבור המיקום של הקו */
			transition: color 0.3s ease;
			padding-bottom: 5px;
		}

		/* אפקט שינוי צבע במעבר עכבר */
		nav.desktop-nav a:hover {
			color: #00a0b5; /* שנה לצבע המותג שלך */
		}

		/* יצירת הקו שמתחת לטקסט */
		nav.desktop-nav a::after {
			content: '';
			position: absolute;
			width: 0;
			height: 2px;
			bottom: 0;
			right: 0;
			background-color: #00a0b5; /* צבע הקו באנימציה */
			transition: width 0.3s ease;
		}

		/* הנפשת הקו במעבר עכבר - גורמת לו לגדול */
		nav.desktop-nav a:hover::after {
			width: 100%;
}

        /* --- תפריט סלולר --- */
        .mobile-nav-bar {
            display: none; /* מוסתר במחשב */
            background-color: var(--mobile-bg);
            padding: 10px 20px;
            justify-content: space-between;
            align-items: center;
            height: 45px;
            cursor: pointer;
            position: relative;
            z-index: 1001;
        }

        .hamburger-icon {
            display: flex;
            flex-direction: column;
            gap: 4px;
        }

        .hamburger-icon span {
            width: 22px;
            height: 2px;
            background-color: #000;
        }

        .mobile-menu-overlay {
            display: none;
            position: absolute;
            top: 45px;
            left: 0;
            width: 100%;
            background-color: var(--mobile-menu-bg);
            flex-direction: column;
            z-index: 1000;
        }

        .mobile-menu-overlay.open {
            display: flex;
        }

        .mobile-menu-overlay a {
            color: #000000;
            text-decoration: none;
            padding: 15px;
            text-align: center;
            border-bottom: 1px solid rgba(255,255,255,0.05);
        }

        /* --- Hero & Stats --- */
        .hero { text-align: center; padding: 20px 20px; }
			.hero h1 {  
			font-size: 60px;
			margin-bottom: 5px;			
			font-weight: 1000;
			
		}

		@keyframes shine {
			to {
				background-position: 200% center;
			}
		}

		@media (max-width: 768px) {
			.ai-main-title {
				font-size: 28px; /* גודל קטן יותר לניידים */
			}
		}
		
		.hero h2 { font-size: 1.7rem; margin-top: 5px; margin-bottom: 5px; font-weight: 350;
        }
		
        .stats-bar {
            background: var(--gradient);
            display: flex;
            justify-content: space-around;
            padding: 40px 5%;
            color: white;
            text-align: center;
        }

        .stat-item {
            flex: 1;
            border-left: 1px solid rgba(255, 255, 255, 0.3);
        }

        .stat-item:last-child { border-left: none; }
        .stat-icon-img { width: 60px; height: 60px; margin-bottom: 10px; }
        .number { font-size: 2.2rem; font-weight: 700; display: block; }

		
		
        /* --- התאמה לסלולר (Media Query) --- */
        @media (max-width: 768px) {
            nav.desktop-nav { display: none; }
            .mobile-nav-bar { display: flex; }
            
            .stats-bar { flex-wrap: wrap; gap: 20px; }
            .stat-item { flex: 1 1 45%; border-left: none; }
            .hero h1 { font-size: 1.8rem; }
			.hero h2 { font-size: 1.3rem; }
        }

        /* --- כאן מתחיל שאר ה-CSS המקורי שלך ללא שינוי --- */
        .brand-strip { display: flex; align-items: stretch; background-color: #ffffff; min-height: 450px; direction: rtl; overflow: hidden; }
        .curved-banner-area { width: 180px; background: linear-gradient(180deg, #00a0b5 0%, #175973 100%); border-top-left-radius: 100% 50%; border-bottom-left-radius: 100% 50%; display: flex; justify-content: center; align-items: flex-start; padding-top: 50px; flex-shrink: 0; }
		.main-content-area {flex: 1;padding: 20px; display: flex; flex-direction: column;justify-content: center; /* מרכוז אנכי (מלמעלה למטה) */ align-items: center;     /* מרכוז אופקי (מימין לשמאל) */ text-align: center; /* מוודא שגם הטקסט עצמו בתוך האלמנטים יהיה ממורכז */ }
		
        .branded-headline { 
			display: inline-block; /* חשוב לדיוק האנימציה */
			background: linear-gradient(150deg, #175973 50%, #0097b2 30%, #00a0b5 70%);
			background-size: 200% auto;
			background-clip: text;
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			animation: shine 3s linear infinite;
			line-height: 1.2;
			font-size: 2.5rem; 
			font-weight: 500; 
			margin: 0 0 10px 0; }
			
        .brand-separator-line { height: 5px; width: 100%; max-width: 900px; margin-bottom: 30px; background: linear-gradient(to left, #00a0b5 50%, #175973 50%); border-radius: 2px; }
        .branded-text { color: #000000; font-size: 1.8rem; font-weight: 200; line-height: 1.6; max-width: 1400px; text-align: center; }

        .schools-section-wrapper { background-color: #f4f4f4; direction: rtl; padding: 60px 0; }
        .accordion-item { background-color: #ffffff; border-radius: 12px; margin-bottom: 20px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); overflow: hidden; transition: all 0.3s ease; }
        .accordion-header { padding: 25px; display: flex; align-items: center; cursor: pointer; }
        .school-name-main { font-size: 1.1rem; font-weight: 700; color: var(--main-blue); display: block; }
        .accordion-content { max-height: 0; opacity: 0; padding: 0 25px; transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); background-color: #ffffff; }
        .accordion-item.active .accordion-content { max-height: 800px; opacity: 1; padding: 10px 25px 35px 25px; border-top: 1px solid #f3f4f6; }
        .dual-brand-line { height: 4px; width: 100%; margin-bottom: 20px; background: linear-gradient(to left, #00a0b5 50%, #175973 50%); border-radius: 2px; }
        .course-link-wrapper { font-size: 1.05rem; color: #000000; display: flex; align-items: center; min-width: 45%; margin-bottom: 8px; }
        .course-link-wrapper b { color: #00a0b5; margin-left: 10px; font-size: 1.3rem; }
        .course-link-wrapper a { text-decoration: none; color: #000000; }
        
 /* גריד של בתי הספר */
        .schools-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; align-items: start; max-width: 1500px; margin: 0 auto; padding: 0 20px; }
        @media (max-width: 900px) { .schools-grid { grid-template-columns: 1fr; } }


/* ===== STATS STRIP ===== */

.stats-strip-section{
  background: linear-gradient(270deg, #175973 0%, #175973 60%, #00a0b5 100%);
  padding: 28px 20px;
  direction: rtl;
  display: flex;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

/* אור עדין ברקע */

.stats-strip-section::before{
  content:"";
  position:absolute;
  top:-40%;
  right:-10%;
  width:600px;
  height:600px;
  background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 70%);
  animation: glowMove 12s ease-in-out infinite;
}

@keyframes glowMove{
  0%{
    transform: translate(0,0);
  }
  50%{
    transform: translate(-80px,40px);
  }
  100%{
    transform: translate(0,0);
  }
}

.stats-strip{
  width: 100%;
  max-width: 1500px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}

.stat-strip-item{
  text-align: center;
  padding: 28px 16px;
  position: relative;
}

/* קווי הפרדה בין הסטטיסטיקות */

.stat-strip-item:not(:last-child)::after{
  content: "";
  position: absolute;
  top: 25%;
  left: 0;
  width: 2px;
  height: 50%;
  background: rgba(255,255,255,0.35);
}

/* אייקונים */

.stat-icon-wrapper{
  margin-bottom: 10px;
}

.stat-icon-img{
  width: 70px;
  height: 70px;
  object-fit: contain;
}

/* מספר */

.stat-number{
  display: block;
  font-size: 2rem;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 6px;
  line-height: 1;
}

/* טקסט */

.stat-label{
  font-size: 1.3rem;
  font-weight: 400;
  color: #ffffff;
  line-height: 1.4;
}

/* טאבלט */

@media (max-width:1100px){

  .stats-strip{
    grid-template-columns: repeat(3,1fr);
  }

  .stat-strip-item:nth-child(3)::after,
  .stat-strip-item:nth-child(6)::after{
    display:none;
  }

}

/* מובייל */

@media (max-width:650px){

  .stats-strip{
    grid-template-columns: repeat(2,1fr);
  }

  .stat-strip-item{
    padding:22px 12px;
  }

  .stat-number{
    font-size:1.7rem;
  }

  .stat-label{
    font-size:0.95rem;
  }

  .stat-strip-item::after{
    display:none;
  }

  .stat-strip-item:nth-child(odd){
    border-left:1px solid rgba(255,255,255,0.25);
  }

  .stat-strip-item:nth-child(-n+4){
    border-bottom:1px solid rgba(255,255,255,0.25);
  }

}

/* העתיד שלך. המקצועיות שלנו */
		
		.brand-strip {
			display: flex;
			align-items: stretch;
			background-color: #ffffff;
			min-height: 250px; 
			direction: rtl;
			font-family: 'Rubik', sans-serif;
			overflow: hidden;
		}

		.text-area {
			flex: 1;
			/* Padding מעודכן לפי בקשתך להורדת גובה */
			padding: 25px 25px; 
			display: flex;
			flex-direction: column;
			justify-content: center;
		}

		.headline {
			color: #175973;
			font-size: 3rem;
			font-weight: 700;
			margin: 0 0 10px 0;
		}

		/* הקו הצבעוני */
		.brand-separator-line {
			height: 5px;
			width: 100%;
			max-width: 1400px;
			margin-bottom: 10px;
			background: linear-gradient(to right, #00a0b5 25%, #175973 75%);
			border-radius: 2px;
		}

		.content {
			color: #000000;
			font-size: 1.3rem;
			line-height: 1.4;
			max-width: 1200px;
			text-align: justify;
		}

		/* --- התאמה לסלולר (ללא GIF) --- */
		@media (max-width: 768px) {
			.image-area {
				display: none; /* מסתיר את ה-GIF לגמרי */
			}

			.brand-strip {
				min-height: auto;
			}

			.text-area {
				padding: 30px 20px; /* מרווח נוח יותר למסך קטן */
				text-align: center;
			}

			.brand-separator-line {
				margin: 0 auto 25px auto;
			}

			.headline {
				font-size: 2.2rem;
			}

			.content {
				font-size: 1.15rem;
				text-align: center;
			}
		}

		
/* בית הספר */
			.schools-section-wrapper {
				background: linear-gradient(
				  to bottom,
				  #ffffff,
				  rgba(44,125,160,0.40),
				  #ffffff
				) !important; 
				direction: rtl;
				font-family: 'Rubik', sans-serif;
				padding: 20px 0 40px 0
			}

			.container-inner {
				max-width: 1400px;
				margin: 0 auto;
				padding: 0 20px;
			}

			.accordion-title {
				text-align: center;
				color: #000000;
				font-size: 2rem;
				margin-bottom: 50px;
				font-weight: 500;
			}

			/* גריד של 2 עמודות */
			.schools-grid {
				display: grid;
				grid-template-columns: 1fr 1fr;
				gap: 25px;
				align-items: start;
			}

			/* עיצוב הכרטיסייה הלבנה */
			.accordion-item {
				background-color: #ffffff;
				border: 1.5px solid transparent;
				background-image: linear-gradient(white, white), 
								  linear-gradient(to right, #00a0b5, #175973);
				background-origin: border-box;
				background-clip: padding-box, border-box;
				border-radius: 12px;
				margin-bottom: 20px;
				box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
				overflow: hidden;
				transition: all 0.3s ease;
			}

			.accordion-header {
				padding: 25px;
				display: flex;
				align-items: center;
				cursor: pointer;
			}

			.school-icon {
				width: 55px;
				height: 55px;
				margin-left: 20px;
				object-fit: contain;
			}

			.school-name-main {
				font-size: 1.5rem;
				font-weight: 700;
				color: #175973; /* כחול מותגי */
				display: block;
				 line-height:0.8 !important;
			}

			.school-tagline {
				font-size: 1.1rem;
				color: #000000;
				margin-top: 4px;
			}

			/* תוכן נפתח */
			.accordion-content {
				max-height: 0;
				opacity: 0;
				padding: 0 25px;
				transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
				background-color: #ffffff;
			}

			.accordion-item.active .accordion-content {
				max-height: 800px; /* גובה גמיש לרשימות ארוכות */
				opacity: 1;
				padding: 10px 25px 35px 25px;
				border-top: 1px solid #f3f4f6;
			}

			/* הקו הדו-צבעי */
			.dual-brand-line {
				height: 4px;
				width: 100%;
				margin-bottom: 20px;
				background: linear-gradient(to left, #00a0b5 25%, #175973 75%);
				border-radius: 2px;
			}

			/* עיצוב רשימת הקורסים (כמו באסכולות) */
			.courses-list-grid {
				display: flex;
				flex-wrap: wrap;
				gap: 5px 5px;
			}

			.course-link-wrapper {
				font-family: 'Rubik', sans-serif;
				font-size: 1rem;
				color: #000000;
				display: flex;
				align-items: right;
				min-width: 15%; /* מסדר בשני טורים בתוך הכרטיסייה */
			}	

			.course-link-wrapper b {
				color: #175973; /* נקודה כחולה */
				margin-left: 10px;
				font-size: 1rem;
			}

			.course-link-wrapper a {
				text-decoration: none;
				color: #000000;
				transition: color 0.2s;
			}

			.course-link-wrapper a:hover {
				color: #175973;
				text-decoration: underline;
			}

			@media (max-width: 900px) {
				.schools-grid { grid-template-columns: 1fr; }
				.course-link-wrapper { min-width: 100%; }
			}
			
			
			.main-banner {
				/* הגרדיאנט שביקשת: כחול שולט מימין */
				background: linear-gradient(220deg, #175973 0%, #175973 65%, #00a0b5 100%);
				min-height: 300px; /* גובה הבאנר - אפשר לשנות */
				display: flex;
				align-items: center; /* מרכז אנכית */
				justify-content: space-between; /* לוגו בצד אחד, טקסט בצד שני */
				padding: 40px 10%;
				color: #ffffff;
				direction: rtl;
				position: relative;
				overflow: hidden;
			}

			.banner-content {
				flex: 1;
				z-index: 2;
			}

			.banner-title {
				font-size: 2.5rem;
				font-weight: 700;
				margin-bottom: 15px;
				line-height: 1.2;
			}

			.banner-subtitle {
				font-size: 1.2rem;
				opacity: 0.9;
				max-width: 500px;
			}

			.banner-logo-wrapper {
				flex: 0 0 auto;
				margin-right: 40px; /* רווח מהטקסט */
				z-index: 2;
			}

			.banner-logo-wrapper img {
				max-width: 250px; /* גודל הלוגו שלך */
				height: auto;
				/* פילטר עדין אם הלוגו צריך להיות לבן לגמרי (אופציונלי) */
				/* filter: brightness(0) invert(1); */
			}

			/* התאמה לנייד */
			@media (max-width: 768px) {
				.main-banner {
					flex-direction: column;
					text-align: center;
					padding: 40px 20px;
					min-height: auto;
				}
				.banner-logo-wrapper {
					margin-right: 0;
					margin-bottom: 20px;
				}
				.banner-title {
					font-size: 1.8rem;
				}
			}	
			

		.school-footer-full-width {
			grid-column: 1 / -1;    /* אומר לאלמנט להימתח על פני כל הטורים */
			text-align: center;     /* ממרכז את הכפתור בתוך השורה שלו */
			margin-top: 25px;       /* רווח מהקורסים שמעליו */
			padding-top: 20px;
			border-top: 1px solid #f0f0f0; /* קו הפרדה עדין למראה נקי */
			width: 100%;
		}


		.school-site-btn {
			display: inline-block;
			padding: 10px 70px;
			background-color: transparent;
			color: #175973;
			border: 1px solid #175973;
			border-radius: 25px;
			text-decoration: none;
			font-weight: 600;
			font-size: 25px;
			transition: all 0.3s ease;
		}

		.school-site-btn:hover {
			background-color: #175973;
			color: #ffffff;
			box-shadow: 0 4px 12px rgba(44, 125, 160, 0.2);
			transform: translateY(-2px);
		}
		
.accordion-header {
    display: flex;
    align-items: center;
    position: relative; /* מאפשר מיקום של החץ */
}

.accordion-arrow {
    width: 40px; /* גודל החץ - תשני לפי הצורך */
    height: auto;
    margin-right: auto; /* דוחף את החץ לקצה השמאלי */
    transition: transform 0.3s ease; /* אנימציה לסיבוב החץ */
}

/* כשהאקורדיון פתוח, נסובב את החץ כלפי מעלה */
.accordion-item.active .accordion-arrow {
    transform: rotate(180deg);
}


    /* רקע AI */
    .openu-dual-banners-section {
        background: linear-gradient(to bottom, #ffffff, #ffffff, #ffffff) !important;
        padding: 20px 15px;
        direction: rtl;
        font-family: 'Rubik', sans-serif;
        display: flex;
        justify-content: center;
        overflow: hidden;
    }

    /* אפקט הזכוכית לוידאו - מותאם לרקע בהיר */
    .glass-card {
        background: rgba(255, 255, 255, 0.3);
        backdrop-filter: blur(15px);
        -webkit-backdrop-filter: blur(15px);
        border-radius: 24px;
        border: 1px solid rgba(255, 255, 255, 0.5);
        box-shadow: 0 20px 40px rgba(0,0,0,0.1);
    }

    /* אנימציית נשיפה לכפתור */
    .breathing-btn {
        display: inline-block;
        padding: 15px 35px;
        background: linear-gradient(to bottom, #00a0b5, #175973);
        color: white !important;
        text-decoration: none;
        border-radius: 50px;
        font-weight: 600;
        font-size: 18px;
        box-shadow: 0 4px 15px rgba(0,0,0,0.2);
        animation: breathe 2s ease-in-out infinite;
    }

    @keyframes breathe {
        0% { transform: scale(1); box-shadow: 0 4px 15px rgba(0,0,0,0.2); }
        50% { transform: scale(1.05); box-shadow: 0 8px 25px rgba(0,0,0,0.3); }
        100% { transform: scale(1); box-shadow: 0 4px 15px rgba(0,0,0,0.2); }
    }

    /* תיקון צבעי טקסט לטובת קריאות על הכחול למטה */
    .openu-dual-banners-section p {
        color: #2d2d2d; /* צבע כהה מספיק לקריאה על אפור/כחול בהיר */
    }

    .openu-banner-btn:hover {
        transform: translateY(-2px) !important;
        filter: brightness(1.1) !important;
        color: white !important;
    }

    /* התאמה למובייל */
    @media (max-width: 768px) {
        .openu-banners-wrapper {
            grid-template-columns: 1fr;
            max-width: 400px;
        }
    }

.openu-premium-btn {
    display: table !important;
    margin: 0 auto !important;
    background: #175973;
    color: white !important;
    padding: 16px 45px;
    border-radius: 40px;
    text-decoration: none !important;
    font-weight: 400;
    font-size: 17px;
    box-shadow: 0 10px 25px rgba(4, 123, 119, 0.2);
    transition: 0.4s;
    text-align: center;
}

.openu-premium-btn:hover {
    transform: translateY(-3px);
    background: #00a0b5;
}

/* --- 5. קרוסלת לוגואים --- */
.carousel-header-wrapper {
    background: #ffffff;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0; /* ביטול הרווח הלבן בין הכותרת לקרוסלה */
    padding-top:40px; /* הוספת ריפוד פנימי במקום מרג'ין */
}

.carousel-main-title {
    font-size: 22px;
    color: #000000;
    background: #ffffff;
    font-weight: 400;
    line-height: 1.6;
    margin: 0; /* איפוס מרג'ין כדי למנוע דליפת רקע לבן */
}

.logos-slider-container {
    width: 100%;
    background: #ffffff;
    overflow: hidden;
    position: relative;
    padding: 40px 0; /* הגדלת הריפוד הפנימי למראה נקי */
    margin: 0; /* איפוס מרג'ין חיצוני */
}

.logos-slider-container:hover .logos-slide-track {
    animation-play-state: paused;
}

.logos-slide-track {
    display: flex;
    width: calc(220px * 152);
    animation: scroll-logos 60s linear infinite;
}

.logo-item {
    width: 200px;
    margin: 0 10px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo-item img {
    max-height: 55px;
    max-width: 140px;
    width: auto;
    /* שינוי כאן: רקע שקוף או תואם לרקע הכללי במקום לבן */
    background: #ffffff; 
    border: 1px solid rgba(0, 0, 0, 0.08); /* מסגרת עדינה מאוד במקום אפור חזק */
    border-radius: 12px;
    padding: 15px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.02); /* צל עדין במיוחד */
    transition: all 0.3s ease;
}

.logo-item img:hover {
    border-color: #175973;
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
    background: #ffffff; /* הלוגו נצבע בלבן רק במעבר עכבר */
}


@keyframes scroll-logos {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(50%);
    }
}

/* --- 6. התאמות למובייל (Media Query מאוחד) --- */
@media (max-width: 991px) {
    .banner-layout {
        flex-direction: column !important;
        padding: 30px 20px !important;
    }

    .banner-logo-side {
        flex: none !important;
        width: 100% !important;
        order: -1;
        margin-bottom: 20px;
    }

    .business-logo {
        width: 160px !important;
        height: 160px !important;
    }

    .banner-text-side {
        width: 100% !important;
        text-align: right !important;
    }

    .links-title {
        text-align: right;
        margin-top: 15px;
    }

    .links-row {
        justify-content: right !important;
        flex-wrap: wrap !important;
        gap: 12px !important;
        margin-bottom: 25px !important;
    }

    .link-item a { font-size: 14px !important; }

    .carousel-main-title { font-size: 20px; }

    .logo-item { width: 130px; }
    
    .logos-slide-track {
    width: calc(150px * 152);
}

@keyframes scroll-logos {
    0% { transform: translateX(0); }
    100% { transform: translateX(50%); }
}
}

/* ===== OVERRIDE DESIGN SYSTEM - לשים בסוף ה-style בלבד ===== */

:root{
  --brand:#175973;
  --accent:#00a0b5;
  --black:#000000;
  --white:#ffffff;
  --text:#000000;
  --text-soft:#555555;

  --h1:50px;
  --h2:33px;
  --h3:24px;
  --body:17px;
  --small:14px;

  --light:300;
  --regular:400;
  --medium:500;
  --bold:700;
}

/* בסיס */
body{
  font-family:'Rubik', Arial, sans-serif;
  color:var(--text);
  line-height:1.6;
}

/* כותרת ראשית */
.hero h1{
  font-size:var(--h1) !important;
   color: #175973;
  font-weight:var(--medium) !important;
  line-height:1.2 !important;
}

/* כותרת משנה בהרואו */
.hero h2{
  font-size:28px !important;
  font-weight:var(--regular) !important;
  color:var(--black) !important;
  line-height:1.4 !important;
}

/* כותרות ראשיות בסקשנים */
.branded-headline,
.accordion-title,
.ai-main-title,
.banner-title,
.carousel-main-title,
.headline{
  font-weight:var(--medium) !important;
  line-height:1.2 !important;
}

/* כותרת עתיד שלך */
.branded-headline,
.headline{
  color:var(--brand) !important;
  font-size:43px !important;
}

/* כותרת אקורדיון */
.accordion-title{
  font-size:32px !important;
  color:var(--black) !important;
}

/* AI */
.ai-main-title{
  font-size:40px !important;
  font-weight:var(--medium) !important;
}

/* באנר עסקי */
.banner-title{
  font-size:33px !important;
  font-weight:var(--medium) !important;
}

/* כותרות משנה */
.school-tagline,
.banner-subtitle,
.banner-subtitle-org,
.links-title{
  font-weight:var(--regular) !important;
  color:var(--black) !important;
  line-height:1.4 !important;
}

.school-tagline{
  font-size:20px !important;
}

.banner-subtitle,
.banner-subtitle-org{
  font-size:22px !important;
}

.links-title{
  font-size:20px !important;
}

/* טקסט רגיל */
.branded-text,
.content,
.banner-main-text,
.banner-description,
.ai-content-text p,
.link-item a,
.course-link-wrapper{
  font-size:30px !important;
  font-weight:var(--regular) !important;
  color:var(--black) !important;
  line-height:1.7 !important;
}

/* תפריט עליון */
nav.desktop-nav a,
nav.desktop-nav a,
.mobile-menu-overlay a,{
  font-size:20px !important;
  font-weight:var(--regular) !important;
}

/* שמות בתי ספר */
.school-name-main{
  font-size:22px !important;
  font-weight:var(--bold) !important;
  color:var(--brand) !important;
}

/* כפתורים */
.button_form,
.school-site-btn,
.openu-banner-btn,
.openu-banner-btn-ai,
.openu-premium-btn,
.breathing-btn{
  font-family:'Rubik', Arial, sans-serif !important;
  font-size:16px !important;
  font-weight:var(--medium) !important;
  border-radius:18px !important;
  text-decoration:none !important;
}

/* כפתורי outline */
.school-site-btn{
  color:var(--brand) !important;
  border:1px solid var(--brand) !important;
  background:transparent !important;
}

/* כפתור טופס */
.button_form{
  background:var(--brand) !important;
  color:var(--white) !important;
  border:none !important;
}

/* הדגשות */
.course-link-wrapper b{
  color:var(--accent) !important;
  background:none !important;
  display:inline !important;
  font-size:20px !important;
  line-height:1 !important;
  margin-left:10px !important;
}

.dot{
  width:7px !important;
  height:7px !important;
  background-color:var(--accent) !important;
  border-radius:50% !important;
  display:inline-block !important;
}

/* קווים ממותגים */
.brand-separator-line,
.dual-brand-line{
  background:linear-gradient(to left, #00a0b5 25%, #175973 75%) !important;
}

/* כרטיסים */
.accordion-item,
.stat-card-bento,
.glass-card,
.premium-banner-box,
.form_content{
  border-radius:20px !important;
}

/* תיקון font-weight לא תקין */
.hero h2,
.branded-text{
  font-weight:400 !important;
}

/* מובייל */
@media (max-width:768px){

  .hero h1{
    font-size:28px !important;
  }

  .hero h2{
    font-size:18px !important;
  }

  .branded-headline,
  .headline,
  .accordion-title,
  .ai-main-title,
  .banner-title,
    font-size:26px !important;
  }

  .school-tagline,
  .banner-subtitle,
  .banner-subtitle-org{
    font-size:20px !important;
  }

  .branded-text,
  .content,
  .banner-main-text,
  .ai-content-text p,
  .link-item a,
  .course-link-wrapper{
    font-size:20px !important;
  }

  .button_form,
  .school-site-btn,
  .openu-banner-btn,
  .openu-banner-btn-ai,
  .openu-premium-btn,
  .breathing-btn{
    font-size:20px !important;
  }
}

/* ===== AI SECTION COMPACT ===== */

/* כל הבאנר */

.ai-banner-layout-half{
  margin-right: 0 !important;
  padding: 26px 28px !important;
  width: 100% !important;
  box-sizing: border-box !important;

}

/* צד הטקסט */
.ai-text-side{
  flex: 0 0 70% !important;
  max-width:70% !important;
}

/* צד הוידאו */
.ai-video-side{
  flex: 0 0 30% !important;
  max-width:30% !important;
  display:flex;
  justify-content:center;
  align-items:center;
}

/* הוידאו עצמו */
.video-container-square{
  max-width:240px !important;
  aspect-ratio:1 / 1 !important;
}

/* כותרת */
.ai-main-title{
  font-size:28px !important;
  line-height:1.1 !important;
  margin-bottom:6px !important;
}

/* טקסט */
.ai-content-text p{
  font-size:16px !important;
  line-height:1.45 !important;
  margin-bottom:8px !important;
}

/* רשימת הקורסים */
.courses-list-grid-ai{
  gap:4px 10px !important;
  margin-top:8px !important;
}

/* כפתור */
.openu-banner-btn-ai{
  padding:12px 38px !important;
  font-size:15px !important;
}

/* רווח לפני הכפתור */
.ai-actions{
  margin-top:14px !important;
}


.openu-banner-btn-ai:hover{
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 24px rgba(44, 125, 160, 0.22) !important;
  filter: brightness(1.03) !important;
}

/* אנימציה עדינה יותר */
.breathing-btn{
  animation: aiSoftPulse 2.8s ease-in-out infinite !important;
}

@keyframes aiSoftPulse{
  0%{
    transform: scale(1);
    box-shadow: 0 8px 20px rgba(44, 125, 160, 0.16);
  }
  50%{
    transform: scale(1.025);
    box-shadow: 0 12px 24px rgba(44, 125, 160, 0.22);
  }
  100%{
    transform: scale(1);
    box-shadow: 0 8px 20px rgba(44, 125, 160, 0.16);
  }
}





/* ===== BLOG SECTION ===== */

.blog-section{
  background:#ffffff;
  padding: 20px 0;
  margin-bottom: 0px;
}

.blog-subtitle{
  font-size:20px;
  color:#000000;
  max-width:1600px;
  margin:10px auto 20px auto;
  text-align: center;
   line-height: 1.3;
}

/* GRID */

.blog-grid{
  max-width:1500px;
  margin:auto;
  padding:0 20px;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:10px;
}

/* CARD */

.blog-card{
  background:#ffffff
  );
  border:3px solid rgba(44,125,160,0.25);
  border-radius:8px;
  overflow:hidden;
  transition:all .35s ease;
}

.blog-card a{
  text-decoration:none;
  color:inherit;
  display:block;
}

/* IMAGE */

.blog-image{
  overflow:hidden;
  height:160px;
}

.blog-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .6s ease;
}

/* TEXT */

.blog-content{
  padding:16px;
}

.center h2{
  text-align:center;
  font-size:40px;
  margin-top:50px;
  margin-bottom:10px;
  color:#175973;
}

.blog-content h3{
  font-size:20px;
  color:#175973;
  line-height:1;
  margin-bottom:8px;
}

.blog-content p{
  font-size:16px;
  color:#000000;
  line-height:1;
}

/* HOVER */

.blog-card:hover{
  transform:translateY(-6px);
  border-color:#175973;
  box-shadow:0 10px 22px rgba(0,0,0,0.12);
}

.blog-card:hover img{
  transform:scale(1.08);
}

.blog-more{
  text-align:center;
  margin-top:40px;
}

.blog-btn{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  width:250px;   /* כאן קובעים את האורך */
  padding:12px 32px;
  border-radius:18px;
  font-size:22px;
  font-weight:350;
  text-decoration:none;
  color:#ffffff;
  background:  linear-gradient(to right, #00a0b5, #175973, #175973);
  transition:all .3s ease;
  box-shadow:0 6px 16px rgba(0,0,0,0.12);
}

.blog-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(0,0,0,0.18);
}

/* MOBILE */

@media(max-width:1100px){

.blog-grid{
  grid-template-columns:repeat(3,1fr);
}

}

@media(max-width:700px){

.blog-grid{
  grid-template-columns:1fr;
}

}

/* ===== FORM FIX ONLY FOR THIS PAGE ===== */

.widescreen.form{
    width:min(1000px, calc(100% - 40px)) !important;
    margin:22px auto !important;
    padding:28px 28px !important;
    height:auto !important;
    border-radius:18px !important;
    border:1px solid rgba(34,116,147,0.14) !important;
    box-sizing:border-box !important;
    background:rgba(255,255,255,0.88) !important;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    box-shadow:0 14px 34px rgba(34,116,147,0.12) !important;
}

.widescreen.form .form_content {
    width: 100% !important;
    height: auto !important;
}

.widescreen.form .form_row {
    width: 100% !important;
    min-height: 48px !important;
    height: auto !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.widescreen.form .form_input1,
.widescreen.form .form_input2,
.widescreen.form .form_input_tel_3b,
.widescreen.form .form_input_code_tel_4b,
.widescreen.form .form_input_select2,
.widescreen.form .form_input_select3 {
    box-sizing: border-box !important;
}

.widescreen.form .form_input1 {
    right: 0 !important;
    width: calc(33.333% - 14px) !important;
}

.widescreen.form .form_input2 {
    right: 33.333% !important;
    width: calc(33.333% - 14px) !important;
}

.widescreen.form .form_input_tel_3b {
    right: 66.666% !important;
    width: calc(22% - 10px) !important;
}

.widescreen.form .form_input_code_tel_4b {
    right: 88% !important;
    width: 12% !important;
}

.widescreen.form .form_input_select2 {
    right: 33.333% !important;
    width: calc(33.333% - 14px) !important;
}

.widescreen.form .form_input_select3 {
    right: 66.666% !important;
    width: calc(33.333% - 14px) !important;
}

.widescreen.form .form_input_button {
    left: 0 !important;
    width: calc(33.333% - 14px) !important;
    height: 42px !important;
}

.widescreen.form .button_form {
    font-size: 18px !important;
    line-height: 18px !important;
    padding: 10px 12px !important;
}

.widescreen.form .sendmetext {
    font-size: 12px !important;
    line-height: 1.3 !important;
}

.widescreen.form .iagree_text {
    top: 2px !important;
    right: 25px !important;
    line-height: 1.3 !important;
}

@media (max-width: 900px) {
    .widescreen.form {
        width: calc(100% - 24px) !important;
        margin: 30px auto !important;
        padding: 20px 12px !important;
    }

    .widescreen.form .form_row {
        min-height: auto !important;
        margin-bottom: 12px !important;
    }

    .widescreen.form .form_input1,
    .widescreen.form .form_input2,
    .widescreen.form .form_input_tel_3b,
    .widescreen.form .form_input_code_tel_4b,
    .widescreen.form .form_input_select2,
    .widescreen.form .form_input_select3,
    .widescreen.form .form_input_button {
        position: static !important;
        display: block !important;
        width: 100% !important;
        margin: 0 0 10px 0 !important;
        height: 44px !important;
    }

    .widescreen.form .button_form {
        width: 100% !important;
    }

    .widescreen.form .iagree_text {
        position: static !important;
        display: inline-block !important;
        margin-right: 8px !important;
    }

    .widescreen.form .sendmetext {
        display: flex !important;
        align-items: flex-start !important;
        gap: 8px !important;
        text-align: right !important;
    }
}

/****** Footer Celular ******/
.hide{ display: none !important; }
.fluid_10,.fluid_15 { display: inline; float: right; direction: rtl; position: relative; }
.fluid_10 {	width: 10%;}
.fluid_15 {	width: 50%;}
.fluid_33 {	width: 33%;}

.rtl .fluid_10,.rtl .fluid_15,.rtl .fluid_33 { float: right !important; direction: rtl !important; }
.rtl .fluid_10,.ltr .fluid_15,.ltr .fluid_33 { float: left !important; direction: ltr !important; }

/* {flexi} Responsive Web
----------------------------------------------------------------------------------------------------*/
/* SmartPhone Portrait - Width ...-480 */
@media only screen and (min-width: 10px) and (max-width: 800px){
	.sp_p_hide{ display: none !important; }
	.sp_p_show{ display: block !important; }
}

.footernav{ position: fixed; z-index: 99999; left: 0; right: 0; bottom: 0; width: 100%; background: #175973;}
.footernav,.footernav *{ text-align: center; }
.footernav .fluid_33{ width: 33%; }
.footernav .fluid_15{ width:calc(50% - 7px); }
.footernav .fluid_10{ width: 14.2%; }
.footernav img{ max-width: 70px; }

.fluid_15 {
	margin: 5px 3px 5px 3px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	background-color:#ffffff;
}
/****** Footer Celular ******/
 /**footer**/

:root{
    --brand:#175973;
    --brand-dark:#1b617b;
    --brand-light:#eaf4f7;
    --accent:#00a0b5;
    --text:#1f2a37;
    --text-soft:#5f6b7a;
    --line:#dfe7ec;
    --white:#ffffff;
}

.site-footer{
    direction:rtl;
background: linear-gradient(
  225deg,
  rgba(23, 89, 115, 0.14) 0%,
  rgba(255, 255, 255, 0.96) 52%,
  rgba(0, 246, 255, 0.10) 100%
);
    color:var(--text);
    font-family:rubik,sans-serif;
    margin-top:140px;
    position:relative;
}

.container{
    max-width:1200px;
    margin:0 auto;
    padding-right:24px;
    padding-left:24px;
}

.footer-top-wrap{
    max-width:1200px;
    margin:0 auto;
    padding:0 24px;
    transform:translateY(-65px);
}

.footer-form-box{
    background:linear-gradient(135deg,var(--brand) 0%, var(--brand-dark) 100%);
    border-radius:24px;
    padding:38px;
    box-shadow:0 18px 45px rgba(34,116,147,0.20);
    position:relative;
    overflow:hidden;
    border-top:4px solid var(--accent);
}

.footer-form-box::before{
    content:"";
    position:absolute;
    width:260px;
    height:260px;
    background:rgba(255,255,255,0.08);
    border-radius:50%;
    top:-100px;
    left:-80px;
}

.footer-form-box::after{
    content:"";
    position:absolute;
    width:170px;
    height:170px;
    background:rgba(114,204,80,0.12);
    border-radius:50%;
    bottom:-60px;
    right:-40px;
}

.custom-form-placeholder{
    position:relative;
    z-index:2;
    width:100%;
}

.footer-main{
    display:grid;
    grid-template-columns: 210px minmax(0, 1fr);
    gap:35px;
    align-items:start;
    padding-top:8px;
    padding-bottom:55px;
}

.footer-logo{
    font-size:30px;
    font-weight:700;
    color:var(--brand);
    margin-bottom:18px;
    line-height:1.2;
}

.footer-text{
    margin:0;
    line-height:1.9;
    color:var(--text-soft);
    font-size:15px;
    max-width:340px;
}

.footer-social{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:24px;
}

.footer-social a{
    text-decoration:none;
    color:var(--brand);
    font-size:14px;
    font-weight:700;
    padding:9px 14px;
    border:1px solid rgba(34,116,147,0.18);
    border-radius:999px;
    background:var(--white);
    transition:all 0.25s ease;
}

.footer-social a:hover{
    background:var(--brand);
    color:var(--white);
    border-color:var(--brand);
}

.footer-links-col h4,
.footer-contact h4{
    margin:0 0 18px;
    font-size:18px;
    color:var(--brand);
    position:relative;
    padding-bottom:10px;
}

.footer-links-col h4::after,
.footer-contact h4::after{
    content:"";
    position:absolute;
    right:0;
    bottom:0;
    width:34px;
    height:3px;
    background:var(--accent);
    border-radius:3px;
}

.footer-links-col ul,
.footer-contact ul{
    list-style:none;
    margin:0;
    padding:0;
}

.footer-links-col li,
.footer-contact li{
    margin-bottom:12px;
    color:var(--text-soft);
    line-height:1;
    font-size:13px;
}

.footer-links-col a,
.footer-contact a,
.footer-bottom-links a{
    text-decoration:none;
    color: #000000;
    transition:color 0.2s ease;
}

.footer-links-col a:hover,
.footer-contact a:hover,
.footer-bottom-links a:hover{
    color:var(--brand);
}

.footer-bottom{
    border-top:1px solid var(--line);
    background:var(--white);
    margin-top:10px;
}


.footer-bottom-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
	padding:6px 0;
}

.footer-bottom-inner p{
    margin:0;
    color:#000000;
    font-size:10px;
}

.footer-bottom-links{
    display:flex;
    flex-wrap:wrap;
    gap:18px;
}

.footer-bottom-links a{
    font-size:14px;
    color:#000000;
}

.footer-bottom-links a:hover{
    color:var(--accent);
}

@media (max-width:1100px){
    .footer-main{
        grid-template-columns:repeat(2,1fr);
    }

    .footer-about{
        grid-column:1 / -1;
    }

    .footer-text{
        max-width:100%;
    }
}

@media (max-width:767px){
    .site-footer{
        margin-top:110px;
    }

    .footer-top-wrap{
        transform:translateY(-45px);
        padding:0 16px;
    }

    .footer-form-box{
        padding:22px;
        border-radius:18px;
    }

    .custom-form-placeholder{
        min-height:120px;
        font-size:17px;
        border-radius:14px;
    }

    .container{
        padding-right:16px;
        padding-left:16px;
    }

    .footer-main{
        grid-template-columns:1fr;
        gap:30px;
        padding-bottom:35px;
    }

    .footer-bottom-inner{
        flex-direction:column;
        align-items:flex-start;
    }

    .footer-bottom-links{
        gap:12px 16px;
    }
}

/* ===== MOBILE FOOTER CLEAN ===== */

.mobile-footer-wrap{
    display:none;
}

@media only screen and (max-width:800px){

    .site-footer{
        display:none !important;
    }

    .mobile-footer-wrap{
        display:block !important;
    }

    body{
        padding-bottom:125px !important;
    }

    .mobile-policy-box{
        position:fixed;
        left:0;
        right:0;
        bottom:78px;
        z-index:9998;
        background:#ffffff;
        border-top:1px solid rgba(34,116,147,0.12);
        box-shadow:0 -3px 10px rgba(0,0,0,0.05);
        padding:7px 20px;
    }

    .mobile-policy-text{
        text-align:center;
        font-size:11px;
        line-height:1.35;
        color:#175973;
    }

    .mobile-policy-text a{
        color:#175973;
        text-decoration:none;
    }

    .mobile-policy-text span{
        margin:0 4px;
        color:#999;
    }

    .mobile-footer-bar{
        position:fixed;
        left:0;
        right:0;
        bottom:0;
        z-index:9999;
        display:grid;
        grid-template-columns:repeat(3,1fr);
        background:#ffffff;
        border-top:1px solid rgba(34,116,147,0.12);
        box-shadow:0 -6px 18px rgba(0,0,0,0.08);
    }

    .mobile-footer-item{
        min-height:78px;
        padding:6px 4px 4px;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        text-align:center;
        text-decoration:none;
        border-left:1px solid rgba(34,116,147,0.10);
        background:#ffffff;
    }

    .mobile-footer-item:last-child{
        border-left:none;
    }

    .mobile-footer-item img{
        width:54px;
        height:auto;
        margin-bottom:3px;
        object-fit:contain;
    }

    .mobile-footer-item span{
        font-size:12px;
        line-height:1.2;
        color:#111111;
        font-weight:500;
    }

    #bottom_section,
    .bottom_body_box,
    .cellular.form{
        padding-bottom:140px !important;
    }

    a[name="formcell"]{
        display:block;
        scroll-margin-bottom:140px;
    }
}

@media only screen and (min-width:801px){
    .mobile-footer-wrap{
        display:none !important;
    }
}

@media only screen and (max-width:800px){

    body{
        padding-bottom:125px !important;
    }

    #bottom_section,
    .bottom_body_box,
    .cellular.form,
    .cellular.form .form_content{
        height:auto !important;
        min-height:0 !important;
        overflow:visible !important;
        padding-bottom:140px !important;
        box-sizing:border-box !important;
    }

    .form_row,
    .form_row_button,
    .form_row_iagree{
        overflow:visible !important;
    }

    a[name="formcell"]{
        display:block;
        scroll-margin-bottom:140px;
    }
}

html,
body{
    overflow-x:hidden !important;
}

@media only screen and (max-width:800px){
    .bottom_body_box,
    #bottom_section{
        overflow:visible !important;
    }
}

.footer-schools-area{
    width:100%;
    direction:rtl;
}

.footer-schools-grid{
    display:grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap:20px 14px;
    align-items:start;
}

.footer-school-item{
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    gap:14px;
    min-height:96px;
}

.footer-school-logo{
    width:58px;
    height:58px;
    flex-shrink:0;
    display:flex;
    align-items:center;
    justify-content:center;
}

.footer-school-logo img{
    width:100%;
    height:100%;
    object-fit:contain;
    display:block;
}

.footer-school-text{
    flex:1;
    min-width:0;
}

.footer-school-title{
    font-size:18px;
    font-weight:550;
    line-height:1;
    color:#000000;
    margin:0 0 8px 0;
    transition:color .2s ease;
}

.footer-school-title:hover{
    color:#175973;
}

.footer-school-line{
    width:180px;
    max-width:100%;
    height:1px;
    background:#000000;
    margin:0 0 8px 0;
    border-radius:999px;
}

.footer-school-subtitle{
    font-size:14px;
    line-height:1;
    color:#000000;
    margin:0;
}

@media (max-width:1200px){
    .footer-main{
        grid-template-columns:240px minmax(0,1fr);
        gap:40px;
    }

    .footer-schools-grid{
        grid-template-columns:repeat(3, minmax(0, 1fr));
    }
}

@media (max-width:980px){
    .footer-main{
        grid-template-columns:1fr;
        gap:30px;
    }

    .footer-schools-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
}

@media (max-width:767px){
    .footer-schools-grid{
        grid-template-columns:1fr;
        gap:24px;
    }

    .footer-school-item{
        min-height:auto;
    }

    .footer-school-logo{
        width:52px;
        height:52px;
    }

    .footer-school-title{
        font-size:15px;
    }

    .footer-school-subtitle{
        font-size:11px;
    }
}

.mobile-footer-wrap{
    display:none;
}

/* מובייל */
@media (max-width:767px){

    .mobile-footer-wrap{
        display:block;
        width:100%;
    }

}

.mobile-policy-text{
    padding:10px 20px;
    text-align:center;
}

.footer-gradient-bar{
    width:100%;
    height:6px;
    background:linear-gradient(to right,#00a0b5,#175973);
    margin-top:40px;
}

.footer-school-title{
    font-size:16px;
    font-weight:500;
    line-height:1.15;
    color:#000000;
    margin:0 0 6px 0;
}

.footer-school-title a{
    color:#000000 !important;
    text-decoration:none !important;
}

.footer-school-title a:hover{
    color:#175973 !important;
}


/* scrollbar width */
::-webkit-scrollbar {
  width:10px;
}

/* track */
::-webkit-scrollbar-track {
  background:#f1f1f1;
}

/* handle */
::-webkit-scrollbar-thumb {
  background:linear-gradient(#00a0b5,#175973);
  border-radius:10px;
}

/* hover */
::-webkit-scrollbar-thumb:hover {
  background:#175973;
}

html{
scroll-behavior:smooth;
}

:root {
    --main-blue: #175973;
    --light-green: #00a0b5;
}

/* ===== CTA BUTTON - BRAND VERSION ===== */

.lead-button-container {
    text-align: center;
    margin: 20px 0 60px;
}

.refined-cta-btn {
    display: inline-block;
    width: 100%;
    max-width: 500px;
    padding: 10px 45px;
    font-size: 25px;
    font-weight: 400;
    color: #ffffff !important;
    text-decoration: none;
    border-radius: 18px;

    /* צבע יציב */
    background: linear-gradient(to right, #00a0b5, #175973);

    border: 0.7px solid rgba(34,116,147,0.2);
    cursor: pointer;

    /* רק נשימה */
    animation: softBreath 2.8s ease-in-out infinite;

    transition: all 0.35s ease;
}

/* נשימה עדינה */
@keyframes softBreath {
    0% {
        transform: scale(1);
        box-shadow: 0 6px 18px rgba(0, 160, 181, 0.12);
    }
    50% {
        transform: scale(1.025);
        box-shadow: 0 12px 32px rgba(0, 246, 255, 0.22);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 6px 18px rgba(23, 89, 115, 0.18);
    }
}

/* hover */
.refined-cta-btn:hover {
    background: #ffffff;
    color: #175973 !important;
    border-color: #00a0b5;
    transform: translateY(-3px);
    box-shadow: 0 14px 35px rgba(114,204,80,0.25);
}

/* גלילה חלקה למעבר נעים לפורם בפוטר */
html {
    scroll-behavior: smooth;
}

@media (max-width: 768px) {
  .refined-cta-btn {
    display: none !important;
  }
}

.school-name-main,
.school-tagline{
  margin: 0;
}

.courses-list-grid{
  list-style: none;
  margin: 0;
  padding: 0;
}

.course-link-wrapper{
  margin: 0;
  padding: 0;
}

.footer-school-title,
.footer-school-subtitle{
  margin: 0;
}

.footer-schools-grid{
  list-style: none;
  margin: 0;
  padding: 0;
}

/* ===== ONLINE REGISTRATION BANNER ===== */

.online-registration-banner{
  max-width:1200px;
  margin:40px auto 70px;
  padding:0 20px;
  direction:rtl;
  margin-bottom: 15px !important;
}

/* בלוק ראשי לבן אחד */
.online-registration-banner__box{
  display:grid;
  grid-template-columns:420px 1fr;
  gap:30px;
  align-items:center;
  background-color: #ffffff;
  border: 1px solid var(--main-blue);
  border-radius:28px;
  padding:28px;
  box-shadow:0 12px 30px rgba(34,116,147,0.08);
}

/* ===== IMAGE ===== */

.online-registration-banner__media{
  overflow:hidden;
  border-radius:22px;
  height:100%;
}

.online-registration-banner__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* ===== CONTENT ===== */

.online-registration-banner__content{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding:10px 10px 10px 0;
}

.online-registration-banner__title{
  margin:0 0 4px;
  font-size:32px;
  font-weight:500;
  line-height:1.15;
  color:#175973;
}

.online-registration-banner__lead{
  margin:0 0 12px;
  font-size:18px;
  line-height:1.5;
  color:#000000;
}

/* ===== POINTS ===== */

.online-registration-banner__points{
  width:100%;
  display:flex;
  flex-direction:column;
  gap:12px;
  margin:0 0 18px;
}

.additional-details-section{
  margin-top: 0 !important;
  padding-top: 20px; /* אם את רוצה קצת אוויר אבל לא חור */
}

.online-registration-banner__point{
  display:flex;
  align-items:flex-start;
  gap:14px;
  padding:12px 16px;
  border:0px solid rgba(34,116,147,0.10);
  border-radius:18px;
  background:#ffffff;
  transition:0.25s;
}


.online-registration-banner__point h3{
  margin:0 0 4px;
  font-size:18px;
  font-weight:600;
  line-height:1.3;
  color:#175973;
}

.online-registration-banner__point p{
  margin:0;
  font-size:16px;
  line-height:1.5;
  color:#000000;
}

/* ===== ICONS ===== */

.point-icon{
  width:54px;
  height:54px;
  min-width:54px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(114,204,80,0.12);
}

.point-icon svg{
  width:24px;
  height:24px;
  stroke:#175973;
  stroke-width:2;
  fill:none;
}

/* חץ RTL */
.point-icon--flow svg{
  animation:arrowMove 1.5s infinite ease-in-out;
}

@keyframes arrowMove{
  0%{ transform:scaleX(-1) translateX(0); }
  50%{ transform:scaleX(-1) translateX(5px); }
  100%{ transform:scaleX(-1) translateX(0); }
}

/* אבטחה */
.point-icon--secure{
  animation:pulse 2s infinite ease-in-out;
}

@keyframes pulse{
  0%{ transform:scale(1); }
  50%{ transform:scale(1.06); }
  100%{ transform:scale(1); }
}

/* ===== BUTTON ===== */

.online-registration-banner__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:14px 14px;
  border-radius:18px;
  background:linear-gradient(to left, #175973, #00a0b5);
  color:#ffffff !important;
  text-decoration:none;
  font-size:17px;
  font-weight:600;
  box-shadow:0 10px 24px rgba(34,116,147,0.16);
  transition:0.3s;
}

.online-registration-banner__btn:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 28px rgba(34,116,147,0.22);
}

/* ===== TABLET ===== */

@media (max-width:980px){
  .online-registration-banner__box{
    grid-template-columns:1fr;
  }

  .online-registration-banner__media{
    height:260px;
  }
}

/* ===== MOBILE ===== */

@media (max-width:768px){
  .online-registration-banner{
    margin:24px auto 50px;
    padding:0 16px;
  }

  .online-registration-banner__box{
    padding:18px;
    gap:18px;
  }

  .online-registration-banner__title{
    font-size:26px;
  }

  .online-registration-banner__lead{
    font-size:16px;
  }

  .online-registration-banner__btn{
    width:80%;
  }
}

/* ===== PREMIUM PARTNERS SECTION ===== */

.partners-premium-section{
  padding: 30px 20px 30px;
  background:
    #ffffff;
  direction: rtl;
}

.partners-premium-shell{
  max-width: 1400px;
  margin: 0 auto;
  padding: 48px 42px;
  border-radius: 34px;
background: linear-gradient(
  225deg,
  rgba(23, 89, 115, 0.14) 0%,
  rgba(255, 255, 255, 0.96) 52%,
  rgba(0, 246, 255, 0.10) 100%
);
  border: 2px solid rgba(34,116,147,0.40);
}

.partners-premium-header{
  text-align: center;
  max-width: 1300px;
  margin: 0 auto 42px;
}

.partners-premium-eyebrow{
  margin: 0 0 14px;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.08em;
  color: #175973;
  text-transform: uppercase;
}

.partners-premium-title{
  margin: 0 0 14px;
  font-size: 35px;
  line-height: 0.5;
  font-weight: 500;
  color: #175973;
}

.partners-premium-subtitle{
  margin: 0 0 18px;
  font-size: 25px;
  line-height: 1;
  font-weight: 500;
  color: #000000;
}

.partners-premium-text{
  margin: 0 auto;
  max-width: 100%;
  font-size: 20px;
  line-height: 1.5;
  color: #000000;
}

.partners-premium-grid{
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
}

.partners-premium-logo-card{
  min-height: 60px;
  padding: 3px;
  border-radius: 18px;

  background:
    linear-gradient(#ffffff, #ffffff) padding-box,
    linear-gradient(to right, #00a0b5, #175973) border-box;

  border: 1px solid transparent;

  box-shadow:
    0 4px 12px rgba(0,0,0,0.04);

  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;

  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

.partners-premium-logo-card img{
  width: 100%;
  height: 100%;
  max-width: 60%;     /* נותן שוליים קטנים */
  max-height: 50%;    /* לא ייגע במסגרת */

  object-fit: contain;

  filter: grayscale(100%);
  opacity: 0.9;

  transition:
    filter 0.28s ease,
    opacity 0.28s ease,
    transform 0.28s ease;
}

.partners-premium-logo-card:hover{
  transform: translateY(-4px);
  border-color: rgba(34,116,147,0.18);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,1),
    0 16px 34px rgba(17,17,17,0.08);
  background: #ffffff;
}

.partners-premium-logo-card:hover img{
  filter: grayscale(0%);
  opacity: 1;
  transform: scale(1.03);
}

/* Tablet */

@media (max-width: 960px){
  .partners-premium-shell{
    padding: 36px 24px;
  }

  .partners-premium-title{
    font-size: 34px;
  }

  .partners-premium-subtitle{
    font-size: 20px;
  }

  .partners-premium-text{
    font-size: 18px;
  }

  .partners-premium-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Mobile */

@media (max-width: 640px){
  .partners-premium-section{
    padding: 60px 16px;
  }

  .partners-premium-shell{
    padding: 28px 18px;
    border-radius: 24px;
  }

  .partners-premium-title{
    font-size: 28px;
  }

  .partners-premium-subtitle{
    font-size: 18px;
  }

  .partners-premium-text{
    font-size: 18px;
    line-height: 1.7;
  }

  .partners-premium-grid{
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .partners-premium-logo-card{
    min-height: 110px;
    border-radius: 20px;
  }

  .partners-premium-logo-card img{
    max-width: 135px;
    max-height: 48px;
  }
}

.partners-gradient-line{
  height: 4px;
  width: 300px; /* אפשר לשחק עם זה */
  margin: 12px auto 20px;
  border-radius: 2px;
  background: linear-gradient(to left, #00a0b5, #175973);
}

.footer-bottom-text{
    width:100%;
    text-align:center;
    margin-top:30px;
    padding-top:18px;
    border-top:1px solid rgba(0,0,0,0.15);
}

.footer-bottom-text p{
    margin:0;
    font-size:12px;
    color:#000000;
    line-height:1.6;
}

.hero-video-section {
    width: 100%;
    overflow: hidden;
}

.hero-video-wrapper {
    position: relative;
    width: 100%;
    aspect-ratio: 5 / 5; /* אפשר לשחק עם זה */
}

.hero-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Cookie Notice */
.cookie-notice {
  width: 100%;
  background: #ffffff;
  border-bottom: 1px solid #d9d9d9;
  padding: 14px 24px;
  box-sizing: border-box;
  font-family: Arial, Helvetica, sans-serif;
  position: relative;
  z-index: 9999;
}

.cookie-content {
  max-width: 1200px;
  margin: 0 auto;
  padding-left: 48px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  color: #004b9b;
  font-size: 15px;
  line-height: 1.6;
  text-align: right;
}

.cookie-content p {
  margin: 0;
}

.cookie-content a {
  color: #004b9b;
  text-decoration: underline;
  font-weight: 500;
}

.cookie-info-icon {
  width: 20px;
  height: 20px;
  min-width: 20px;
  border: 1px solid #004b9b;
  color: #004b9b;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: bold;
  line-height: 1;
  margin-top: 2px;
}

.cookie-close {
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background: transparent;
  color: #004b9b;
  font-size: 30px;
  line-height: 1;
  cursor: pointer;
  padding: 0;
}

.cookie-close:hover {
  opacity: 0.7;
}

/* Mobile */
@media (max-width: 768px) {
  .cookie-notice {
    padding: 12px 18px;
  }

  .cookie-content {
    padding-left: 36px;
    font-size: 14px;
    line-height: 1.5;
  }

  .cookie-close {
    left: 12px;
    font-size: 26px;
  }
}