/* Attassia RTL Pro 6.7.8 — separate homepage hero sidebar from the reusable 24/7 widget. */
/* Hero sidebar: no 24/7 badge; controls at the far left of the heading and title at the right. */
.att-lead-side .att-side-title{
  direction:ltr!important; display:flex!important; align-items:center!important;
  justify-content:space-between!important; gap:12px!important;
  min-height:64px!important; padding:10px 14px!important;
  background:#eef3ee!important; border-bottom:2px solid var(--accent,#f4b81b)!important;
}
.att-lead-side .att-side-title>span{display:none!important}
.att-lead-side .att-side-title>strong{
  order:2!important; margin-left:auto!important; direction:rtl!important;
  text-align:right!important; color:var(--primary,#075b35)!important;
  font-size:16px!important; font-weight:800!important;
}
.att-lead-side .att-side-title .att-timeline-controls{
  position:static!important; inset:auto!important; transform:none!important;
  order:0!important; flex:0 0 27px!important; width:27px!important; min-width:27px!important;
  height:auto!important; display:flex!important; flex-direction:column!important;
  align-items:center!important; justify-content:center!important; gap:0!important;
  margin:0!important; padding:2px!important; border:0!important; border-radius:16px!important;
  background:var(--primary,#075b35)!important; box-shadow:0 3px 8px rgba(0,0,0,.14)!important;
  z-index:8!important;
}
.att-lead-side .att-side-title .att-timeline-controls button{
  display:flex!important; align-items:center!important; justify-content:center!important;
  width:23px!important; height:21px!important; min-width:23px!important; min-height:21px!important;
  margin:0!important; padding:0!important; border:0!important; border-radius:0!important;
  background:transparent!important; color:#fff!important; font-size:0!important; line-height:1!important;
}
.att-lead-side .att-side-title .att-timeline-controls button:before{
  content:""!important; display:block!important; width:7px!important; height:7px!important;
  border-top:2px solid #fff!important; border-left:2px solid #fff!important;
  transform:rotate(45deg)!important; margin-top:4px!important;
}
.att-lead-side .att-side-title .att-timeline-controls [data-att-timeline-down]:before{
  transform:rotate(225deg)!important; margin-top:-4px!important;
}
/* Align the hero-side headlines, time, and date to the right while preserving the timeline geometry. */
.att-lead-side .att-timeline li time,
.att-lead-side .att-timeline li a,
.att-lead-side .att-timeline li small{text-align:right!important}
.att-lead-side .att-timeline li time{justify-self:stretch!important}
.att-lead-side .att-timeline li a{padding-right:0!important}
.att-lead-side .att-timeline li small{justify-self:stretch!important}
/* Restore the original submenu appearance: no added border/frame; retain only dropdown behavior and chevron. */
@media(min-width:901px){
 .site-header .main-menu li>.sub-menu{
  border:0!important; outline:0!important; box-shadow:0 7px 22px rgba(0,0,0,.16)!important;
  background:#fff!important; color:#111!important; padding:4px 0!important;
 }
 .site-header .main-menu li>.sub-menu>li>a{border:0!important;border-bottom:1px solid #eee!important}
}