/*
 * Energy Bartar department pages — v0.8.92 shared system + unique personalities.
 * 80% common responsive layout, 20% subject-aware accent; Elementor stays editable.
 */
:root{
  --eb88-green:#0b8f58;
  --eb88-green-2:#10a568;
  --eb88-deep:#073f2d;
  --eb88-deep-2:#0d5b40;
  --eb88-gold:#e7ad36;
  --eb88-gold-soft:#fff3d9;
  --eb88-ink:#17382f;
  --eb88-muted:#647970;
  --eb88-line:#d7e7de;
  --eb88-page:#f7faf8;
  --eb88-soft:#eff7f3;
  --eb88-white:#fff;
  --eb88-shadow:0 18px 44px rgba(16,70,46,.085);
  --eb92-accent:#0b8f58;
  --eb92-accent-2:#07533a;
  --eb92-accent-soft:#edf8f2;
  --eb92-accent-rgb:11,143,88;
}

/* Department personality tokens: deliberately limited to accents and atmosphere.
   Typography, spacing, component anatomy and responsive rules stay shared. */
body.eb092-theme-computer{
  --eb92-accent:#6d52c7;--eb92-accent-2:#3c2b86;--eb92-accent-soft:#f1edff;--eb92-accent-rgb:109,82,199;
}
body.eb092-theme-research{
  --eb92-accent:#d49a22;--eb92-accent-2:#775311;--eb92-accent-soft:#fff4d9;--eb92-accent-rgb:212,154,34;
}
body.eb092-theme-sports{
  --eb92-accent:#129b8d;--eb92-accent-2:#08645c;--eb92-accent-soft:#e9f9f6;--eb92-accent-rgb:18,155,141;
}
body.eb092-theme-english{
  --eb92-accent:#3577c7;--eb92-accent-2:#174a84;--eb92-accent-soft:#edf5ff;--eb92-accent-rgb:53,119,199;
}
body.eb092-theme-family{
  --eb92-accent:#d4893a;--eb92-accent-2:#8a4f1c;--eb92-accent-soft:#fff2e5;--eb92-accent-rgb:212,137,58;
}
body.eb092-theme-counseling{
  --eb92-accent:#c96f78;--eb92-accent-2:#7a3441;--eb92-accent-soft:#fff0f2;--eb92-accent-rgb:201,111,120;
}

/* Stable canvas and Elementor containment. */
html body.eb088-department-premium-active .eb100-department-elementor-shell{
  box-sizing:border-box!important;
  width:min(1180px,calc(100% - 32px))!important;
  max-width:1180px!important;
  margin:0 auto!important;
  padding:10px 30px 46px!important;
  overflow:visible!important;
  border-radius:0 0 34px 34px!important;
  background:
    radial-gradient(circle at 94% 5%,rgba(var(--eb92-accent-rgb),.095),transparent 270px),
    radial-gradient(circle at 8% 42%,rgba(231,173,54,.075),transparent 250px),
    linear-gradient(180deg,#fff 0%,var(--eb88-page) 100%)!important;
}
html body.eb088-department-premium-active .eb086-department-page{
  box-sizing:border-box!important;
  float:none!important;
  clear:both!important;
  position:relative!important;
  inset:auto!important;
  width:min(1120px,100%)!important;
  max-width:1120px!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  transform:none!important;
  direction:rtl!important;
}
html body.eb088-department-premium-active .eb086-department-page>.elementor-container{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0 auto!important;
  padding-left:0!important;
  padding-right:0!important;
}
html body.eb088-department-premium-active .eb086-department-page .elementor-column,
html body.eb088-department-premium-active .eb086-department-page .elementor-widget-wrap,
html body.eb088-department-premium-active .eb086-department-page .elementor-widget,
html body.eb088-department-premium-active .eb086-department-page .elementor-widget-container{
  box-sizing:border-box!important;
  min-width:0!important;
  max-width:100%!important;
}
html body.eb088-department-premium-active .eb086-department-page img{
  display:block!important;
  max-width:100%!important;
}

/* Breadcrumb. */
html body.eb088-department-premium-active .eb086-breadcrumb{padding:12px 8px 10px!important}
.eb088-department-premium-active .eb086-breadcrumb-text .elementor-widget-container{
  font-size:11px!important;
  line-height:1.8!important;
  color:#778a81!important;
}
.eb088-department-premium-active .eb086-breadcrumb-text p{margin:0!important}

/* Hero: a real panel, not loose content on a white page. */
html body.eb088-department-premium-active .eb086-hero{
  isolation:isolate!important;
  margin-top:2px!important;
  overflow:hidden!important;
  border:1px solid rgba(var(--eb92-accent-rgb),.25)!important;
  border-radius:30px!important;
  background:linear-gradient(118deg,var(--eb92-accent-soft) 0%,#fbfdfc 61%,#e3f2e9 100%)!important;
  box-shadow:var(--eb88-shadow)!important;
}
.eb088-department-premium-active .eb086-hero:before{
  content:"";
  position:absolute;
  z-index:-1;
  width:340px;
  height:340px;
  right:-170px;
  top:-190px;
  border-radius:50%;
  border:62px solid rgba(var(--eb92-accent-rgb),.09);
}
html body.eb088-department-premium-active .eb086-hero>.elementor-container{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  gap:0!important;
  min-height:382px!important;
}
html body.eb088-department-premium-active .eb086-hero-copy{
  width:58%!important;
  max-width:58%!important;
  flex:0 0 58%!important;
}
html body.eb088-department-premium-active .eb086-hero-media{
  position:relative!important;
  isolation:isolate!important;
  width:42%!important;
  max-width:42%!important;
  flex:0 0 42%!important;
  background:linear-gradient(145deg,var(--eb92-accent-2),var(--eb88-deep))!important;
}
.eb088-department-premium-active .eb086-hero-media:before{
  content:"یادگیری پروژه‌محور";
  position:absolute;
  z-index:3;
  right:42px;
  bottom:42px;
  padding:8px 13px;
  border:1px solid rgba(255,255,255,.30);
  border-radius:999px;
  background:rgba(7,63,45,.82);
  color:#fff;
  font-size:10.5px;
  font-weight:900;
  line-height:1.4;
  box-shadow:0 8px 20px rgba(0,0,0,.18);
  backdrop-filter:blur(8px);
}
.eb088-department-premium-active .eb086-hero-media:after{
  content:"";
  position:absolute;
  z-index:0;
  width:112px;
  height:112px;
  left:12px;
  top:12px;
  opacity:.28;
  background:radial-gradient(circle,rgba(var(--eb92-accent-rgb),.95) 1.5px,transparent 2px) 0 0/13px 13px;
}
.eb088-department-premium-active .eb086-hero-copy>.elementor-widget-wrap{
  height:100%!important;
  padding:36px 44px 34px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:stretch!important;
  text-align:right!important;
}
.eb088-department-premium-active .eb086-hero-media>.elementor-widget-wrap{
  height:100%!important;
  padding:24px!important;
  display:flex!important;
  align-items:center!important;
}
.eb088-department-premium-active .eb086-hero-media .elementor-widget-image,
.eb088-department-premium-active .eb086-hero-media .elementor-widget-container{
  width:100%!important;
  height:100%!important;
}
.eb088-department-premium-active .eb086-hero-image img{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  height:328px!important;
  object-fit:cover!important;
  object-position:center!important;
  border:1px solid rgba(255,255,255,.28)!important;
  border-radius:24px!important;
  background:var(--eb92-accent-2)!important;
  box-shadow:0 22px 44px rgba(var(--eb92-accent-rgb),.20)!important;
}
.eb088-department-premium-active .eb086-eyebrow .elementor-heading-title{
  font-size:12px!important;
  line-height:1.8!important;
  color:var(--eb88-green)!important;
  font-weight:900!important;
}
.eb088-department-premium-active .eb086-eyebrow .elementor-heading-title:after{
  content:"";
  display:inline-block;
  width:34px;
  height:2px;
  margin-right:10px;
  vertical-align:middle;
  border-radius:3px;
  background:linear-gradient(90deg,var(--eb88-gold),var(--eb92-accent));
}
.eb088-department-premium-active .eb086-title .elementor-heading-title{
  margin:9px 0 12px!important;
  color:var(--eb88-ink)!important;
  font-size:39px!important;
  font-weight:950!important;
  line-height:1.36!important;
  letter-spacing:-1px!important;
}
.eb088-department-premium-active .eb086-subtitle .elementor-widget-container{
  color:#5f756b!important;
  font-size:14px!important;
  line-height:2!important;
}
.eb088-department-premium-active .eb086-subtitle p,
.eb088-department-premium-active .eb086-hero-note p{margin:0!important}
.eb088-department-premium-active .eb086-hero-button .elementor-button,
.eb088-department-premium-active .eb086-section-button .elementor-button{
  margin-top:18px!important;
  padding:12px 22px!important;
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,var(--eb88-green-2),var(--eb88-green))!important;
  color:#fff!important;
  font-weight:900!important;
  box-shadow:0 11px 24px rgba(11,143,88,.22)!important;
}
.eb088-department-premium-active .eb086-hero-note .elementor-widget-container{
  margin-top:14px!important;
  color:#167a51!important;
  font-size:12.5px!important;
  font-weight:800!important;
}

/* Four compact coloured feature cards. */
html body.eb088-department-premium-active .eb086-department-page.eb086-feature-strip{
  z-index:6!important;
  width:min(1060px,calc(100% - 56px))!important;
  max-width:1060px!important;
  margin-top:-30px!important;
  margin-bottom:22px!important;
}
html body.eb088-department-premium-active .eb086-feature-strip>.elementor-container{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:11px!important;
  overflow:visible!important;
  padding:11px!important;
  border:1px solid rgba(207,227,215,.95)!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 18px 42px rgba(16,70,46,.11)!important;
  backdrop-filter:blur(12px)!important;
}
html body.eb088-department-premium-active .eb086-feature-card{
  width:100%!important;
  max-width:100%!important;
  flex:none!important;
}
.eb088-department-premium-active .eb086-feature-card>.elementor-widget-wrap{
  position:relative!important;
  min-height:124px!important;
  padding:17px 13px 15px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
  border:1px solid #d7e9df!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#f3fbf6,#e4f4eb)!important;
}
.eb088-department-premium-active .eb086-feature-card:nth-child(2)>.elementor-widget-wrap{
  border-color:#efdfb9!important;
  background:linear-gradient(145deg,#fffaf0,#ffefd0)!important;
}
.eb088-department-premium-active .eb086-feature-card:nth-child(3)>.elementor-widget-wrap{
  border-color:rgba(var(--eb92-accent-rgb),.24)!important;
  background:linear-gradient(145deg,#fff,var(--eb92-accent-soft))!important;
}
.eb088-department-premium-active .eb086-feature-card:nth-child(4)>.elementor-widget-wrap{
  border-color:#dce5da!important;
  background:linear-gradient(145deg,#fbfcf7,#edf4e5)!important;
}
.eb088-department-premium-active .eb086-feature-card>.elementor-widget-wrap:before{
  content:"01";
  display:flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  margin:0 auto 8px;
  border-radius:12px;
  background:var(--eb88-green);
  color:#fff;
  font:900 10px/1 Arial,sans-serif;
  box-shadow:0 7px 15px rgba(11,143,88,.18);
}
.eb088-department-premium-active .eb086-feature-card:nth-child(2)>.elementor-widget-wrap:before{content:"02";background:var(--eb88-gold);color:#4c3510}
.eb088-department-premium-active .eb086-feature-card:nth-child(3)>.elementor-widget-wrap:before{content:"03";background:var(--eb92-accent);box-shadow:0 7px 15px rgba(var(--eb92-accent-rgb),.20)}
.eb088-department-premium-active .eb086-feature-card:nth-child(4)>.elementor-widget-wrap:before{content:"04";background:#6f8c59}
.eb088-department-premium-active .eb086-feature-title .elementor-heading-title{
  color:var(--eb88-ink)!important;
  font-size:15px!important;
  font-weight:950!important;
  line-height:1.65!important;
}
.eb088-department-premium-active .eb086-feature-text .elementor-widget-container{
  color:#687d73!important;
  font-size:11.5px!important;
  line-height:1.75!important;
}
.eb088-department-premium-active .eb086-feature-text p{margin:2px 0 0!important}

/* Alternating section panels. */
html body.eb088-department-premium-active .eb086-section{
  margin-top:20px!important;
  overflow:hidden!important;
  border:1px solid var(--eb88-line)!important;
  border-radius:28px!important;
  box-shadow:0 14px 36px rgba(16,70,46,.06)!important;
}
html body.eb088-department-premium-active .eb086-about{
  padding:16px!important;
  background:
    radial-gradient(circle at 92% 10%,rgba(var(--eb92-accent-rgb),.12),transparent 220px),
    linear-gradient(135deg,#edf8f2,#fbfdfc)!important;
}
html body.eb088-department-premium-active .eb086-learning{
  padding:16px!important;
  background:
    radial-gradient(circle at 8% 90%,rgba(var(--eb92-accent-rgb),.13),transparent 230px),
    linear-gradient(135deg,#fff8e9,#f9fcfa)!important;
}
html body.eb088-department-premium-active .eb086-section>.elementor-container{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  gap:18px!important;
}
html body.eb088-department-premium-active .eb086-about-copy{
  width:58%!important;
  max-width:58%!important;
  flex:0 0 calc(58% - 10px)!important;
}
html body.eb088-department-premium-active .eb086-about-media{
  width:42%!important;
  max-width:42%!important;
  flex:0 0 calc(42% - 10px)!important;
}
html body.eb088-department-premium-active .eb086-learning-copy{
  width:60%!important;
  max-width:60%!important;
  flex:0 0 calc(60% - 9px)!important;
}
html body.eb088-department-premium-active .eb086-learning-media{
  width:40%!important;
  max-width:40%!important;
  flex:0 0 calc(40% - 9px)!important;
}
.eb088-department-premium-active .eb086-about-copy>.elementor-widget-wrap,
.eb088-department-premium-active .eb086-learning-copy>.elementor-widget-wrap{
  height:100%!important;
  padding:27px 30px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  border:0!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.76)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.92)!important;
}
.eb088-department-premium-active .eb086-about-media>.elementor-widget-wrap,
.eb088-department-premium-active .eb086-learning-media>.elementor-widget-wrap{
  height:100%!important;
  padding:10px!important;
  display:flex!important;
  align-items:stretch!important;
  border:1px solid rgba(207,227,215,.95)!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.70)!important;
}
.eb088-department-premium-active .eb086-learning-media>.elementor-widget-wrap{
  height:auto!important;
  min-height:0!important;
  margin:auto 0!important;
  padding:13px!important;
  align-items:center!important;
  background:rgba(255,255,255,.88)!important;
  box-shadow:0 14px 30px rgba(16,70,46,.055)!important;
}
/* Elementor image widgets need an explicit width; without it WordPress can render
   a tall, 70px-wide crop even though the parent column is correct. */
.eb088-department-premium-active .eb086-about-media .elementor-widget-image,
.eb088-department-premium-active .eb086-about-media .elementor-widget-container,
.eb088-department-premium-active .eb086-learning-media .elementor-widget-image,
.eb088-department-premium-active .eb086-learning-media .elementor-widget-container{
  width:100%!important;
  height:100%!important;
  flex:1 1 100%!important;
}
.eb088-department-premium-active .eb086-about-image img,
.eb088-department-premium-active .eb086-learning-image img{
  width:100%!important;
  height:100%!important;
  min-height:330px!important;
  max-height:380px!important;
  object-fit:contain!important;
  object-position:center!important;
  border:0!important;
  border-radius:17px!important;
  background:#fff!important;
}
.eb088-department-premium-active .eb086-learning-media .elementor-widget-image,
.eb088-department-premium-active .eb086-learning-media .elementor-widget-container{
  height:auto!important;
  flex:0 0 auto!important;
}
.eb088-department-premium-active .eb086-learning-image img{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
}
.eb088-department-premium-active .eb086-section-kicker .elementor-heading-title{
  color:var(--eb88-green)!important;
  font-size:12px!important;
  font-weight:900!important;
}
.eb088-department-premium-active .eb086-section-title .elementor-heading-title,
.eb088-department-premium-active .eb086-learning-title .elementor-heading-title{
  margin:8px 0 13px!important;
  color:var(--eb88-ink)!important;
  font-size:28px!important;
  font-weight:950!important;
  line-height:1.55!important;
}
.eb088-department-premium-active .eb086-section-title .elementor-heading-title:before,
.eb088-department-premium-active .eb086-learning-title .elementor-heading-title:before{
  content:"";
  display:inline-block;
  width:7px;
  height:25px;
  margin-left:10px;
  vertical-align:-4px;
  border-radius:999px;
  background:linear-gradient(180deg,var(--eb88-gold),var(--eb92-accent));
}
.eb088-department-premium-active .eb086-section-text .elementor-widget-container,
.eb088-department-premium-active .eb086-learning-list .elementor-widget-container{
  color:#52685e!important;
  font-size:14px!important;
  line-height:2.05!important;
  text-align:right!important;
}
.eb088-department-premium-active .eb086-section-text p{margin:0 0 11px!important}
.eb088-department-premium-active .eb086-learning-list ul{
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
.eb088-department-premium-active .eb086-learning-list li{
  position:relative!important;
  margin:0 0 7px!important;
  padding:8px 42px 8px 12px!important;
  border:1px solid #e6e5d6!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.72)!important;
}
.eb088-department-premium-active .eb086-learning-list li:before{
  content:"✓";
  position:absolute;
  right:11px;
  top:9px;
  display:flex;
  align-items:center;
  justify-content:center;
  width:21px;
  height:21px;
  border-radius:8px;
  background:var(--eb92-accent-soft);
  color:var(--eb92-accent);
  font-weight:950;
}
html body.eb088-department-premium-active .eb088-media-hidden{display:none!important}
html body.eb088-department-premium-active .eb088-copy-expanded{
  width:100%!important;
  max-width:100%!important;
  flex:0 0 100%!important;
}
.eb088-department-premium-active .eb088-copy-expanded>.elementor-widget-wrap{
  padding:30px 34px!important;
}
@media (min-width:768px){
  .eb088-department-premium-active .eb088-copy-expanded .eb086-section-text .elementor-widget-container{
    display:grid!important;
    grid-template-columns:minmax(0,1.55fr) minmax(290px,.85fr)!important;
    gap:24px!important;
    align-items:stretch!important;
    columns:auto!important;
    column-gap:normal!important;
    column-rule:0!important;
  }
  .eb088-department-premium-active .eb088-copy-expanded .eb086-section-text p{
    margin:0!important;
    break-inside:auto!important;
  }
  .eb088-department-premium-active .eb088-copy-expanded .eb086-section-text p:last-child{
    display:flex!important;
    align-items:center!important;
    padding:22px 24px!important;
    border:1px solid #d7e8de!important;
    border-radius:18px!important;
    background:linear-gradient(145deg,#f2faf5,#e7f4ec)!important;
    color:#36584a!important;
    font-weight:700!important;
    box-shadow:inset 4px 0 0 rgba(231,173,54,.55)!important;
  }
}

/* Optional gallery: only survives when media are genuinely distinct. */
html body.eb088-department-premium-active .eb086-gallery-head{
  margin-top:24px!important;
  padding:27px 28px 9px!important;
  border:1px solid var(--eb88-line)!important;
  border-bottom:0!important;
  border-radius:26px 26px 0 0!important;
  background:#eef7f2!important;
}
.eb088-department-premium-active .eb086-gallery-title .elementor-heading-title{
  color:var(--eb88-ink)!important;
  font-size:29px!important;
  font-weight:950!important;
  line-height:1.5!important;
}
.eb088-department-premium-active .eb086-gallery-subtitle .elementor-widget-container{
  color:#6d8177!important;
  font-size:13.5px!important;
  line-height:2!important;
}
.eb088-department-premium-active .eb086-gallery-subtitle p{margin:5px 0 0!important}
html body.eb088-department-premium-active .eb086-gallery{
  margin-top:0!important;
  padding:13px 24px 26px!important;
  border:1px solid var(--eb88-line)!important;
  border-top:0!important;
  border-radius:0 0 26px 26px!important;
  background:#eef7f2!important;
}
html body.eb088-department-premium-active .eb086-gallery>.elementor-container{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
}
html body.eb088-department-premium-active .eb086-gallery-item{
  width:100%!important;
  max-width:100%!important;
  flex:none!important;
}
.eb088-department-premium-active .eb086-gallery-item>.elementor-widget-wrap{padding:0!important}
.eb088-department-premium-active .eb086-gallery-item .elementor-widget-image,
.eb088-department-premium-active .eb086-gallery-item .elementor-widget-container{width:100%!important}
.eb088-department-premium-active .eb086-gallery-image img{
  width:100%!important;
  height:210px!important;
  object-fit:cover!important;
  border:5px solid #fff!important;
  border-radius:18px!important;
  background:#e9f1ec!important;
  box-shadow:0 11px 26px rgba(16,70,46,.08)!important;
}

/* CTA: visually distinct action panel. */
html body.eb088-department-premium-active .eb086-cta{
  position:relative!important;
  isolation:isolate!important;
  margin-top:24px!important;
  overflow:hidden!important;
  border:1px solid #0b6e4a!important;
  border-radius:28px!important;
  background:linear-gradient(125deg,var(--eb88-deep),var(--eb88-deep-2))!important;
  box-shadow:0 20px 46px rgba(7,63,45,.20)!important;
}
.eb088-department-premium-active .eb086-cta:after{
  content:"";
  position:absolute;
  z-index:-1;
  left:-80px;
  bottom:-120px;
  width:250px;
  height:250px;
  border:42px solid rgba(var(--eb92-accent-rgb),.20);
  border-radius:50%;
}
html body.eb088-department-premium-active .eb086-cta>.elementor-container{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  gap:0!important;
}
html body.eb088-department-premium-active .eb086-cta-copy{
  width:72%!important;
  max-width:72%!important;
  flex:0 0 72%!important;
}
html body.eb088-department-premium-active .eb086-cta-action{
  width:28%!important;
  max-width:28%!important;
  flex:0 0 28%!important;
}
.eb088-department-premium-active .eb086-cta-copy>.elementor-widget-wrap{
  padding:28px 34px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.eb088-department-premium-active .eb086-cta-action>.elementor-widget-wrap{
  height:100%!important;
  padding:26px!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
}
.eb088-department-premium-active .eb086-cta-title .elementor-heading-title{
  color:#fff!important;
  font-size:26px!important;
  font-weight:950!important;
  line-height:1.55!important;
}
.eb088-department-premium-active .eb086-cta-text .elementor-widget-container{
  color:rgba(255,255,255,.78)!important;
  font-size:14px!important;
  line-height:2!important;
}
.eb088-department-premium-active .eb086-cta-text p{margin:7px 0 0!important}
.eb088-department-premium-active .eb086-cta-button .elementor-button{
  padding:13px 24px!important;
  border:1px solid #f3c669!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#f1bd52,var(--eb88-gold))!important;
  color:#17382f!important;
  font-size:12.5px!important;
  font-weight:950!important;
  box-shadow:0 12px 26px rgba(0,0,0,.18)!important;
}

/* Related departments: one joined section and four proper tinted cards. */
html body.eb088-department-premium-active .eb086-related-head{
  margin-top:26px!important;
  padding:24px 24px 5px!important;
  border:1px solid var(--eb88-line)!important;
  border-bottom:0!important;
  border-radius:28px 28px 0 0!important;
  background:linear-gradient(135deg,#f0f8f4,#fff)!important;
}
.eb088-department-premium-active .eb086-related-title .elementor-heading-title{
  color:var(--eb88-ink)!important;
  font-size:29px!important;
  font-weight:950!important;
  line-height:1.5!important;
}
html body.eb088-department-premium-active .eb086-related{
  margin-top:0!important;
  margin-bottom:8px!important;
  padding:14px 20px 24px!important;
  border:1px solid var(--eb88-line)!important;
  border-top:0!important;
  border-radius:0 0 28px 28px!important;
  background:linear-gradient(135deg,#f0f8f4,#fff)!important;
}
html body.eb088-department-premium-active .eb086-related>.elementor-container{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
}
html body.eb088-department-premium-active .eb086-related-card{
  width:100%!important;
  max-width:100%!important;
  flex:none!important;
}
.eb088-department-premium-active .eb086-related-card>.elementor-widget-wrap{
  position:relative!important;
  overflow:hidden!important;
  height:100%!important;
  min-height:230px!important;
  padding:20px 16px 17px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  text-align:center!important;
  border:1px solid #cfe5d9!important;
  border-radius:20px!important;
  background:#e4f4eb!important;
  box-shadow:0 12px 28px rgba(16,70,46,.07)!important;
}
.eb088-department-premium-active .eb086-related-card>.elementor-widget-wrap:before{
  content:"";
  position:absolute;
  width:90px;
  height:90px;
  left:-48px;
  top:-48px;
  border:16px solid rgba(11,143,88,.08);
  border-radius:50%;
}
.eb088-department-premium-active .eb086-related-card:nth-child(2)>.elementor-widget-wrap{
  border-color:#edddb5!important;
  background:#fff2d6!important;
}
.eb088-department-premium-active .eb086-related-card:nth-child(2)>.elementor-widget-wrap:before{border-color:rgba(231,173,54,.13)}
.eb088-department-premium-active .eb086-related-card:nth-child(3)>.elementor-widget-wrap{
  border-color:rgba(var(--eb92-accent-rgb),.22)!important;
  background:var(--eb92-accent-soft)!important;
}
.eb088-department-premium-active .eb086-related-card:nth-child(3)>.elementor-widget-wrap:before{border-color:rgba(var(--eb92-accent-rgb),.13)}
.eb088-department-premium-active .eb086-related-card:nth-child(4)>.elementor-widget-wrap{
  border-color:#d9e5d2!important;
  background:#f1f7e9!important;
}
.eb088-department-premium-active .eb086-related-card:nth-child(4)>.elementor-widget-wrap:before{border-color:rgba(111,140,89,.10)}
.eb088-department-premium-active .eb086-related-icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:52px!important;
  height:52px!important;
  margin:0 auto 9px!important;
  border-radius:17px!important;
  background:linear-gradient(145deg,var(--eb88-green-2),var(--eb88-green))!important;
  color:#fff!important;
  font-size:19px!important;
  font-weight:950!important;
  box-shadow:0 10px 20px rgba(11,143,88,.20)!important;
}
.eb088-department-premium-active .eb086-related-card:nth-child(2) .eb086-related-icon{background:linear-gradient(145deg,#f2bf55,var(--eb88-gold))!important;color:#4a3510!important;box-shadow:0 10px 20px rgba(231,173,54,.20)!important}
.eb088-department-premium-active .eb086-related-card-title .elementor-heading-title{
  margin:6px 0!important;
  color:var(--eb88-ink)!important;
  font-size:17px!important;
  font-weight:950!important;
  line-height:1.7!important;
}
.eb088-department-premium-active .eb086-related-card-text .elementor-widget-container{
  color:#687d73!important;
  font-size:12.5px!important;
  line-height:1.85!important;
}
.eb088-department-premium-active .eb086-related-card-text p{margin:0 0 12px!important}
.eb088-department-premium-active .eb086-related-button{margin-top:auto!important}
.eb088-department-premium-active .eb086-related-button .elementor-button{
  padding:9px 17px!important;
  border:1px solid rgba(11,143,88,.24)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.76)!important;
  color:var(--eb88-green)!important;
  font-size:12.5px!important;
  font-weight:900!important;
}
.eb088-department-premium-active .eb086-related-card:nth-child(2) .eb086-related-button .elementor-button{
  border-color:rgba(161,111,12,.20)!important;
  color:#76500b!important;
}

.eb088-department-premium-active .eb086-department-page a:focus-visible,
.eb088-department-premium-active .eb086-department-page .elementor-button:focus-visible{
  outline:3px solid rgba(var(--eb92-accent-rgb),.66)!important;
  outline-offset:3px!important;
}

.eb088-department-premium-active .eb079-empty-media,
.eb088-department-premium-active .eb086-empty-media{
  display:none!important;
}

/* Runtime assigns this only to a detected sticky/fixed site header on phones. */
@media (max-width:767px){
  body.eb088-department-premium-active .eb088-mobile-static-header{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    transform:none!important;
  }
}

@media (max-width:1024px){
  html body.eb088-department-premium-active .eb100-department-elementor-shell{
    width:calc(100% - 20px)!important;
    max-width:none!important;
    padding:8px 18px 44px!important;
  }
  html body.eb088-department-premium-active .eb086-department-page{width:100%!important;max-width:100%!important}
  .eb088-department-premium-active .eb086-title .elementor-heading-title{font-size:34px!important}
  .eb088-department-premium-active .eb086-hero-copy>.elementor-widget-wrap{padding:36px 32px!important}
  html body.eb088-department-premium-active .eb086-department-page.eb086-feature-strip{width:calc(100% - 24px)!important;max-width:100%!important}
  html body.eb088-department-premium-active .eb086-gallery>.elementor-container,
  html body.eb088-department-premium-active .eb086-related>.elementor-container{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media (max-width:767px){
  html{scroll-padding-top:12px!important}
  html body.eb088-department-premium-active .eb100-department-elementor-shell{
    width:calc(100% - 10px)!important;
    margin:0 auto!important;
    padding:4px 5px 28px!important;
    border-radius:0 0 22px 22px!important;
  }
  html body.eb088-department-premium-active .eb086-breadcrumb{padding:9px 10px 6px!important}
  .eb088-department-premium-active .eb086-breadcrumb-text .elementor-widget-container{font-size:10.5px!important;line-height:1.75!important}

  html body.eb088-department-premium-active .eb086-hero{
    margin-top:3px!important;
    border-radius:21px!important;
  }
  html body.eb088-department-premium-active .eb086-hero>.elementor-container,
  html body.eb088-department-premium-active .eb086-section>.elementor-container,
  html body.eb088-department-premium-active .eb086-cta>.elementor-container{
    display:flex!important;
    flex-direction:column!important;
    flex-wrap:nowrap!important;
    gap:0!important;
    min-height:0!important;
  }
  html body.eb088-department-premium-active .eb086-hero-copy,
  html body.eb088-department-premium-active .eb086-hero-media,
  html body.eb088-department-premium-active .eb086-about-copy,
  html body.eb088-department-premium-active .eb086-about-media,
  html body.eb088-department-premium-active .eb086-learning-copy,
  html body.eb088-department-premium-active .eb086-learning-media,
  html body.eb088-department-premium-active .eb086-cta-copy,
  html body.eb088-department-premium-active .eb086-cta-action{
    width:100%!important;
    max-width:100%!important;
    flex:0 0 100%!important;
  }
  .eb088-department-premium-active .eb086-hero-copy>.elementor-widget-wrap{
    padding:22px 16px 18px!important;
    text-align:center!important;
  }
  .eb088-department-premium-active .eb086-hero-copy .elementor-heading-title,
  .eb088-department-premium-active .eb086-hero-copy .elementor-widget-container{text-align:center!important}
  .eb088-department-premium-active .eb086-eyebrow .elementor-heading-title:after{display:none!important}
  .eb088-department-premium-active .eb086-title .elementor-heading-title{
    margin:7px 0 9px!important;
    font-size:25px!important;
    line-height:1.55!important;
    letter-spacing:-.4px!important;
  }
  .eb088-department-premium-active .eb086-subtitle .elementor-widget-container{font-size:12.5px!important;line-height:1.9!important}
  .eb088-department-premium-active .eb086-hero-button .elementor-button{margin-top:12px!important;padding:10px 18px!important;font-size:12px!important}
  .eb088-department-premium-active .eb086-hero-note .elementor-widget-container{margin-top:9px!important;font-size:11px!important}
  .eb088-department-premium-active .eb086-hero-media>.elementor-widget-wrap{padding:13px!important}
  .eb088-department-premium-active .eb086-hero-image img{height:210px!important;border-radius:17px!important}
  .eb088-department-premium-active .eb086-hero-media:before{
    right:25px!important;
    bottom:25px!important;
    padding:6px 10px!important;
    font-size:9px!important;
  }
  .eb088-department-premium-active .eb086-hero-media:after{width:76px!important;height:76px!important;background-size:11px 11px!important}

  html body.eb088-department-premium-active .eb086-department-page.eb086-feature-strip{
    width:calc(100% - 12px)!important;
    margin-top:10px!important;
    margin-bottom:14px!important;
  }
  html body.eb088-department-premium-active .eb086-feature-strip>.elementor-container{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    padding:7px!important;
    border-radius:18px!important;
  }
  html body.eb088-department-premium-active .eb086-feature-card{
    width:100%!important;
    max-width:100%!important;
    flex:none!important;
  }
  .eb088-department-premium-active .eb086-feature-card>.elementor-widget-wrap{
    min-height:112px!important;
    padding:13px 8px 11px!important;
    border-radius:14px!important;
  }
  .eb088-department-premium-active .eb086-feature-card>.elementor-widget-wrap:before{
    width:29px!important;
    height:29px!important;
    margin-bottom:6px!important;
    border-radius:10px!important;
    font-size:9px!important;
  }
  .eb088-department-premium-active .eb086-feature-title .elementor-heading-title{font-size:13px!important;line-height:1.65!important}
  .eb088-department-premium-active .eb086-feature-text .elementor-widget-container{font-size:10.75px!important;line-height:1.75!important}

  html body.eb088-department-premium-active .eb086-section{
    margin-top:14px!important;
    padding:8px!important;
    border-radius:20px!important;
  }
  .eb088-department-premium-active .eb086-about-copy>.elementor-widget-wrap,
  .eb088-department-premium-active .eb086-learning-copy>.elementor-widget-wrap,
  .eb088-department-premium-active .eb088-copy-expanded>.elementor-widget-wrap{
    padding:20px 14px!important;
    border-radius:16px!important;
  }
  .eb088-department-premium-active .eb086-about-media>.elementor-widget-wrap,
  .eb088-department-premium-active .eb086-learning-media>.elementor-widget-wrap{
    margin-top:8px!important;
    padding:7px!important;
    border-radius:16px!important;
  }
  .eb088-department-premium-active .eb086-about-image img,
  .eb088-department-premium-active .eb086-learning-image img{
    min-height:0!important;
    height:222px!important;
    max-height:222px!important;
    border-radius:12px!important;
  }
  .eb088-department-premium-active .eb086-learning-image img{
    height:auto!important;
    max-height:240px!important;
  }
  .eb088-department-premium-active .eb086-section-kicker .elementor-heading-title{text-align:center!important;font-size:11.5px!important}
  .eb088-department-premium-active .eb086-section-title .elementor-heading-title,
  .eb088-department-premium-active .eb086-learning-title .elementor-heading-title{
    margin:6px 0 10px!important;
    text-align:center!important;
    font-size:21.5px!important;
    line-height:1.65!important;
  }
  .eb088-department-premium-active .eb086-section-title .elementor-heading-title:before,
  .eb088-department-premium-active .eb086-learning-title .elementor-heading-title:before{
    width:6px!important;
    height:19px!important;
    margin-left:7px!important;
    vertical-align:-3px!important;
  }
  .eb088-department-premium-active .eb086-section-text .elementor-widget-container,
  .eb088-department-premium-active .eb086-learning-list .elementor-widget-container{
    font-size:13px!important;
    line-height:1.95!important;
  }
  .eb088-department-premium-active .eb086-section-button{text-align:center!important}
  .eb088-department-premium-active .eb086-section-button .elementor-button{margin-top:9px!important;padding:10px 17px!important;font-size:11.5px!important}
  .eb088-department-premium-active .eb086-learning-list li{
    margin-bottom:8px!important;
    padding:9px 37px 9px 9px!important;
    border-radius:11px!important;
  }
  .eb088-department-premium-active .eb086-learning-list li:before{right:9px!important;top:11px!important;width:19px!important;height:19px!important;border-radius:6px!important}

  html body.eb088-department-premium-active .eb086-gallery-head,
  html body.eb088-department-premium-active .eb086-related-head{
    margin-top:15px!important;
    padding:22px 16px 7px!important;
    border-radius:20px 20px 0 0!important;
  }
  .eb088-department-premium-active .eb086-gallery-title .elementor-heading-title,
  .eb088-department-premium-active .eb086-related-title .elementor-heading-title{
    text-align:center!important;
    font-size:21px!important;
    line-height:1.65!important;
  }
  .eb088-department-premium-active .eb086-gallery-subtitle .elementor-widget-container{text-align:center!important;font-size:11px!important}
  html body.eb088-department-premium-active .eb086-gallery,
  html body.eb088-department-premium-active .eb086-related{
    padding:10px 11px 18px!important;
    border-radius:0 0 20px 20px!important;
  }
  html body.eb088-department-premium-active .eb086-gallery>.elementor-container{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .eb088-department-premium-active .eb086-gallery-image img{height:195px!important}

  html body.eb088-department-premium-active .eb086-cta{
    margin-top:15px!important;
    border-radius:20px!important;
  }
  .eb088-department-premium-active .eb086-cta-copy>.elementor-widget-wrap{
    padding:23px 16px 11px!important;
    text-align:center!important;
  }
  .eb088-department-premium-active .eb086-cta-action>.elementor-widget-wrap{padding:11px 17px 22px!important}
  .eb088-department-premium-active .eb086-cta-title .elementor-heading-title{text-align:center!important;font-size:20px!important;line-height:1.65!important}
  .eb088-department-premium-active .eb086-cta-text .elementor-widget-container{text-align:center!important;font-size:12.5px!important;line-height:1.9!important}
  .eb088-department-premium-active .eb086-cta-button .elementor-button{padding:10px 20px!important;font-size:11.5px!important}

  html body.eb088-department-premium-active .eb086-related>.elementor-container{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  html body.eb088-department-premium-active .eb086-related-card{
    width:100%!important;
    max-width:100%!important;
    flex:none!important;
  }
  .eb088-department-premium-active .eb086-related-card>.elementor-widget-wrap{
    min-height:184px!important;
    padding:17px 14px 15px!important;
    border-radius:16px!important;
  }
  .eb088-department-premium-active .eb086-related-icon{width:43px!important;height:43px!important;border-radius:14px!important;font-size:16px!important}
  .eb088-department-premium-active .eb086-related-card-title .elementor-heading-title{font-size:15px!important;line-height:1.7!important}
  .eb088-department-premium-active .eb086-related-card-text .elementor-widget-container{font-size:11.25px!important;line-height:1.8!important}
  .eb088-department-premium-active .eb086-related-button .elementor-button{padding:8px 15px!important;font-size:11px!important}
}

/* Ordinary phones get a compact 2×2 department grid; very narrow phones
   retain one column so long Persian titles never become cramped. */
@media (min-width:376px) and (max-width:767px){
  html body.eb088-department-premium-active .eb086-related>.elementor-container{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .eb088-department-premium-active .eb086-related-card>.elementor-widget-wrap{
    min-height:214px!important;
    padding:16px 10px 14px!important;
  }
  .eb088-department-premium-active .eb086-related-card-title .elementor-heading-title{
    font-size:14px!important;
    line-height:1.75!important;
  }
}

@media (max-width:370px){
  html body.eb088-department-premium-active .eb086-feature-strip>.elementor-container{grid-template-columns:1fr!important}
  .eb088-department-premium-active .eb086-feature-card>.elementor-widget-wrap{min-height:102px!important}
}

@media (prefers-reduced-motion:no-preference){
  .eb088-department-premium-active .eb086-hero-button .elementor-button,
  .eb088-department-premium-active .eb086-section-button .elementor-button,
  .eb088-department-premium-active .eb086-cta-button .elementor-button,
  .eb088-department-premium-active .eb086-related-card>.elementor-widget-wrap{
    transition:transform .2s ease,box-shadow .2s ease!important;
  }
  .eb088-department-premium-active .eb086-hero-button .elementor-button:hover,
  .eb088-department-premium-active .eb086-section-button .elementor-button:hover,
  .eb088-department-premium-active .eb086-cta-button .elementor-button:hover{transform:translateY(-2px)!important}
  .eb088-department-premium-active .eb086-related-card>.elementor-widget-wrap:hover{transform:translateY(-4px)!important;box-shadow:0 18px 34px rgba(16,70,46,.12)!important}
}

/* v0.8.96 — When duplicate lower-page imagery is removed, Elementor can keep
   the old stretched column height. Collapse that stale height so copy-only
   panels follow their content on every department page. */
html body.eb088-department-premium-active .eb086-section.eb096-copy-only,
html body.eb088-department-premium-active .eb086-section.eb096-copy-only>.elementor-container,
html body.eb088-department-premium-active .eb086-section.eb096-copy-only .eb088-copy-expanded,
html body.eb088-department-premium-active .eb086-section.eb096-copy-only .eb088-copy-expanded>.elementor-widget-wrap{
  height:auto!important;
  min-height:0!important;
}
html body.eb088-department-premium-active .eb086-section.eb096-copy-only>.elementor-container{
  align-items:flex-start!important;
}
html body.eb088-department-premium-active .eb086-section.eb096-copy-only .eb088-copy-expanded{
  align-self:flex-start!important;
}
html body.eb088-department-premium-active .eb086-section.eb096-copy-only .eb088-copy-expanded>.elementor-widget-wrap{
  justify-content:flex-start!important;
}

@media (min-width:768px){
  html body.eb088-department-premium-active .eb086-section.eb096-copy-only{
    padding:12px!important;
  }
  html body.eb088-department-premium-active .eb086-section.eb096-copy-only .eb088-copy-expanded>.elementor-widget-wrap{
    padding:24px 30px!important;
  }
  html body.eb088-department-premium-active .eb086-section.eb096-copy-only .eb086-section-button{
    margin-top:2px!important;
  }
  html body.eb088-department-premium-active .eb086-section.eb096-copy-only .eb086-section-button .elementor-button{
    margin-top:13px!important;
  }
}

/* v0.8.97 — Remove Elementor's generic 20px widget rhythm from the desktop
   copy-only panel and keep the two prose columns naturally sized. */
@media (min-width:768px){
  html body.eb088-department-premium-active .eb086-section.eb096-copy-only .eb086-section-kicker{
    margin-bottom:6px!important;
  }
  html body.eb088-department-premium-active .eb086-section.eb096-copy-only .eb086-section-title{
    margin-bottom:8px!important;
  }
  html body.eb088-department-premium-active .eb086-section.eb096-copy-only .eb086-section-text{
    margin-bottom:4px!important;
  }
  html body.eb088-department-premium-active .eb086-section.eb096-copy-only .eb086-section-text .elementor-widget-container{
    grid-template-columns:minmax(0,1.3fr) minmax(340px,1fr)!important;
    align-items:start!important;
  }
  html body.eb088-department-premium-active .eb086-section.eb096-copy-only .eb086-section-text p:last-child{
    align-self:start!important;
    padding:14px 18px!important;
    line-height:1.9!important;
  }
  html body.eb088-department-premium-active .eb086-section.eb096-copy-only .eb086-section-button{
    margin-top:0!important;
  }
  html body.eb088-department-premium-active .eb086-section.eb096-copy-only .eb086-section-button .elementor-button{
    margin-top:10px!important;
  }
}