.elementor-150460 .elementor-element.elementor-element-37be0702{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:nowrap;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F0DFC0;--border-color:#F0DFC0;--border-radius:14px 14px 14px 14px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:11px;--padding-bottom:13px;--padding-left:11px;--padding-right:11px;}.elementor-150460 .elementor-element.elementor-element-37be0702:not(.elementor-motion-effects-element-type-background), .elementor-150460 .elementor-element.elementor-element-37be0702 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFEFB;}.elementor-150460 .elementor-element.elementor-element-37be0702:hover{background-color:#FFF9EA;}.elementor-150460 .elementor-element.elementor-element-789bbfca{margin:0px autopx calc(var(--kit-widget-spacing, 0px) + 0px) autopx;padding:0px 0px 0px 0px;text-align:center;}.elementor-150460 .elementor-element.elementor-element-789bbfca img{width:100%;max-width:0px;height:0px;border-radius:11px 11px 11px 11px;}.elementor-150460 .elementor-element.elementor-element-505c74d2{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:6px 6px;--row-gap:6px;--column-gap:6px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-150460 .elementor-element.elementor-element-4501d7b1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-150460 .elementor-element.elementor-element-4501d7b1.elementor-element{--align-self:center;}.elementor-150460 .elementor-element.elementor-element-4501d7b1 .elementor-heading-title{font-family:"Cairo", Sans-serif;font-size:13.5px;font-weight:800;line-height:1.6em;color:#142A4A;}.elementor-150460 .elementor-element.elementor-element-5c0bbc7f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-150460 .elementor-element.elementor-element-5c0bbc7f.elementor-element{--align-self:center;}.elementor-150460 .elementor-element.elementor-element-5c0bbc7f .elementor-heading-title{font-family:"Cairo", Sans-serif;font-size:10.5px;font-weight:800;line-height:1.35em;color:var( --e-global-color-text );}@media(max-width:1024px){.elementor-150460 .elementor-element.elementor-element-4501d7b1 .elementor-heading-title{font-size:13px;}.elementor-150460 .elementor-element.elementor-element-5c0bbc7f .elementor-heading-title{font-size:10.5px;}}@media(max-width:767px){.elementor-150460 .elementor-element.elementor-element-4501d7b1 .elementor-heading-title{font-size:13px;}.elementor-150460 .elementor-element.elementor-element-5c0bbc7f .elementor-heading-title{font-size:10.5px;}}/* Start custom CSS for container, class: .elementor-element-37be0702 */.elementor-150460 .elementor-element.elementor-element-37be0702{
  position:relative;
  overflow:hidden;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background-color .18s ease;
}
.elementor-150460 .elementor-element.elementor-element-37be0702:before{
  content:"";
  position:absolute;
  right:0;
  top:12px;
  bottom:12px;
  width:3px;
  border-radius:4px 0 0 4px;
  background:#F3B41B;
}
.elementor-150460 .elementor-element.elementor-element-37be0702:hover{
  transform:translateY(-2px);
  box-shadow:0 9px 22px rgba(35,72,140,.10);
}
.elementor-150460 .elementor-element.elementor-element-37be0702 .fares-free-course-sidebar-featured{
  width:100%!important;
}
.elementor-150460 .elementor-element.elementor-element-37be0702 .fares-free-course-sidebar-featured img{
  width:100%!important;
  height:138px!important;
  object-fit:cover!important;
  display:block!important;
  border-radius:11px!important;
  background:#F5F7FB!important;
}
.elementor-150460 .elementor-element.elementor-element-37be0702 .elementor-heading-title a{
  color:inherit!important;
  text-decoration:none!important;
}
.elementor-150460 .elementor-element.elementor-element-37be0702 .fares-free-course-sidebar-latest-title .elementor-heading-title,
.elementor-150460 .elementor-element.elementor-element-37be0702 .fares-free-course-sidebar-popular-title .elementor-heading-title{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:40px;
}
.elementor-150460 .elementor-element.elementor-element-37be0702 .fares-free-course-sidebar-latest-version .elementor-heading-title,
.elementor-150460 .elementor-element.elementor-element-37be0702 .fares-free-course-sidebar-popular-version .elementor-heading-title{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  padding:3px 8px;
  border-radius:999px;
  background:#FFF3D6;
}

.elementor-150460 .elementor-element.elementor-element-37be0702 .fares-free-course-sidebar-popular-title .elementor-heading-title:after{
  content:"★";
  display:inline-block;
  margin-right:6px;
  color:#F3B41B;
  font-size:10px;
  vertical-align:1px;
}

@media(max-width:767px){
  .elementor-150460 .elementor-element.elementor-element-37be0702 .fares-free-course-sidebar-featured img{
    height:150px!important;
  }
}

/* Free Courses Sidebar V1.1 — larger centered image + centered text */
.elementor-150460 .elementor-element.elementor-element-37be0702 .fares-free-course-sidebar-featured{
  width:100%!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
}
.elementor-150460 .elementor-element.elementor-element-37be0702 .fares-free-course-sidebar-featured .elementor-widget-container{
  width:100%!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
}
.elementor-150460 .elementor-element.elementor-element-37be0702 .fares-free-course-sidebar-featured a{
  width:100%!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
}
.elementor-150460 .elementor-element.elementor-element-37be0702 .fares-free-course-sidebar-featured img{
  width:100%!important;
  max-width:250px!important;
  height:170px!important;
  object-fit:cover!important;
  object-position:center center!important;
  margin:0 auto!important;
  display:block!important;
  border-radius:12px!important;
}

.elementor-150460 .elementor-element.elementor-element-37be0702 .fares-free-course-sidebar-latest-title,
.elementor-150460 .elementor-element.elementor-element-37be0702 .fares-free-course-sidebar-popular-title,
.elementor-150460 .elementor-element.elementor-element-37be0702 .fares-free-course-sidebar-latest-version,
.elementor-150460 .elementor-element.elementor-element-37be0702 .fares-free-course-sidebar-popular-version{
  width:100%!important;
  text-align:center!important;
}

.elementor-150460 .elementor-element.elementor-element-37be0702 .fares-free-course-sidebar-latest-title .elementor-heading-title,
.elementor-150460 .elementor-element.elementor-element-37be0702 .fares-free-course-sidebar-popular-title .elementor-heading-title{
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
  max-width:95%!important;
}

.elementor-150460 .elementor-element.elementor-element-37be0702 .fares-free-course-sidebar-latest-version .elementor-heading-title,
.elementor-150460 .elementor-element.elementor-element-37be0702 .fares-free-course-sidebar-popular-version .elementor-heading-title{
  margin-left:auto!important;
  margin-right:auto!important;
}

@media(max-width:767px){
  .elementor-150460 .elementor-element.elementor-element-37be0702 .fares-free-course-sidebar-featured img{
    max-width:280px!important;
    height:180px!important;
  }
}


/* ==========================================================
   Free Courses Sidebar V1.2 — robust image sizing for mixed ratios
   ========================================================== */

/* Create one consistent image stage for every Free Courses card */
.elementor-150460 .elementor-element.elementor-element-37be0702 .fares-free-course-sidebar-featured{
  width:100%!important;
  min-height:220px!important;
  height:220px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  border-radius:12px!important;
  background:#F7F9FC!important;
  padding:8px!important;
  box-sizing:border-box!important;
}

.elementor-150460 .elementor-element.elementor-element-37be0702 .fares-free-course-sidebar-featured .elementor-widget-container,
.elementor-150460 .elementor-element.elementor-element-37be0702 .fares-free-course-sidebar-featured a{
  width:100%!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}

/*
 * Important:
 * width/height are auto within a fixed stage.
 * This prevents square/portrait images from shrinking too much,
 * while wide images stay large and centered without cropping.
 */
.elementor-150460 .elementor-element.elementor-element-37be0702 .fares-free-course-sidebar-featured img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:auto!important;
  border-radius:10px!important;
}

/* Center Free Courses name and version regardless of text length */
.elementor-150460 .elementor-element.elementor-element-37be0702 .fares-free-course-sidebar-latest-title,
.elementor-150460 .elementor-element.elementor-element-37be0702 .fares-free-course-sidebar-popular-title,
.elementor-150460 .elementor-element.elementor-element-37be0702 .fares-free-course-sidebar-latest-version,
.elementor-150460 .elementor-element.elementor-element-37be0702 .fares-free-course-sidebar-popular-version{
  width:100%!important;
  text-align:center!important;
}

.elementor-150460 .elementor-element.elementor-element-37be0702 .fares-free-course-sidebar-latest-title .elementor-heading-title,
.elementor-150460 .elementor-element.elementor-element-37be0702 .fares-free-course-sidebar-popular-title .elementor-heading-title{
  width:100%!important;
  max-width:100%!important;
  text-align:center!important;
  margin:0 auto!important;
  display:-webkit-box!important;
  -webkit-line-clamp:3!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}

.elementor-150460 .elementor-element.elementor-element-37be0702 .fares-free-course-sidebar-latest-version .elementor-heading-title,
.elementor-150460 .elementor-element.elementor-element-37be0702 .fares-free-course-sidebar-popular-version .elementor-heading-title{
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Slightly smaller stage on mobile sidebars */
@media(max-width:767px){
  .elementor-150460 .elementor-element.elementor-element-37be0702 .fares-free-course-sidebar-featured{
    min-height:200px!important;
    height:200px!important;
  }
}


/* FREE COURSES — rectangular card image */
.elementor-150460 .elementor-element.elementor-element-37be0702 .fares-free-course-sidebar-featured{
  min-height:0!important;
  height:auto!important;
  padding:6px!important;
  background:#F7F9FC!important;
}
.elementor-150460 .elementor-element.elementor-element-37be0702 .fares-free-course-sidebar-featured .elementor-widget-container,
.elementor-150460 .elementor-element.elementor-element-37be0702 .fares-free-course-sidebar-featured a{
  width:100%!important;
  height:auto!important;
}
.elementor-150460 .elementor-element.elementor-element-37be0702 .fares-free-course-sidebar-featured img{
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  object-fit:cover!important;
  object-position:center center!important;
  border-radius:10px!important;
}
.elementor-150460 .elementor-element.elementor-element-37be0702:after{
  content:"مجاني";
  position:absolute;
  top:18px;
  left:18px;
  z-index:3;
  padding:4px 8px;
  border-radius:999px;
  background:#22AD56;
  color:#FFF;
  font:800 10px/1.2 Cairo,Tahoma,sans-serif;
  box-shadow:0 4px 12px rgba(34,173,86,.18);
}/* End custom CSS */