.elementor-63292 .elementor-element.elementor-element-b1b7034{width:var( --container-widget-width, 109.643% );max-width:109.643%;--container-widget-width:109.643%;--container-widget-flex-grow:0;}.elementor-63292 .elementor-element.elementor-element-b1b7034 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-63292 .elementor-element.elementor-element-384481dc:not(.elementor-motion-effects-element-type-background), .elementor-63292 .elementor-element.elementor-element-384481dc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-63292 .elementor-element.elementor-element-384481dc > .elementor-container{max-width:500px;}.elementor-63292 .elementor-element.elementor-element-384481dc{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:1% 0% 0% 0%;}.elementor-63292 .elementor-element.elementor-element-384481dc > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-63292 .elementor-element.elementor-element-35ea906d.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-63292 .elementor-element.elementor-element-35ea906d.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-63292 .elementor-element.elementor-element-35ea906d.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-63292 .elementor-element.elementor-element-35ea906d > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-63292 .elementor-element.elementor-element-40472b9{width:100%;max-width:100%;align-self:center;}.elementor-63292 .elementor-element.elementor-element-40472b9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-63292 .elementor-element.elementor-element-f61f289 .elementor-button{background-color:#4A90E2;font-family:"Roboto", Sans-serif;font-size:28px;font-weight:500;}.elementor-63292 .elementor-element.elementor-element-f61f289{width:100%;max-width:100%;align-self:flex-end;}.elementor-63292 .elementor-element.elementor-element-f61f289 > .elementor-widget-container{padding:0px 0px 50px 0px;}.elementor-63292 .elementor-element.elementor-element-267ee65:not(.elementor-motion-effects-element-type-background), .elementor-63292 .elementor-element.elementor-element-267ee65 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D6F1FE;}.elementor-63292 .elementor-element.elementor-element-267ee65{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-63292 .elementor-element.elementor-element-267ee65 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-63292 .elementor-element.elementor-element-223c144 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-63292 .elementor-element.elementor-element-4e57c882:not(.elementor-motion-effects-element-type-background), .elementor-63292 .elementor-element.elementor-element-4e57c882 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#007BAF;}.elementor-63292 .elementor-element.elementor-element-4e57c882 > .elementor-container{max-width:500px;}.elementor-63292 .elementor-element.elementor-element-4e57c882{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0rem 0rem 0rem 0rem;}.elementor-63292 .elementor-element.elementor-element-4e57c882 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-63292 .elementor-element.elementor-element-6324efbf > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:35px;}.elementor-63292 .elementor-element.elementor-element-6324efbf > .elementor-element-populated{padding:0em 5em 0em 5em;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-63292 .elementor-element.elementor-element-465849a7 > .elementor-widget-container{margin:103px 0px 0px 238px;}.elementor-63292 .elementor-element.elementor-element-465849a7 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:700;text-transform:uppercase;line-height:1.5em;letter-spacing:1px;color:#FFFFFF;}.elementor-widget-text-editor{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.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-63292 .elementor-element.elementor-element-36959c3f > .elementor-widget-container{margin:0rem 7rem 0rem 17rem;}.elementor-63292 .elementor-element.elementor-element-36959c3f{color:#FFFFFF;font-family:"Montserrat", Sans-serif;font-size:1.1em;font-weight:300;}.elementor-63292 .elementor-element.elementor-element-7ab31145 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 227px;}.elementor-63292 .elementor-element.elementor-element-7ab31145{color:#FFFFFF;font-family:"Montserrat", Sans-serif;font-size:1.1em;font-weight:500;}.elementor-63292 .elementor-element.elementor-element-3b50d70 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0em 5em 0em 0em;}.elementor-63292 .elementor-element.elementor-element-3b50d70 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-63292 .elementor-element.elementor-element-362faf3b > .elementor-widget-container{margin:90px 140px 90px 140px;}body.elementor-page-63292{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-63292 .elementor-element.elementor-element-465849a7 > .elementor-widget-container{margin:61px 0px 0px 247px;}.elementor-63292 .elementor-element.elementor-element-36959c3f > .elementor-widget-container{margin:0rem 0rem 0rem 3rem;}.elementor-63292 .elementor-element.elementor-element-7ab31145 > .elementor-widget-container{margin:0px 0px 0px -190px;}.elementor-63292 .elementor-element.elementor-element-362faf3b > .elementor-widget-container{margin:0px 62px 0px 47px;}}@media(min-width:768px){.elementor-63292 .elementor-element.elementor-element-41d93c7{width:100%;}}@media(max-width:767px){.elementor-63292 .elementor-element.elementor-element-40472b9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-63292 .elementor-element.elementor-element-4e57c882{padding:6rem 0rem 6rem 0rem;}.elementor-63292 .elementor-element.elementor-element-6324efbf > .elementor-element-populated{margin:0rem 0rem 1.5rem 0rem;--e-column-margin-right:0rem;--e-column-margin-left:0rem;padding:0rem 2rem 0rem 2rem;}.elementor-63292 .elementor-element.elementor-element-465849a7 > .elementor-widget-container{margin:69px 0px 0px 60px;}.elementor-63292 .elementor-element.elementor-element-36959c3f > .elementor-widget-container{margin:0rem 0rem 0rem 2rem;}.elementor-63292 .elementor-element.elementor-element-7ab31145 > .elementor-widget-container{margin:0px 0px 0px -206px;}.elementor-63292 .elementor-element.elementor-element-7ab31145{text-align:left;}.elementor-63292 .elementor-element.elementor-element-7ab31145 p{margin-bottom:0px;}.elementor-63292 .elementor-element.elementor-element-3b50d70 > .elementor-element-populated{padding:0rem 2rem 0rem 2rem;}.elementor-63292 .elementor-element.elementor-element-362faf3b > .elementor-widget-container{margin:33px 30px 60px 30px;}}/* Start custom CSS for html, class: .elementor-element-b1b7034 *//* Smooth Animations */
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
            }
            to {
                opacity: 1;
            }
        }

        @keyframes slideInLeft {
            from {
                opacity: 0;
                transform: translateX(-40px);
            }
            to {
                opacity: 1;
                transform: translateX(0);
            }
        }

        @keyframes slideInRight {
            from {
                opacity: 0;
                transform: translateX(40px);
            }
            to {
                opacity: 1;
                transform: translateX(0);
            }
        }

        @keyframes scaleIn {
            from {
                opacity: 0;
                transform: scale(0.95);
            }
            to {
                opacity: 1;
                transform: scale(1);
            }
        }

        /* Apply animations to elements */
        .hero-text {
            animation: slideInLeft 0.8s ease-out;
        }

        .hero-image {
            animation: slideInRight 0.8s ease-out;
        }

        .section-title {
            animation: fadeInUp 0.6s ease-out;
        }

        .section-subtitle {
            animation: fadeIn 0.8s ease-out 0.2s backwards;
        }

        .iosh-image {
            animation: scaleIn 0.7s ease-out;
        }

        .iosh-content {
            animation: fadeInUp 0.7s ease-out 0.2s backwards;
        }

        .iosh-content ul li {
            animation: fadeInUp 0.5s ease-out backwards;
        }

        .iosh-content ul li:nth-child(1) {
            animation-delay: 0.3s;
        }

        .iosh-content ul li:nth-child(2) {
            animation-delay: 0.4s;
        }

        .course-header {
            animation: fadeInUp 0.7s ease-out;
        }

        .course-suitable {
            animation: scaleIn 0.7s ease-out 0.2s backwards;
        }

        .structure-image {
            animation: scaleIn 0.7s ease-out;
        }

        .modules-content {
            animation: fadeInUp 0.7s ease-out 0.2s backwards;
        }

        .module-item {
            animation: fadeInUp 0.5s ease-out backwards;
        }

        .module-item:nth-child(1) { animation-delay: 0.1s; }
        .module-item:nth-child(2) { animation-delay: 0.15s; }
        .module-item:nth-child(3) { animation-delay: 0.2s; }
        .module-item:nth-child(4) { animation-delay: 0.25s; }
        .module-item:nth-child(5) { animation-delay: 0.3s; }
        .module-item:nth-child(6) { animation-delay: 0.35s; }
        .module-item:nth-child(7) { animation-delay: 0.4s; }
        .module-item:nth-child(8) { animation-delay: 0.45s; }
        .module-item:nth-child(9) { animation-delay: 0.5s; }
        .module-item:nth-child(10) { animation-delay: 0.55s; }

        .time-info {
            animation: fadeInUp 0.7s ease-out 0.6s backwards;
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-223c144 *//* HOW IT WORKS */
.how-it-works {
  max-width: 1100px;
  margin: 60px auto;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  padding: 0;
}

.how-it-works h2 {
  font-size: 2.5rem;
  font-weight: 800;
  margin-bottom: 10px;
  color: #1a1a1a;
}

.how-it-works .subtitle {
  font-size: 1.2rem;
  color: #444;
  margin-bottom: 50px;
}

.steps {
  display: flex;
  justify-content: center; /* centers the step cards */
  align-items: center; /* vertical align if wrapped */
  gap: 30px;
  flex-wrap: wrap; /* responsive stacking */
  text-align: left; /* keep step text aligned cleanly */
}

.step {
  flex: 0 1 300px; /* fixed width + flexible layout */
  background: linear-gradient(145deg, #f9fcff, #e6f4ff);
  border-radius: 16px;
  padding: 30px 20px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.step:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.1);
}

.step-number {
  font-size: 2rem;
  font-weight: 700;
  background: #4a90e2;
  color: #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 15px;
}

.step h3 {
  font-size: 1.3rem;
  margin-bottom: 10px;
  color: #1a1a1a;
  text-align: center;
}

.step p {
  font-size: 1rem;
  color: #333;
  line-height: 1.5;
  text-align: center;
}/* End custom CSS */
/* Start custom CSS */.x-navbar-inner {
    background-color: #000!important;
}
#menu-main-menu li {
    background-color: #000!important;
}

*[lang="ar"] 
    .wpcf7 p {
    margin-bottom: 0.32825em;
    direction: rtl;
}

*[lang="ar"] 
.wpcf7-form-control.wpcf7-submit {
    background-color: #f3a739;
    color: #fff;
    border: 1px solid #f3a739;
    font-weight: 600;
    font-family: 'Mulish Regular';
    float: right;
}


*[lang="ar"]
.elementor-accordion .elementor-tab-title .elementor-accordion-icon.elementor-accordion-icon-left {
    float: right;
    text-align: right;
}

[lang="ar"] .elementor-accordion-item {
   text-align: right!important;
}/* End custom CSS */