.elementor-16230 .elementor-element.elementor-element-573f0cc{--display:flex;--min-height:250px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--overlay-opacity:0.5;--padding-top:0px;--padding-bottom:0px;--padding-left:150px;--padding-right:0px;}.elementor-16230 .elementor-element.elementor-element-573f0cc:not(.elementor-motion-effects-element-type-background), .elementor-16230 .elementor-element.elementor-element-573f0cc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://esef.uiz.ac.ma/wp-content/uploads/2024/08/WhatsApp-Image-2024-08-05-at-10.24.41_47132943-scaled.jpg");background-size:cover;}.elementor-16230 .elementor-element.elementor-element-573f0cc::before, .elementor-16230 .elementor-element.elementor-element-573f0cc > .elementor-background-video-container::before, .elementor-16230 .elementor-element.elementor-element-573f0cc > .e-con-inner > .elementor-background-video-container::before, .elementor-16230 .elementor-element.elementor-element-573f0cc > .elementor-background-slideshow::before, .elementor-16230 .elementor-element.elementor-element-573f0cc > .e-con-inner > .elementor-background-slideshow::before, .elementor-16230 .elementor-element.elementor-element-573f0cc > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.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-16230 .elementor-element.elementor-element-95a4338 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:43px;font-weight:600;text-transform:uppercase;line-height:50px;color:#FFFFFF;}.elementor-16230 .elementor-element.elementor-element-9fef143{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16230 .elementor-element.elementor-element-c7544f5{--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;}.elementor-16230 .elementor-element.elementor-element-c7544f5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-16230 .elementor-element.elementor-element-fc729dd{--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;--justify-content:flex-start;}.elementor-16230 .elementor-element.elementor-element-dca5092{--display:flex;}.elementor-16230 .elementor-element.elementor-element-8522dfe{width:var( --container-widget-width, 56.627% );max-width:56.627%;--container-widget-width:56.627%;--container-widget-flex-grow:0;text-align:left;}.elementor-16230 .elementor-element.elementor-element-8522dfe > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 10px 0px;border-style:solid;border-width:0px 0px 2px 0px;border-color:var( --e-global-color-e6a7987 );}.elementor-16230 .elementor-element.elementor-element-8522dfe.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-16230 .elementor-element.elementor-element-8522dfe .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:2rem;font-weight:800;line-height:1.1666em;color:var( --e-global-color-astglobalcolor0 );}.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-16230 .elementor-element.elementor-element-715acdc{color:#172642;}.elementor-16230 .elementor-element.elementor-element-c8e96ec{--display:flex;}.elementor-16230 .elementor-element.elementor-element-9b9622d{width:var( --container-widget-width, 56.627% );max-width:56.627%;--container-widget-width:56.627%;--container-widget-flex-grow:0;text-align:left;}.elementor-16230 .elementor-element.elementor-element-9b9622d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 10px 0px;border-style:solid;border-width:0px 0px 2px 0px;border-color:var( --e-global-color-e6a7987 );}.elementor-16230 .elementor-element.elementor-element-9b9622d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-16230 .elementor-element.elementor-element-9b9622d .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:2rem;font-weight:800;line-height:1.1666em;color:var( --e-global-color-astglobalcolor0 );}.elementor-16230 .elementor-element.elementor-element-2b2ad66{color:#172642;}.elementor-16230 .elementor-element.elementor-element-56620ea{--display:flex;}.elementor-16230 .elementor-element.elementor-element-9704d33{width:var( --container-widget-width, 56.627% );max-width:56.627%;--container-widget-width:56.627%;--container-widget-flex-grow:0;text-align:left;}.elementor-16230 .elementor-element.elementor-element-9704d33 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 10px 0px;border-style:solid;border-width:0px 0px 2px 0px;border-color:var( --e-global-color-e6a7987 );}.elementor-16230 .elementor-element.elementor-element-9704d33.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-16230 .elementor-element.elementor-element-9704d33 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:2rem;font-weight:800;line-height:1.1666em;color:var( --e-global-color-astglobalcolor0 );}.elementor-16230 .elementor-element.elementor-element-93d8128{color:#172642;}.elementor-16230 .elementor-element.elementor-element-26f214f{--display:flex;}.elementor-16230 .elementor-element.elementor-element-f70d879{width:var( --container-widget-width, 56.627% );max-width:56.627%;--container-widget-width:56.627%;--container-widget-flex-grow:0;text-align:left;}.elementor-16230 .elementor-element.elementor-element-f70d879 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 10px 0px;border-style:solid;border-width:0px 0px 2px 0px;border-color:var( --e-global-color-e6a7987 );}.elementor-16230 .elementor-element.elementor-element-f70d879.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-16230 .elementor-element.elementor-element-f70d879 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:2rem;font-weight:800;text-transform:capitalize;line-height:1.1666em;color:var( --e-global-color-astglobalcolor0 );}.elementor-16230 .elementor-element.elementor-element-537c6ea{color:#172642;}.elementor-16230 .elementor-element.elementor-element-3eb6b93{--display:flex;}.elementor-16230 .elementor-element.elementor-element-7045d00{width:var( --container-widget-width, 56.627% );max-width:56.627%;--container-widget-width:56.627%;--container-widget-flex-grow:0;text-align:left;}.elementor-16230 .elementor-element.elementor-element-7045d00 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 10px 0px;border-style:solid;border-width:0px 0px 2px 0px;border-color:var( --e-global-color-e6a7987 );}.elementor-16230 .elementor-element.elementor-element-7045d00.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-16230 .elementor-element.elementor-element-7045d00 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:2rem;font-weight:800;line-height:1.1666em;color:var( --e-global-color-astglobalcolor0 );}.elementor-16230 .elementor-element.elementor-element-9098e5a{color:#172642;}.elementor-16230 .elementor-element.elementor-element-b5192fe{--display:flex;}@media(max-width:1024px){.elementor-16230 .elementor-element.elementor-element-8522dfe{width:var( --container-widget-width, 198px );max-width:198px;--container-widget-width:198px;--container-widget-flex-grow:0;}.elementor-16230 .elementor-element.elementor-element-8522dfe > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-16230 .elementor-element.elementor-element-8522dfe .elementor-heading-title{font-size:1.6rem;}.elementor-16230 .elementor-element.elementor-element-9b9622d{width:var( --container-widget-width, 198px );max-width:198px;--container-widget-width:198px;--container-widget-flex-grow:0;}.elementor-16230 .elementor-element.elementor-element-9b9622d > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-16230 .elementor-element.elementor-element-9b9622d .elementor-heading-title{font-size:1.6rem;}.elementor-16230 .elementor-element.elementor-element-9704d33{width:var( --container-widget-width, 198px );max-width:198px;--container-widget-width:198px;--container-widget-flex-grow:0;}.elementor-16230 .elementor-element.elementor-element-9704d33 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-16230 .elementor-element.elementor-element-9704d33 .elementor-heading-title{font-size:1.6rem;}.elementor-16230 .elementor-element.elementor-element-f70d879{width:var( --container-widget-width, 198px );max-width:198px;--container-widget-width:198px;--container-widget-flex-grow:0;}.elementor-16230 .elementor-element.elementor-element-f70d879 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-16230 .elementor-element.elementor-element-f70d879 .elementor-heading-title{font-size:1.6rem;}.elementor-16230 .elementor-element.elementor-element-7045d00{width:var( --container-widget-width, 198px );max-width:198px;--container-widget-width:198px;--container-widget-flex-grow:0;}.elementor-16230 .elementor-element.elementor-element-7045d00 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-16230 .elementor-element.elementor-element-7045d00 .elementor-heading-title{font-size:1.6rem;}}@media(max-width:767px){.elementor-16230 .elementor-element.elementor-element-573f0cc{--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:0px;}.elementor-16230 .elementor-element.elementor-element-95a4338 .elementor-heading-title{font-size:26px;}.elementor-16230 .elementor-element.elementor-element-9fef143{--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;}.elementor-16230 .elementor-element.elementor-element-c7544f5{--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16230 .elementor-element.elementor-element-fc729dd{--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16230 .elementor-element.elementor-element-8522dfe .elementor-heading-title{font-size:1.6rem;}.elementor-16230 .elementor-element.elementor-element-9b9622d{width:var( --container-widget-width, 307px );max-width:307px;--container-widget-width:307px;--container-widget-flex-grow:0;}.elementor-16230 .elementor-element.elementor-element-9b9622d .elementor-heading-title{font-size:1.6rem;}.elementor-16230 .elementor-element.elementor-element-9704d33{width:var( --container-widget-width, 298px );max-width:298px;--container-widget-width:298px;--container-widget-flex-grow:0;}.elementor-16230 .elementor-element.elementor-element-9704d33 .elementor-heading-title{font-size:1.6rem;}.elementor-16230 .elementor-element.elementor-element-f70d879{width:var( --container-widget-width, 91px );max-width:91px;--container-widget-width:91px;--container-widget-flex-grow:0;}.elementor-16230 .elementor-element.elementor-element-f70d879 .elementor-heading-title{font-size:1.6rem;}.elementor-16230 .elementor-element.elementor-element-7045d00{width:var( --container-widget-width, 262px );max-width:262px;--container-widget-width:262px;--container-widget-flex-grow:0;}.elementor-16230 .elementor-element.elementor-element-7045d00 .elementor-heading-title{font-size:1.6rem;}}@media(min-width:768px){.elementor-16230 .elementor-element.elementor-element-9fef143{--content-width:1600px;}.elementor-16230 .elementor-element.elementor-element-c7544f5{--width:23.667%;}.elementor-16230 .elementor-element.elementor-element-fc729dd{--width:66.6666%;}}/* Start custom CSS for html, class: .elementor-element-08d102e */.container {
  position: sticky; /* Keep the container fixed within the holder */
  top: 20px; /* Adjust the position from the top */
  display: flex;
  align-items: flex-start;
}

.line-container {
  position: relative;
  width: 10px;
  height: 200px;
  display: flex;
  justify-content: center;
}

.line {
  position: absolute;
  width: 2px;
  background-color: #002d5b;
  height: 20px;
  transition: top 0.3s ease;
}

.titles {
  margin-left: 20px;
  display: flex;
  flex-direction: column;
}
.title {
  margin: 10px 0;
  text-decoration: none;
  color: #002d5b;
  font-weight: bold;
  cursor: pointer;
}
.title.active {
  color: #0056b3; /* Highlight color for the active title */
  font-weight: bold;
}/* End custom CSS */