.elementor-4297 .elementor-element.elementor-element-0e5113a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4297 .elementor-element.elementor-element-bd1ce08{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.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 );}.elementor-4297 .elementor-element.elementor-element-b539f04:not(.elementor-motion-effects-element-type-background), .elementor-4297 .elementor-element.elementor-element-b539f04 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://aldananursery.com/wp-content/uploads/2022/01/cta-4.jpg");background-position:center center;background-repeat:no-repeat;background-size:auto;}.elementor-4297 .elementor-element.elementor-element-b539f04 > .elementor-background-overlay{background-color:#03252D;opacity:0.8;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4297 .elementor-element.elementor-element-b539f04{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-4297 .elementor-element.elementor-element-c185c99 .sub-title{color:#FFFFFF!important;}.elementor-4297 .elementor-element.elementor-element-c185c99 .sec-title{color:#FFFFFF!important;}.elementor-4297 .elementor-element.elementor-element-bc5c88d:not(.elementor-motion-effects-element-type-background), .elementor-4297 .elementor-element.elementor-element-bc5c88d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://aldananursery.com/wp-content/uploads/2023/03/bg_2.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4297 .elementor-element.elementor-element-bc5c88d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-4297 .elementor-element.elementor-element-bc5c88d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4297 .elementor-element.elementor-element-bc2d00e .custom-class{padding:90px 0px 310px 0px;}@media(max-width:1024px){.elementor-4297 .elementor-element.elementor-element-bc2d00e .custom-class{padding:50px 0px 220px 0px;}}/* Start custom CSS */@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap');

.eyfs-framework-section {
    direction: rtl;
    font-family: 'Tajawal', sans-serif;
    padding: 50px 20px;
    background-color: #ffffff;
    line-height: 1.8;
}

.intro-box {
    text-align: center;
    max-width: 900px;
    margin: 0 auto 40px;
    color: #555;
    font-size: 1.1rem;
}

.intro-box strong {
    color: #4e509c;
    font-weight: 800;
}

.framework-title {
    color: #60aad2;
    font-weight: 800;
    margin-top: 20px;
    font-size: 1.4rem;
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
}

.framework-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 25%;
    width: 50%;
    height: 3px;
    background: #cde182;
    border-radius: 10px;
}

/* تنسيق الشبكة والبطاقات */
.framework-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    max-width: 1100px;
    margin: 0 auto;
}

.framework-card {
    background: #f8fbfc;
    border-radius: 20px;
    padding: 25px;
    display: flex;
    align-items: center;
    gap: 20px;
    transition: 0.3s ease;
    border: 1px solid #eee;
}

.framework-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(78, 80, 156, 0.08);
    border-color: #60aad2;
}

.icon-wrap {
    font-size: 2.5rem;
    background: #fff;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    flex-shrink: 0;
}

.card-content h4 {
    color: #4e509c;
    margin: 0 0 5px 0;
    font-weight: 700;
    font-size: 1.1rem;
}

.card-content span {
    color: #888;
    font-size: 0.85rem;
    display: block;
    font-family: sans-serif; /* لظهور النص الإنجليزي بوضوح */
    direction: ltr;
    text-align: right;
}

/* صندوق المجالات الخاصة */
.extra-fields-box {
    text-align: center;
    margin-top: 40px;
    background: #fdfaf0;
    padding: 20px;
    border-radius: 15px;
    border-right: 5px solid #cde182;
    max-width: 800px;
    margin-right: auto;
    margin-left: auto;
}

.extra-fields-box p {
    margin: 0;
    color: #444;
}

.extra-fields-box strong {
    color: #4e509c;
}

/* الجوال */
@media (max-width: 768px) {
    .framework-card {
        flex-direction: column;
        text-align: center;
    }
    .card-content span {
        text-align: center;
    }
}





.age-levels-section {
    direction: rtl;
    font-family: 'Tajawal', sans-serif;
    padding: 60px 0;
    background: #fcfdfe;
}

/* تصميم البطاقة الذكي */
.age-card {
    background: #fff;
    border-radius: 25px;
    overflow: hidden;
    height: 100%;
    box-shadow: 0 10px 30px rgba(78, 80, 156, 0.05);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    border: 1px solid #f1f1f1;
    display: flex;
    flex-direction: column;
}

.age-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(78, 80, 156, 0.12);
}

/* تنسيق الصورة والبادج */
.card-image {
    position: relative;
    height: 200px;
    overflow: hidden;
}

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

.age-card:hover .card-image img {
    transform: scale(1.1);
}

.age-badge {
    position: absolute;
    bottom: 15px;
    right: 15px;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(5px);
    padding: 5px 15px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 0.85rem;
    color: #4e509c;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

/* محتوى البطاقة */
.card-body {
    padding: 25px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.card-body h3 {
    font-size: 1.3rem;
    font-weight: 800;
    margin-bottom: 15px;
    color: #4e509c;
}

.card-body p {
    font-size: 0.95rem;
    color: #666;
    line-height: 1.7;
    margin-bottom: 20px;
    flex-grow: 1;
}

/* رابط معرفة المزيد */
.card-link {
    text-decoration: none;
    font-weight: 700;
    color: #60aad2;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: 0.3s;
}

.card-link span {
    transition: transform 0.3s ease;
}

.card-link:hover {
    color: #4e509c;
}

.card-link:hover span {
    transform: translateX(-5px);
}

/* ألوان مخصصة لكل مرحلة (إطارات علوية) */
.card-infant { border-top: 5px solid #60aad2; }
.card-early { border-top: 5px solid #7fb796; }
.card-toddler { border-top: 5px solid #4e509c; }
.card-nursery { border-top: 5px solid #cde182; }
.card-prekg { border-top: 5px solid #f39c12; }

/* تحسينات الجوال */
@media (max-width: 768px) {
    .age-levels-section { padding: 40px 15px; }
    .card-body h3 { font-size: 1.2rem; }
}/* End custom CSS */