.elementor-4457 .elementor-element.elementor-element-3cde1888{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS */@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap');


.why-us-container { max-width:1150px; margin:20px auto; padding:15px; direction:rtl; color:#333; line-height:1.75; }

/* Hero Section */
.why-us-hero {
    background: linear-gradient(135deg, rgba(78,80,156,0.9), rgba(78,80,156,0.9)), url('https://images.unsplash.com/photo-1587614382346-4ec7063f9b2c?auto=format&fit=crop&q=80&w=1200');
    background-size:cover; background-position:center; color:white; padding:70px 20px; border-radius:40px; text-align:center; margin-bottom:50px;
    box-shadow:0 10px 25px rgba(78,80,156,0.3);
}
.why-us-hero h1 { font-size:2.4rem; font-weight:800; margin-bottom:15px; }
.why-us-hero p { font-size:1.2rem; opacity:0.9; max-width:800px; margin:0 auto 20px; }
.cta-btn { display:inline-block; background:#cde182; color:#4e509c; font-weight:700; padding:15px 30px; border-radius:25px; text-decoration:none; margin-top:20px; transition:0.3s; }
.cta-btn:hover { background:#a4c86c; }

/* Features Grid */
.features-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); gap:25px; margin-bottom:50px; }
.feature-item { background:white; border-radius:25px; padding:30px; box-shadow:0 8px 25px rgba(0,0,0,0.05); border-top:6px solid #ccc; transition:0.3s; display:flex; flex-direction:column; }
.feature-item:hover { transform:translateY(-8px); border-color:#cde182; }
.feature-icon { font-size:3rem; margin-bottom:10px; }
.feature-item h3 { margin-top:15px; font-weight:700; font-size:1.3rem; }
.feat-cctv { border-color:#60aad2; } .feat-cctv h3{color:#60aad2;}
.feat-app { border-color:#4e509c; } .feat-app h3{color:#4e509c;}
.feat-teachers { border-color:#7fb796; } .feat-teachers h3{color:#7fb796;}
.feat-plans { border-color:#cde182; } .feat-plans h3{color:#9ab33a;}

/* No Screens Section */
.no-screens-box { background:linear-gradient(135deg,#7fb796 0%,#cde182 100%); color:white; padding:40px; border-radius:30px; display:flex; gap:30px; align-items:center; margin-bottom:50px; box-shadow:0 12px 25px rgba(127,183,150,0.2);}
.no-screens-icon { font-size:5rem; flex-shrink:0; animation:pulse 2s infinite; }
@keyframes pulse {0%{opacity:1;}50%{opacity:0.7;}100%{opacity:1;}}
.no-screens-content h2 { margin-top:0; font-weight:800; font-size:1.8rem;}
.no-screens-content p { font-size:1.1rem; opacity:0.95; }

/* Safety & Values */
.values-safety-grid { display:grid; grid-template-columns:1fr 1fr; gap:25px; margin-bottom:50px; }
.info-box { padding:35px; border-radius:30px; position:relative; }
.box-safety { background:#f0f7fb; border:1px solid #60aad2; }
.box-values { background:#fdfaf0; border:1px solid #cde182; }
.info-box h2 { font-weight:800; margin-top:0; font-size:1.5rem; }
.box-safety h2{color:#60aad2;} .box-values h2{color:#4e509c;}
.info-box ul { padding-right:20px; margin:10px 0 0 0; list-style:none; }
.info-box ul li::before { content:"✔"; color:#60aad2; margin-left:8px; font-weight:700; }

/* Footer */
.summary-footer { text-align:center; background:#4e509c; color:white; padding:50px 30px; border-radius:100px 5px 100px 5px; margin-top:60px; }
.summary-footer h2{color:#cde182;font-weight:800;font-size:2rem;}
.summary-footer p{font-size:1.2rem; max-width:900px; margin:20px auto; opacity:0.9;}
.gold-stars{font-size:1.5rem;color:#cde182;margin-top:20px;}

/* Media Queries */
@media(max-width:768px){.values-safety-grid{grid-template-columns:1fr;}.no-screens-box{flex-direction:column;text-align:center;}.summary-footer{border-radius:30px;}}


.why-us-hero p,.why-us-hero h1,.no-screens-content p,.summary-footer p{
        color: white !important;
    }/* End custom CSS */