#header,.header,.header_wrapper{min-height:72px!important;height:72px!important}
#header .header_wrapper,#header .header_wrapper>div,.header_wrapper .container,.header-container{min-height:72px!important;height:72px!important;padding-top:0!important;padding-bottom:0!important;display:flex!important;align-items:center!important}
#header img,.header img,.header_wrapper img{max-height:56px!important;width:auto!important}

.paragraph--type--hero-section,
.hero-section-wrapper,
.hero-section-video,
.hero-section-video .field,
.hero-section-video .field__item,
.hero-section-video video{
  height:550px!important;
  min-height:550px!important;
  max-height:550px!important;
  overflow:hidden!important;
}

.hero-section-video video{
  width:100%!important;
  object-fit:cover!important;
  display:block!important;
}

@media(max-width:1024px){
  .paragraph--type--hero-section,.hero-section-wrapper,.hero-section-video,.hero-section-video .field,.hero-section-video .field__item,.hero-section-video video{
    height:420px!important;min-height:420px!important;max-height:420px!important;
  }
}
@media(max-width:768px){
  #header,.header,.header_wrapper{min-height:64px!important;height:64px!important}
  .paragraph--type--hero-section,.hero-section-wrapper,.hero-section-video,.hero-section-video .field,.hero-section-video .field__item,.hero-section-video video{
    height:360px!important;min-height:360px!important;max-height:360px!important;
  }
}



.psd-timeline{
  max-width:1100px;
  margin:70px auto;
  padding:20px;
  direction:rtl;
  font-family:"IBM Plex Sans Arabic",sans-serif;
}

.psd-timeline-wrap{
  position:relative;
}

/* الخط العمودي */
.psd-timeline-wrap:before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:50%;
  width:2px;
  background:#16865a;
  transform:translateX(-50%);
}

/* العنصر */
.psd-timeline-item{
  position:relative;
  display:flex;
  align-items:center;
  margin:42px 0;
}

/* العناصر الفردية والزوجية */
.psd-timeline-item:nth-child(odd){
  justify-content:flex-start;
}

.psd-timeline-item:nth-child(even){
  justify-content:flex-end;
}

/* التاريخ */
.psd-timeline-date{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  background:#e8f8ef;
  color:#087345;
  border-radius:12px;
  padding:8px 16px;
  font-weight:600;
  z-index:5;
  white-space:nowrap;
  font-size:18px;
  line-height:1.4;
}

/* النقطة الخضراء */
.psd-timeline-date:before{
  content:"";
  display:inline-block;
  width:10px;
  height:10px;
  background:#087345;
  border-radius:50%;
  margin-left:8px;
  vertical-align:middle;
}

/* الصندوق */
.psd-timeline-card{
  width:36%;
  background:#fff;
  border:1px solid #d9e0e6;
  border-radius:14px;
  padding:26px 28px;
  box-shadow:0 4px 14px rgba(0,0,0,.05);
  font-size:18px;
  line-height:1.9;
  color:#111;
}

/* الخطوط المتقطعة  */
.psd-timeline-item:nth-child(odd):before{
  content:"";
  position:absolute;
  top:50%;
  left:calc(50% + 38px);
  width:90px;
  height:2px;
  background:repeating-linear-gradient(to right,#16865a 0,#16865a 6px,transparent 6px,transparent 12px);
}

.psd-timeline-item:nth-child(even):before{
  content:"";
  position:absolute;
  top:50%;
  right:calc(50% + 38px);
  width:90px;
  height:2px;
  background:repeating-linear-gradient(to right,#16865a 0,#16865a 6px,transparent 6px,transparent 12px);
}

/* الجوال */
@media(max-width:768px){

  .psd-timeline-wrap:before{
    right:18px;
    left:auto;
    transform:none;
  }

  .psd-timeline-item{
    justify-content:flex-start !important;
    padding-right:55px;
  }

  .psd-timeline-date{
    right:0;
    left:auto;
    transform:none;
    font-size:14px;
  }

  .psd-timeline-card{
    width:100%;
    font-size:16px;
  }

  .psd-timeline-item:before{
    display:none;
  }
}