.elementor-kit-15044{--e-global-color-primary:#1E6649;--e-global-color-secondary:#064F36;--e-global-color-text:#171717;--e-global-color-accent:#868686;--e-global-color-7fbf5dd:#DCF1E6;--e-global-color-604f741:#B9E1CC;--e-global-color-f22d65c:#92C1A9;--e-global-color-469f149:#4F8A87;--e-global-color-fd810b5:#169A3C;--e-global-color-ca70ca8:#BF7F00;--e-global-color-7cd5e93:#DB3840;--e-global-color-4a4c5c8:#FAFAFA;--e-global-color-6a19ad5:#171717;--e-global-color-f8670e2:#FFFFFF;--e-global-color-34ef96e:#FFFFFF00;--e-global-color-e7ae612:#000000;--e-global-color-9512110:#6DA288;--e-global-color-df12382:#478368;--e-global-color-c87897c:#064F36;--e-global-color-0020235:#003A23;--e-global-color-4da336e:#002415;--e-global-color-0250150:#001308;--e-global-color-3743e13:#FFFDF6;--e-global-color-bdc0b2a:#FBF5E6;--e-global-color-79b9c58:#F5F5F5;--e-global-color-7f7e55c:#E5E5E5;--e-global-color-40b39a7:#D4D4D4;--e-global-color-a3961e5:#A3A3A3;--e-global-color-971470e:#737373;--e-global-color-f649acd:#525252;--e-global-color-efe6bf4:#404040;--e-global-color-91ad17e:#262626;--e-global-color-4515501:#0A0A0A;--e-global-color-7e7bdb1:#F1AFB3;--e-global-color-88a3c6c:#F9DFE0;--e-global-color-9138c1d:#A2D7B1;--e-global-color-dd2e457:#DAEFE0;--e-global-color-2312bde:#F4CE49;--e-global-color-7b17006:#FBEBB6;--e-global-color-5a03877:#4F75C1;--e-global-color-a3c144e:#B9C8E6;--e-global-color-04824ed:#E3E9F5;--e-global-color-ed39a4a:#0F172A;--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"IBMPlexSansArabic";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"IBMPlexSansArabic";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"IBMPlexSansArabic";--e-global-typography-accent-font-weight:500;--e-global-typography-c303ca2-font-family:"IBMPlexSansArabic";--e-global-typography-c303ca2-font-size:64px;--e-global-typography-c303ca2-line-height:70px;--e-global-typography-c303ca2-letter-spacing:-0.8px;--e-global-typography-82a412f-font-family:"IBMPlexSansArabic";--e-global-typography-82a412f-font-size:37px;--e-global-typography-82a412f-line-height:48px;--e-global-typography-82a412f-letter-spacing:-0.64px;--e-global-typography-a7606c2-font-family:"IBMPlexSansArabic";--e-global-typography-a7606c2-font-size:22px;--e-global-typography-a7606c2-line-height:36px;--e-global-typography-a7606c2-letter-spacing:-0.6px;--e-global-typography-a38cfd9-font-family:"IBMPlexSansArabic";--e-global-typography-a38cfd9-font-size:13px;--e-global-typography-a38cfd9-line-height:16px;--e-global-typography-a38cfd9-letter-spacing:-0.14px;--e-global-typography-1df3130-font-family:"IBMPlexSansArabic";--e-global-typography-1df3130-font-size:12px;--e-global-typography-1df3130-line-height:14px;--e-global-typography-1df3130-letter-spacing:-0.12px;--e-global-typography-aa16021-font-family:"Tajawal";--e-global-typography-aa16021-font-size:11px;--e-global-typography-aa16021-line-height:14px;--e-global-typography-aa16021-letter-spacing:-0.1px;--e-global-typography-01db87d-font-family:"IBMPlexSansArabic";--e-global-typography-01db87d-font-size:10px;--e-global-typography-01db87d-line-height:12px;--e-global-typography-01db87d-letter-spacing:0px;--e-global-typography-6676954-font-family:"IBMPlexSansArabic";--e-global-typography-6676954-font-size:10px;--e-global-typography-6676954-line-height:12px;--e-global-typography-6676954-letter-spacing:1px;--e-global-typography-4b3cdd8-font-family:"IBMPlexSansArabic";--e-global-typography-4b3cdd8-font-size:9px;--e-global-typography-4b3cdd8-line-height:10px;--e-global-typography-4b3cdd8-letter-spacing:0px;--e-preloader-animation-duration:600ms;--e-preloader-delay:400ms;--e-preloader-color:var( --e-global-color-primary );--e-preloader-size:20px;}.elementor-kit-15044 button,.elementor-kit-15044 input[type="button"],.elementor-kit-15044 input[type="submit"],.elementor-kit-15044 .elementor-button{background-color:var( --e-global-color-primary );color:var( --e-global-color-f8670e2 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:20px 20px 20px 20px;}.elementor-kit-15044 button:hover,.elementor-kit-15044 button:focus,.elementor-kit-15044 input[type="button"]:hover,.elementor-kit-15044 input[type="button"]:focus,.elementor-kit-15044 input[type="submit"]:hover,.elementor-kit-15044 input[type="submit"]:focus,.elementor-kit-15044 .elementor-button:hover,.elementor-kit-15044 .elementor-button:focus{background-color:var( --e-global-color-f8670e2 );color:var( --e-global-color-primary );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );}.elementor-kit-15044 a{color:var( --e-global-color-primary );font-family:"Tajawal", Sans-serif;}.elementor-kit-15044 a:hover{color:var( --e-global-color-secondary );}.elementor-kit-15044 h2{font-family:"Tajawal", Sans-serif;font-size:26px;font-weight:700;line-height:30px;letter-spacing:-0.26px;}.elementor-kit-15044 h3{font-family:"Tajawal", Sans-serif;font-size:24px;font-weight:700;line-height:28px;letter-spacing:-0.24px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-15044 h2{font-size:22px;line-height:26px;}.elementor-kit-15044 h3{font-size:20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* --- Cards --- */
.course-card{
  position: relative;                 /* needed for ::before */
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  border-radius:16px;
  box-shadow: 0 10px 24px rgba(0,0,0,.08);
  overflow:hidden;
  /* remove translateZ(0); avoid permanent layers */
  transition: transform .16s ease, box-shadow .2s ease;
}
.course-card:hover{
  will-change: transform;             /* create layer only when needed */
  transform: translateY(-3px);
  box-shadow: 0 16px 36px rgba(0,0,0,.12);
}
.course-card::before{
  content:"";
  position:absolute; inset:0; pointer-events:none;
  background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.25) 30%, transparent 60%);
  transform: translateX(-120%);
  transition: transform .6s ease;
  mix-blend-mode: screen; opacity:.15;
}
.course-card:hover::before{ transform: translateX(120%); }

/* --- Filter bar stacking so noise stays behind pills --- */
.college-filter-bar{ position: relative; isolation: isolate; }
.college-filter-bar::after{ z-index: 0; border-radius: inherit; }
.college-filter-bar > *{ position: relative; z-index: 1; }

/* Optional: if the noise looks heavy on some screens, lower opacity or swap to a tiny PNG */
/* .college-filter-bar::after { opacity:.02; } */

/* --- Grid fade --- */
#courses-grid.is-out{ opacity:0; transform: translateY(8px); pointer-events:none; }

/* --- Keyboard focus for pills --- */
.college-pill:focus-visible{
  outline: 2px solid #1E6649; outline-offset: 2px;
}

/* --- Preloader: one source of truth + reduced motion --- */
/* Kill any background tint */
.e-page-transition,
.e-page-transition .e-preloader,
.e-page-transition .e-preloader::before,
.e-page-transition .e-preloader::after { background: transparent !important; }

/* Keep it spinning gently */
@keyframes qimah-spin { to { transform: rotate(360deg); } }

.e-page-transition .e-preloader img,
.e-page-transition .e-preloader{
  animation: qimah-spin 14s linear infinite !important;
  filter: drop-shadow(0 0 12px rgba(30,102,73,.25));
  width: clamp(96px, 8vw, 192px);
  height: auto;
  display: block;
}

@media (prefers-reduced-motion: reduce){
  .college-pill, #courses-grid, .course-card{ transition:none !important; }
  .e-page-transition .e-preloader,
  .e-page-transition .e-preloader img{ animation: none !important; }
}

/* Mobile tweaks stay as you have *//* End custom CSS */