/* ESHRAQAT V7 — scoped course presentation and cross-content carousels.
   Does not override V6 header, about, contact, FAQ or floating quick actions. */
:root{--esh7-green:#1f6149;--esh7-green-deep:#153b31;--esh7-accent:#c3a04d;--esh7-edge:#ebece8;--esh7-bg:#f8faf7}
/* Homepage course filters: retained Bootstrap tab behavior, new editorial styling. */
.courses_section .tabs_wrapper>.nav{display:flex!important;justify-content:center!important;align-items:stretch!important;flex-wrap:wrap!important;gap:13px!important;border:0!important;margin:0 0 34px!important;padding:10px!important;background:#f4f6f2!important;border-radius:22px!important}
.courses_section .tabs_wrapper>.nav>li{flex:0 1 auto!important;min-width:0!important;margin:0!important}
.courses_section .tabs_wrapper>.nav>li>button{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-height:54px!important;width:100%!important;padding:12px clamp(15px,1.6vw,25px)!important;background:#fff!important;color:#3c5348!important;border:1px solid #e5e9e3!important;border-radius:15px!important;font-family:'Tajawal',sans-serif!important;font-size:15px!important;font-weight:800!important;line-height:1.4!important;box-shadow:0 3px 11px rgba(16,45,32,.025)!important;transition:background .22s,color .22s,border-color .22s,transform .22s,box-shadow .22s!important}
.courses_section .tabs_wrapper>.nav>li>button:hover{border-color:#b7cdbc!important;transform:translateY(-2px)!important}
.courses_section .tabs_wrapper>.nav>li>button.active{color:#fff!important;background:linear-gradient(115deg,#19563e,#2c7555)!important;border-color:#19563e!important;box-shadow:0 10px 23px rgba(27,99,64,.21)!important}
.courses_section .tabs_wrapper>.nav>li>button i{font-size:18px!important;color:#b99a4c!important}
.courses_section .tabs_wrapper>.nav>li>button.active i{color:#e8cf87!important}
/* Course cards: retain exact original images, text, prices and URLs. */
.courses_section .courses-wrapper>.row{row-gap:26px!important}
.courses_section .courses-wrapper>.row>.col{display:flex!important;min-width:0!important}
.courses_section .course_card{width:100%!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;border:1px solid #e6ebe5!important;border-radius:21px!important;background:#fff!important;box-shadow:0 10px 33px rgba(25,53,36,.07)!important;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease!important;will-change:auto}
.courses_section .course_card:hover{transform:translateY(-5px)!important;border-color:#d1dfd0!important;box-shadow:0 18px 43px rgba(27,57,37,.13)!important}
.courses_section .course_card .item_image{width:100%!important;height:auto!important;aspect-ratio:16/10!important;overflow:hidden!important;border-radius:0!important;background:#f5f6f3!important;position:relative!important}
.courses_section .course_card .item_image>a{display:block!important;width:100%!important;height:100%!important;overflow:hidden!important}
.courses_section .course_card .item_image img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transition:transform .48s ease!important}
.courses_section .course_card:hover .item_image img{transform:scale(1.035)!important}
.courses_section .course_card .item_content{display:flex!important;flex:1!important;flex-direction:column!important;align-items:stretch!important;min-width:0!important;padding:22px 21px 23px!important}
.courses_section .course_card .item_content>.d-flex{gap:9px!important;flex-wrap:wrap!important;align-items:flex-start!important}
.courses_section .course_card .item_category_list{display:flex!important;flex-wrap:wrap!important;gap:6px!important}
.courses_section .course_card .item_category_list a{color:#2d6c4b!important;background:#eaf5ec!important;border-radius:9px!important;font-size:12px!important;font-weight:800!important;padding:5px 10px!important;line-height:1.5!important;text-decoration:none!important}
.courses_section .course_card .sale_price{color:#1f5e46!important;font-size:16px!important;font-weight:900!important}
.courses_section .course_card .meta_info_list{display:flex!important;flex-wrap:wrap!important;gap:8px 17px!important;margin-bottom:12px!important;font-size:13px!important;color:#718075!important}
.courses_section .course_card .meta_info_list i{color:#af9455!important}
.courses_section .course_card .item_title{margin:0 0 19px!important;line-height:1.7!important;font-size:18px!important;font-weight:900!important;color:#263a2d!important;min-height:60px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.courses_section .course_card .item_title a{color:inherit!important;text-decoration:none!important}
.courses_section .course_card .item_content>.btn{margin-top:auto!important;min-height:49px!important;border-radius:11px!important;border-color:#216148!important;background:#216148!important;color:#fff!important;transition:background .2s,transform .2s!important}
.courses_section .course_card .item_content>.btn:hover{background:#13412f!important;color:#fff!important}
.courses_section .course_card .item_content>.btn i{color:#fff!important}
/* Replace the original bright-red hero caption with a sophisticated green accent. */
.hero_banner .video_play_btn .esh7-hero-message{display:inline-flex!important;align-items:center!important;min-height:43px!important;border-radius:12px!important;padding:9px 14px!important;color:#eafff3!important;background:rgba(19,91,65,.62)!important;border:1px solid rgba(209,239,218,.3)!important;font-size:15px!important;font-weight:800!important;line-height:1.6!important;box-shadow:0 8px 20px rgba(0,0,0,.08)}
.hero_banner .video_play_btn{gap:12px!important;align-items:center!important}
.hero_banner .video_play_btn .icon{color:#fff!important}
/* Cross-page discovery carousel: native scroll-snap & touch, no third-party library. */
.esh7-cross-section{padding:72px 0 80px!important;background:linear-gradient(180deg,#f8faf7,#fff)!important;border-top:1px solid #edf1e9;direction:rtl!important;position:relative;clear:both}
.esh7-cross-section *{box-sizing:border-box}
.esh7-cross-section .esh7-cross-heading{display:flex;justify-content:space-between;align-items:end;gap:23px;flex-wrap:wrap;margin-bottom:29px}
.esh7-cross-section .esh7-kicker{display:inline-flex;gap:8px;align-items:center;padding:7px 12px;background:#e8f1eb;color:#216348;border-radius:999px;font-size:12px;font-weight:900;letter-spacing:.1px;margin-bottom:12px}
.esh7-cross-section h2{margin:0 0 9px!important;font-size:clamp(25px,2.5vw,37px)!important;color:#243c2e!important;font-weight:900!important;line-height:1.45!important}
.esh7-cross-section .esh7-cross-title-block p{margin:0;color:#657568;font-size:15px;line-height:1.8}
.esh7-cross-section .esh7-cross-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px}
.esh7-cross-section .esh7-see-all{display:inline-flex;align-items:center;gap:10px;color:#216247!important;text-decoration:none!important;font-weight:900;font-size:14px;white-space:nowrap}
.esh7-cross-section .esh7-see-all:hover{color:#b2883e!important}
.esh7-cross-section .esh7-rail-buttons{display:flex;align-items:center;gap:9px}
.esh7-cross-section .esh7-rail-buttons button{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;border:1px solid #dbe5dd;background:white;color:#1b6346;box-shadow:0 5px 15px rgba(12,55,33,.06);cursor:pointer;transition:background .2s,color .2s}
.esh7-cross-section .esh7-rail-buttons button:hover{background:#206047;color:white}
.esh7-cross-section .esh7-rail-buttons button:focus-visible,.esh7-cross-section .esh7-cross-track:focus-visible,.esh7-cross-section a:focus-visible{outline:3px solid #b69b46;outline-offset:3px}
.esh7-cross-section .esh7-cross-track{display:flex!important;align-items:stretch;gap:20px;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding-inline:2px;scroll-behavior:smooth;padding:3px 4px 18px!important;direction:rtl!important;touch-action:pan-x pan-y;cursor:grab}
.esh7-cross-section .esh7-cross-track::-webkit-scrollbar{display:none}
.esh7-cross-section .esh7-cross-track.esh7-dragging{scroll-behavior:auto!important;scroll-snap-type:none!important;cursor:grabbing;user-select:none}
.esh7-cross-section .esh7-slide{flex:0 0 calc((100% - 40px)/3)!important;min-width:0!important;overflow:hidden;border:1px solid #e3eae1;border-radius:18px;background:#fff;scroll-snap-align:start;box-shadow:0 9px 24px rgba(25,61,37,.065);display:flex;flex-direction:column}
.esh7-cross-section .esh7-slide-picture{height:auto!important;aspect-ratio:1.8!important;display:block;overflow:hidden;background:#f3f6f2}
.esh7-cross-section .esh7-slide-picture img{display:block;width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .38s}
.esh7-cross-section .esh7-slide:hover img{transform:scale(1.045)}
.esh7-cross-section .esh7-slide-body{padding:20px 20px 21px;display:flex;flex:1;flex-direction:column;align-items:flex-start}
.esh7-cross-section .esh7-slide-category{display:inline-block;padding:6px 10px;margin-bottom:11px;color:#28634a;background:#eef6f0;border-radius:9px;font-size:12px;font-weight:900}
.esh7-cross-section .esh7-slide h3{margin:0 0 15px!important;min-height:57px;color:#253e2e;font-size:17px!important;line-height:1.65!important;font-weight:900!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.esh7-cross-section .esh7-slide h3 a{color:inherit;text-decoration:none}
.esh7-cross-section .esh7-slide-price{color:#27744c;font-size:15px;font-weight:900;line-height:1.4;margin:0 0 12px}
.esh7-cross-section .esh7-slide-cta{margin-top:auto;display:inline-flex;align-items:center;gap:12px;background:#1e6247;color:#fff!important;text-decoration:none!important;padding:12px 15px;border-radius:10px;font-size:13px;font-weight:900;transition:background .2s}
.esh7-cross-section .esh7-slide-cta:hover{background:#13452f;color:#fff!important}
@media(max-width:991.98px){
 .esh7-cross-section{padding:56px 0 62px!important}
 .esh7-cross-section .esh7-slide{flex-basis:calc((100% - 18px)/2)!important}
 .esh7-cross-section .esh7-cross-track{gap:18px}
 .courses_section .tabs_wrapper>.nav{padding:8px!important;gap:8px!important}
 .courses_section .tabs_wrapper>.nav>li{flex:1 1 200px!important}
}
@media(max-width:650px){
 .esh7-cross-section .esh7-cross-heading{align-items:flex-start;gap:13px}
 .esh7-cross-section .esh7-cross-actions{width:100%;justify-content:space-between}
 .esh7-cross-section .esh7-cross-track{gap:13px;padding-inline:1px!important}
 .esh7-cross-section .esh7-slide{flex-basis:calc(100% - 28px)!important;max-width:410px!important}
 .esh7-cross-section .esh7-slide-body{padding:16px 17px 18px}
 .esh7-cross-section .esh7-slide h3{font-size:16px!important;min-height:52px}
 .courses_section .tabs_wrapper>.nav{display:grid!important;grid-template-columns:1fr!important;padding:7px!important}
 .courses_section .tabs_wrapper>.nav>li{min-width:0!important;width:100%!important}
 .courses_section .tabs_wrapper>.nav>li>button{min-height:51px!important;justify-content:flex-start!important;font-size:14px!important}
 .courses_section .course_card .item_content{padding:19px 18px 22px!important}
 .courses_section .course_card .item_title{min-height:0!important;font-size:17px!important}
 .hero_banner .video_play_btn .esh7-hero-message{font-size:13px!important}
}
@media(prefers-reduced-motion:reduce){
 .esh7-cross-section .esh7-cross-track{scroll-behavior:auto!important}
 .esh7-cross-section .esh7-slide-picture img,.courses_section .course_card,.courses_section .course_card .item_image img{transition:none!important;transform:none!important}
}