.elementor-160 .elementor-element.elementor-element-20e8c26e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.76;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-160 .elementor-element.elementor-element-20e8c26e::before, .elementor-160 .elementor-element.elementor-element-20e8c26e > .elementor-background-video-container::before, .elementor-160 .elementor-element.elementor-element-20e8c26e > .e-con-inner > .elementor-background-video-container::before, .elementor-160 .elementor-element.elementor-element-20e8c26e > .elementor-background-slideshow::before, .elementor-160 .elementor-element.elementor-element-20e8c26e > .e-con-inner > .elementor-background-slideshow::before, .elementor-160 .elementor-element.elementor-element-20e8c26e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-160 .elementor-element.elementor-element-68be02d6{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-160 .elementor-element.elementor-element-1f65dc22{width:100%;max-width:100%;text-align:center;}.elementor-160 .elementor-element.elementor-element-1f65dc22 .elementor-heading-title{font-family:"Melangit", Sans-serif;font-size:35px;font-weight:700;color:var( --e-global-color-primary );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-160 .elementor-element.elementor-element-415f01a5{--divider-border-style:solid;--divider-color:#5FC8D9;--divider-border-width:3px;}.elementor-160 .elementor-element.elementor-element-415f01a5 .elementor-divider-separator{width:370px;margin:0 auto;margin-center:0;}.elementor-160 .elementor-element.elementor-element-415f01a5 .elementor-divider{text-align:center;padding-block-start:9px;padding-block-end:9px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-160 .elementor-element.elementor-element-735fe28e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-160 .elementor-element.elementor-element-1f65dc22{width:100%;max-width:100%;text-align:center;}.elementor-160 .elementor-element.elementor-element-1f65dc22 .elementor-heading-title{font-size:25px;}}/* Start custom CSS for text-editor, class: .elementor-element-735fe28e */.timeline {
  --purple: #2A1A56;
  --blue: #59B2D9;
  --cyan: #5FC8D9;
  --indigo: #404DA0;
  --magenta: #BE3594;
  --pink: #D25C92;

  max-width: 1100px;
  margin: 0px auto;
  padding: 0px 0px;

  display: flex;
  gap: 20px;

  position: relative;

  font-family: "Manrope", Arial, sans-serif;
}


/* الخط اللي في النص */

.timeline::before {
  content: "";

  position: absolute;

  top: 55px;
  left: 8%;
  right: 8%;

  height: 3px;

  background: linear-gradient(
    90deg,
    var(--cyan),
    var(--blue),
    var(--indigo),
    var(--magenta),
    var(--pink)
  );
}


/* كل Event */

.timeline-item {
  flex: 1;
  text-align: center;
  position: relative;
}


/* الرقم */

.number {
  width: 45px;
  height: 45px;

  margin: 0 auto 30px;

  border-radius: 50%;

  display: flex;
  align-items: center;
  justify-content: center;

  color: white;
  font-size: 12px;
  font-weight: 700;

  border: 3px solid white;

  position: relative;
  z-index: 2;
}


/* ألوان الأرقام */

.timeline-item:nth-child(1) .number {
  background: var(--cyan);
}

.timeline-item:nth-child(2) .number {
  background: var(--blue);
}

.timeline-item:nth-child(3) .number {
  background: var(--indigo);
}

.timeline-item:nth-child(4) .number {
  background: var(--magenta);
}


/* الكارت */

.card {
  background: white;

  min-height: 110px;

  padding: 25px 15px;

  border-radius: 15px;

  border: 1px solid #eee;

  box-shadow: 0 8px 25px rgba(42, 26, 86, 0.08);

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}


/* التاريخ */

.card span {
  font-size: 10px;
  font-weight: 700;

  letter-spacing: 1.5px;

  color: var(--magenta);

  margin-bottom: 8px;
}


/* اسم الـEvent */

.card h3 {
  margin: 0;

  font-family: "Melangit Sans", Arial, sans-serif;

  font-size: 17px;
  font-weight: 700;

  line-height: 1.3;

  color: var(--purple);

  text-align: center;
}


/* =================================
   MOBILE
   ================================= */

@media (max-width: 700px) {

  .timeline {
    display: block;

    margin: 30px auto;

    padding: 20px 15px 20px 55px;
  }


  /* الخط الرأسي */

  .timeline::before {
    top: 20px;
    bottom: 20px;

    left: 25px;
    right: auto;

    width: 3px;
    height: auto;
  }


  .timeline-item {
    width: 100%;

    margin-bottom: 25px;

    text-align: center;
  }


  .timeline-item:last-child {
    margin-bottom: 0;
  }


  /* الرقم على الخط */

  .number {
    position: absolute;

    left: -52px;
    top: 50%;

    margin: 0;

    width: 40px;
    height: 40px;

    transform: translateY(-50%);

    font-size: 11px;
  }


  /* الكارت */

  .card {
    width: 100%;

    min-height: 95px;

    padding: 22px 15px;
  }


  .card h3 {
    font-size: 17px;
  }

}/* End custom CSS */