.elementor-7685 .elementor-element.elementor-element-5ea11b3d .elementor-menu-toggle{margin:0 auto;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for nav-menu, class: .elementor-element-5ea11b3d */.elementor-7685 .elementor-element.elementor-element-5ea11b3d { flex: 1 1 auto !important; width: auto !important; max-width: none !important; min-width: 0; } .elementor-7685 .elementor-element.elementor-element-5ea11b3d .elementor-nav-menu--main .elementor-nav-menu { flex-wrap: nowrap; justify-content: center; } .elementor-7685 .elementor-element.elementor-element-5ea11b3d .elementor-nav-menu--main .elementor-item { font-family: 'IBM Plex Sans Arabic', sans-serif; font-size: 15px; font-weight: 500; color: rgba(255,255,255,0.72); padding: 8px 13px; margin: 0 1px; border-radius: 999px; white-space: nowrap; transition: all .2s; } .elementor-7685 .elementor-element.elementor-element-5ea11b3d .elementor-nav-menu--main .elementor-item:hover { color: #ffffff; background: rgba(255,255,255,0.07); } .elementor-7685 .elementor-element.elementor-element-5ea11b3d .elementor-nav-menu--main .elementor-item.elementor-item-active { color: #04120D; background: #2AE777; } .elementor-7685 .elementor-element.elementor-element-5ea11b3d .elementor-menu-toggle { color: #ffffff; background: transparent; border: 1px solid rgba(206,255,231,0.18); border-radius: 12px; padding: 8px; margin: 0 auto 0 0; } .elementor-7685 .elementor-element.elementor-element-5ea11b3d .elementor-menu-toggle svg { fill: #ffffff; } .elementor-7685 .elementor-element.elementor-element-5ea11b3d .elementor-nav-menu--dropdown { background: #04120D; border-top: 1px solid rgba(206,255,231,0.12); } .elementor-7685 .elementor-element.elementor-element-5ea11b3d .elementor-nav-menu--dropdown a { font-family: 'IBM Plex Sans Arabic', sans-serif; color: rgba(255,255,255,0.85); font-size: 16px; padding: 14px 20px; } .elementor-7685 .elementor-element.elementor-element-5ea11b3d .elementor-nav-menu--dropdown a:hover { background: rgba(42,231,119,0.12); color: #2AE777; }/* End custom CSS */
/* Start custom CSS */#header.ct-header, #footer.ct-footer { display: none !important; }
body.single-courses { background: #F6FAF7; --tutor-color-primary: #03A07A; --tutor-color-primary-rgb: 3,160,122; --tutor-color-primary-hover: #003F2E; --tutor-body-color: #0E1614; overflow-x: hidden; }
body.single-courses #main > .ct-container { padding-top: 0 !important; }
body.single-courses .tutor-wrap, body.single-courses .tutor-wrap * { font-family: 'IBM Plex Sans Arabic', sans-serif; }
body.single-courses .tutor-course-details-page { padding-top: 0 !important; padding-bottom: 96px; }
body.single-courses .tutor-course-details-page > .hero-section { position: relative; width: 100vw; max-width: none !important; margin-inline: calc(50% - 50vw); padding: 72px max(20px, calc(50vw - 565px)) 150px; background: radial-gradient(ellipse 60% 80% at 15% 0%, rgba(42,231,119,.22), transparent 60%), linear-gradient(135deg, #04120D 0%, #071C15 55%, #003F2E 100%); overflow: hidden; }
body.single-courses .tutor-course-details-page > .hero-section::before { content: ''; position: absolute; inset: 0; background-image: linear-gradient(rgba(206,255,231,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(206,255,231,.05) 1px, transparent 1px); background-size: 48px 48px; pointer-events: none; }
body.single-courses .tutor-course-details-header { position: relative; background: none !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; color: #fff; }
body.single-courses .tutor-course-details-title { color: #fff !important; font-size: clamp(30px, 4.4vw, 52px) !important; line-height: 1.25 !important; font-weight: 700 !important; margin: 14px 0 0 !important; max-width: 820px; }
body.single-courses .tutor-course-details-ratings .tutor-ratings { display: inline-flex; align-items: center; gap: 8px; background: rgba(42,231,119,.12); border: 1px solid rgba(42,231,119,.3); padding: 6px 14px; border-radius: 999px; }
body.single-courses .tutor-course-details-header .tutor-ratings-stars span, body.single-courses .tutor-ratings-stars [class*=tutor-icon-star] { color: #2AE777 !important; }
body.single-courses .tutor-course-details-header .tutor-ratings-average { color: #fff !important; font-weight: 700; }
body.single-courses .tutor-course-details-header .tutor-meta, body.single-courses .tutor-course-details-header .tutor-meta *, body.single-courses .tutor-course-details-header .tutor-ratings-count, body.single-courses .tutor-course-details-header .tutor-btn-ghost, body.single-courses .tutor-course-details-header .tutor-btn-ghost * { color: rgba(230,245,238,.8) !important; }
body.single-courses .tutor-course-details-header .tutor-meta a { color: #2AE777 !important; font-weight: 600; }
body.single-courses .tutor-course-details-top { margin-top: 20px !important; }
body.single-courses .tutor-course-details-page > .tutor-row { position: relative; margin-top: -110px !important; z-index: 2; }
body.single-courses .tutor-course-thumbnail { border-radius: 28px; overflow: hidden; box-shadow: 0 30px 60px -25px rgba(4,18,13,.55); border: 1px solid rgba(206,255,231,.12); }
body.single-courses .tutor-course-thumbnail img, body.single-courses .tutor-course-thumbnail iframe { display: block; width: 100%; }
body.single-courses .tutor-course-details-tab .tutor-is-sticky { background: transparent; padding: 10px 0; z-index: 5; }
body.single-courses .tutor-course-details-tab .tutor-nav { display: flex; gap: 8px; border: none !important; background: #fff; padding: 6px; border-radius: 999px; box-shadow: 0 10px 30px -20px rgba(4,18,13,.4); width: fit-content; max-width: 100%; overflow-x: auto; }
body.single-courses .tutor-course-details-tab .tutor-nav-link { border: none !important; border-radius: 999px !important; padding: 10px 22px !important; color: #5B6B65 !important; font-weight: 600; white-space: nowrap; }
body.single-courses .tutor-course-details-tab .tutor-nav-link.is-active { background: #04120D !important; color: #fff !important; }
body.single-courses .tutor-course-details-tab .tutor-nav-link:not(.is-active):hover { background: #EDF5EF !important; color: #03A07A !important; }
body.single-courses .tutor-tab-item.is-active > * { background: #fff; border: 1px solid rgba(14,22,20,.07); border-radius: 24px; padding: 28px 30px !important; margin: 0 0 20px !important; box-shadow: 0 20px 40px -32px rgba(4,18,13,.4); }
body.single-courses .tutor-course-details-content h2, body.single-courses .tutor-course-details-content h3, body.single-courses .tutor-tab-item h3, body.single-courses .tutor-course-details-widget-title, body.single-courses .tutor-fs-5.tutor-fw-bold { color: #0E1614 !important; font-weight: 700 !important; font-size: 20px !important; margin-bottom: 16px !important; }
body.single-courses .tutor-course-details-content, body.single-courses .tutor-course-details-content p { color: #3D4B46 !important; line-height: 1.9; font-size: 16px; }
body.single-courses .tutor-course-details-widget-list { list-style: none !important; margin: 0 !important; padding: 0 !important; display: grid !important; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px 28px; }
body.single-courses .tutor-course-details-widget-list li { position: relative; width: auto !important; max-width: none !important; flex: none !important; padding-inline-start: 34px !important; margin: 0 !important; line-height: 1.7; color: #0E1614; list-style: none !important; }
body.single-courses .tutor-course-details-widget-list li::before { content: '✓' !important; position: absolute; inset-inline-start: 0; top: 2px; width: 22px; height: 22px; border-radius: 50%; background: #CEFFE7; color: #03A07A !important; font-size: 13px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
body.single-courses .tutor-course-details-widget-list li > span[class*=tutor-icon] { display: none !important; }
body.single-courses .tutor-accordion-item { border-radius: 18px !important; overflow: hidden; border: 1px solid rgba(14,22,20,.08) !important; margin-bottom: 12px !important; background: #fff; }
body.single-courses .tutor-accordion-item-header { background: #fff !important; font-weight: 700 !important; padding: 18px 22px !important; color: #0E1614 !important; }
body.single-courses .tutor-accordion-item-header.is-active { background: #EDF5EF !important; color: #03A07A !important; }
body.single-courses .tutor-course-content-list-item { padding: 14px 22px !important; border-top: 1px solid rgba(14,22,20,.06); }
body.single-courses .tutor-course-content-list-item-icon { color: #03A07A !important; }
/* SIDEBAR: one level of cards */
body.single-courses .tutor-single-course-sidebar { position: sticky; top: 96px; padding-inline-end: 0 !important; padding-left: 0 !important; }
body.single-courses .tutor-single-course-sidebar-more { background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; margin-top: 20px !important; }
body.single-courses .tutor-single-course-sidebar .tutor-sidebar-card, body.single-courses .tutor-single-course-sidebar-more > * { background: #fff !important; border: 1px solid rgba(14,22,20,.08) !important; border-radius: 24px !important; box-shadow: 0 24px 48px -32px rgba(4,18,13,.45) !important; margin: 0 0 20px 0 !important; padding: 24px 26px !important; }
body.single-courses .tutor-single-course-sidebar .tutor-sidebar-card { border-top: 4px solid #2AE777 !important; }
body.single-courses .tutor-sidebar-card .tutor-card-body, body.single-courses .tutor-sidebar-card .tutor-card-footer { padding: 0 !important; background: transparent !important; }
body.single-courses .tutor-sidebar-card .tutor-card-footer { margin-top: 18px; padding-top: 18px !important; border-top: 1px solid rgba(14,22,20,.08) !important; }
body.single-courses .tutor-sidebar-card .tutor-ul li { padding: 6px 0; }
body.single-courses .tutor-single-course-sidebar .tutor-course-details-widget-list { grid-template-columns: 1fr !important; }
body.single-courses .tutor-single-course-sidebar [class*=tutor-icon] { color: #03A07A !important; }
body.single-courses .tutor-btn-primary, body.single-courses .tutor-btn.tutor-btn-primary { background: #2AE777 !important; border-color: #2AE777 !important; color: #04120D !important; border-radius: 999px !important; font-weight: 700 !important; padding: 14px 24px !important; box-shadow: 0 12px 30px -10px rgba(42,231,119,.7); }
body.single-courses .tutor-btn-primary:hover { background: #5EFD83 !important; }
body.single-courses .tutor-btn-outline-primary { border-radius: 999px !important; border-color: #03A07A !important; color: #03A07A !important; }
body.single-courses .tutor-progress-bar { background: #EDF5EF !important; border-radius: 999px; }
body.single-courses .tutor-progress-bar-fill, body.single-courses .tutor-progress-value { background: #2AE777 !important; }
body.single-courses .tutor-tag-list a { border-radius: 999px !important; border-color: rgba(14,22,20,.12) !important; padding: 6px 16px !important; }
body.single-courses .tutor-tag-list a:hover { border-color: #2AE777 !important; color: #03A07A !important; }
body.single-courses .tutor-login-form-wrapper { background: #fff; border-radius: 28px; padding: 40px 36px !important; border: 1px solid rgba(14,22,20,.08); border-top: 4px solid #2AE777; box-shadow: 0 30px 60px -35px rgba(4,18,13,.45); max-width: 460px; margin: 60px auto !important; }
@media (max-width: 1199px) { body.single-courses .tutor-single-course-sidebar { position: static; margin-top: 24px !important; } }
@media (max-width: 767px) { body.single-courses .tutor-course-details-page > .hero-section { padding: 40px 20px 110px; } body.single-courses .tutor-course-details-page > .tutor-row { margin-top: -80px !important; } body.single-courses .tutor-course-thumbnail { border-radius: 20px; } body.single-courses .tutor-tab-item.is-active > * { padding: 22px 18px !important; border-radius: 20px; } body.single-courses .tutor-course-details-widget-list { grid-template-columns: 1fr !important; } body.single-courses .tutor-course-details-tab .tutor-nav-link { padding: 9px 16px !important; } }/* End custom CSS */