/* Reset & base */
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:'SF Hebrew',system-ui,-apple-system,'Segoe UI',Tahoma; background:#2d2f34; color:#eaeff7; line-height:1.7}
/* Utilities */
.container_new{width:98%; margin-inline:auto; padding:0 20px}
.container{width:min(1200px,95%); margin-inline:auto; padding:0 20px}
.row{display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center}
.col{min-width:0}
h1,h2,h3{margin:0 0 .6rem 0}
h1{font-size:clamp(28px,4.8vw,56px); font-weight:900; line-height:1.15}
h2{font-size:clamp(22px,3.2vw,36px); font-weight:800}
h3{font-size:clamp(20px,2.8vw,28px); font-weight:800}
p{margin:0 0 1rem 0; color:#c9d2e2}
ul{margin:0; padding-inline-start:1.2rem}
li{margin:.3rem 0}
img{max-width:100%; height:auto; display:block}
/* Hero */
.hero{position:relative; overflow:visible; padding:0; display:flex; align-items:center}
.hero-bg{display:none}
.hero-bg-left{position:absolute; left:0; top:50%; transform:translateY(-50%); height:100%; width:auto; max-width:280px; object-fit:contain; opacity:.5; pointer-events:none; z-index:1}
.hero-inner{background:#ff5d7d; border-radius:28px; padding:40px 60px; display:grid; grid-template-columns:1.8fr 1fr; gap:40px; align-items:center; position:relative; z-index:2; width:calc(100vw - 40px); max-width:calc(100vw - 40px); margin:20px; box-shadow:0 20px 60px rgba(0,0,0,.3); overflow:hidden; min-height:calc(100vh - 40px); height:calc(100vh - 40px)}
.hero-copy{position:relative; z-index:3; text-align:right;right: 20px;}
.hero-copy h1{color:#fff; font-size:clamp(32px,5vw,64px); line-height:1.3; margin-bottom:20px}
.hero-copy p{color:#fff; font-size:clamp(14px,1.8vw,18px); line-height:1.6; margin-bottom:24px; opacity:.95}
.hero-copy .cta{display:inline-flex; align-items:center; gap:12px; margin-top:8px; padding:16px 32px; background:#fff; color:#ff4a6e; border-radius:999px; font-weight:800; text-decoration:none; transition:all 0.3s ease; font-size:18px; box-shadow:0 4px 20px rgba(0,0,0,.2)}
.hero-copy .cta:hover{transform:translateY(-2px); box-shadow:0 6px 30px rgba(0,0,0,.3)}
.hero-copy .cta-arrow{width:24px; height:24px; filter:brightness(0) saturate(100%) invert(45%) sepia(85%) saturate(3500%) hue-rotate(325deg) brightness(100%) contrast(100%)}
.hero-phone{grid-column:2; display:flex; align-items:flex-end; justify-content:flex-end; position:relative; z-index:3; align-self:end; margin-bottom:0; padding-bottom:0}
.hero-phone img {
height: auto;
width: auto;
object-fit: contain;
object-position: bottom;
display: block;
}
/* Dictionary */
.dictionary{background:#2d2f34; padding:40px 60px; border-radius:28px; margin:20px auto; position:relative; width:calc(100vw - 40px); max-width:calc(100vw - 40px); border:3px solid rgba(255,255,255,0.15); box-shadow:0 20px 60px rgba(0,0,0,0.4), inset 0 0 0 1px rgba(255,255,255,0.05)}
.dictionary .container{position:relative; width:100%; max-width:100%}
.dictionary::before{display:none}
.dictionary h2{text-align:center; margin-bottom:18px}
.search-wrapper{position:relative; max-width:700px; margin:0 auto}
.search{position:relative; display:flex; align-items:center; border-radius:24px; border:2px solid #FA597D; background:#2a2d33; transition:all 0.3s ease; overflow:hidden}
.search:focus-within{border-color:#FA597D; box-shadow:0 0 0 3px rgba(250,89,125,0.2)}
.search-icon{position:absolute; left:20px; width:20px; height:20px; opacity:0.7; pointer-events:none; z-index:1}
.search input{width:100%; padding:14px 20px 14px 50px; border:0; background:transparent; color:#fff; outline:none; font-size:16px; font-family:inherit}
.search input::placeholder{color:#8d98ad}
.search-results{position:absolute; top:calc(100% + 8px); left:0; right:0; background:#2a2d33; border:2px solid #3a3d44; border-radius:16px; max-height:500px; overflow-y:auto; z-index:100; box-shadow:0 8px 24px rgba(0,0,0,0.3)}
.search-results.hidden{display:none}
.search-result-item{padding:18px 20px; border-bottom:1px solid #3a3d44; transition:background 0.2s ease}
.search-result-item:last-child{border-bottom:0}
.search-result-item:hover{background:#323640}
.result-header{display:flex; align-items:center; justify-content:space-between; margin-bottom:12px}
.result-main-word{display:flex; align-items:center; gap:12px}
.word-arabic{font-size:24px; font-weight:700; color:#fff; direction:rtl}
.result-speaker{width:36px; height:36px; cursor:pointer; transition:transform 0.2s ease; flex-shrink:0; position:relative}
.result-speaker:hover{transform:scale(1.15)}
.result-speaker.loading{opacity:0.5; pointer-events:none}
.result-speaker.loading::after{content:''; position:absolute; top:50%; left:50%; width:24px; height:24px; margin:-12px 0 0 -12px; border:3px solid #FA597D; border-top-color:transparent; border-radius:50%; animation:spin 0.8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.result-category-badge{background:#FA597D; color:#fff; padding:4px 12px; border-radius:12px; font-size:12px; font-weight:600}
.result-translations{display:flex; flex-direction:column; gap:8px; margin-bottom:12px}
.translation-row{display:flex; align-items:baseline; gap:8px}
.translation-label{color:#98a3b7; font-size:13px; font-weight:600; min-width:70px}
.translation-value{color:#fff; font-size:16px}
.translation-value.transliteration{color:#cfe1ff; font-style:italic}
.result-example{margin-top:12px; padding:12px; background:#1f2227; border-radius:8px; border-right:3px solid #FA597D}
.example-label{color:#FA597D; font-size:12px; font-weight:700; margin-bottom:6px; text-transform:uppercase}
.example-text{color:#cfe1ff; font-size:14px; margin-bottom:6px; direction:rtl}
.example-translation{color:#98a3b7; font-size:13px}
.result-grammar{color:#8d98ad; font-size:12px; margin-top:10px; padding:8px 12px; background:#25272d; border-radius:6px; display:flex; align-items:center; gap:6px}
.grammar-icon{font-size:14px}
.chips{display:flex; gap:10px; justify-content:center; margin-top:14px; flex-wrap:wrap}
.chip{background:#2b2e35; color:#cfe1ff; padding:8px 14px; border-radius:999px; font-size:14px; border:1px solid #3c4049; cursor:pointer; transition:all 0.2s ease}
.chip:hover{background:#323640; border-color:#ff5d7d}
.image_container img {
transform: scale(1.4); /* מגדיל ב-20% */
}
/* Features */
.feature{padding:80px 0;}
.feature .text p{max-width:58ch}
/* Feature Special - Like Image */
.feature-special{padding:25px 0; position:relative}
.feature-special-box{background:#3a3d44; border-radius:40px; padding:60px 50px; border:3px solid rgba(255,255,255,0.1); box-shadow:0 30px 80px rgba(0,0,0,0.5), inset 0 0 0 1px rgba(255,255,255,0.05); position:relative; overflow:hidden}
.feature-special .row{align-items:center; gap:60px; display:grid; grid-template-columns:1.2fr 1fr}
.feature-special .col.text{order:1}
.feature-special .col.media{order:2}
.feature-special .phone-mockup{position:relative; display:flex; justify-content:center; align-items:center}
.feature-special .phone-mockup img{max-width:320px; width:100%; height:auto; border-radius:35px; box-shadow:0 25px 60px rgba(0,0,0,0.7), 0 0 0 6px rgba(255,255,255,0.08); transform:perspective(1000px) rotateY(0deg)}
.feature-title-pink{color:#ff5d7d; font-size:clamp(26px,3.2vw,34px); font-weight:900; line-height:1.3; margin-bottom:20px; text-align:right; white-space:nowrap}
.feature-description{color:#e0e5f0; font-size:clamp(15px,1.6vw,18px); line-height:1.8; margin-bottom:18px; text-align:right}
/* Learning Experience Section */
.learning-experience{padding:25px 0; position:relative}
.learning-experience-box{background:#3a3d44; border-radius:28px; padding:50px 60px; border:3px solid rgba(255,255,255,0.1); box-shadow:0 30px 80px rgba(0,0,0,0.5), inset 0 0 0 1px rgba(255,255,255,0.05); position:relative; width:calc(100vw - 40px); max-width:calc(100vw - 40px); margin:20px auto; overflow:visible}
.learning-experience-content{display:grid; grid-template-columns:0.8fr 1.2fr; gap:60px; align-items:center}
.learning-experience-images{position:relative; display:flex; align-items:center; justify-content:center; margin:-80px -80px -80px -80px}
.learning-experience-images .learning-img-main{width:140%; max-width:140%; height:auto; border-radius:20px; object-fit:contain; transform:scale(1.2)}
.learning-experience-text-wrapper{text-align:right}
.learning-experience-title{color:#fff; font-size:clamp(28px,3.5vw,42px); font-weight:900; line-height:1.2; margin-bottom:16px; text-align:right}
.learning-experience-subtitle{color:#fff; font-size:clamp(18px,2.2vw,26px); font-weight:700; line-height:1.3; margin:0 0 16px 0; text-align:right}
.learning-experience-main{color:#fff; font-size:clamp(20px,2.5vw,30px); font-weight:800; line-height:1.4; margin:0 0 24px 0; text-align:right}
.learning-experience-text p{color:#e0e5f0; font-size:clamp(15px,1.7vw,19px); line-height:1.7; margin-bottom:12px; text-align:right; font-weight:500}
/* Who For Section */
.who-for{padding:25px 0; position:relative}
.who-for-wrapper{display:grid; grid-template-columns:1.2fr 0.8fr; gap:0; align-items:center; width:calc(100vw - 40px); max-width:calc(100vw - 40px); margin:20px auto; position:relative}
.who-for-box{background:#3a3d44; border-radius:28px; padding:50px 60px; border:3px solid rgba(255,255,255,0.1); box-shadow:0 30px 80px rgba(0,0,0,0.5), inset 0 0 0 1px rgba(255,255,255,0.05); position:relative; z-index:2; overflow:visible}
.who-for-title-main{color:#fff; font-size:clamp(24px,3vw,36px); font-weight:800; line-height:1.3; margin-bottom:12px; text-align:right}
.who-for-title-sub{color:#ff5d7d; font-size:clamp(20px,2.4vw,28px); font-weight:800; line-height:1.3; margin:0 0 20px 0; text-align:right}
.who-for-list{list-style:none; padding:0; margin:0; text-align:right}
.who-for-list li{color:#fff; font-size:clamp(15px,1.7vw,19px); line-height:1.7; margin-bottom:12px; padding-right:25px; position:relative; font-weight:500}
.who-for-list li::before{content:'•'; position:absolute; right:0; font-size:24px; line-height:1; top:0; color:#fff}
.who-for-image{position:relative; display:flex; align-items:center; justify-content:flex-start; z-index:1; margin-left:-60px; left: 42%; bottom: 10%;}
.who-for-image img{max-width:100%; height:auto; object-fit:contain}
/* Why Rami Section */
.why-rami{ padding:80px 0; position:relative}
.why-rami .container_new{background:linear-gradient(135deg, #ff5d7d 0%, #ff8fa3 100%); border-radius:28px; padding:60px 50px; box-shadow:0 20px 60px rgba(0,0,0,0.3); position:relative; overflow:visible}
.why-rami-content{display:flex; align-items:flex-start; gap:50px; position:relative}
.rami-character{flex-shrink:0; width:220px; position:relative; margin-top:-60px; align-self:flex-start}
.rami-character img{width:100%; height:auto; filter:drop-shadow(0 15px 40px rgba(0,0,0,0.4))}
.why-rami-text{flex:1; color:#fff}
.why-rami-title{font-size:clamp(20px,2.5vw,28px); font-weight:800; margin:0 0 5px 0; text-align:right}
.why-rami-subtitle{font-size:clamp(16px,1.8vw,20px); margin:0 0 12px 0; color:#fff; font-weight:600; text-align:right}
.why-rami-main{font-size:clamp(18px,2vw,24px); font-weight:800; margin:0 0 10px 0; text-align:right}
.why-rami-list{list-style:none; padding:0; margin:0; text-align:right}
.why-rami-list li{font-size:clamp(16px,1.8vw,20px); line-height:1.6; margin-bottom:8px; padding-right:25px; position:relative; color:#fff; font-weight:600}
.why-rami-list li::before{content:'•'; position:absolute; right:0; font-size:24px; line-height:1; top:0; color:#fff}
/* Reviews */
.reviews{padding:25px 0; position:relative; margin-top:60px}
.reviews-box{background:#3a3d44; border-radius:28px; padding:50px 60px; border:3px solid rgba(255,255,255,0.1); box-shadow:0 30px 80px rgba(0,0,0,0.5), inset 0 0 0 1px rgba(255,255,255,0.05); position:relative; width:calc(100vw - 40px); max-width:calc(100vw - 40px); margin:20px auto; margin-bottom: 75px; }
.reviews-title{color:#fff; font-size:clamp(26px,3.2vw,36px); font-weight:800; text-align:center; margin-bottom:40px}
.reviews-grid{display:grid; grid-template-columns:repeat(2,1fr); column-gap:100px; row-gap:60px; max-width:1200px; margin:0 auto}
.review-card{text-align:center}
.review-card:nth-child(3){grid-column:1 / -1; max-width:500px; margin:0 auto}
.review-stars{display:flex; justify-content:center; gap:8px; margin-bottom:20px}
.star-icon{width:28px; height:28px}
.review-text{color:#fff; font-size:clamp(14px,1.6vw,17px); line-height:1.7; margin-bottom:16px; text-align:center; font-weight:500}
.review-meta{color:#98a3b7; font-size:clamp(11px,1.2vw,13px); text-align:center}
/* CTA block */
.cta-block{position:relative; padding:0; background:linear-gradient(135deg, #ff5d7d 0%, #ff8fa3 100%); overflow:visible}
.cta-wrapper{display:flex; align-items:center; justify-content:flex-start; width:calc(100vw - 55px); max-width:calc(100vw - 55px); margin:0 auto; min-height:450px; padding:40px 40px 40px 500px; position:relative}
.cta-rami{position:absolute; left:40px; bottom:0; display:flex; align-items:flex-end; justify-content:flex-start; height:100%; z-index:1}
.cta-rami img{height:550px; width:auto; object-fit:contain; object-position:bottom}
.cta-content{text-align:right; max-width:900px; margin-left:auto; position:relative; z-index:2}
.cta-title{color:#fff; font-size:clamp(32px,4vw,48px); font-weight:900; line-height:1.2; margin-bottom:20px; text-align:right}
.cta-description{color:#fff; font-size:clamp(16px,1.8vw,20px); line-height:1.6; margin-bottom:30px; text-align:right; font-weight:500}
.cta-button{display:inline-block; transition:transform 0.3s ease; position:relative; z-index:2}
.cta-button:hover{transform:scale(1.05)}
.cta-button img{max-width:200px; height:auto}
/* Footer */
.footer{padding:50px 0 30px 0; background:#1e2128; color:#8d98ad}
.footer-content{display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:40px; width:100%; max-width:100%; margin:0 auto 30px auto; padding:0 60px 30px 60px; border-bottom:1px solid #2d3139}
.footer-left{display:flex; justify-content:center; order:3; justify-self:center}
.footer-logo{display:flex; align-items:center; gap:15px; flex-direction:row-reverse; justify-content:center}
.footer-logo img{width:auto; height:auto; max-width:80px; max-height:80px; object-fit:contain}
.footer-logo-text{display:flex; flex-direction:column; text-align:left}
.footer-brand{color:#fff; font-size:16px; font-weight:700; margin:0; line-height:1.3}
.footer-company{color:#8d98ad; font-size:13px; margin:0; line-height:1.3}
.footer-center{display:flex; justify-content:center; order:2}
.footer-nav{display:flex; gap:30px; align-items:center}
.footer-link{color:#e0e5f0; text-decoration:none; font-size:15px; font-weight:500; transition:color 0.3s ease}
.footer-link:hover{color:#ff5d7d}
.footer-right{display:flex; justify-content:center; order:1; justify-self:center}
.footer-social{display:flex; gap:15px; align-items:center; justify-content:center}
.social-icon{display:flex; align-items:center; justify-content:center; transition:transform 0.3s ease}
.social-icon:hover{transform:scale(1.1)}
.social-icon img{width:24px; height:24px; object-fit:contain}
.footer-bottom{display:flex; justify-content:space-between; align-items:center; width:100%; max-width:100%; margin:0 auto; padding:0 60px}
.footer-copyright{color:#8d98ad; font-size:13px; margin:0}
.footer-legal{display:flex; gap:20px}
.footer-legal-link{color:#8d98ad; text-decoration:none; font-size:13px; transition:color 0.3s ease}
.footer-legal-link:hover{color:#fff}
/* Responsive */
/* Large Tablet */
@media (max-width:1200px){
.container_new,.container{padding:0 30px}
.feature-special-box{padding:50px 40px}
.learning-experience-box,.who-for-box,.reviews-box{padding:50px 40px}
}
/* Tablet */
@media (max-width:1024px){
.container_new,.container{padding:0 25px}
.hero-inner{padding:40px 40px; gap:30px}
.hero-phone{margin-left:-100px; align-self:end}
.hero-phone img{padding-right:15%; object-position:bottom}
.cta-wrapper{padding-left:350px}
.cta-rami img{height:450px}
.learning-experience-content{gap:40px}
.learning-experience-images{margin:-60px}
.learning-experience-images .learning-img-main{width:120%; transform:scale(1.1)}
.who-for-wrapper{gap:20px}
.who-for-image{left:35%; margin-left:-40px}
.reviews-grid{column-gap:60px; row-gap:40px}
.feature-special .row{gap:40px}
}
/* Medium Tablet */
@media (max-width:768px){
.hero-inner{padding:35px 30px}
.hero-phone{margin-left:-50px; align-self:end; align-items:flex-end}
.hero-phone img{padding-right:10%; object-position:bottom}
.cta-wrapper{padding-left:280px}
.cta-rami img{height:380px}
.learning-experience-content{gap:35px}
.learning-experience-images .learning-img-main{width:110%; transform:scale(1.05)}
.who-for-image{left:30%; margin-left:-30px}
.reviews-grid{grid-template-columns:1fr; column-gap:0}
.review-card:nth-child(3){grid-column:1; max-width:100%}
.feature-special-box,.learning-experience-box,.who-for-box,.reviews-box{padding:40px 25px}
.learning-experience-box,.who-for-wrapper,.reviews-box{width:calc(100vw - 40px); max-width:calc(100vw - 40px); margin:20px auto}
}
/* Mobile & Tablet */
@media (max-width:920px){
.container_new,.container{padding:0 15px}
.row,.hero-inner{grid-template-columns:1fr}
.hero{padding:20px 10px}
.hero-inner{padding:30px 20px; border-radius:16px; gap:20px; max-width:100%; min-height:auto; height:auto}
.hero-copy{text-align:center; right:0}
.hero-copy h1{font-size:clamp(24px,6vw,32px); text-align:center}
.hero-copy p{font-size:clamp(14px,4vw,16px); text-align:center}
.hero-bg-left{max-width:100px; opacity:.25; height:70%}
.hero-phone{grid-column:1; justify-self:center; align-self:flex-end; height:auto; margin-top:20px; margin-left:0; align-items:flex-end; justify-content:center}
.hero-phone img{height:auto; width:60%; max-width:300px; padding-right:0; object-position:bottom}
/* Dictionary */
.dictionary{padding:30px 20px; border-radius:12px; margin:20px auto; width:calc(100vw - 20px); max-width:calc(100vw - 20px)}
.dictionary h2{font-size:clamp(20px,5vw,28px)}
.search-wrapper{max-width:100%}
.chips{justify-content:center}
/* Feature Special */
.feature-special-box{padding:40px 30px; border-radius:28px}
.feature-special .row{gap:30px; grid-template-columns:1fr}
.feature-special .col.image_container{order:-1}
.image_container img{transform:scale(1.1)}
.feature-title-pink{white-space:normal; text-align:center}
.feature-description{text-align:center}
/* Why Rami */
.why-rami{padding:40px 0}
.why-rami .container_new{width:calc(100vw - 20px); max-width:calc(100vw - 20px); margin:20px auto; padding:40px 30px; border-radius:20px}
.why-rami-content{flex-direction:column; gap:30px; align-items:center}
.rami-character{width:150px; margin-top:0; align-self:center}
.why-rami-text{text-align:center}
.why-rami-title,.why-rami-subtitle,.why-rami-main{text-align:center}
.why-rami-list{text-align:right; max-width:100%}
/* Learning Experience */
.learning-experience-box{padding:40px 30px; width:calc(100vw - 20px); max-width:calc(100vw - 20px); margin:20px auto}
.learning-experience-content{grid-template-columns:1fr; gap:30px}
.learning-experience-images{margin:0; display:flex; justify-content:center}
.learning-experience-images .learning-img-main{width:100%; max-width:100%; transform:scale(1); margin:0}
.learning-experience-text-wrapper{text-align:center}
.learning-experience-title,.learning-experience-subtitle,.learning-experience-main{text-align:center}
.learning-experience-text p{text-align:right}
/* Who For */
.who-for-wrapper{grid-template-columns:1fr; width:calc(100vw - 20px); max-width:calc(100vw - 20px); margin:20px auto}
.who-for-box{padding:40px 30px; border-radius:20px}
.who-for-title-main,.who-for-title-sub{text-align:center}
.who-for-image{position:relative; left:auto; bottom:auto; margin:30px auto 0; display:flex; justify-content:center}
.who-for-image img{max-width:200px}
/* Reviews */
.reviews-box{padding:40px 30px; width:calc(100vw - 20px); max-width:calc(100vw - 20px); margin:20px auto 40px}
.reviews-grid{grid-template-columns:1fr; column-gap:0; row-gap:40px}
.review-card:nth-child(3){grid-column:1; max-width:100%}
/* CTA Block */
.cta-block{overflow:hidden}
.cta-wrapper{flex-direction:column; padding:40px 20px; width:100%; max-width:100%; margin:0; min-height:auto; text-align:center}
.cta-rami{position:relative; left:auto; bottom:auto; height:auto; margin:0 auto 30px; display:flex; justify-content:center}
.cta-rami img{height:250px; width:auto}
.cta-content{max-width:100%; margin:0 auto; text-align:center}
.cta-title,.cta-description{text-align:center}
.cta-button img{max-width:180px}
/* Footer */
.footer-content{grid-template-columns:1fr; gap:30px; padding:0 20px 30px; text-align:center}
.footer-left,.footer-center,.footer-right{justify-content:center; order:0}
.footer-left{justify-self:center}
.footer-right{justify-self:center}
.footer-nav{flex-wrap:wrap; justify-content:center; gap:20px}
.footer-social{justify-content:center}
.footer-bottom{flex-direction:column; gap:20px; padding:0 20px; text-align:center}
.footer-legal{flex-wrap:wrap; justify-content:center}
}
/* Small Mobile */
@media (max-width:480px){
.container_new,.container{padding:0 10px}
.hero{padding:15px 5px}
.hero-inner{padding-top:25px; padding-left:15px; padding-right:15px; padding-bottom:0}
.hero-copy h1{font-size:22px; line-height:1.2}
.hero-copy p{font-size:14px; margin-bottom:20px}
.hero-copy .cta{padding:12px 24px; font-size:16px; gap:8px}
.hero-phone img{width:70%; max-width:250px}
.dictionary{padding:25px 15px; margin:15px auto; width:calc(100vw - 10px); max-width:calc(100vw - 10px)}
.dictionary h2{font-size:20px}
.search{padding:12px}
.search input{font-size:14px; padding:12px 18px 12px 45px}
.chip{font-size:12px; padding:6px 12px}
.feature-special-box,.why-rami .container_new,.learning-experience-box,.who-for-box,.reviews-box{padding:30px 20px}
.feature-title-pink{font-size:22px}
.feature-description{font-size:14px}
.why-rami .container_new{width:calc(100vw - 10px); max-width:calc(100vw - 10px); margin:15px auto; padding:30px 20px}
.rami-character{width:120px}
.learning-experience-box,.who-for-box,.reviews-box{width:calc(100vw - 10px); max-width:calc(100vw - 10px); margin:15px auto; padding:30px 20px}
.learning-experience-title{font-size:24px}
.learning-experience-subtitle{font-size:18px}
.learning-experience-main{font-size:20px}
.who-for-image img{max-width:150px}
.cta-wrapper{padding:30px 15px}
.cta-title{font-size:24px}
.cta-description{font-size:15px}
.cta-rami img{height:200px}
.cta-button img{max-width:160px}
.footer{padding:40px 0 20px}
.footer-content{padding:0 15px 25px; gap:25px}
.footer-nav{flex-direction:column; gap:15px}
.footer-bottom{padding:0 15px; flex-direction:column; gap:15px}
.footer-legal{flex-direction:column; gap:10px}
}