/* Exam Preparation Section 02. Scoped to this widget. CSS is inlined on pages
   containing it, so there is no separate stylesheet request or stale CSS URL. */
.maryam-ep-s2 {
  --ep2-red:#c21e2e;--ep2-ink:#15171c;--ep2-body:#505866;
  position:relative;box-sizing:border-box;overflow:hidden;
  width:100%;padding:58px 0;background:#fff;color:var(--ep2-ink);
  font-family:Inter,Arial,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased;
}
.maryam-ep-s2 *, .maryam-ep-s2 *:before, .maryam-ep-s2 *:after {box-sizing:border-box}
.maryam-ep-s2 .ep2-container {
  width:100%;max-width:none;margin:0;
  padding:0 var(--ep2-side-pad,var(--mp-header-side-pad,24px));
}
.maryam-ep-s2 .ep2-head {display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:24px}
.maryam-ep-s2 .ep2-kicker {
  margin-bottom:6px;font-size:11px;color:var(--ep2-red);font-weight:900;
  letter-spacing:.13em;text-transform:uppercase;
}
.maryam-ep-s2 h2 {font-size:clamp(28px,3vw,39px);line-height:1.08;letter-spacing:-.035em;margin:0;color:var(--ep2-ink)}
.maryam-ep-s2 .ep2-head p {margin:7px 0 0;color:var(--ep2-body);font-size:14px;max-width:680px}
.maryam-ep-s2 .ep2-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.maryam-ep-s2 .ep2-card {
  position:relative;display:flex;flex-direction:column;min-width:0;min-height:218px;
  padding:26px 24px 22px;overflow:hidden;background:var(--ep2-card-bg,#fff);color:var(--ep2-ink);
  border:1px solid var(--ep2-card-border,#e4e7ec);border-radius:15px;box-shadow:none;text-decoration:none;
  transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease;
}
.maryam-ep-s2 .ep2-card:before {
  content:'';position:absolute;left:24px;top:-1px;width:44px;height:3px;
  border-radius:0 0 3px 3px;background:var(--ep2-red);transition:width .22s ease;
}
.maryam-ep-s2 .ep2-card:hover,.maryam-ep-s2 .ep2-card:focus-visible {
  transform:translateY(-2px);border-color:var(--ep2-card-hover-border,#e4aab1);box-shadow:0 14px 34px rgba(24,32,45,.08);
}
.maryam-ep-s2 .ep2-card:hover:before,.maryam-ep-s2 .ep2-card:focus-visible:before {width:68px}
.maryam-ep-s2 .ep2-media {flex:0 0 auto;display:grid;place-items:center;overflow:hidden}
.maryam-ep-s2 .ep2-media--icon {
  width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid #f0c9ce;
  color:var(--ep2-red);margin-bottom:22px;box-shadow:0 4px 12px rgba(194,30,46,.06);
  transition:background .22s ease,color .22s ease,border-color .22s ease,transform .22s ease;
}
.maryam-ep-s2 .ep2-card:hover .ep2-media--icon,
.maryam-ep-s2 .ep2-card:focus-visible .ep2-media--icon {
  background:var(--ep2-red);border-color:var(--ep2-red);color:#fff;transform:translateY(-1px);
}
.maryam-ep-s2 .ep2-media--icon svg,
.maryam-ep-s2 .ep2-media--icon i {width:21px;height:21px;font-size:21px;display:block;flex:0 0 auto}
.maryam-ep-s2 .ep2-media--icon img {display:block;width:100%;height:100%;object-fit:var(--ep2-fit,contain)}
.maryam-ep-s2 .ep2-media--brand {
  width:118px;height:58px;justify-items:start;overflow:hidden;
  margin:0 0 19px;padding:0;background:transparent;border:0;box-shadow:none;
}
.maryam-ep-s2 .ep2-media--brand img {
  display:block;width:100%;height:100%;max-width:112px;max-height:54px;
  object-fit:var(--ep2-fit,contain);object-position:left center;
  filter:drop-shadow(0 4px 8px rgba(20,28,40,.055));
}
.maryam-ep-s2 .ep2-media--brand svg,
.maryam-ep-s2 .ep2-media--brand i {display:block;width:54px;height:54px;font-size:42px;color:var(--ep2-red)}
.maryam-ep-s2 .ep2-card h3 {
  font-size:19px;line-height:1.25;font-weight:850;letter-spacing:-.025em;
  margin:0 0 8px;color:var(--ep2-ink);overflow-wrap:anywhere;
}
.maryam-ep-s2 .ep2-card p {
  font-size:12.5px;line-height:1.6;color:var(--ep2-card-description,#4c5563);margin:0 0 20px;overflow-wrap:anywhere;
}
.maryam-ep-s2 .ep2-meta {
  margin-top:auto;display:flex;align-items:center;justify-content:space-between;
  gap:14px;font-size:10.5px;color:var(--ep2-card-meta,#7a828e);padding-top:15px;border-top:1px solid #eceef1;
}
.maryam-ep-s2 .ep2-meta > span:first-child {min-width:0;overflow-wrap:anywhere}
.maryam-ep-s2 .ep2-go {
  display:inline-flex;align-items:center;justify-content:center;min-height:28px;
  padding:6px 10px;border-radius:8px;background:#14171c;color:#fff;
  font-size:9px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;
  white-space:nowrap;box-shadow:none;transition:background-color .2s ease,transform .2s ease;
}
.maryam-ep-s2 .ep2-card:hover .ep2-go {background:var(--ep2-red);transform:translateX(2px)}
@media(max-width:1080px) {
  .maryam-ep-s2 .ep2-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:820px) {
  .maryam-ep-s2 .ep2-container {width:100%;padding-inline:var(--ep2-side-pad,var(--mp-shell-pad-mobile,20px))}
  .maryam-ep-s2 .ep2-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px) {
  .maryam-ep-s2 .ep2-media--brand {width:106px;height:52px;margin-bottom:16px}
  .maryam-ep-s2 .ep2-media--brand img {max-width:102px;max-height:48px}
}
@media(max-width:540px) {
  .maryam-ep-s2 {padding:42px 0}
  .maryam-ep-s2 .ep2-head {align-items:start;flex-direction:column}
  .maryam-ep-s2 .ep2-grid {grid-template-columns:1fr}
}

/* The 2.4.5 theme and Elementor may set their own section margins, fonts and
   card link styles. These rules touch only Section 2. CSS variables above
   remain editable in Elementor without weakening the design defaults. */
.elementor-widget-maryam_exam_preparation_section_2 {
  width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
}
.elementor-widget-maryam_exam_preparation_section_2 > .elementor-widget-container {
  width:100%!important;max-width:none!important;
  margin:0!important;padding:0!important;overflow:hidden!important;
}
.elementor-widget-maryam_exam_preparation_section_2 .maryam-ep-s2 {
  left:auto!important;right:auto!important;width:100%!important;max-width:100%!important;
  margin:0!important;padding:var(--ep2-vpad,58px) 0!important;
  background:var(--ep2-background,#fff)!important;color:var(--ep2-ink)!important;
  font-family:Inter,Arial,sans-serif!important;
}
.maryam-ep-s2 .ep2-container {
  width:100%!important;max-width:none!important;
  padding:0 var(--ep2-side-pad,var(--mp-header-side-pad,24px))!important;margin:0!important;
}
.maryam-ep-s2 .ep2-head {display:flex!important;margin:0 0 24px!important;align-items:flex-end!important}
.maryam-ep-s2 .ep2-kicker {
  color:var(--ep2-red)!important;font:900 11px/1.55 Inter,Arial,sans-serif!important;
  letter-spacing:.13em!important;text-transform:uppercase!important;margin:0 0 6px!important;
}
.maryam-ep-s2 h2 {
  color:var(--ep2-ink)!important;font-family:Inter,Arial,sans-serif!important;
  font-size:var(--ep2-heading-size,clamp(28px,3vw,39px))!important;
  font-weight:700!important;line-height:1.08!important;letter-spacing:-.035em!important;
  text-transform:none!important;margin:0!important;
}
.maryam-ep-s2 .ep2-head p {
  color:var(--ep2-body)!important;font:400 14px/1.55 Inter,Arial,sans-serif!important;
  max-width:680px!important;margin:7px 0 0!important;
}
.maryam-ep-s2 .ep2-grid {
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
}
.maryam-ep-s2 .ep2-card,
.maryam-ep-s2 a.ep2-card:visited {
  position:relative!important;display:flex!important;flex-direction:column!important;
  min-height:218px!important;padding:26px 24px 22px!important;margin:0!important;
  border:1px solid var(--ep2-card-border,#e4e7ec)!important;border-radius:15px!important;
  background:var(--ep2-card-bg,#fff)!important;color:var(--ep2-ink)!important;text-decoration:none!important;
  box-shadow:none!important;transform:none;
}
.maryam-ep-s2 a.ep2-card:hover,.maryam-ep-s2 a.ep2-card:focus-visible {
  border-color:var(--ep2-card-hover-border,#e4aab1)!important;box-shadow:0 14px 34px rgba(24,32,45,.08)!important;
  transform:translateY(-2px);
}
.maryam-ep-s2 a.ep2-card:after {content:none!important;display:none!important}
.maryam-ep-s2 .ep2-media--icon {
  width:44px!important;height:44px!important;margin:0 0 22px!important;
  border:1px solid #f0c9ce!important;border-radius:50%!important;
  background:#fff!important;color:var(--ep2-red)!important;
}
.maryam-ep-s2 .ep2-card:hover .ep2-media--icon {
  background:var(--ep2-red)!important;border-color:var(--ep2-red)!important;color:#fff!important;
}
.maryam-ep-s2 .ep2-media--brand {
  width:118px!important;height:58px!important;margin:0 0 19px!important;
  background:transparent!important;border:0!important;border-radius:0!important;
}
.maryam-ep-s2 .ep2-media img {
  margin:0!important;padding:0!important;border-radius:0!important;
  object-fit:var(--ep2-fit,contain)!important;
}
.maryam-ep-s2 .ep2-card h3 {
  color:var(--ep2-ink)!important;font:850 19px/1.25 Inter,Arial,sans-serif!important;
  letter-spacing:-.025em!important;text-transform:none!important;margin:0 0 8px!important;
}
.maryam-ep-s2 .ep2-card p {
  color:var(--ep2-card-description,#4c5563)!important;font:400 12.5px/1.6 Inter,Arial,sans-serif!important;
  margin:0 0 20px!important;
}
.maryam-ep-s2 .ep2-meta {
  display:flex!important;margin-top:auto!important;padding-top:15px!important;
  border-top:1px solid #eceef1!important;
  color:var(--ep2-card-meta,#7a828e)!important;font:400 10.5px/1.55 Inter,Arial,sans-serif!important;
}
.maryam-ep-s2 .ep2-go {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:28px!important;padding:6px 10px!important;border:0!important;border-radius:8px!important;
  background:#14171c!important;color:#fff!important;
  font:900 9px/1.55 Inter,Arial,sans-serif!important;letter-spacing:.04em!important;
  text-transform:uppercase!important;white-space:nowrap!important;box-shadow:none!important;
}
.maryam-ep-s2 .ep2-card:hover .ep2-go,
.maryam-ep-s2 .ep2-card:focus-visible .ep2-go {background:var(--ep2-red)!important;color:#fff!important}
@media(max-width:1080px) {
  .maryam-ep-s2 .ep2-grid {grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:820px) {
  .maryam-ep-s2 .ep2-container {width:100%!important;padding-inline:var(--ep2-side-pad,var(--mp-shell-pad-mobile,20px))!important}
  .maryam-ep-s2 .ep2-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px) {
  .maryam-ep-s2 .ep2-media--brand {width:106px!important;height:52px!important;margin-bottom:16px!important}
}
@media(max-width:540px) {
  .elementor-widget-maryam_exam_preparation_section_2 .maryam-ep-s2 {
    padding:var(--ep2-vpad,42px) 0!important;
  }
  .maryam-ep-s2 .ep2-head {align-items:start!important;flex-direction:column!important}
  .maryam-ep-s2 .ep2-grid {grid-template-columns:1fr!important}
}
body.elementor-page .elementor-section:has(.elementor-widget-maryam_exam_preparation_section_2) {
  padding:0!important;margin-top:0!important;margin-bottom:0!important;
}
body.elementor-page .elementor-section:has(.elementor-widget-maryam_exam_preparation_section_2) > .elementor-container {
  max-width:none!important;width:100%!important;
}
body.elementor-page .elementor-widget-wrap:has(> .elementor-widget-maryam_exam_preparation_section_2),
body.elementor-page .elementor-column:has(> .elementor-widget-wrap > .elementor-widget-maryam_exam_preparation_section_2),
body.elementor-page .e-con:has(> .elementor-widget-maryam_exam_preparation_section_2),
body.elementor-page .e-con:has(> .e-con-inner > .elementor-widget-maryam_exam_preparation_section_2) {
  width:100%!important;max-width:none!important;
  padding:0!important;margin-top:0!important;margin-bottom:0!important;
}
body.elementor-page .entry-content:has(.elementor-widget-maryam_exam_preparation_section_2) {
  padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important;
}
@media (max-width:1280px) and (min-width:901px) {
  .maryam-ep-s2 {--ep2-side-pad:min(var(--mp-header-side-pad,24px),16px)}
}
@media (max-width:900px) {
  .maryam-ep-s2 {--ep2-side-pad:var(--mp-shell-pad-mobile,20px)}
}
@media (prefers-reduced-motion:reduce) {
  .maryam-ep-s2 .ep2-card,.maryam-ep-s2 .ep2-card:before,
  .maryam-ep-s2 .ep2-media--icon,.maryam-ep-s2 .ep2-go {transition:none!important}
}