{"id":608,"date":"2026-03-16T22:09:10","date_gmt":"2026-03-16T22:09:10","guid":{"rendered":"https:\/\/maof-edu.org\/?page_id=608"},"modified":"2026-03-26T08:52:32","modified_gmt":"2026-03-26T08:52:32","slug":"%d7%9c%d7%99%d7%95%d7%95%d7%99-%d7%a8%d7%a9%d7%95%d7%99%d7%95%d7%aa","status":"publish","type":"page","link":"https:\/\/maof-edu.org\/?page_id=608","title":{"rendered":"\u05dc\u05d9\u05d5\u05d5\u05d9 \u05e8\u05e9\u05d5\u05d9\u05d5\u05ea"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\u05dc\u05d9\u05d5\u05d5\u05d9 \u05e8\u05e9\u05d5\u05ea\u05d9 | \u05de\u05d5\u05d3\u05dc ECO \u05d4\u05d9\u05d9\u05e9\u05d5\u05d1\u05d9 | \u05de\u05e2\u05d5\u05e3 \u05dc\u05d7\u05d9\u05e0\u05d5\u05da<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Heebo:wght@300;400;500;700;800;900&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\r\n\/* ============================================\r\n RESET & BASE\r\n ============================================ *\/\r\n*, *::before, *::after {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Heebo', sans-serif !important;\r\n direction: rtl;\r\n}\r\n\r\n:root {\r\n --navy: #1B3F8F;\r\n --blue: #2B6CB0;\r\n --sky: #4A9FD4;\r\n --teal: #5BB8E8;\r\n --yellow: #F5C842;\r\n --light: #EAF6FD;\r\n --white: #ffffff;\r\n --text: #1B3F8F;\r\n --mid: #4A6FA5;\r\n}\r\n\r\nhtml { scroll-behavior: smooth; }\r\nbody {\r\n background: var(--white);\r\n color: var(--text);\r\n overflow-x: hidden;\r\n -webkit-text-size-adjust: 100%;\r\n}\r\n\r\nimg { max-width: 100%; height: auto; display: block; }\r\n\r\n\/* ============================================\r\n HERO \u2014 mobile-first base\r\n ============================================ *\/\r\n.hero {\r\n position: relative;\r\n min-height: 100svh;\r\n overflow: hidden;\r\n background: linear-gradient(160deg, #5BB8E8 0%, #3A9FD6 40%, #2B7FC4 100%);\r\n display: flex;\r\n align-items: flex-end;\r\n}\r\n\r\n.hero-overlay {\r\n position: absolute;\r\n inset: 0;\r\n z-index: 1;\r\n background: linear-gradient(\r\n to top,\r\n rgba(27,63,143,0.92) 0%,\r\n rgba(27,63,143,0.45) 50%,\r\n rgba(27,63,143,0.05) 100%\r\n );\r\n}\r\n\r\n.hero-waves {\r\n position: absolute;\r\n top: 0; left: 0;\r\n width: 100%; height: 100%;\r\n pointer-events: none;\r\n z-index: 1;\r\n}\r\n\r\n.hero-content {\r\n position: relative;\r\n z-index: 3;\r\n padding: 80px 20px 48px;\r\n width: 100%;\r\n text-align: right;\r\n}\r\n\r\n.hero-logo {\r\n height: 38px !important;\r\n width: auto !important;\r\n max-width: 160px !important;\r\n max-height: 38px !important;\r\n display: block !important;\r\n margin-bottom: 18px !important;\r\n object-fit: contain !important;\r\n}\r\n\r\n.hero-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n background: var(--yellow);\r\n color: var(--navy);\r\n padding: 6px 14px;\r\n border-radius: 50px;\r\n font-size: 11px;\r\n font-weight: 800;\r\n margin-bottom: 16px;\r\n line-height: 1.4;\r\n max-width: 100%;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.hero h1 {\r\n font-size: 28px;\r\n font-weight: 900;\r\n color: #fff;\r\n line-height: 1.2;\r\n margin-bottom: 14px;\r\n}\r\n\r\n.hero h1 em {\r\n font-style: normal;\r\n color: var(--yellow);\r\n}\r\n\r\n.hero-sub {\r\n font-size: 15px;\r\n color: rgba(255,255,255,.85);\r\n line-height: 1.7;\r\n margin-bottom: 24px;\r\n max-width: 100%;\r\n}\r\n\r\n.hero-ctas {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n width: 100%;\r\n}\r\n\r\n.btn-yellow {\r\n background: var(--yellow);\r\n color: var(--navy);\r\n padding: 15px 24px;\r\n border-radius: 50px;\r\n font-size: 15px;\r\n font-weight: 800;\r\n cursor: pointer;\r\n border: none;\r\n box-shadow: 0 4px 18px rgba(245,200,66,.4);\r\n transition: transform .2s;\r\n font-family: 'Heebo', sans-serif;\r\n text-align: center;\r\n width: 100%;\r\n -webkit-tap-highlight-color: transparent;\r\n}\r\n\r\n.btn-yellow:active { transform: scale(0.98); }\r\n\r\n.btn-ghost {\r\n background: rgba(255,255,255,.15);\r\n color: #fff;\r\n padding: 14px 24px;\r\n border-radius: 50px;\r\n font-size: 15px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n border: 2px solid rgba(255,255,255,.4);\r\n font-family: 'Heebo', sans-serif;\r\n text-align: center;\r\n width: 100%;\r\n -webkit-tap-highlight-color: transparent;\r\n}\r\n\r\n.hero-wave-bottom {\r\n position: absolute;\r\n bottom: 0; left: 0;\r\n width: 100%;\r\n line-height: 0;\r\n z-index: 2;\r\n}\r\n\r\n\/* ============================================\r\n STATS \u2014 mobile base\r\n ============================================ *\/\r\n.stats {\r\n background: #2B7FC4;\r\n padding: 20px 0;\r\n}\r\n\r\n.stats-inner {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 16px 8px;\r\n padding: 0 20px;\r\n}\r\n\r\n.stat-item { text-align: center; }\r\n\r\n.stat-num {\r\n font-size: 30px;\r\n font-weight: 900;\r\n color: var(--yellow);\r\n display: block;\r\n line-height: 1;\r\n}\r\n\r\n.stat-lbl {\r\n font-size: 11px;\r\n color: rgba(255,255,255,.7);\r\n margin-top: 4px;\r\n line-height: 1.3;\r\n}\r\n\r\n.stat-div { display: none; }\r\n\r\n\/* ============================================\r\n TAG \u2014 shared\r\n ============================================ *\/\r\n.tag {\r\n display: inline-block;\r\n font-size: 11px;\r\n font-weight: 700;\r\n color: var(--sky);\r\n background: rgba(74,159,212,.08);\r\n border: 1px solid rgba(74,159,212,.2);\r\n padding: 4px 12px;\r\n border-radius: 20px;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.wave-div { line-height: 0; display: block; }\r\n\r\n\/* ============================================\r\n ECO SECTION \u2014 mobile base\r\n ============================================ *\/\r\n.eco {\r\n background: var(--light);\r\n padding: 52px 0;\r\n}\r\n\r\n.eco-inner { padding: 0 20px; }\r\n\r\n.eco-grid {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 32px;\r\n}\r\n\r\n.eco-text h2 {\r\n font-size: 24px;\r\n font-weight: 900;\r\n color: var(--navy);\r\n margin-bottom: 14px;\r\n line-height: 1.25;\r\n}\r\n\r\n.eco-text p {\r\n font-size: 15px;\r\n color: var(--mid);\r\n line-height: 1.8;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.eco-text p strong { color: var(--blue); }\r\n\r\n.eco-visual {\r\n background: linear-gradient(135deg, var(--navy), var(--blue));\r\n border-radius: 16px;\r\n padding: 24px 20px;\r\n}\r\n\r\n.eco-visual h4 {\r\n font-size: 13px;\r\n font-weight: 700;\r\n color: var(--teal);\r\n margin-bottom: 16px;\r\n text-align: center;\r\n}\r\n\r\n.eco-axes {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 10px;\r\n}\r\n\r\n.eco-axis {\r\n background: rgba(255,255,255,.08);\r\n border-radius: 10px;\r\n padding: 14px 10px;\r\n text-align: center;\r\n border: 1px solid rgba(255,255,255,.12);\r\n}\r\n\r\n.eco-axis .icon {\r\n font-size: 24px;\r\n margin-bottom: 6px;\r\n display: block;\r\n}\r\n\r\n.eco-axis .title {\r\n font-size: 12px;\r\n font-weight: 900;\r\n color: #fff;\r\n margin-bottom: 3px;\r\n}\r\n\r\n.eco-axis .sub {\r\n font-size: 10px;\r\n color: rgba(255,255,255,.6);\r\n line-height: 1.3;\r\n}\r\n\r\n\/* ============================================\r\n AXES SECTION \u2014 mobile base\r\n ============================================ *\/\r\n.axes {\r\n background: #fff;\r\n padding: 52px 0;\r\n}\r\n\r\n.axes-inner { padding: 0 20px; }\r\n\r\n.axes h2 {\r\n font-size: 24px;\r\n font-weight: 900;\r\n color: var(--navy);\r\n margin-bottom: 10px;\r\n line-height: 1.25;\r\n}\r\n\r\n.axes-sub {\r\n font-size: 15px;\r\n color: var(--mid);\r\n margin-bottom: 32px;\r\n line-height: 1.6;\r\n}\r\n\r\n.axis-card {\r\n background: var(--light);\r\n border-radius: 16px;\r\n padding: 22px 18px;\r\n margin-bottom: 16px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n border-right: 4px solid var(--sky);\r\n}\r\n\r\n.axis-card:nth-child(2) { border-right-color: var(--yellow); }\r\n.axis-card:nth-child(3) { border-right-color: #4ecdc4; }\r\n.axis-card:nth-child(4) { border-right-color: #f7a8b8; }\r\n\r\n.axis-num {\r\n font-size: 44px;\r\n font-weight: 900;\r\n color: var(--sky);\r\n line-height: 1;\r\n}\r\n\r\n.axis-card:nth-child(2) .axis-num { color: #b8860b; }\r\n.axis-card:nth-child(3) .axis-num { color: #2a7a5a; }\r\n.axis-card:nth-child(4) .axis-num { color: #c0506a; }\r\n\r\n.axis-icon {\r\n font-size: 13px;\r\n font-weight: 700;\r\n color: var(--sky);\r\n margin-bottom: 4px;\r\n}\r\n\r\n.axis-title {\r\n font-size: 17px;\r\n font-weight: 900;\r\n color: var(--navy);\r\n margin-bottom: 8px;\r\n line-height: 1.3;\r\n}\r\n\r\n.axis-desc {\r\n font-size: 14px;\r\n color: var(--mid);\r\n line-height: 1.75;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.axis-tags {\r\n display: flex;\r\n gap: 6px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.axis-tag {\r\n font-size: 11px;\r\n font-weight: 700;\r\n padding: 4px 10px;\r\n border-radius: 20px;\r\n background: rgba(74,159,212,.1);\r\n color: var(--blue);\r\n border: 1px solid rgba(74,159,212,.15);\r\n white-space: nowrap;\r\n}\r\n\r\n\/* ============================================\r\n STEPS \u2014 mobile base\r\n ============================================ *\/\r\n.steps {\r\n background: var(--light);\r\n padding: 52px 0;\r\n}\r\n\r\n.steps-inner { padding: 0 20px; }\r\n\r\n.steps h2 {\r\n font-size: 24px;\r\n font-weight: 900;\r\n color: var(--navy);\r\n margin-bottom: 10px;\r\n line-height: 1.25;\r\n}\r\n\r\n.steps-sub {\r\n font-size: 15px;\r\n color: var(--mid);\r\n margin-bottom: 28px;\r\n line-height: 1.6;\r\n}\r\n\r\n.steps-grid {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n}\r\n\r\n.step-card {\r\n background: #fff;\r\n border-radius: 14px;\r\n padding: 20px 18px;\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 16px;\r\n text-align: right;\r\n}\r\n\r\n.step-num {\r\n width: 44px;\r\n height: 44px;\r\n min-width: 44px;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, var(--blue), var(--sky));\r\n color: #fff;\r\n font-size: 18px;\r\n font-weight: 900;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.step-content { flex: 1; }\r\n\r\n.step-card h4 {\r\n font-size: 15px;\r\n font-weight: 900;\r\n color: var(--navy);\r\n margin-bottom: 6px;\r\n}\r\n\r\n.step-card p {\r\n font-size: 13px;\r\n color: var(--mid);\r\n line-height: 1.65;\r\n}\r\n\r\n\/* ============================================\r\n MISSION \u2014 mobile base\r\n ============================================ *\/\r\n.mission-strip {\r\n background: linear-gradient(135deg, var(--navy), var(--blue));\r\n padding: 48px 0;\r\n}\r\n\r\n.mission-inner { padding: 0 20px; }\r\n\r\n.mission-header {\r\n text-align: center;\r\n margin-bottom: 32px;\r\n}\r\n\r\n.mission-header h2 {\r\n font-size: 22px;\r\n font-weight: 900;\r\n color: #fff;\r\n line-height: 1.3;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.mission-header p {\r\n font-size: 14px;\r\n color: rgba(255,255,255,.75);\r\n line-height: 1.6;\r\n}\r\n\r\n.mission-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 16px;\r\n}\r\n\r\n.mission-item {\r\n text-align: center;\r\n padding: 16px 10px;\r\n}\r\n\r\n.mission-icon {\r\n font-size: 28px;\r\n margin-bottom: 10px;\r\n display: block;\r\n}\r\n\r\n.mission-title {\r\n font-size: 13px;\r\n font-weight: 900;\r\n color: #fff;\r\n margin-bottom: 5px;\r\n line-height: 1.3;\r\n}\r\n\r\n.mission-sub {\r\n font-size: 11px;\r\n color: rgba(255,255,255,.65);\r\n line-height: 1.4;\r\n}\r\n\r\n\/* ============================================\r\n BOOKING \u2014 mobile base\r\n ============================================ *\/\r\n.booking {\r\n background: linear-gradient(160deg, #2B7FC4 0%, #3A9FD6 60%, #5BB8E8 100%);\r\n padding: 52px 0;\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n.booking-inner {\r\n padding: 0 20px;\r\n text-align: center;\r\n position: relative;\r\n z-index: 2;\r\n}\r\n\r\n.booking h2 {\r\n font-size: 26px;\r\n font-weight: 900;\r\n color: #fff;\r\n margin-bottom: 10px;\r\n line-height: 1.25;\r\n}\r\n\r\n.booking-sub {\r\n font-size: 15px;\r\n color: rgba(255,255,255,.8);\r\n margin-bottom: 28px;\r\n line-height: 1.65;\r\n}\r\n\r\n.form-box {\r\n background: rgba(255,255,255,.97);\r\n border-radius: 16px;\r\n padding: 24px 18px;\r\n text-align: right;\r\n max-width: 800px;\r\n margin: 0 auto;\r\n}\r\n\r\n.form-box h3 {\r\n font-size: 17px;\r\n font-weight: 900;\r\n color: var(--navy);\r\n margin-bottom: 5px;\r\n line-height: 1.3;\r\n}\r\n\r\n.form-sub {\r\n font-size: 13px;\r\n color: var(--mid);\r\n margin-bottom: 22px;\r\n line-height: 1.5;\r\n}\r\n\r\n\/* \u05db\u05dc row \u05d4\u05d5\u05d0 \u05e2\u05de\u05d5\u05d3\u05d4 \u05d0\u05d7\u05ea \u05d1\u05de\u05d5\u05d1\u05d9\u05d9\u05dc *\/\r\n.form-row {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.form-group {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 5px;\r\n}\r\n\r\n.form-group.full { width: 100%; }\r\n\r\n.form-group label {\r\n font-size: 12px;\r\n font-weight: 700;\r\n color: var(--navy);\r\n}\r\n\r\n.form-group input,\r\n.form-group select,\r\n.form-group textarea {\r\n padding: 12px 14px;\r\n border-radius: 8px;\r\n border: 1.5px solid var(--sky);\r\n font-family: 'Heebo', sans-serif;\r\n font-size: 15px; \/* 15px+ \u05dc\u05de\u05e0\u05d9\u05e2\u05ea zoom \u05d1-iOS *\/\r\n color: var(--navy);\r\n background: #F0F9FF;\r\n direction: rtl;\r\n width: 100%;\r\n -webkit-appearance: none;\r\n appearance: none;\r\n}\r\n\r\n.form-group select {\r\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%234A6FA5' stroke-width='2' fill='none'\/%3E%3C\/svg%3E\");\r\n background-repeat: no-repeat;\r\n background-position: left 14px center;\r\n padding-left: 36px;\r\n}\r\n\r\n.form-group input:focus,\r\n.form-group select:focus,\r\n.form-group textarea:focus {\r\n border-color: var(--blue);\r\n outline: none;\r\n box-shadow: 0 0 0 3px rgba(91,184,232,.18);\r\n background: #fff;\r\n}\r\n\r\n.form-group textarea {\r\n height: 100px;\r\n resize: vertical;\r\n}\r\n\r\n.form-submit {\r\n width: 100%;\r\n margin-top: 12px;\r\n background: linear-gradient(135deg, #2B7FC4, #5BB8E8);\r\n color: #fff;\r\n padding: 16px;\r\n border-radius: 50px;\r\n font-size: 15px;\r\n font-weight: 800;\r\n border: none;\r\n cursor: pointer;\r\n font-family: 'Heebo', sans-serif;\r\n box-shadow: 0 4px 18px rgba(91,184,232,.4);\r\n transition: transform .2s;\r\n -webkit-tap-highlight-color: transparent;\r\n}\r\n\r\n.form-submit:active { transform: scale(0.98); }\r\n\r\n.form-note {\r\n font-size: 12px;\r\n color: var(--mid);\r\n text-align: center;\r\n margin-top: 12px;\r\n line-height: 1.5;\r\n}\r\n\r\n#form-success {\r\n display: none;\r\n background: #d4edda;\r\n color: #155724;\r\n padding: 14px;\r\n border-radius: 10px;\r\n margin-top: 12px;\r\n text-align: center;\r\n font-weight: 700;\r\n font-size: 14px;\r\n}\r\n\r\n\/* ============================================\r\n TABLET \u2014 \u2265 640px\r\n ============================================ *\/\r\n@media (min-width: 640px) {\r\n \/* Hero *\/\r\n .hero { min-height: 80vh; }\r\n .hero-content { padding: 80px 5% 56px; }\r\n .hero-logo { height: 44px !important; max-height: 44px !important; max-width: 180px !important; }\r\n .hero h1 { font-size: 36px; }\r\n .hero-sub { font-size: 16px; max-width: 520px; }\r\n .hero-ctas { flex-direction: row; flex-wrap: wrap; }\r\n .btn-yellow, .btn-ghost { width: auto; }\r\n\r\n \/* Stats *\/\r\n .stats-inner { grid-template-columns: repeat(4, 1fr); padding: 0 5%; }\r\n .stat-num { font-size: 36px; }\r\n\r\n \/* Sections *\/\r\n .eco-inner, .axes-inner, .steps-inner,\r\n .mission-inner, .booking-inner { padding: 0 5%; }\r\n\r\n .eco { padding: 64px 0; }\r\n .eco-text h2 { font-size: 30px; }\r\n .eco-visual { padding: 28px 24px; }\r\n\r\n \/* Steps \u2014 2 cols on tablet *\/\r\n .steps { padding: 64px 0; }\r\n .steps-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 14px;\r\n }\r\n .step-card { flex-direction: column; align-items: center; text-align: center; padding: 24px 20px; }\r\n .step-num { margin-bottom: 2px; }\r\n\r\n \/* Axes *\/\r\n .axes { padding: 64px 0; }\r\n .axis-card { flex-direction: row; gap: 28px; padding: 28px 24px; }\r\n .axis-num { font-size: 50px; min-width: 60px; }\r\n\r\n \/* Mission *\/\r\n .mission-strip { padding: 56px 0; }\r\n .mission-header h2 { font-size: 28px; }\r\n\r\n \/* Form \u2014 2 cols *\/\r\n .form-box { padding: 32px 28px; }\r\n .form-box h3 { font-size: 19px; }\r\n .form-row { flex-direction: row; gap: 16px; }\r\n .form-group { flex: 1; }\r\n .form-group.full { flex: 0 0 100%; }\r\n .form-group input,\r\n .form-group select,\r\n .form-group textarea { font-size: 14px; }\r\n}\r\n\r\n\/* ============================================\r\n DESKTOP \u2014 \u2265 1024px\r\n ============================================ *\/\r\n@media (min-width: 1024px) {\r\n \/* Hero *\/\r\n .hero { min-height: 78vh; align-items: flex-end; }\r\n .hero-content { padding: 0 5% 60px; }\r\n .hero-logo { height: 52px !important; max-height: 52px !important; max-width: 200px !important; margin-bottom: 24px !important; }\r\n .hero h1 { font-size: clamp(36px, 4.5vw, 64px); }\r\n .hero-sub { font-size: 17px; max-width: 640px; }\r\n .hero-badge { font-size: 13px; padding: 7px 20px; }\r\n .btn-yellow { font-size: 16px; padding: 14px 34px; }\r\n .btn-ghost { font-size: 16px; padding: 14px 34px; }\r\n\r\n \/* Stats *\/\r\n .stats { padding: 22px 0; }\r\n .stats-inner { display: flex; justify-content: space-around; flex-wrap: nowrap; }\r\n .stat-num { font-size: 42px; }\r\n .stat-lbl { font-size: 12px; }\r\n .stat-div { display: block; width: 1px; height: 40px; background: rgba(255,255,255,.15); align-self: center; }\r\n\r\n \/* ECO *\/\r\n .eco { padding: 80px 0; }\r\n .eco-grid { flex-direction: row; gap: 50px; align-items: center; }\r\n .eco-grid .eco-text { flex: 1; }\r\n .eco-grid .eco-visual { flex: 1; }\r\n .eco-text h2 { font-size: clamp(24px, 3.5vw, 42px); }\r\n .eco-text p { font-size: 16px; }\r\n\r\n \/* Axes *\/\r\n .axes { padding: 80px 0; }\r\n .axes h2 { font-size: clamp(24px, 3.5vw, 42px); }\r\n .axes-sub { font-size: 16px; margin-bottom: 44px; }\r\n .axis-card { padding: 36px; gap: 40px; border-right-width: 5px; border-radius: 20px; }\r\n .axis-num { font-size: 56px; }\r\n .axis-title { font-size: 20px; }\r\n .axis-desc { font-size: 14px; }\r\n\r\n \/* Steps *\/\r\n .steps { padding: 80px 0; }\r\n .steps h2 { font-size: clamp(24px, 3.5vw, 42px); }\r\n .steps-sub { font-size: 16px; margin-bottom: 44px; }\r\n .steps-grid { grid-template-columns: repeat(4, 1fr); gap: 16px; }\r\n .step-card { padding: 28px; }\r\n .step-num { width: 52px; height: 52px; min-width: 52px; font-size: 20px; margin-bottom: 0; }\r\n\r\n \/* Mission *\/\r\n .mission-strip { padding: 60px 0; }\r\n .mission-header h2 { font-size: clamp(22px, 3vw, 38px); }\r\n .mission-header p { font-size: 16px; }\r\n .mission-grid { grid-template-columns: repeat(4, 1fr); }\r\n .mission-icon { font-size: 32px; }\r\n .mission-title { font-size: 15px; }\r\n .mission-sub { font-size: 12px; }\r\n\r\n \/* Booking *\/\r\n .booking { padding: 80px 0; }\r\n .booking h2 { font-size: clamp(24px, 3.5vw, 44px); }\r\n .booking-sub { font-size: 17px; margin-bottom: 40px; }\r\n .form-box { padding: 44px; border-radius: 20px; }\r\n .form-box h3 { font-size: 20px; }\r\n .form-sub { font-size: 14px; margin-bottom: 28px; }\r\n .form-group input,\r\n .form-group select,\r\n .form-group textarea { font-size: 14px; }\r\n .form-group textarea { height: 110px; }\r\n .form-submit { font-size: 16px; }\r\n .form-note { font-size: 13px; margin-top: 14px; }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- HERO -->\r\n<div class=\"hero\">\r\n <div class=\"hero-overlay\"><\/div>\r\n <svg class=\"hero-waves\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1440 780\" preserveAspectRatio=\"xMidYMid slice\">\r\n <path fill=\"none\" stroke=\"rgba(27,63,143,0.3)\" stroke-width=\"2.5\" d=\"M1440,0 Q1100,195 1440,390 Q1100,585 1440,780\"\/>\r\n <path fill=\"none\" stroke=\"rgba(27,63,143,0.2)\" stroke-width=\"2\" d=\"M1380,0 Q1040,195 1380,390 Q1040,585 1380,780\"\/>\r\n <path fill=\"none\" stroke=\"rgba(27,63,143,0.15)\" stroke-width=\"1.5\" d=\"M1320,0 Q980,195 1320,390 Q980,585 1320,780\"\/>\r\n <\/svg>\r\n <div class=\"hero-content\">\r\n <img decoding=\"async\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjUyIiB2aWV3Qm94PSIwIDAgMjAwIDUyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyZWN0IHdpZHRoPSIyMDAiIGhlaWdodD0iNTIiIHJ4PSI4IiBmaWxsPSJyZ2JhKDI1NSwyNTUsMjU1LDAuMikiLz48dGV4dCB4PSIxMCIgeT0iMzUiIGZvbnQtZmFtaWx5PSJIZWVibywgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIyMiIgZm9udC13ZWlnaHQ9IjkwMCIgZmlsbD0id2hpdGUiPtee16LXldeV15Eg15bXl9eZ16I8L3RleHQ+PC9zdmc+\" alt=\"\u05de\u05e2\u05d5\u05e3 \u05dc\u05d7\u05d9\u05e0\u05d5\u05da\" class=\"hero-logo\">\r\n <div class=\"hero-badge\">\ud83c\udfd9\ufe0f \u05de\u05d5\u05d3\u05dc ECO \u05d4\u05d9\u05d9\u05e9\u05d5\u05d1\u05d9 | \u05dc\u05d9\u05d5\u05d5\u05d9 \u05e8\u05e9\u05d5\u05d9\u05d5\u05ea \u05de\u05e7\u05d5\u05de\u05d9\u05d5\u05ea<\/div>\r\n <h1>\u05d8\u05e8\u05e0\u05e1\u05e4\u05d5\u05e8\u05de\u05e6\u05d9\u05d4 \u05d7\u05d9\u05e0\u05d5\u05db\u05d9\u05ea \u2014<br><em>\u05de\u05d7\u05d6\u05d5\u05df \u05dc\u05d0\u05d9\u05de\u05e4\u05e7\u05d8 \u05d1\u05e9\u05d8\u05d7<\/em><\/h1>\r\n <p class=\"hero-sub\">\u05d4\u05d5\u05e4\u05db\u05d9\u05dd \u05d7\u05d6\u05d5\u05df \u05e2\u05d9\u05e8\u05d5\u05e0\u05d9 \u05dc\u05d0\u05d9\u05de\u05e4\u05e7\u05d8 \u05d7\u05d9\u05e0\u05d5\u05db\u05d9 \u05d1\u05e9\u05d8\u05d7. \u05d0\u05e0\u05d5 \u05d1\u05d5\u05e0\u05d9\u05dd \u05e9\u05d5\u05ea\u05e4\u05d5\u05d9\u05d5\u05ea \u05d0\u05e1\u05d8\u05e8\u05d8\u05d2\u05d9\u05d5\u05ea \u05e2\u05dd \u05e8\u05e9\u05d5\u05d9\u05d5\u05ea \u05de\u05e7\u05d5\u05de\u05d9\u05d5\u05ea \u2014 \u05d5\u05de\u05d9\u05d9\u05e6\u05e8\u05d9\u05dd \u05d0\u05e7\u05d5-\u05e1\u05d9\u05e1\u05d8\u05dd \u05d7\u05d9\u05e0\u05d5\u05db\u05d9 \u05d7\u05d9 \u05e9\u05de\u05d7\u05d6\u05d9\u05e7 \u05dc\u05d0\u05d5\u05e8\u05da \u05e9\u05e0\u05d9\u05dd.<\/p>\r\n <div class=\"hero-ctas\">\r\n <button class=\"btn-yellow\" onclick=\"document.querySelector('.booking').scrollIntoView({behavior:'smooth'})\">\u05dc\u05e9\u05d9\u05d7\u05ea \u05d0\u05e4\u05d9\u05d5\u05df \u05e8\u05d0\u05e9\u05d5\u05e0\u05d9\u05ea \u2190<\/button>\r\n <button class=\"btn-ghost\" onclick=\"document.querySelector('.eco').scrollIntoView({behavior:'smooth'})\">\u05de\u05d4 \u05d6\u05d4 \u05de\u05d5\u05d3\u05dc ECO?<\/button>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hero-wave-bottom\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1440 80\" preserveAspectRatio=\"none\" style=\"display:block;width:100%;height:80px;\">\r\n <path fill=\"#EAF6FD\" d=\"M0,40 C240,80 480,0 720,40 C960,80 1200,0 1440,40 L1440,80 L0,80 Z\"\/>\r\n <path fill=\"rgba(91,184,232,0.3)\" d=\"M0,55 C360,20 720,70 1080,30 C1260,15 1380,50 1440,55 L1440,80 L0,80 Z\"\/>\r\n <\/svg>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- STATS -->\r\n<div class=\"stats\">\r\n <div class=\"stats-inner\">\r\n <div class=\"stat-item\">\r\n <span class=\"stat-num\">4<\/span>\r\n <div class=\"stat-lbl\">\u05e6\u05d9\u05e8\u05d9 \u05e9\u05d9\u05e0\u05d5\u05d9 \u05d1\u05de\u05e7\u05d1\u05d9\u05dc<\/div>\r\n <\/div>\r\n <div class=\"stat-div\"><\/div>\r\n <div class=\"stat-item\">\r\n <span class=\"stat-num\">ECO<\/span>\r\n <div class=\"stat-lbl\">\u05de\u05d5\u05d3\u05dc \u05d9\u05d9\u05e9\u05d5\u05d1\u05d9 \u05e9\u05dc\u05dd<\/div>\r\n <\/div>\r\n <div class=\"stat-div\"><\/div>\r\n <div class=\"stat-item\">\r\n <span class=\"stat-num\">\u05d2\u05df\u2013\u05ea\u05d9\u05db\u05d5\u05df<\/span>\r\n <div class=\"stat-lbl\">\u05e8\u05e6\u05e3 \u05d7\u05d9\u05e0\u05d5\u05db\u05d9 \u05de\u05dc\u05d0<\/div>\r\n <\/div>\r\n <div class=\"stat-div\"><\/div>\r\n <div class=\"stat-item\">\r\n <span class=\"stat-num\">20+<\/span>\r\n <div class=\"stat-lbl\">\u05e9\u05e0\u05d5\u05ea \u05e0\u05d9\u05e1\u05d9\u05d5\u05df \u05d1\u05e9\u05d8\u05d7<\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- \u05d2\u05dc -->\r\n<div class=\"wave-div\" style=\"background:#EAF6FD;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1440 60\" preserveAspectRatio=\"none\" style=\"display:block;width:100%;height:60px;\">\r\n <path fill=\"#ffffff\" d=\"M0,30 C360,60 720,0 1080,30 C1260,45 1380,20 1440,30 L1440,60 L0,60 Z\"\/>\r\n <\/svg>\r\n<\/div>\r\n\r\n<!-- ECO MODEL -->\r\n<section class=\"eco\" id=\"eco\">\r\n <div class=\"eco-inner\">\r\n <div class=\"eco-grid\">\r\n <div class=\"eco-text\">\r\n <span class=\"tag\">\u05de\u05d4 \u05d6\u05d4 \u05de\u05d5\u05d3\u05dc ECO?<\/span>\r\n <h2>\u05e9\u05e4\u05d4 \u05e4\u05d3\u05d2\u05d5\u05d2\u05d9\u05ea \u05de\u05e9\u05d5\u05ea\u05e4\u05ea \u05dc\u05db\u05dc \u05d4\u05e8\u05e9\u05d5\u05ea<\/h2>\r\n <p>\u05e9\u05d9\u05e0\u05d5\u05d9 \u05d0\u05de\u05d9\u05ea\u05d9 \u05dc\u05d0 \u05de\u05ea\u05d7\u05d9\u05dc \u05d1\u05db\u05d9\u05ea\u05d4 \u05d0\u05d7\u05ea \u2014 \u05d4\u05d5\u05d0 \u05de\u05ea\u05d7\u05d9\u05dc \u05d1\u05d7\u05d6\u05d5\u05df \u05d9\u05d9\u05e9\u05d5\u05d1\u05d9 \u05e9\u05dc\u05dd. \u05d3\u05e8\u05da \u05de\u05d5\u05d3\u05dc \u05d4-ECO \u05d4\u05d9\u05d9\u05e9\u05d5\u05d1\u05d9, \u05d0\u05e0\u05d5 \u05de\u05dc\u05d5\u05d5\u05d9\u05dd \u05d0\u05ea \u05d4\u05e8\u05e9\u05d5\u05ea \u05d1\u05d1\u05e0\u05d9\u05d9\u05ea <strong>\u05e9\u05e4\u05d4 \u05e4\u05d3\u05d2\u05d5\u05d2\u05d9\u05ea \u05de\u05e9\u05d5\u05ea\u05e4\u05ea<\/strong> \u05d5\u05d9\u05e6\u05d9\u05e8\u05ea \u05e7\u05d4\u05d9\u05dc\u05d4 \u05dc\u05d5\u05de\u05d3\u05ea \u2014 \u05de\u05d4\u05d2\u05df \u05d5\u05e2\u05d3 \u05d4\u05ea\u05d9\u05db\u05d5\u05df.<\/p>\r\n <p>\u05d4\u05dc\u05d9\u05d5\u05d5\u05d9 \u05e9\u05dc\u05e0\u05d5 \u05d4\u05d5\u05d0 <strong>\u05d4\u05d5\u05dc\u05d9\u05e1\u05d8\u05d9 \u05d5\u05de\u05dc\u05d0<\/strong> \u2014 \u05dc\u05d0 \u05ea\u05d5\u05db\u05e0\u05d9\u05ea \u05e0\u05e7\u05d5\u05d3\u05ea\u05d9\u05ea, \u05d0\u05dc\u05d0 \u05d8\u05e8\u05e0\u05e1\u05e4\u05d5\u05e8\u05de\u05e6\u05d9\u05d4 \u05de\u05ea\u05de\u05e9\u05db\u05ea \u05e9\u05de\u05d7\u05d6\u05d9\u05e7\u05d4 \u05dc\u05d0\u05d5\u05e8\u05da \u05d6\u05de\u05df \u05d5\u05de\u05d3\u05d9\u05d3\u05d4 \u05d1\u05ea\u05d5\u05e6\u05d0\u05d5\u05ea.<\/p>\r\n <p>\u05d0\u05e0\u05d5 \u05e2\u05d5\u05d1\u05d3\u05d9\u05dd \u05e2\u05dc <strong>\u05d0\u05e8\u05d1\u05e2\u05d4 \u05e6\u05d9\u05e8\u05d9\u05dd \u05d1\u05de\u05e7\u05d1\u05d9\u05dc<\/strong> \u2014 \u05db\u05dc \u05e6\u05d9\u05e8 \u05d4\u05d5\u05d0 \u05e2\u05d5\u05dc\u05dd \u05e9\u05dc\u05dd, \u05d5\u05d1\u05d9\u05d7\u05d3 \u05d4\u05dd \u05d9\u05d5\u05e6\u05e8\u05d9\u05dd \u05d0\u05ea \u05d4\u05d8\u05e8\u05e0\u05e1\u05e4\u05d5\u05e8\u05de\u05e6\u05d9\u05d4.<\/p>\r\n <\/div>\r\n <div class=\"eco-visual\">\r\n <h4>4 \u05e6\u05d9\u05e8\u05d9 \u05d4\u05e9\u05d9\u05e0\u05d5\u05d9 \u2014 \u05de\u05d5\u05d3\u05dc ECO<\/h4>\r\n <div class=\"eco-axes\">\r\n <div class=\"eco-axis\">\r\n <span class=\"icon\">\ud83c\udf31<\/span>\r\n <div class=\"title\">\u05e6\u05d9\u05e8 \u05d4\u05dc\u05d5\u05de\u05d3<\/div>\r\n <div class=\"sub\">\u05e4\u05e2\u05dc\u05e0\u05d5\u05ea \u05d5\u05de\u05e1\u05dc\u05d5\u05dc \u05d0\u05d9\u05e9\u05d9<\/div>\r\n <\/div>\r\n <div class=\"eco-axis\">\r\n <span class=\"icon\">\ud83d\udc69\u200d\ud83c\udfeb<\/span>\r\n <div class=\"title\">\u05e6\u05d9\u05e8 \u05d4\u05de\u05d7\u05e0\u05da<\/div>\r\n <div class=\"sub\">\u05d4\u05de\u05d5\u05e8\u05d4 \u05db\u05de\u05e0\u05d8\u05d5\u05e8<\/div>\r\n <\/div>\r\n <div class=\"eco-axis\">\r\n <span class=\"icon\">\ud83c\udfeb<\/span>\r\n <div class=\"title\">\u05e6\u05d9\u05e8 \u05d4\u05e1\u05d1\u05d9\u05d1\u05d4<\/div>\r\n <div class=\"sub\">\u05de\u05e8\u05d7\u05d1\u05d9 \u05d7\u05d3\u05e9\u05e0\u05d5\u05ea<\/div>\r\n <\/div>\r\n <div class=\"eco-axis\">\r\n <span class=\"icon\">\ud83c\udfd9\ufe0f<\/span>\r\n <div class=\"title\">\u05e6\u05d9\u05e8 \u05d4\u05e7\u05d4\u05d9\u05dc\u05d4<\/div>\r\n <div class=\"sub\">\u05e9\u05d5\u05ea\u05e4\u05d5\u05ea \u05e8\u05e9\u05d5\u05ea\u05d9\u05ea<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u05d2\u05dc -->\r\n<div class=\"wave-div\" style=\"background:var(--light);\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1440 60\" preserveAspectRatio=\"none\" style=\"display:block;width:100%;height:60px;\">\r\n <path fill=\"#ffffff\" d=\"M0,20 C360,50 720,0 1080,40 C1260,55 1380,25 1440,30 L1440,0 L0,0 Z\"\/>\r\n <\/svg>\r\n<\/div>\r\n\r\n<!-- AXES DETAIL -->\r\n<section class=\"axes\">\r\n <div class=\"axes-inner\">\r\n <span class=\"tag\">\u05d0\u05e8\u05d1\u05e2\u05ea \u05e6\u05d9\u05e8\u05d9 \u05d4\u05dc\u05d9\u05d1\u05d4<\/span>\r\n <h2>\u05d4\u05e9\u05d9\u05e0\u05d5\u05d9 \u05d4\u05e8\u05e9\u05d5\u05ea\u05d9 \u05e2\u05d5\u05d1\u05d3 \u05e2\u05dc \u05d0\u05e8\u05d1\u05e2\u05d4 \u05e6\u05d9\u05e8\u05d9\u05dd \u05d1\u05de\u05e7\u05d1\u05d9\u05dc<\/h2>\r\n <p class=\"axes-sub\">\u05db\u05dc \u05e6\u05d9\u05e8 \u05d4\u05d5\u05d0 \u05e2\u05d5\u05dc\u05dd \u05e9\u05dc\u05dd \u2014 \u05d5\u05d1\u05d9\u05d7\u05d3 \u05d4\u05dd \u05d9\u05d5\u05e6\u05e8\u05d9\u05dd \u05d0\u05ea \u05d4\u05d8\u05e8\u05e0\u05e1\u05e4\u05d5\u05e8\u05de\u05e6\u05d9\u05d4 \u05e9\u05e8\u05e9\u05d5\u05d9\u05d5\u05ea \u05de\u05d5\u05d1\u05d9\u05dc\u05d5\u05ea \u05d1\u05d9\u05e9\u05e8\u05d0\u05dc \u05db\u05d1\u05e8 \u05de\u05d9\u05d9\u05e9\u05de\u05d5\u05ea.<\/p>\r\n\r\n <div class=\"axis-card\">\r\n <div class=\"axis-num\">01<\/div>\r\n <div>\r\n <div class=\"axis-icon\">\ud83c\udf31 \u05e6\u05d9\u05e8 \u05d4\u05dc\u05d5\u05de\u05d3<\/div>\r\n <div class=\"axis-title\">\u05e4\u05e2\u05dc\u05e0\u05d5\u05ea (Agency) \u05d5\u05de\u05e1\u05dc\u05d5\u05dc \u05d0\u05d9\u05e9\u05d9<\/div>\r\n <p class=\"axis-desc\">\u05d0\u05e0\u05d5 \u05de\u05e1\u05d9\u05d9\u05e2\u05d9\u05dd \u05dc\u05e8\u05e9\u05d5\u05ea \u05dc\u05d9\u05d9\u05e6\u05e8 \u05de\u05e1\u05dc\u05d5\u05dc\u05d9 \u05dc\u05de\u05d9\u05d3\u05d4 \u05d4\u05de\u05d1\u05d5\u05e1\u05e1\u05d9\u05dd \u05e2\u05dc \u05ea\u05e9\u05d5\u05e7\u05d4 \u05d5\u05e1\u05e7\u05e8\u05e0\u05d5\u05ea \u2014 \u05dc\u05d4\u05e4\u05d5\u05da \u05db\u05dc \u05ea\u05dc\u05de\u05d9\u05d3 \u05dc\u05d9\u05d6\u05dd \u05e9\u05dc \u05de\u05e1\u05dc\u05d5\u05dc \u05d7\u05d9\u05d9\u05d5.<\/p>\r\n <div class=\"axis-tags\">\r\n <span class=\"axis-tag\">\ud83c\udf31 \u05de\u05e1\u05dc\u05d5\u05dc\u05d9 \u05dc\u05de\u05d9\u05d3\u05d4 \u05d0\u05d9\u05e9\u05d9\u05d9\u05dd<\/span>\r\n <span class=\"axis-tag\">\ud83d\udca1 \u05de\u05e1\u05d5\u05d2\u05dc\u05d5\u05ea \u05e2\u05e6\u05de\u05d9\u05ea<\/span>\r\n <span class=\"axis-tag\">\ud83d\ude80 \u05d9\u05d6\u05de\u05d5\u05ea \u05d0\u05d9\u05e9\u05d9\u05ea<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"axis-card\">\r\n <div class=\"axis-num\">02<\/div>\r\n <div>\r\n <div class=\"axis-icon\" style=\"color:#b8860b;\">\ud83d\udc69\u200d\ud83c\udfeb \u05e6\u05d9\u05e8 \u05d4\u05de\u05d7\u05e0\u05da<\/div>\r\n <div class=\"axis-title\">\u05d4\u05de\u05d5\u05e8\u05d4 \u05db\u05de\u05e0\u05d8\u05d5\u05e8 \u2014 \u05dc\u05d9\u05d5\u05d5\u05d9 \u05d4\u05d5\u05dc\u05d9\u05e1\u05d8\u05d9<\/div>\r\n <p class=\"axis-desc\">\u05d0\u05e0\u05d5 \u05de\u05e9\u05e7\u05d9\u05e2\u05d9\u05dd \u05d1\u05d4\u05d5\u05df \u05d4\u05d0\u05e0\u05d5\u05e9\u05d9 \u05e9\u05dc \u05d4\u05e8\u05e9\u05d5\u05ea \u05d3\u05e8\u05da \u05d4\u05db\u05e9\u05e8\u05ea \u05e6\u05d5\u05d5\u05ea\u05d9 \u05d4\u05d5\u05e8\u05d0\u05d4 \u05d1\u05ea\u05db\u05e0\u05d9\u05d5\u05ea \u05dc\u05d9\u05d5\u05d5\u05d9 \u05de\u05d5\u05ea\u05d0\u05de\u05d5\u05ea. \u05d4\u05de\u05d5\u05e8\u05d4 \u05e2\u05d5\u05d1\u05e8 \u05d8\u05e8\u05e0\u05e1\u05e4\u05d5\u05e8\u05de\u05e6\u05d9\u05d4 \u2014 \u05de\u05de\u05d5\u05e1\u05e8 \u05d9\u05d3\u05e2 \u05dc\u05de\u05e0\u05d8\u05d5\u05e8 \u05d0\u05de\u05d9\u05ea\u05d9.<\/p>\r\n <div class=\"axis-tags\">\r\n <span class=\"axis-tag\" style=\"color:#b8860b;border-color:rgba(184,134,11,.2);background:rgba(184,134,11,.06);\">\ud83e\uddd1\u200d\ud83c\udfeb \u05de\u05e0\u05d8\u05d5\u05e8\u05d9\u05e0\u05d2 \u05de\u05e7\u05e6\u05d5\u05e2\u05d9<\/span>\r\n <span class=\"axis-tag\" style=\"color:#b8860b;border-color:rgba(184,134,11,.2);background:rgba(184,134,11,.06);\">\ud83d\udcf1 \u05d7\u05d3\u05e9\u05e0\u05d5\u05ea \u05d8\u05db\u05e0\u05d5\u05dc\u05d5\u05d2\u05d9\u05ea<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"axis-card\">\r\n <div class=\"axis-num\">03<\/div>\r\n <div>\r\n <div class=\"axis-icon\" style=\"color:#2a7a5a;\">\ud83c\udfeb \u05e6\u05d9\u05e8 \u05d4\u05e1\u05d1\u05d9\u05d1\u05d4<\/div>\r\n <div class=\"axis-title\">\u05d4\u05e7\u05de\u05ea \u05de\u05e8\u05d7\u05d1\u05d9 \u05d7\u05d3\u05e9\u05e0\u05d5\u05ea \u05de-\u05d0\u05f3 \u05d5\u05e2\u05d3 \u05ea\u05f3<\/div>\r\n <p class=\"axis-desc\">\u05d0\u05e0\u05d5 \u05de\u05ea\u05de\u05d7\u05d9\u05dd \u05d1\u05d0\u05e4\u05d9\u05d5\u05df, \u05e2\u05d9\u05e6\u05d5\u05d1 \u05d5\u05d4\u05e7\u05de\u05d4 \u05e9\u05dc \u05de\u05e8\u05d7\u05d1\u05d9 \u05dc\u05de\u05d9\u05d3\u05d4 \u05d0\u05d9\u05de\u05e8\u05e1\u05d9\u05d1\u05d9\u05d9\u05dd \u05d5\u05de\u05e8\u05db\u05d6\u05d9 \u05d7\u05d3\u05e9\u05e0\u05d5\u05ea \u05e2\u05ea\u05d9\u05d3\u05e0\u05d9\u05d9\u05dd, \u05db\u05d5\u05dc\u05dc \u05d0\u05e1\u05e4\u05e7\u05ea \u05db\u05dc\u05dc \u05d4\u05e6\u05d9\u05d5\u05d3 \u05d4\u05d8\u05db\u05e0\u05d5\u05dc\u05d5\u05d2\u05d9.<\/p>\r\n <div class=\"axis-tags\">\r\n <span class=\"axis-tag\" style=\"color:#2a7a5a;border-color:rgba(42,122,90,.2);background:rgba(42,122,90,.06);\">\ud83c\udf0c Immersive Rooms<\/span>\r\n <span class=\"axis-tag\" style=\"color:#2a7a5a;border-color:rgba(42,122,90,.2);background:rgba(42,122,90,.06);\">\u2699\ufe0f \u05e8\u05d5\u05d1\u05d5\u05d8\u05d9\u05e7\u05d4 \u05d5\u05e7\u05d5\u05d3<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"axis-card\">\r\n <div class=\"axis-num\">04<\/div>\r\n <div>\r\n <div class=\"axis-icon\" style=\"color:#c0506a;\">\ud83c\udfd9\ufe0f \u05e6\u05d9\u05e8 \u05d4\u05e7\u05d4\u05d9\u05dc\u05d4<\/div>\r\n <div class=\"axis-title\">\u05e9\u05d5\u05ea\u05e4\u05d5\u05ea \u05e8\u05e9\u05d5\u05ea\u05d9\u05ea \u05d5\u05e8\u05e6\u05e3 \u05d7\u05d9\u05e0\u05d5\u05db\u05d9 \u2014 \u05de\u05d4\u05d1\u05d5\u05e7\u05e8 \u05e2\u05d3 \u05d4\u05e2\u05e8\u05d1<\/div>\r\n <p class=\"axis-desc\">\u05d0\u05e0\u05d5 \u05de\u05ea\u05db\u05dc\u05dc\u05d9\u05dd \u05d0\u05ea \u05db\u05dc\u05dc \u05de\u05d5\u05e1\u05d3\u05d5\u05ea \u05d4\u05d7\u05d9\u05e0\u05d5\u05da \u05d1\u05e8\u05e9\u05d5\u05ea \u2014 \u05e4\u05d5\u05e8\u05de\u05dc\u05d9 \u05d5\u05d1\u05dc\u05ea\u05d9 \u05e4\u05d5\u05e8\u05de\u05dc\u05d9 \u2014 \u05d5\u05d9\u05d5\u05e6\u05e8\u05d9\u05dd \u05e8\u05e6\u05e3 \u05d7\u05d9\u05e0\u05d5\u05db\u05d9 \u05d0\u05d7\u05d3 \u05e8\u05e6\u05d9\u05e3 \u05dc\u05d0\u05d5\u05e8\u05da \u05db\u05dc \u05d4\u05d9\u05d5\u05dd.<\/p>\r\n <div class=\"axis-tags\">\r\n <span class=\"axis-tag\" style=\"color:#c0506a;border-color:rgba(192,80,106,.2);background:rgba(192,80,106,.06);\">\ud83d\udd17 \u05e8\u05e6\u05e3 \u05e4\u05d5\u05e8\u05de\u05dc\u05d9-\u05d1\u05dc\u05ea\u05d9 \u05e4\u05d5\u05e8\u05de\u05dc\u05d9<\/span>\r\n <span class=\"axis-tag\" style=\"color:#c0506a;border-color:rgba(192,80,106,.2);background:rgba(192,80,106,.06);\">\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67 \u05e9\u05d5\u05ea\u05e4\u05d5\u05ea \u05d4\u05d5\u05e8\u05d9\u05dd<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u05d2\u05dc -->\r\n<div class=\"wave-div\" style=\"background:#fff;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1440 60\" preserveAspectRatio=\"none\" style=\"display:block;width:100%;height:60px;\">\r\n <path fill=\"#EAF6FD\" d=\"M0,30 C360,0 720,60 1080,20 C1260,5 1380,40 1440,30 L1440,60 L0,60 Z\"\/>\r\n <\/svg>\r\n<\/div>\r\n\r\n<!-- STEPS -->\r\n<section class=\"steps\">\r\n <div class=\"steps-inner\">\r\n <span class=\"tag\">\u05ea\u05d4\u05dc\u05d9\u05da \u05d4\u05dc\u05d9\u05d5\u05d5\u05d9 \u05d4\u05d0\u05e1\u05d8\u05e8\u05d8\u05d2\u05d9<\/span>\r\n <h2>4 \u05e9\u05dc\u05d1\u05d9\u05dd \u2014 \u05de\u05d7\u05d6\u05d5\u05df \u05dc\u05e9\u05d9\u05e0\u05d5\u05d9 \u05de\u05d3\u05d9\u05d3 \u05d1\u05e9\u05d8\u05d7<\/h2>\r\n <p class=\"steps-sub\">\u05db\u05dc \u05e9\u05dc\u05d1 \u05d1\u05e0\u05d5\u05d9 \u05e2\u05dc \u05d4\u05e7\u05d5\u05d3\u05dd \u2014 \u05d5\u05d9\u05d7\u05d3 \u05de\u05d9\u05d9\u05e6\u05e8\u05d9\u05dd \u05e9\u05d9\u05e0\u05d5\u05d9 \u05e2\u05d5\u05de\u05e7 \u05e9\u05de\u05d7\u05d6\u05d9\u05e7 \u05dc\u05d0\u05d5\u05e8\u05da \u05e9\u05e0\u05d9\u05dd.<\/p>\r\n <div class=\"steps-grid\">\r\n <div class=\"step-card\">\r\n <div class=\"step-num\">1<\/div>\r\n <div class=\"step-content\">\r\n <h4>\u05d0\u05d1\u05d7\u05d5\u05df \u05d5\u05de\u05d7\u05e7\u05e8 \u05e9\u05d8\u05d7<\/h4>\r\n <p>\u05d0\u05e4\u05d9\u05d5\u05df \u05de\u05e2\u05de\u05d9\u05e7 \u05e9\u05dc \u05d4\u05e6\u05e8\u05db\u05d9\u05dd, \u05d4\u05d0\u05ea\u05d2\u05e8\u05d9\u05dd \u05d5\u05d4\u05e4\u05d5\u05d8\u05e0\u05e6\u05d9\u05d0\u05dc \u05d4\u05d9\u05d9\u05d7\u05d5\u05d3\u05d9\u05d9\u05dd \u05e9\u05dc \u05d4\u05e8\u05e9\u05d5\u05ea \u2014 \u05dc\u05e4\u05e0\u05d9 \u05db\u05dc \u05d3\u05d1\u05e8 \u05d0\u05d7\u05e8.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"step-card\">\r\n <div class=\"step-num\">2<\/div>\r\n <div class=\"step-content\">\r\n <h4>\u05d2\u05d9\u05d1\u05d5\u05e9 \u05d7\u05d6\u05d5\u05df \u05e4\u05d3\u05d2\u05d5\u05d2\u05d9-\u05d9\u05d9\u05e9\u05d5\u05d1\u05d9<\/h4>\r\n <p>\u05d1\u05e0\u05d9\u05d9\u05ea \u05ea\u05d5\u05db\u05e0\u05d9\u05ea \u05e2\u05d1\u05d5\u05d3\u05d4 \u05d4\u05de\u05e9\u05dc\u05d1\u05ea \u05d9\u05e2\u05d3\u05d9 \u05de\u05e9\u05e8\u05d3 \u05d4\u05d7\u05d9\u05e0\u05d5\u05da \u05e2\u05dd \u05d7\u05d6\u05d5\u05df \u05d4\u05d7\u05d3\u05e9\u05e0\u05d5\u05ea \u05d4\u05de\u05e7\u05d5\u05de\u05d9 \u05d4\u05d9\u05d9\u05d7\u05d5\u05d3\u05d9.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"step-card\">\r\n <div class=\"step-num\">3<\/div>\r\n <div class=\"step-content\">\r\n <h4>\u05d4\u05e7\u05de\u05d4 \u05d5\u05d4\u05d8\u05de\u05e2\u05d4 \u05de\u05dc\u05d0\u05d4<\/h4>\r\n <p>\u05d1\u05d9\u05e6\u05d5\u05e2 \u05d1\u05e9\u05d8\u05d7 \u2014 \u05d4\u05e7\u05de\u05ea \u05de\u05e8\u05db\u05d6\u05d9\u05dd, \u05d0\u05e1\u05e4\u05e7\u05ea \u05e6\u05d9\u05d5\u05d3 \u05d5\u05d4\u05db\u05e9\u05e8\u05ea \u05e6\u05d5\u05d5\u05ea\u05d9\u05dd \u05d1\u05de\u05d5\u05d3\u05dc \u05d4\u05de\u05e0\u05d8\u05d5\u05e8\u05d9\u05e0\u05d2 \u05d4\u05d3\u05d9\u05e4\u05e8\u05e0\u05e6\u05d9\u05d0\u05dc\u05d9.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"step-card\">\r\n <div class=\"step-num\">4<\/div>\r\n <div class=\"step-content\">\r\n <h4>\u05dc\u05d9\u05d5\u05d5\u05d9, \u05d1\u05e7\u05e8\u05d4 \u05d5\u05d0\u05d9\u05de\u05e4\u05e7\u05d8<\/h4>\r\n <p>\u05de\u05d3\u05d9\u05d3\u05ea \u05ea\u05d5\u05e6\u05d0\u05d5\u05ea \u05de\u05ea\u05de\u05e9\u05db\u05ea \u05dc\u05d4\u05d1\u05d8\u05d7\u05ea \u05e9\u05d9\u05e0\u05d5\u05d9 \u05e2\u05d5\u05de\u05e7 \u05d1\u05e8-\u05e7\u05d9\u05d9\u05de\u05d0 \u2014 \u05dc\u05d0 \u05e4\u05e8\u05d5\u05d9\u05e7\u05d8, \u05d0\u05dc\u05d0 \u05ea\u05d4\u05dc\u05d9\u05da \u05d7\u05d9.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- MISSION STRIP -->\r\n<section class=\"mission-strip\">\r\n <div class=\"mission-inner\">\r\n <div class=\"mission-header\">\r\n <span class=\"tag\" style=\"color:var(--yellow);background:rgba(245,200,66,.12);border-color:rgba(245,200,66,.3);\">\u05d4\u05e9\u05dc\u05d9\u05d7\u05d5\u05ea \u05e9\u05dc\u05e0\u05d5<\/span>\r\n <h2>\u05d4\u05d4\u05e6\u05dc\u05d7\u05d4 \u05e9\u05dc\u05db\u05dd \u05d4\u05d9\u05d0 \u05d4\u05e9\u05dc\u05d9\u05d7\u05d5\u05ea \u05e9\u05dc\u05e0\u05d5<\/h2>\r\n <p>\u05d0\u05e0\u05d5 \u05de\u05e0\u05d2\u05d9\u05e9\u05d9\u05dd \u05d0\u05ea \u05e7\u05e6\u05d4 \u05d4\u05d8\u05db\u05e0\u05d5\u05dc\u05d5\u05d2\u05d9\u05d4 \u05d5\u05d4\u05de\u05e0\u05d8\u05d5\u05e8\u05d9\u05e0\u05d2 \u05db\u05e9\u05dc\u05d9\u05d7\u05d5\u05ea \u05dc\u05d0\u05d5\u05de\u05d9\u05ea \u2014 \u05de\u05d4\u05de\u05e8\u05db\u05d6 \u05d5\u05e2\u05d3 \u05d4\u05e4\u05e8\u05d9\u05e4\u05e8\u05d9\u05d4.<\/p>\r\n <\/div>\r\n <div class=\"mission-grid\">\r\n <div class=\"mission-item\">\r\n <span class=\"mission-icon\">\u26a1<\/span>\r\n <div class=\"mission-title\">20+ \u05e9\u05e0\u05d5\u05ea \u05e0\u05d9\u05e1\u05d9\u05d5\u05df<\/div>\r\n <div class=\"mission-sub\">\u05e4\u05d3\u05d2\u05d5\u05d2\u05d9\u05d4 \u05de\u05d5\u05db\u05d7\u05ea, \u05dc\u05d0 \u05ea\u05d9\u05d0\u05d5\u05e8\u05d9\u05d4<\/div>\r\n <\/div>\r\n <div class=\"mission-item\">\r\n <span class=\"mission-icon\">\ud83c\udf0d<\/span>\r\n <div class=\"mission-title\">\u05de\u05d4\u05de\u05e8\u05db\u05d6 \u05d5\u05e2\u05d3 \u05d4\u05e4\u05e8\u05d9\u05e4\u05e8\u05d9\u05d4<\/div>\r\n <div class=\"mission-sub\">\u05e9\u05d5\u05d5\u05d9\u05d5\u05df \u05d4\u05d6\u05d3\u05de\u05e0\u05d5\u05d9\u05d5\u05ea \u05d0\u05de\u05d9\u05ea\u05d9<\/div>\r\n <\/div>\r\n <div class=\"mission-item\">\r\n <span class=\"mission-icon\">\ud83d\udcca<\/span>\r\n <div class=\"mission-title\">\u05de\u05d3\u05d9\u05d3\u05ea \u05d0\u05d9\u05de\u05e4\u05e7\u05d8 \u05de\u05ea\u05de\u05e9\u05db\u05ea<\/div>\r\n <div class=\"mission-sub\">\u05ea\u05d5\u05e6\u05d0\u05d5\u05ea \u05e9\u05e8\u05d5\u05d0\u05d9\u05dd \u05d1\u05e9\u05d8\u05d7<\/div>\r\n <\/div>\r\n <div class=\"mission-item\">\r\n <span class=\"mission-icon\">\ud83e\udd1d<\/span>\r\n <div class=\"mission-title\">\u05e9\u05d5\u05ea\u05e4\u05d5\u05ea \u05d0\u05e8\u05d5\u05db\u05ea \u05d8\u05d5\u05d5\u05d7<\/div>\r\n <div class=\"mission-sub\">\u05dc\u05d0 \u05e4\u05e8\u05d5\u05d9\u05e7\u05d8 \u2014 \u05de\u05e2\u05e8\u05db\u05ea \u05d9\u05d7\u05e1\u05d9\u05dd<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u05d2\u05dc \u05dc\u05e4\u05e0\u05d9 BOOKING -->\r\n<div class=\"wave-div\" style=\"background:linear-gradient(135deg,var(--navy),var(--blue));\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1440 80\" preserveAspectRatio=\"none\" style=\"display:block;width:100%;height:80px;\">\r\n <path fill=\"#2B7FC4\" d=\"M0,20 C360,70 720,0 1080,50 C1260,70 1380,30 1440,40 L1440,80 L0,80 Z\"\/>\r\n <\/svg>\r\n<\/div>\r\n\r\n<!-- BOOKING -->\r\n<section class=\"booking\" id=\"booking\">\r\n <div class=\"booking-inner\">\r\n <span class=\"tag\" style=\"color:var(--yellow);background:rgba(245,200,66,.12);border-color:rgba(245,200,66,.3);\">\u05e9\u05d9\u05d7\u05ea \u05d0\u05e4\u05d9\u05d5\u05df \u05e8\u05d0\u05e9\u05d5\u05e0\u05d9\u05ea<\/span>\r\n <h2>\u05de\u05e2\u05d5\u05e0\u05d9\u05d9\u05e0\u05d9\u05dd \u05d1\u05d8\u05e8\u05e0\u05e1\u05e4\u05d5\u05e8\u05de\u05e6\u05d9\u05d4?<\/h2>\r\n <p class=\"booking-sub\">\u05e0\u05e9\u05de\u05d7 \u05dc\u05d4\u05d1\u05d9\u05df \u05d0\u05ea \u05d4\u05e8\u05e9\u05d5\u05ea \u05e9\u05dc\u05db\u05dd, \u05dc\u05d0\u05e4\u05d9\u05d9\u05df \u05d0\u05ea \u05d4\u05e6\u05e8\u05db\u05d9\u05dd \u05d5\u05dc\u05d4\u05e6\u05d9\u05d2 \u05d1\u05e4\u05e0\u05d9\u05db\u05dd \u05de\u05d5\u05d3\u05dc \u05dc\u05d9\u05d5\u05d5\u05d9 \u05de\u05d5\u05ea\u05d0\u05dd \u2014 \u05dc\u05dc\u05d0 \u05d4\u05ea\u05d7\u05d9\u05d9\u05d1\u05d5\u05ea.<\/p>\r\n <div class=\"form-box\">\r\n <h3>\ud83c\udfd9\ufe0f \u05d8\u05d5\u05e4\u05e1 \u05e4\u05e0\u05d9\u05d9\u05d4 \u2014 \u05dc\u05d9\u05d5\u05d5\u05d9 \u05e8\u05e9\u05d5\u05ea\u05d9<\/h3>\r\n <p class=\"form-sub\">\u05d4\u05e9\u05d0\u05d9\u05e8\u05d5 \u05e4\u05e8\u05d8\u05d9\u05dd \u05d5\u05e0\u05d7\u05d6\u05d5\u05e8 \u05d0\u05dc\u05d9\u05db\u05dd \u05ea\u05d5\u05da 24 \u05e9\u05e2\u05d5\u05ea \u05dc\u05ea\u05d9\u05d0\u05d5\u05dd \u05e9\u05d9\u05d7\u05ea \u05d0\u05e4\u05d9\u05d5\u05df<\/p>\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label>\u05e9\u05dd \u05d4\u05e8\u05e9\u05d5\u05ea \/ \u05d4\u05e2\u05d9\u05e8\u05d9\u05d9\u05d4<\/label>\r\n <input type=\"text\" placeholder=\"\u05dc\u05d3\u05d5\u05d2\u05de\u05d4: \u05e2\u05d9\u05e8\u05d9\u05d9\u05ea \u05d7\u05d9\u05e4\u05d4\" required>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label>\u05e9\u05dd \u05d0\u05d9\u05e9 \u05d4\u05e7\u05e9\u05e8 \u05d5\u05ea\u05e4\u05e7\u05d9\u05d3<\/label>\r\n <input type=\"text\" placeholder=\"\u05e9\u05dd \u05de\u05dc\u05d0 \u05d5\u05ea\u05e4\u05e7\u05d9\u05d3\" required>\r\n <\/div>\r\n <\/div>\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label>\u05d8\u05dc\u05e4\u05d5\u05df<\/label>\r\n <input type=\"tel\" placeholder=\"050-0000000\" required>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label>\u05de\u05d9\u05d9\u05dc<\/label>\r\n <input type=\"email\" placeholder=\"name@city.org.il\" required>\r\n <\/div>\r\n <\/div>\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label>\u05de\u05e1\u05e4\u05e8 \u05de\u05d5\u05e1\u05d3\u05d5\u05ea \u05d7\u05d9\u05e0\u05d5\u05da \u05d1\u05e8\u05e9\u05d5\u05ea<\/label>\r\n <select>\r\n <option value=\"\">\u05d1\u05d7\u05e8\u05d5 \u05d8\u05d5\u05d5\u05d7<\/option>\r\n <option>\u05e2\u05d3 15 \u05de\u05d5\u05e1\u05d3\u05d5\u05ea<\/option>\r\n <option>15\u201330 \u05de\u05d5\u05e1\u05d3\u05d5\u05ea<\/option>\r\n <option>30\u201360 \u05de\u05d5\u05e1\u05d3\u05d5\u05ea<\/option>\r\n <option>60+ \u05de\u05d5\u05e1\u05d3\u05d5\u05ea<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label>\u05e6\u05d9\u05e8 \u05e9\u05de\u05e2\u05e0\u05d9\u05d9\u05df \u05d0\u05ea\u05db\u05dd \u05d1\u05de\u05d9\u05d5\u05d7\u05d3<\/label>\r\n <select>\r\n <option value=\"\">\u05d1\u05d7\u05e8\u05d5 \u05e6\u05d9\u05e8<\/option>\r\n <option>\u05e6\u05d9\u05e8 \u05d4\u05dc\u05d5\u05de\u05d3 \u2014 \u05e4\u05e2\u05dc\u05e0\u05d5\u05ea \u05d5\u05de\u05e1\u05dc\u05d5\u05dc \u05d0\u05d9\u05e9\u05d9<\/option>\r\n <option>\u05e6\u05d9\u05e8 \u05d4\u05de\u05d7\u05e0\u05da \u2014 \u05d4\u05de\u05d5\u05e8\u05d4 \u05db\u05de\u05e0\u05d8\u05d5\u05e8<\/option>\r\n <option>\u05e6\u05d9\u05e8 \u05d4\u05e1\u05d1\u05d9\u05d1\u05d4 \u2014 \u05de\u05e8\u05db\u05d6\u05d9 \u05d7\u05d3\u05e9\u05e0\u05d5\u05ea<\/option>\r\n <option>\u05e6\u05d9\u05e8 \u05d4\u05e7\u05d4\u05d9\u05dc\u05d4 \u2014 \u05e9\u05d5\u05ea\u05e4\u05d5\u05ea \u05e8\u05e9\u05d5\u05ea\u05d9\u05ea<\/option>\r\n <option>\u05db\u05dc \u05d0\u05e8\u05d1\u05e2\u05ea \u05d4\u05e6\u05d9\u05e8\u05d9\u05dd \u2014 \u05de\u05d5\u05d3\u05dc ECO \u05de\u05dc\u05d0<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n <div class=\"form-row\">\r\n <div class=\"form-group full\">\r\n <label>\u05e1\u05e4\u05e8\u05d5 \u05dc\u05e0\u05d5 \u05e2\u05dc \u05d4\u05e8\u05e9\u05d5\u05ea \u05d5\u05e2\u05dc \u05d4\u05d0\u05ea\u05d2\u05e8 \u05d4\u05de\u05e8\u05db\u05d6\u05d9 \u05e9\u05dc\u05db\u05dd<\/label>\r\n <textarea placeholder=\"\u05de\u05d4 \u05d4\u05d0\u05ea\u05d2\u05e8\u05d9\u05dd \u05d4\u05e2\u05d9\u05e7\u05e8\u05d9\u05d9\u05dd \u05e9\u05d0\u05ea\u05dd \u05de\u05ea\u05de\u05d5\u05d3\u05d3\u05d9\u05dd \u05d0\u05d9\u05ea\u05dd? \u05de\u05d4 \u05d4\u05d9\u05d9\u05ea\u05dd \u05e8\u05d5\u05e6\u05d9\u05dd \u05dc\u05e9\u05e0\u05d5\u05ea?\"><\/textarea>\r\n <\/div>\r\n <\/div>\r\n <button class=\"form-submit\" onclick=\"submitForm(event)\">\u05e9\u05dc\u05d7\u05d5 \u05d0\u05ea \u05d4\u05e4\u05e0\u05d9\u05d9\u05d4 \u2014 \u05e0\u05d7\u05d6\u05d5\u05e8 \u05ea\u05d5\u05da 24 \u05e9\u05e2\u05d5\u05ea \u2713<\/button>\r\n <p class=\"form-note\">\ud83d\udcde \u05de\u05e2\u05d3\u05d9\u05e4\u05d9\u05dd \u05dc\u05d3\u05d1\u05e8? 054-2363473 | \u2709\ufe0f maofassociation@gmail.com<\/p>\r\n <div id=\"form-success\">\u2705 \u05d4\u05e4\u05e0\u05d9\u05d9\u05d4 \u05e0\u05e9\u05dc\u05d7\u05d4 \u05d1\u05d4\u05e6\u05dc\u05d7\u05d4! \u05e0\u05d7\u05d6\u05d5\u05e8 \u05d0\u05dc\u05d9\u05db\u05dd \u05ea\u05d5\u05da 24 \u05e9\u05e2\u05d5\u05ea.<\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\nasync function submitForm(e) {\r\n e.preventDefault();\r\n const btn = e.target;\r\n const form = btn.closest('.form-box');\r\n const inputs = form.querySelectorAll('input[required]');\r\n let isValid = true;\r\n inputs.forEach(input => {\r\n if (!input.value.trim()) {\r\n isValid = false;\r\n input.style.borderColor = '#e74c3c';\r\n } else {\r\n input.style.borderColor = '';\r\n }\r\n });\r\n if (!isValid) { alert('\u05e0\u05d0 \u05dc\u05de\u05dc\u05d0 \u05d0\u05ea \u05db\u05dc \u05e9\u05d3\u05d5\u05ea \u05d4\u05d7\u05d5\u05d1\u05d4'); return; }\r\n\r\n btn.textContent = '\u05e9\u05d5\u05dc\u05d7...';\r\n btn.disabled = true;\r\n\r\n const allInputs = form.querySelectorAll('input, select, textarea');\r\n let data = { _subject: '\u05e4\u05e0\u05d9\u05d9\u05d4 \u05d7\u05d3\u05e9\u05d4 \u2014 \u05dc\u05d9\u05d5\u05d5\u05d9 \u05e8\u05e9\u05d5\u05ea\u05d9 \u05de\u05e2\u05d5\u05e3' };\r\n allInputs.forEach(input => {\r\n if (input.labels && input.labels[0]) {\r\n data[input.labels[0].textContent.trim()] = input.value;\r\n }\r\n });\r\n\r\n try {\r\n const res = await fetch('https:\/\/formspree.io\/f\/xqeyywgr', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application\/json', 'Accept': 'application\/json' },\r\n body: JSON.stringify(data)\r\n });\r\n if (res.ok) {\r\n document.getElementById('form-success').style.display = 'block';\r\n btn.style.display = 'none';\r\n } else throw new Error();\r\n } catch {\r\n btn.textContent = '\u05e9\u05dc\u05d7\u05d5 \u05d0\u05ea \u05d4\u05e4\u05e0\u05d9\u05d9\u05d4 \u2014 \u05e0\u05d7\u05d6\u05d5\u05e8 \u05ea\u05d5\u05da 24 \u05e9\u05e2\u05d5\u05ea \u2713';\r\n btn.disabled = false;\r\n alert('\u05d0\u05d9\u05e8\u05e2\u05d4 \u05e9\u05d2\u05d9\u05d0\u05d4. \u05e0\u05e1\u05d5 \u05e9\u05d5\u05d1 \u05d0\u05d5 \u05d4\u05ea\u05e7\u05e9\u05e8\u05d5 \u05dc-054-2363473');\r\n }\r\n}\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u05dc\u05d9\u05d5\u05d5\u05d9 \u05e8\u05e9\u05d5\u05ea\u05d9 | \u05de\u05d5\u05d3\u05dc ECO \u05d4\u05d9\u05d9\u05e9\u05d5\u05d1\u05d9 | \u05de\u05e2\u05d5\u05e3 \u05dc\u05d7\u05d9\u05e0\u05d5\u05da \ud83c\udfd9\ufe0f \u05de\u05d5\u05d3\u05dc ECO \u05d4\u05d9\u05d9\u05e9\u05d5\u05d1\u05d9 | \u05dc\u05d9\u05d5\u05d5\u05d9 \u05e8\u05e9\u05d5\u05d9\u05d5\u05ea \u05de\u05e7\u05d5\u05de\u05d9\u05d5\u05ea \u05d8\u05e8\u05e0\u05e1\u05e4\u05d5\u05e8\u05de\u05e6\u05d9\u05d4 \u05d7\u05d9\u05e0\u05d5\u05db\u05d9\u05ea \u2014\u05de\u05d7\u05d6\u05d5\u05df \u05dc\u05d0\u05d9\u05de\u05e4\u05e7\u05d8 \u05d1\u05e9\u05d8\u05d7 \u05d4\u05d5\u05e4\u05db\u05d9\u05dd \u05d7\u05d6\u05d5\u05df \u05e2\u05d9\u05e8\u05d5\u05e0\u05d9 \u05dc\u05d0\u05d9\u05de\u05e4\u05e7\u05d8 \u05d7\u05d9\u05e0\u05d5\u05db\u05d9 \u05d1\u05e9\u05d8\u05d7. \u05d0\u05e0\u05d5 \u05d1\u05d5\u05e0\u05d9\u05dd \u05e9\u05d5\u05ea\u05e4\u05d5\u05d9\u05d5\u05ea \u05d0\u05e1\u05d8\u05e8\u05d8\u05d2\u05d9\u05d5\u05ea \u05e2\u05dd \u05e8\u05e9\u05d5\u05d9\u05d5\u05ea \u05de\u05e7\u05d5\u05de\u05d9\u05d5\u05ea \u2014 \u05d5\u05de\u05d9\u05d9\u05e6\u05e8\u05d9\u05dd \u05d0\u05e7\u05d5-\u05e1\u05d9\u05e1\u05d8\u05dd \u05d7\u05d9\u05e0\u05d5\u05db\u05d9 \u05d7\u05d9 \u05e9\u05de\u05d7\u05d6\u05d9\u05e7 \u05dc\u05d0\u05d5\u05e8\u05da \u05e9\u05e0\u05d9\u05dd. \u05dc\u05e9\u05d9\u05d7\u05ea \u05d0\u05e4\u05d9\u05d5\u05df \u05e8\u05d0\u05e9\u05d5\u05e0\u05d9\u05ea \u2190 \u05de\u05d4 \u05d6\u05d4 \u05de\u05d5\u05d3\u05dc ECO? 4 \u05e6\u05d9\u05e8\u05d9 \u05e9\u05d9\u05e0\u05d5\u05d9 \u05d1\u05de\u05e7\u05d1\u05d9\u05dc […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-608","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/maof-edu.org\/index.php?rest_route=\/wp\/v2\/pages\/608","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maof-edu.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/maof-edu.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/maof-edu.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/maof-edu.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=608"}],"version-history":[{"count":13,"href":"https:\/\/maof-edu.org\/index.php?rest_route=\/wp\/v2\/pages\/608\/revisions"}],"predecessor-version":[{"id":709,"href":"https:\/\/maof-edu.org\/index.php?rest_route=\/wp\/v2\/pages\/608\/revisions\/709"}],"wp:attachment":[{"href":"https:\/\/maof-edu.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=608"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}