{"id":1590,"date":"2026-07-28T13:23:29","date_gmt":"2026-07-28T13:23:29","guid":{"rendered":"https:\/\/physicsschool.um6p.ma\/?page_id=1590"},"modified":"2026-09-23T09:57:56","modified_gmt":"2026-09-23T09:57:56","slug":"news-events","status":"publish","type":"page","link":"https:\/\/physicsschool.um6p.ma\/?page_id=1590","title":{"rendered":"News &amp; Events"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1590\" class=\"elementor elementor-1590\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e88ebf2 e-con e-atomic-element e-flexbox-base e-dea8b84 \" data-id=\"e88ebf2\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e88ebf2\">\n    \t\t<div class=\"elementor-element elementor-element-080dfad elementor-widget elementor-widget-html\" data-id=\"080dfad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"cpse-manual-ne\">\r\n  <style>\r\n    @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&display=swap\");\r\n\r\n    .cpse-manual-ne {\r\n      --cpse-navy: #071a3d;\r\n      --cpse-orange: #ca5235;\r\n      --cpse-paper: #f7f6f2;\r\n      --cpse-line: #dcdedc;\r\n      --cpse-muted: #606774;\r\n      --cpse-white: #ffffff;\r\n\r\n      width: 100%;\r\n      overflow: hidden;\r\n      color: var(--cpse-navy);\r\n      background: var(--cpse-white);\r\n      font-family: \"Poppins\", Arial, sans-serif;\r\n    }\r\n\r\n    .cpse-manual-ne,\r\n    .cpse-manual-ne * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .cpse-manual-ne h1,\r\n    .cpse-manual-ne h2,\r\n    .cpse-manual-ne h3,\r\n    .cpse-manual-ne p {\r\n      margin-top: 0;\r\n    }\r\n\r\n    .cpse-manual-ne a {\r\n      color: inherit;\r\n    }\r\n\r\n    .cpse-ne-shell {\r\n      width: min(1420px, calc(100% - 48px));\r\n      margin-inline: auto;\r\n    }\r\n\r\n    .cpse-ne-section {\r\n      padding: clamp(72px, 9vw, 128px) 0;\r\n    }\r\n\r\n    .cpse-ne-section--soft {\r\n      background: var(--cpse-paper);\r\n    }\r\n\r\n    .cpse-ne-kicker {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 12px;\r\n      margin-bottom: 18px;\r\n      color: var(--cpse-orange);\r\n      font-size: 12px;\r\n      font-weight: 800;\r\n      letter-spacing: 0.16em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .cpse-ne-kicker::before {\r\n      width: 38px;\r\n      height: 2px;\r\n      content: \"\";\r\n      background: currentColor;\r\n    }\r\n\r\n    .cpse-ne-title {\r\n      max-width: 980px;\r\n      margin-bottom: 0;\r\n      font-size: clamp(35px, 4.5vw, 68px);\r\n      line-height: 1.04;\r\n      letter-spacing: -0.045em;\r\n    }\r\n\r\n    .cpse-ne-intro {\r\n      max-width: 740px;\r\n      margin: 16px 0 0;\r\n      color: var(--cpse-muted);\r\n      font-size: 16px;\r\n      line-height: 1.75;\r\n    }\r\n\r\n    .cpse-ne-heading {\r\n      display: flex;\r\n      align-items: end;\r\n      justify-content: space-between;\r\n      gap: 30px;\r\n      margin-bottom: 42px;\r\n    }\r\n\r\n    .cpse-ne-simple-link {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      color: var(--cpse-orange) !important;\r\n      font-size: 14px;\r\n      font-weight: 800;\r\n      text-decoration: none !important;\r\n    }\r\n\r\n    .cpse-ne-simple-link::after {\r\n      content: \"\u2197\";\r\n      transition: transform 0.2s ease;\r\n    }\r\n\r\n    .cpse-ne-simple-link:hover::after {\r\n      transform: translate(3px, -3px);\r\n    }\r\n\r\n    \/* HERO *\/\r\n\r\n    .cpse-ne-hero {\r\n      position: relative;\r\n      padding:\r\n        clamp(76px, 10vw, 145px) 0\r\n        clamp(68px, 8vw, 112px);\r\n      overflow: hidden;\r\n      color: var(--cpse-white);\r\n      background: var(--cpse-navy);\r\n    }\r\n\r\n    .cpse-ne-hero::after {\r\n      position: absolute;\r\n      right: -140px;\r\n      top: -190px;\r\n      width: 660px;\r\n      aspect-ratio: 1;\r\n      content: \"\";\r\n      border: 1px solid rgba(255, 255, 255, 0.14);\r\n      border-radius: 50%;\r\n      box-shadow:\r\n        inset 0 0 0 85px rgba(255, 255, 255, 0.025),\r\n        inset 0 0 0 86px rgba(255, 255, 255, 0.09);\r\n    }\r\n\r\n    .cpse-ne-hero-grid {\r\n      position: relative;\r\n      z-index: 1;\r\n      display: grid;\r\n      grid-template-columns:\r\n        minmax(0, 1.25fr)\r\n        minmax(320px, 0.75fr);\r\n      gap: clamp(50px, 8vw, 120px);\r\n      align-items: end;\r\n    }\r\n\r\n    .cpse-ne-hero .cpse-ne-kicker {\r\n      color: #ef8b70;\r\n    }\r\n\r\n    .cpse-ne-hero h1 {\r\n      max-width: 1000px;\r\n      margin-bottom: 24px;\r\n      font-size: clamp(55px, 8vw, 122px);\r\n      line-height: 0.91;\r\n      letter-spacing: -0.06em;\r\n    }\r\n\r\n    .cpse-ne-hero p {\r\n      max-width: 760px;\r\n      margin-bottom: 0;\r\n      color: rgba(255, 255, 255, 0.74);\r\n      font-size: clamp(17px, 1.35vw, 21px);\r\n      line-height: 1.75;\r\n    }\r\n\r\n    .cpse-ne-hero-menu {\r\n      overflow: hidden;\r\n      border: 1px solid rgba(255, 255, 255, 0.18);\r\n      border-radius: 22px;\r\n      background: rgba(255, 255, 255, 0.06);\r\n    }\r\n\r\n    .cpse-ne-hero-menu > span {\r\n      display: block;\r\n      padding: 18px 22px 13px;\r\n      color: rgba(255, 255, 255, 0.6);\r\n      font-size: 11px;\r\n      font-weight: 800;\r\n      letter-spacing: 0.15em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .cpse-ne-hero-link {\r\n      display: grid;\r\n      grid-template-columns: 42px 1fr auto;\r\n      gap: 13px;\r\n      align-items: center;\r\n      padding: 19px 22px;\r\n      border-top: 1px solid rgba(255, 255, 255, 0.14);\r\n      color: var(--cpse-white) !important;\r\n      text-decoration: none !important;\r\n      transition: background 0.25s ease;\r\n    }\r\n\r\n    .cpse-ne-hero-link:hover {\r\n      background: rgba(255, 255, 255, 0.1);\r\n    }\r\n\r\n    .cpse-ne-hero-link small {\r\n      color: rgba(255, 255, 255, 0.7);\r\n      font-weight: 600;\r\n    }\r\n\r\n    .cpse-ne-hero-link i {\r\n      color: #ef8b70;\r\n      font-style: normal;\r\n    }\r\n\r\n    \/* NEWS CAROUSEL *\/\r\n\r\n    .cpse-ne-carousel {\r\n      position: relative;\r\n      overflow: hidden;\r\n      border-radius: 30px;\r\n      background: var(--cpse-navy);\r\n      box-shadow: 0 28px 70px rgba(7, 26, 61, 0.16);\r\n    }\r\n\r\n    .cpse-ne-carousel-viewport {\r\n      width: 100%;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .cpse-ne-carousel-track {\r\n      display: flex;\r\n      transform: translate3d(0, 0, 0);\r\n      transition:\r\n        transform 0.85s\r\n        cubic-bezier(0.22, 1, 0.36, 1);\r\n      will-change: transform;\r\n    }\r\n\r\n    .cpse-ne-news-slide {\r\n      position: relative;\r\n      min-width: 100%;\r\n      min-height: clamp(520px, 62vw, 750px);\r\n      overflow: hidden;\r\n      flex: 0 0 100%;\r\n      color: var(--cpse-white);\r\n      background: var(--cpse-navy);\r\n    }\r\n\r\n    .cpse-ne-news-slide img {\r\n      position: absolute;\r\n      inset: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      display: block;\r\n      object-fit: cover;\r\n      object-position: center;\r\n    }\r\n\r\n    .cpse-ne-news-slide::after {\r\n      position: absolute;\r\n      inset: 0;\r\n      content: \"\";\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          rgba(3, 15, 38, 0.95) 0%,\r\n          rgba(3, 15, 38, 0.76) 42%,\r\n          rgba(3, 15, 38, 0.15) 78%\r\n        ),\r\n        linear-gradient(\r\n          0deg,\r\n          rgba(3, 15, 38, 0.66),\r\n          transparent 58%\r\n        );\r\n    }\r\n\r\n    .cpse-ne-slide-content {\r\n      position: relative;\r\n      z-index: 2;\r\n      display: flex;\r\n      min-height: clamp(520px, 62vw, 750px);\r\n      justify-content: center;\r\n      flex-direction: column;\r\n      max-width: 850px;\r\n      padding:\r\n        clamp(50px, 8vw, 120px)\r\n        clamp(30px, 8vw, 115px);\r\n    }\r\n\r\n    .cpse-ne-slide-meta {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 10px 18px;\r\n      margin-bottom: 22px;\r\n      color: #f0a08a;\r\n      font-size: 11px;\r\n      font-weight: 800;\r\n      letter-spacing: 0.12em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .cpse-ne-news-slide h3 {\r\n      margin-bottom: 22px;\r\n      font-size: clamp(34px, 4.8vw, 74px);\r\n      line-height: 1.04;\r\n      letter-spacing: -0.048em;\r\n    }\r\n\r\n    .cpse-ne-news-slide p {\r\n      max-width: 670px;\r\n      margin-bottom: 28px;\r\n      color: rgba(255, 255, 255, 0.76);\r\n      font-size: clamp(15px, 1.3vw, 19px);\r\n      line-height: 1.75;\r\n    }\r\n\r\n    .cpse-ne-slide-button {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 14px;\r\n      align-self: flex-start;\r\n      padding: 14px 16px 14px 23px;\r\n      border-radius: 999px;\r\n      color: var(--cpse-white) !important;\r\n      background: var(--cpse-orange);\r\n      font-size: 14px;\r\n      font-weight: 800;\r\n      text-decoration: none !important;\r\n    }\r\n\r\n    .cpse-ne-slide-button span:last-child {\r\n      width: 30px;\r\n      height: 30px;\r\n      display: grid;\r\n      place-items: center;\r\n      border-radius: 50%;\r\n      color: var(--cpse-navy);\r\n      background: var(--cpse-white);\r\n    }\r\n\r\n    .cpse-ne-carousel-arrow {\r\n      position: absolute;\r\n      z-index: 5;\r\n      top: 50%;\r\n      width: 52px;\r\n      height: 52px;\r\n      display: grid;\r\n      place-items: center;\r\n      padding: 0;\r\n      border: 1px solid rgba(255, 255, 255, 0.35);\r\n      border-radius: 50%;\r\n      transform: translateY(-50%);\r\n      color: var(--cpse-white);\r\n      background: rgba(7, 26, 61, 0.48);\r\n      backdrop-filter: blur(8px);\r\n      font-size: 20px;\r\n      cursor: pointer;\r\n      transition:\r\n        color 0.2s ease,\r\n        background 0.2s ease;\r\n    }\r\n\r\n    .cpse-ne-carousel-arrow:hover {\r\n      color: var(--cpse-navy);\r\n      background: var(--cpse-white);\r\n    }\r\n\r\n    .cpse-ne-carousel-prev {\r\n      left: 22px;\r\n    }\r\n\r\n    .cpse-ne-carousel-next {\r\n      right: 22px;\r\n    }\r\n\r\n    .cpse-ne-carousel-footer {\r\n      position: absolute;\r\n      z-index: 5;\r\n      right: 32px;\r\n      bottom: 28px;\r\n      left: 32px;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 18px;\r\n    }\r\n\r\n    .cpse-ne-carousel-dots {\r\n      display: flex;\r\n      gap: 8px;\r\n    }\r\n\r\n    .cpse-ne-carousel-dot {\r\n      width: 9px;\r\n      height: 9px;\r\n      padding: 0;\r\n      border: 0;\r\n      border-radius: 999px;\r\n      background: rgba(255, 255, 255, 0.45);\r\n      cursor: pointer;\r\n      transition:\r\n        width 0.3s ease,\r\n        background 0.3s ease;\r\n    }\r\n\r\n    .cpse-ne-carousel-dot.is-active {\r\n      width: 30px;\r\n      background: var(--cpse-white);\r\n    }\r\n\r\n    .cpse-ne-carousel-progress {\r\n      height: 2px;\r\n      overflow: hidden;\r\n      flex: 1;\r\n      background: rgba(255, 255, 255, 0.25);\r\n    }\r\n\r\n    .cpse-ne-carousel-progress span {\r\n      width: 0;\r\n      height: 100%;\r\n      display: block;\r\n      background: var(--cpse-orange);\r\n    }\r\n\r\n    .cpse-ne-carousel-progress.is-moving span {\r\n      animation: cpseNewsProgress 6500ms linear forwards;\r\n    }\r\n\r\n    @keyframes cpseNewsProgress {\r\n      from {\r\n        width: 0;\r\n      }\r\n\r\n      to {\r\n        width: 100%;\r\n      }\r\n    }\r\n\r\n    \/* EVENTS *\/\r\n\r\n    .cpse-ne-event-list {\r\n      margin-top: 42px;\r\n      border-top: 1px solid var(--cpse-line);\r\n    }\r\n\r\n    .cpse-ne-event {\r\n      display: grid;\r\n      grid-template-columns:\r\n        110px\r\n        minmax(0, 1fr)\r\n        minmax(150px, 0.35fr)\r\n        40px;\r\n      gap: 25px;\r\n      align-items: center;\r\n      padding: 28px 0;\r\n      border-bottom: 1px solid var(--cpse-line);\r\n      text-decoration: none !important;\r\n      transition:\r\n        padding 0.25s ease,\r\n        background 0.25s ease;\r\n    }\r\n\r\n    .cpse-ne-event:hover {\r\n      padding-inline: 18px;\r\n      background: var(--cpse-white);\r\n    }\r\n\r\n    .cpse-ne-event-date {\r\n      display: grid;\r\n      min-height: 84px;\r\n      place-items: center;\r\n      padding: 12px;\r\n      border-radius: 16px;\r\n      color: var(--cpse-white);\r\n      background: var(--cpse-navy);\r\n      text-align: center;\r\n    }\r\n\r\n    .cpse-ne-event-date strong {\r\n      display: block;\r\n      font-size: 26px;\r\n      line-height: 1;\r\n    }\r\n\r\n    .cpse-ne-event-date span {\r\n      display: block;\r\n      font-size: 10px;\r\n      font-weight: 800;\r\n      letter-spacing: 0.12em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .cpse-ne-event-main small {\r\n      display: block;\r\n      margin-bottom: 7px;\r\n      color: var(--cpse-orange);\r\n      font-size: 11px;\r\n      font-weight: 800;\r\n      letter-spacing: 0.1em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .cpse-ne-event-main h3 {\r\n      margin: 0;\r\n      font-size: clamp(19px, 1.8vw, 27px);\r\n      line-height: 1.3;\r\n    }\r\n\r\n    .cpse-ne-event-location {\r\n      color: var(--cpse-muted);\r\n      font-size: 13px;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    .cpse-ne-event-arrow {\r\n      color: var(--cpse-orange);\r\n      font-size: 22px;\r\n      text-align: right;\r\n    }\r\n\r\n    .cpse-ne-empty {\r\n      margin-top: 40px;\r\n      padding: 46px;\r\n      border: 1px dashed #bfc3c8;\r\n      border-radius: 20px;\r\n      color: var(--cpse-muted);\r\n      background: var(--cpse-white);\r\n      text-align: center;\r\n    }\r\n\r\n    \/* BOTTOM LINKS *\/\r\n\r\n    .cpse-ne-gateways {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 22px;\r\n    }\r\n\r\n    .cpse-ne-gateway {\r\n      display: flex;\r\n      min-height: 280px;\r\n      justify-content: space-between;\r\n      flex-direction: column;\r\n      padding: clamp(32px, 4vw, 55px);\r\n      border-radius: 25px;\r\n      color: var(--cpse-white);\r\n      background: var(--cpse-navy);\r\n    }\r\n\r\n    .cpse-ne-gateway:last-child {\r\n      background: var(--cpse-orange);\r\n    }\r\n\r\n    .cpse-ne-gateway span {\r\n      font-size: 11px;\r\n      font-weight: 800;\r\n      letter-spacing: 0.12em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .cpse-ne-gateway h3 {\r\n      max-width: 600px;\r\n      margin: 30px 0;\r\n      font-size: clamp(27px, 3vw, 45px);\r\n      line-height: 1.12;\r\n      letter-spacing: -0.04em;\r\n    }\r\n\r\n    .cpse-ne-gateway a {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      align-self: flex-start;\r\n      font-size: 14px;\r\n      font-weight: 800;\r\n      text-decoration: none !important;\r\n    }\r\n\r\n    @media (max-width: 980px) {\r\n      .cpse-ne-hero-grid,\r\n      .cpse-ne-gateways {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .cpse-ne-hero-menu {\r\n        max-width: 620px;\r\n      }\r\n\r\n      .cpse-ne-event {\r\n        grid-template-columns: 95px 1fr 40px;\r\n      }\r\n\r\n      .cpse-ne-event-location {\r\n        display: none;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 640px) {\r\n      .cpse-ne-shell {\r\n        width: min(100% - 30px, 1420px);\r\n      }\r\n\r\n      .cpse-ne-hero h1 {\r\n        font-size: clamp(54px, 19vw, 84px);\r\n      }\r\n\r\n      .cpse-ne-heading {\r\n        display: block;\r\n      }\r\n\r\n      .cpse-ne-heading .cpse-ne-simple-link {\r\n        margin-top: 17px;\r\n      }\r\n\r\n      .cpse-ne-news-slide,\r\n      .cpse-ne-slide-content {\r\n        min-height: 600px;\r\n      }\r\n\r\n      .cpse-ne-news-slide::after {\r\n        background:\r\n          linear-gradient(\r\n            0deg,\r\n            rgba(3, 15, 38, 0.97) 0%,\r\n            rgba(3, 15, 38, 0.72) 68%,\r\n            rgba(3, 15, 38, 0.22) 100%\r\n          );\r\n      }\r\n\r\n      .cpse-ne-slide-content {\r\n        justify-content: flex-end;\r\n        padding: 60px 24px 95px;\r\n      }\r\n\r\n      .cpse-ne-carousel-arrow {\r\n        top: 30px;\r\n        transform: none;\r\n      }\r\n\r\n      .cpse-ne-carousel-prev {\r\n        right: 84px;\r\n        left: auto;\r\n      }\r\n\r\n      .cpse-ne-carousel-next {\r\n        right: 24px;\r\n      }\r\n\r\n      .cpse-ne-carousel-footer {\r\n        right: 24px;\r\n        bottom: 24px;\r\n        left: 24px;\r\n      }\r\n\r\n      .cpse-ne-event {\r\n        grid-template-columns: 74px 1fr;\r\n        gap: 16px;\r\n      }\r\n\r\n      .cpse-ne-event-arrow {\r\n        display: none;\r\n      }\r\n\r\n      .cpse-ne-event-date {\r\n        min-height: 72px;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .cpse-ne-carousel-track {\r\n        transition-duration: 0.01ms;\r\n      }\r\n\r\n      .cpse-ne-carousel-progress {\r\n        display: none;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <section class=\"cpse-ne-hero\">\r\n    <div class=\"cpse-ne-shell cpse-ne-hero-grid\">\r\n\r\n      <div>\r\n        <span class=\"cpse-ne-kicker\">\r\n          CPSE journal\r\n        <\/span>\r\n\r\n        <h1>\r\n          News &amp; Events\r\n        <\/h1>\r\n\r\n        <p>\r\n          Follow discoveries, achievements and activities\r\n          shaping the College of Physical Sciences and\r\n          Engineering.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <nav\r\n        class=\"cpse-ne-hero-menu\"\r\n        aria-label=\"News and events navigation\"\r\n      >\r\n        <span>Explore this page<\/span>\r\n\r\n        <a\r\n          class=\"cpse-ne-hero-link\"\r\n          href=\"#latest-news\"\r\n        >\r\n          <strong>01<\/strong>\r\n          <small>Latest news<\/small>\r\n          <i aria-hidden=\"true\">\u2193<\/i>\r\n        <\/a>\r\n\r\n        <a\r\n          class=\"cpse-ne-hero-link\"\r\n          href=\"#upcoming-events\"\r\n        >\r\n          <strong>02<\/strong>\r\n          <small>Events<\/small>\r\n          <i aria-hidden=\"true\">\u2193<\/i>\r\n        <\/a>\r\n\r\n        <a\r\n          class=\"cpse-ne-hero-link\"\r\n          href=\"https:\/\/physicsschool.um6p.ma\/?page_id=1620\"\r\n        >\r\n          <strong>03<\/strong>\r\n          <small>Weekly seminars<\/small>\r\n          <i aria-hidden=\"true\">\u2197<\/i>\r\n        <\/a>\r\n      <\/nav>\r\n\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-f32bbdc e-con e-atomic-element e-flexbox-base e-f32bbdc-24b3233 \" data-id=\"f32bbdc\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f32bbdc\">\n    \t\t<div class=\"elementor-element elementor-element-b35fa5a elementor-widget elementor-widget-html\" data-id=\"b35fa5a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"cpse-sem-page\">\r\n  <style>\r\n    @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&display=swap\");\r\n\r\n    .cpse-sem-page {\r\n      --sem-navy: #071a3d;\r\n      --sem-orange: #ca5235;\r\n      --sem-paper: #f7f6f2;\r\n      --sem-line: #dcdedc;\r\n      --sem-muted: #606774;\r\n      --sem-white: #ffffff;\r\n\r\n      width: 100%;\r\n      overflow: hidden;\r\n      color: var(--sem-navy);\r\n      background: var(--sem-white);\r\n      font-family: \"Poppins\", Arial, sans-serif;\r\n    }\r\n\r\n    .cpse-sem-page,\r\n    .cpse-sem-page * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .cpse-sem-page h1,\r\n    .cpse-sem-page h2,\r\n    .cpse-sem-page h3,\r\n    .cpse-sem-page p {\r\n      margin-top: 0;\r\n    }\r\n\r\n    .cpse-sem-page a {\r\n      color: inherit;\r\n    }\r\n\r\n    .cpse-sem-shell {\r\n      width: min(1420px, calc(100% - 48px));\r\n      margin-inline: auto;\r\n    }\r\n\r\n    .cpse-sem-section {\r\n      padding: clamp(72px, 9vw, 128px) 0;\r\n    }\r\n\r\n    .cpse-sem-section--soft {\r\n      background: var(--sem-paper);\r\n    }\r\n\r\n    .cpse-sem-kicker {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 12px;\r\n      margin-bottom: 18px;\r\n      color: var(--sem-orange);\r\n      font-size: 12px;\r\n      font-weight: 800;\r\n      letter-spacing: 0.16em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .cpse-sem-kicker::before {\r\n      width: 38px;\r\n      height: 2px;\r\n      content: \"\";\r\n      background: currentColor;\r\n    }\r\n\r\n    .cpse-sem-title {\r\n      max-width: 950px;\r\n      margin-bottom: 0;\r\n      font-size: clamp(35px, 4.5vw, 68px);\r\n      line-height: 1.04;\r\n      letter-spacing: -0.045em;\r\n    }\r\n\r\n    .cpse-sem-intro {\r\n      max-width: 750px;\r\n      margin: 16px 0 0;\r\n      color: var(--sem-muted);\r\n      line-height: 1.75;\r\n    }\r\n\r\n    \/* HERO *\/\r\n\r\n    .cpse-sem-hero {\r\n      position: relative;\r\n      padding:\r\n        clamp(76px, 10vw, 145px) 0\r\n        clamp(68px, 8vw, 112px);\r\n      overflow: hidden;\r\n      color: var(--sem-white);\r\n      background: var(--sem-navy);\r\n    }\r\n\r\n    .cpse-sem-hero::after {\r\n      position: absolute;\r\n      right: -130px;\r\n      top: -190px;\r\n      width: 650px;\r\n      aspect-ratio: 1;\r\n      content: \"\";\r\n      border: 1px solid rgba(255, 255, 255, 0.14);\r\n      border-radius: 50%;\r\n      box-shadow:\r\n        inset 0 0 0 84px rgba(255, 255, 255, 0.025),\r\n        inset 0 0 0 85px rgba(255, 255, 255, 0.09);\r\n    }\r\n\r\n    .cpse-sem-hero-grid {\r\n      position: relative;\r\n      z-index: 1;\r\n      display: grid;\r\n      grid-template-columns:\r\n        minmax(0, 1.25fr)\r\n        minmax(310px, 0.75fr);\r\n      gap: clamp(50px, 8vw, 120px);\r\n      align-items: end;\r\n    }\r\n\r\n    .cpse-sem-hero .cpse-sem-kicker {\r\n      color: #ef8b70;\r\n    }\r\n\r\n    .cpse-sem-hero h1 {\r\n      margin-bottom: 24px;\r\n      font-size: clamp(52px, 7.5vw, 116px);\r\n      line-height: 0.92;\r\n      letter-spacing: -0.058em;\r\n    }\r\n\r\n    .cpse-sem-hero p {\r\n      max-width: 770px;\r\n      margin-bottom: 0;\r\n      color: rgba(255, 255, 255, 0.74);\r\n      font-size: clamp(17px, 1.35vw, 21px);\r\n      line-height: 1.75;\r\n    }\r\n\r\n    .cpse-sem-frequency {\r\n      padding: 32px;\r\n      border: 1px solid rgba(255, 255, 255, 0.2);\r\n      border-radius: 24px;\r\n      background: rgba(255, 255, 255, 0.055);\r\n    }\r\n\r\n    .cpse-sem-frequency strong {\r\n      display: block;\r\n      margin-bottom: 10px;\r\n      color: #ef8b70;\r\n      font-size: clamp(38px, 5vw, 70px);\r\n      line-height: 1;\r\n      letter-spacing: -0.05em;\r\n    }\r\n\r\n    .cpse-sem-frequency span {\r\n      font-size: 13px;\r\n      font-weight: 700;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    \/* NEXT SEMINAR *\/\r\n\r\n    .cpse-sem-next {\r\n      display: grid;\r\n      grid-template-columns: 200px minmax(0, 1fr);\r\n      min-height: 390px;\r\n      overflow: hidden;\r\n      border-radius: 28px;\r\n      box-shadow: 0 26px 65px rgba(7, 26, 61, 0.12);\r\n    }\r\n\r\n    .cpse-sem-next-date {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      flex-direction: column;\r\n      padding: 30px;\r\n      color: var(--sem-white);\r\n      background: var(--sem-orange);\r\n      text-align: center;\r\n    }\r\n\r\n    .cpse-sem-next-date strong {\r\n      display: block;\r\n      font-size: clamp(58px, 7vw, 94px);\r\n      line-height: 0.85;\r\n      letter-spacing: -0.06em;\r\n    }\r\n\r\n    .cpse-sem-next-date span {\r\n      margin-top: 16px;\r\n      font-size: 11px;\r\n      font-weight: 800;\r\n      letter-spacing: 0.14em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .cpse-sem-next-body {\r\n      display: flex;\r\n      justify-content: center;\r\n      flex-direction: column;\r\n      padding: clamp(36px, 5vw, 76px);\r\n      border: 1px solid var(--sem-line);\r\n      border-left: 0;\r\n      border-radius: 0 28px 28px 0;\r\n      background: var(--sem-white);\r\n    }\r\n\r\n    .cpse-sem-label {\r\n      display: inline-flex;\r\n      align-self: flex-start;\r\n      padding: 8px 12px;\r\n      border-radius: 999px;\r\n      color: var(--sem-orange);\r\n      background: #f7e9e4;\r\n      font-size: 10px;\r\n      font-weight: 800;\r\n      letter-spacing: 0.12em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .cpse-sem-next h3 {\r\n      max-width: 980px;\r\n      margin: 22px 0 16px;\r\n      font-size: clamp(28px, 3.4vw, 51px);\r\n      line-height: 1.14;\r\n      letter-spacing: -0.04em;\r\n    }\r\n\r\n    .cpse-sem-speaker {\r\n      margin-bottom: 8px !important;\r\n      font-size: 17px;\r\n      font-weight: 700;\r\n    }\r\n\r\n    .cpse-sem-details {\r\n      margin-bottom: 0 !important;\r\n      color: var(--sem-muted);\r\n      line-height: 1.7;\r\n    }\r\n\r\n    .cpse-sem-button {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 12px;\r\n      align-self: flex-start;\r\n      margin-top: 25px;\r\n      padding: 14px 20px;\r\n      border-radius: 999px;\r\n      color: var(--sem-white) !important;\r\n      background: var(--sem-orange);\r\n      font-size: 14px;\r\n      font-weight: 800;\r\n      text-decoration: none !important;\r\n    }\r\n\r\n    \/* ABOUT CARDS *\/\r\n\r\n    .cpse-sem-values {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      border-top: 1px solid var(--sem-line);\r\n      border-left: 1px solid var(--sem-line);\r\n    }\r\n\r\n    .cpse-sem-value {\r\n      min-height: 250px;\r\n      padding: 38px;\r\n      border-right: 1px solid var(--sem-line);\r\n      border-bottom: 1px solid var(--sem-line);\r\n    }\r\n\r\n    .cpse-sem-value span {\r\n      display: block;\r\n      margin-bottom: 26px;\r\n      color: var(--sem-orange);\r\n      font-size: 12px;\r\n      font-weight: 800;\r\n      letter-spacing: 0.1em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .cpse-sem-value h3 {\r\n      margin-bottom: 12px;\r\n      font-size: clamp(22px, 2vw, 30px);\r\n      line-height: 1.25;\r\n    }\r\n\r\n    .cpse-sem-value p {\r\n      margin-bottom: 0;\r\n      color: var(--sem-muted);\r\n      line-height: 1.7;\r\n    }\r\n\r\n    \/* SEMINAR ARCHIVE *\/\r\n\r\n    .cpse-sem-archive {\r\n      margin-top: 40px;\r\n      border-top: 1px solid var(--sem-line);\r\n    }\r\n\r\n    .cpse-sem-item {\r\n      border-bottom: 1px solid var(--sem-line);\r\n    }\r\n\r\n    .cpse-sem-item summary {\r\n      display: grid;\r\n      grid-template-columns:\r\n        115px\r\n        minmax(0, 1fr)\r\n        minmax(190px, 0.45fr)\r\n        46px;\r\n      gap: 24px;\r\n      align-items: center;\r\n      padding: 28px 0;\r\n      list-style: none;\r\n      cursor: pointer;\r\n    }\r\n\r\n    .cpse-sem-item summary::-webkit-details-marker {\r\n      display: none;\r\n    }\r\n\r\n    .cpse-sem-date {\r\n      color: var(--sem-orange);\r\n      font-size: 11px;\r\n      font-weight: 800;\r\n      letter-spacing: 0.1em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .cpse-sem-item summary h3 {\r\n      margin: 0;\r\n      font-size: clamp(18px, 1.65vw, 25px);\r\n      line-height: 1.32;\r\n    }\r\n\r\n    .cpse-sem-list-speaker {\r\n      color: var(--sem-muted);\r\n      font-size: 13px;\r\n      line-height: 1.55;\r\n    }\r\n\r\n    .cpse-sem-plus {\r\n      width: 44px;\r\n      height: 44px;\r\n      display: grid;\r\n      place-items: center;\r\n      border: 1px solid var(--sem-navy);\r\n      border-radius: 50%;\r\n      font-size: 21px;\r\n      transition:\r\n        color 0.3s ease,\r\n        background 0.3s ease,\r\n        transform 0.3s ease;\r\n    }\r\n\r\n    .cpse-sem-item[open] .cpse-sem-plus {\r\n      transform: rotate(45deg);\r\n      color: var(--sem-white);\r\n      background: var(--sem-navy);\r\n    }\r\n\r\n    .cpse-sem-item-content {\r\n      padding: 0 72px 32px 139px;\r\n      color: var(--sem-muted);\r\n      line-height: 1.75;\r\n    }\r\n\r\n    .cpse-sem-item-content p {\r\n      margin-bottom: 8px;\r\n    }\r\n\r\n    \/* CTA *\/\r\n\r\n    .cpse-sem-cta {\r\n      display: grid;\r\n      grid-template-columns: 1fr auto;\r\n      gap: 30px;\r\n      align-items: center;\r\n      padding: clamp(36px, 5vw, 72px);\r\n      border-radius: 28px;\r\n      color: var(--sem-white);\r\n      background: var(--sem-navy);\r\n    }\r\n\r\n    .cpse-sem-cta h2 {\r\n      max-width: 850px;\r\n      margin-bottom: 10px;\r\n      font-size: clamp(31px, 4vw, 58px);\r\n      line-height: 1.08;\r\n      letter-spacing: -0.045em;\r\n    }\r\n\r\n    .cpse-sem-cta p {\r\n      margin-bottom: 0;\r\n      color: rgba(255, 255, 255, 0.75);\r\n    }\r\n\r\n    .cpse-sem-cta .cpse-sem-button {\r\n      margin-top: 0;\r\n      color: var(--sem-navy) !important;\r\n      background: var(--sem-white);\r\n      white-space: nowrap;\r\n    }\r\n\r\n    @media (max-width: 980px) {\r\n      .cpse-sem-hero-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .cpse-sem-frequency {\r\n        max-width: 520px;\r\n      }\r\n\r\n      .cpse-sem-values {\r\n        grid-template-columns: 1fr 1fr;\r\n      }\r\n\r\n      .cpse-sem-values article:last-child {\r\n        grid-column: 1 \/ -1;\r\n      }\r\n\r\n      .cpse-sem-item summary {\r\n        grid-template-columns: 95px 1fr 46px;\r\n      }\r\n\r\n      .cpse-sem-list-speaker {\r\n        display: none;\r\n      }\r\n\r\n      .cpse-sem-item-content {\r\n        padding-left: 119px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 640px) {\r\n      .cpse-sem-shell {\r\n        width: min(100% - 30px, 1420px);\r\n      }\r\n\r\n      .cpse-sem-hero h1 {\r\n        font-size: clamp(50px, 17vw, 78px);\r\n      }\r\n\r\n      .cpse-sem-next {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .cpse-sem-next-date {\r\n        min-height: 150px;\r\n      }\r\n\r\n      .cpse-sem-next-body {\r\n        padding: 31px 24px;\r\n        border-top: 0;\r\n        border-left: 1px solid var(--sem-line);\r\n        border-radius: 0 0 28px 28px;\r\n      }\r\n\r\n      .cpse-sem-values {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .cpse-sem-values article:last-child {\r\n        grid-column: auto;\r\n      }\r\n\r\n      .cpse-sem-item summary {\r\n        grid-template-columns: 1fr 44px;\r\n        gap: 14px;\r\n        padding: 24px 0;\r\n      }\r\n\r\n      .cpse-sem-date {\r\n        grid-column: 1 \/ -1;\r\n      }\r\n\r\n      .cpse-sem-item-content {\r\n        padding: 0 0 28px;\r\n      }\r\n\r\n      .cpse-sem-cta {\r\n        grid-template-columns: 1fr;\r\n      }\r\n    }\r\n  <\/style>\r\n<div class=\"cpse-sem-page\">\r\n  <section class=\"cpse-sem-section\">\r\n    <div class=\"cpse-sem-shell\">\r\n\r\n      <span class=\"cpse-sem-kicker\">\r\n        Next session\r\n      <\/span>\r\n\r\n      <h2 class=\"cpse-sem-title\">\r\n        Seminar\r\n      <\/h2>\r\n\r\n      <div style=\"height: 42px;\"><\/div>\r\n\r\n      <article class=\"cpse-sem-next\">\r\n\r\n        <!-- DATE -->\r\n\r\n        <time\r\n          class=\"cpse-sem-next-date\"\r\n          datetime=\"2026-10-15T14:00\"\r\n        >\r\n          <strong>1<\/strong>\r\n          <span>October 2026<\/span>\r\n        <\/time>\r\n\r\n\r\n        <!-- SEMINAR INFORMATION -->\r\n\r\n        <div class=\"cpse-sem-next-body\">\r\n\r\n          <span class=\"cpse-sem-label\">\r\n            Next seminar\r\n          <\/span>\r\n\r\n          <h3>\r\n      Aviation PEM Fuel Cells, power density, energy density, and beyond\r\n          <\/h3>\r\n\r\n          <p class=\"cpse-sem-speaker\">\r\n            Xin Gao\r\n          <\/p>\r\n\r\n          <p class=\"cpse-sem-details\">\r\n            assistant professor (Non HDR) CPSE , UM6P\r\n          <\/p>\r\n\r\n          <p class=\"cpse-sem-details\">\r\n            14:00\u201315:00 \u00b7 UM6P Campus \u00b7 Room TC-G-02\r\n          <\/p>\r\n\r\n          <!-- Optional details-page link -->\r\n\r\n          <a\r\n            class=\"cpse-sem-button\"\r\n            href=\"\/?page_id=1620\"\r\n          >\r\n            Seminar details \u2197\r\n          <\/a>\r\n\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-cc8f631 e-con e-atomic-element e-flexbox-base e-5dfc32b \" data-id=\"cc8f631\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"cc8f631\">\n    \t\t<div class=\"elementor-element elementor-element-68deca3 elementor-widget elementor-widget-html\" data-id=\"68deca3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"cpse-manual-ne\">\r\n  <section\r\n    id=\"latest-news\"\r\n    class=\"cpse-ne-section\"\r\n  >\r\n    <div class=\"cpse-ne-shell\">\r\n\r\n      <div class=\"cpse-ne-heading\">\r\n        <div>\r\n          <span class=\"cpse-ne-kicker\">\r\n            Latest news\r\n          <\/span>\r\n\r\n          <h2 class=\"cpse-ne-title\">\r\n          <\/h2>\r\n\r\n          <p class=\"cpse-ne-intro\">\r\n            Research discoveries, academic achievements,\r\n            partnerships and highlights from our community.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div\r\n        id=\"cpse-manual-news-carousel\"\r\n        class=\"cpse-ne-carousel\"\r\n        aria-label=\"Latest CPSE news\"\r\n        aria-roledescription=\"carousel\"\r\n      >\r\n        <div class=\"cpse-ne-carousel-viewport\">\r\n\r\n          <div class=\"cpse-ne-carousel-track\">\r\n\r\n        <article class=\"cpse-ne-news-slide\">\r\n          <img decoding=\"async\"\r\n            src=\"\/wp-content\/uploads\/2026\/09\/cpse-eclipse-hero.png\"\r\n            alt=\"Red total solar eclipse over Northern Morocco\"\r\n          >\r\n\r\n          <div class=\"cpse-ne-slide-content\">\r\n\r\n            <div class=\"cpse-ne-slide-meta\">\r\n              <time datetime=\"2026-09-01\">\r\n              <\/time>\r\n            <\/div>\r\n\r\n            <h3>\r\n              Morocco Eclipse 2027 initiative\r\n            <\/h3>\r\n\r\n            <p>\r\n              CPSE contributors are supporting eclipse science,\r\n              safe observation and public outreach ahead of the\r\n              August 2027 total solar eclipse.\r\n            <\/p>\r\n\r\n            <a class=\"cpse-ne-slide-button\" href=\"\/?p=2237\/\">\r\n              <span>Read more<\/span>\r\n              <span aria-hidden=\"true\">\u2197<\/span>\r\n            <\/a>\r\n\r\n          <\/div>\r\n        <\/article>\r\n            <!-- NEWS SLIDE 1 -->\r\n\r\n            <article class=\"cpse-ne-news-slide\">\r\n              <img decoding=\"async\"\r\n                src=\"\/wp-content\/uploads\/2026\/07\/hero_2d_materials.png\"\r\n                alt=\"Two-dimensional materials research\"\r\n              >\r\n\r\n              <div class=\"cpse-ne-slide-content\">\r\n\r\n                <div class=\"cpse-ne-slide-meta\">\r\n                  <span>Research news<\/span>\r\n                  <time datetime=\"2025-05-05\">\r\n                    5 May 2025\r\n                  <\/time>\r\n                <\/div>\r\n\r\n                <h3>\r\n                  New optical-fiber and two-dimensional\r\n                  materials approach\r\n                <\/h3>\r\n\r\n                <p>\r\n                  CPSE research explores how optical fibers\r\n                  and emerging materials can support future\r\n                  communication, quantum optics and sensing\r\n                  technologies.\r\n                <\/p>\r\n\r\n                <a\r\n                  class=\"cpse-ne-slide-button\"\r\n                  href=\"\/your-news-post\/\"\r\n                >\r\n                  <span>Read more<\/span>\r\n                  <span aria-hidden=\"true\">\u2197<\/span>\r\n                <\/a>\r\n\r\n              <\/div>\r\n            <\/article>\r\n\r\n\r\n            <!-- NEWS SLIDE 2 -->\r\n\r\n            <article class=\"cpse-ne-news-slide\">\r\n              <img decoding=\"async\"\r\n                src=\"\/wp-content\/uploads\/2026\/07\/hero_thz.png\"\r\n                alt=\"Optical and terahertz laboratory research\"\r\n              >\r\n\r\n              <div class=\"cpse-ne-slide-content\">\r\n\r\n                <div class=\"cpse-ne-slide-meta\">\r\n                  <span>Scientific innovation<\/span>\r\n                  <time datetime=\"2025-04-10\">\r\n                    10 April 2025\r\n                  <\/time>\r\n                <\/div>\r\n\r\n                <h3>\r\n                  Advancing precision through simulation\r\n                  and experimental science\r\n                <\/h3>\r\n\r\n                <p>\r\n                  Researchers combine modeling,\r\n                  instrumentation and experimental validation\r\n                  to develop more precise scientific methods.\r\n                <\/p>\r\n\r\n                <a\r\n                  class=\"cpse-ne-slide-button\"\r\n                  href=\"\/your-second-news-post\/\"\r\n                >\r\n                  <span>Read more<\/span>\r\n                  <span aria-hidden=\"true\">\u2197<\/span>\r\n                <\/a>\r\n\r\n              <\/div>\r\n            <\/article>\r\n\r\n\r\n            <!-- NEWS SLIDE 3 -->\r\n\r\n            <article class=\"cpse-ne-news-slide\">\r\n              <img decoding=\"async\"\r\n                src=\"\/wp-content\/uploads\/2026\/07\/hero_cosmology.png\"\r\n                alt=\"Particle physics and cosmology research\"\r\n              >\r\n\r\n              <div class=\"cpse-ne-slide-content\">\r\n\r\n                <div class=\"cpse-ne-slide-meta\">\r\n                  <span>International research<\/span>\r\n                  <time datetime=\"2025-02-13\">\r\n                    13 February 2025\r\n                  <\/time>\r\n                <\/div>\r\n\r\n                <h3>\r\n                  Contributing to the exploration of\r\n                  high-energy particles and the universe\r\n                <\/h3>\r\n\r\n                <p>\r\n                  CPSE researchers participate in\r\n                  international scientific collaborations\r\n                  investigating particles, detectors and\r\n                  cosmic phenomena.\r\n                <\/p>\r\n\r\n                <a\r\n                  class=\"cpse-ne-slide-button\"\r\n                  href=\"\/your-third-news-post\/\"\r\n                >\r\n                  <span>Read more<\/span>\r\n                  <span aria-hidden=\"true\">\u2197<\/span>\r\n                <\/a>\r\n\r\n              <\/div>\r\n            <\/article>\r\n\r\n        <!-- NEWS SLIDE 3 -->\r\n\r\n        <article class=\"cpse-ne-news-slide\">\r\n          <img decoding=\"async\"\r\n            src=\"\/wp-content\/uploads\/2026\/09\/cpse-eclipse-hero.png\"\r\n            alt=\"Red total solar eclipse over Northern Morocco\"\r\n          >\r\n\r\n          <div class=\"cpse-ne-slide-content\">\r\n\r\n            <div class=\"cpse-ne-slide-meta\">\r\n              <span>Citizen science<\/span>\r\n              <time datetime=\"2026-09-01\">\r\n                1 September 2026\r\n              <\/time>\r\n            <\/div>\r\n\r\n            <h3>\r\n              CPSE joins the Morocco Eclipse 2027 initiative\r\n            <\/h3>\r\n\r\n            <p>\r\n              CPSE contributors are supporting eclipse science,\r\n              safe observation and public outreach ahead of the\r\n              August 2027 total solar eclipse.\r\n            <\/p>\r\n\r\n            <a class=\"cpse-ne-slide-button\" href=\"\/?p=2237\/\">\r\n              <span>Read more<\/span>\r\n              <span aria-hidden=\"true\">\u2197<\/span>\r\n            <\/a>\r\n\r\n          <\/div>\r\n        <\/article>\r\n            <!--\r\n            COPY THIS COMPLETE ARTICLE TO ADD MORE NEWS\r\n\r\n            <article class=\"cpse-ne-news-slide\">\r\n              <img decoding=\"async\"\r\n                src=\"\/wp-content\/uploads\/2026\/07\/your-image.jpg\"\r\n                alt=\"Description of the news image\"\r\n              >\r\n\r\n              <div class=\"cpse-ne-slide-content\">\r\n\r\n                <div class=\"cpse-ne-slide-meta\">\r\n                  <span>News category<\/span>\r\n\r\n                  <time datetime=\"2026-10-15\">\r\n                    15 October 2026\r\n                  <\/time>\r\n                <\/div>\r\n\r\n                <h3>\r\n                  Your news title\r\n                <\/h3>\r\n\r\n                <p>\r\n                  Add a short description of the news.\r\n                <\/p>\r\n\r\n                <a\r\n                  class=\"cpse-ne-slide-button\"\r\n                  href=\"\/your-news-page\/\"\r\n                >\r\n                  <span>Read the story<\/span>\r\n                  <span aria-hidden=\"true\">\u2197<\/span>\r\n                <\/a>\r\n\r\n              <\/div>\r\n            <\/article>\r\n\r\n            END OF NEWS TEMPLATE\r\n            -->\r\n\r\n          <\/div>\r\n        <\/div>\r\n\r\n\r\n        <!-- CAROUSEL BUTTONS -->\r\n\r\n        <button\r\n          class=\"cpse-ne-carousel-arrow cpse-ne-carousel-prev\"\r\n          type=\"button\"\r\n          aria-label=\"Previous news\"\r\n        >\r\n          \u2190\r\n        <\/button>\r\n\r\n        <button\r\n          class=\"cpse-ne-carousel-arrow cpse-ne-carousel-next\"\r\n          type=\"button\"\r\n          aria-label=\"Next news\"\r\n        >\r\n          \u2192\r\n        <\/button>\r\n\r\n\r\n        <!-- DOTS AND PROGRESS ARE GENERATED BY SCRIPT -->\r\n\r\n        <div class=\"cpse-ne-carousel-footer\">\r\n          <div class=\"cpse-ne-carousel-dots\"><\/div>\r\n\r\n          <div class=\"cpse-ne-carousel-progress\">\r\n            <span><\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <script>\r\n    (() => {\r\n      const carousel = document.getElementById(\r\n        \"cpse-manual-news-carousel\"\r\n      );\r\n\r\n      if (!carousel || carousel.dataset.ready === \"true\") {\r\n        return;\r\n      }\r\n\r\n      carousel.dataset.ready = \"true\";\r\n\r\n      const track = carousel.querySelector(\r\n        \".cpse-ne-carousel-track\"\r\n      );\r\n\r\n      const slides = Array.from(\r\n        carousel.querySelectorAll(\r\n          \".cpse-ne-news-slide\"\r\n        )\r\n      );\r\n\r\n      const previousButton = carousel.querySelector(\r\n        \".cpse-ne-carousel-prev\"\r\n      );\r\n\r\n      const nextButton = carousel.querySelector(\r\n        \".cpse-ne-carousel-next\"\r\n      );\r\n\r\n      const dotsContainer = carousel.querySelector(\r\n        \".cpse-ne-carousel-dots\"\r\n      );\r\n\r\n      const progress = carousel.querySelector(\r\n        \".cpse-ne-carousel-progress\"\r\n      );\r\n\r\n      const intervalDuration = 6500;\r\n\r\n      let currentSlide = 0;\r\n      let automaticTimer = null;\r\n      let touchStartX = 0;\r\n\r\n      function createDots() {\r\n        dotsContainer.innerHTML = \"\";\r\n\r\n        slides.forEach((slide, index) => {\r\n          const dot = document.createElement(\"button\");\r\n\r\n          dot.type = \"button\";\r\n          dot.className = \"cpse-ne-carousel-dot\";\r\n\r\n          dot.setAttribute(\r\n            \"aria-label\",\r\n            `Show news slide ${index + 1}`\r\n          );\r\n\r\n          dot.addEventListener(\"click\", () => {\r\n            showSlide(index);\r\n            restartAutomaticMovement();\r\n          });\r\n\r\n          dotsContainer.appendChild(dot);\r\n        });\r\n      }\r\n\r\n      function updateDots() {\r\n        const dots = dotsContainer.querySelectorAll(\r\n          \".cpse-ne-carousel-dot\"\r\n        );\r\n\r\n        dots.forEach((dot, index) => {\r\n          const active = index === currentSlide;\r\n\r\n          dot.classList.toggle(\r\n            \"is-active\",\r\n            active\r\n          );\r\n\r\n          if (active) {\r\n            dot.setAttribute(\r\n              \"aria-current\",\r\n              \"true\"\r\n            );\r\n          } else {\r\n            dot.removeAttribute(\"aria-current\");\r\n          }\r\n        });\r\n      }\r\n\r\n      function restartProgress() {\r\n        progress.classList.remove(\"is-moving\");\r\n\r\n        void progress.offsetWidth;\r\n\r\n        progress.classList.add(\"is-moving\");\r\n      }\r\n\r\n      function showSlide(index) {\r\n        if (!slides.length) {\r\n          return;\r\n        }\r\n\r\n        currentSlide =\r\n          (index + slides.length) % slides.length;\r\n\r\n        track.style.transform =\r\n          `translate3d(-${currentSlide * 100}%, 0, 0)`;\r\n\r\n        slides.forEach((slide, slideIndex) => {\r\n          slide.setAttribute(\r\n            \"aria-hidden\",\r\n            slideIndex === currentSlide\r\n              ? \"false\"\r\n              : \"true\"\r\n          );\r\n        });\r\n\r\n        updateDots();\r\n        restartProgress();\r\n      }\r\n\r\n      function showNext() {\r\n        showSlide(currentSlide + 1);\r\n      }\r\n\r\n      function showPrevious() {\r\n        showSlide(currentSlide - 1);\r\n      }\r\n\r\n      function stopAutomaticMovement() {\r\n        if (automaticTimer) {\r\n          window.clearInterval(automaticTimer);\r\n          automaticTimer = null;\r\n        }\r\n\r\n        progress.classList.remove(\"is-moving\");\r\n      }\r\n\r\n      function startAutomaticMovement() {\r\n        stopAutomaticMovement();\r\n\r\n        if (\r\n          slides.length < 2 ||\r\n          window.matchMedia(\r\n            \"(prefers-reduced-motion: reduce)\"\r\n          ).matches\r\n        ) {\r\n          return;\r\n        }\r\n\r\n        restartProgress();\r\n\r\n        automaticTimer = window.setInterval(() => {\r\n          showNext();\r\n        }, intervalDuration);\r\n      }\r\n\r\n      function restartAutomaticMovement() {\r\n        startAutomaticMovement();\r\n      }\r\n\r\n      previousButton.addEventListener(\r\n        \"click\",\r\n        () => {\r\n          showPrevious();\r\n          restartAutomaticMovement();\r\n        }\r\n      );\r\n\r\n      nextButton.addEventListener(\r\n        \"click\",\r\n        () => {\r\n          showNext();\r\n          restartAutomaticMovement();\r\n        }\r\n      );\r\n\r\n      carousel.addEventListener(\r\n        \"mouseenter\",\r\n        stopAutomaticMovement\r\n      );\r\n\r\n      carousel.addEventListener(\r\n        \"mouseleave\",\r\n        startAutomaticMovement\r\n      );\r\n\r\n      carousel.addEventListener(\r\n        \"focusin\",\r\n        stopAutomaticMovement\r\n      );\r\n\r\n      carousel.addEventListener(\r\n        \"focusout\",\r\n        startAutomaticMovement\r\n      );\r\n\r\n      track.addEventListener(\r\n        \"touchstart\",\r\n        (event) => {\r\n          touchStartX =\r\n            event.touches[0].clientX;\r\n\r\n          stopAutomaticMovement();\r\n        },\r\n        {\r\n          passive: true\r\n        }\r\n      );\r\n\r\n      track.addEventListener(\r\n        \"touchend\",\r\n        (event) => {\r\n          const touchEndX =\r\n            event.changedTouches[0].clientX;\r\n\r\n          const difference =\r\n            touchStartX - touchEndX;\r\n\r\n          if (Math.abs(difference) > 45) {\r\n            if (difference > 0) {\r\n              showNext();\r\n            } else {\r\n              showPrevious();\r\n            }\r\n          }\r\n\r\n          startAutomaticMovement();\r\n        },\r\n        {\r\n          passive: true\r\n        }\r\n      );\r\n\r\n      document.addEventListener(\r\n        \"visibilitychange\",\r\n        () => {\r\n          if (document.hidden) {\r\n            stopAutomaticMovement();\r\n          } else {\r\n            startAutomaticMovement();\r\n          }\r\n        }\r\n      );\r\n\r\n      createDots();\r\n      showSlide(0);\r\n      startAutomaticMovement();\r\n    })();\r\n  <\/script>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-e61e9c7 e-con e-atomic-element e-flexbox-base e-d0a4c2f \" data-id=\"e61e9c7\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e61e9c7\">\n    \t\t<div class=\"elementor-element elementor-element-772ffac elementor-widget elementor-widget-html\" data-id=\"772ffac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"cpse-manual-ne\">\r\n  <section class=\"cpse-ne-section\">\r\n    <div class=\"cpse-ne-shell\">\r\n\r\n      <div class=\"cpse-ne-gateways\">\r\n\r\n        <article class=\"cpse-ne-gateway\">\r\n          <div>\r\n            <span>Weekly seminar series<\/span>\r\n\r\n            <h3>\r\n              Discover upcoming scientific talks and previous\r\n              invited speakers.\r\n            <\/h3>\r\n          <\/div>\r\n\r\n          <a href=\"\/research-seminars\/\">\r\n            Open the seminar page \u2197\r\n          <\/a>\r\n        <\/article>\r\n\r\n        <article class=\"cpse-ne-gateway\">\r\n          <div>\r\n            <span>Share an update<\/span>\r\n\r\n            <h3>\r\n              Have news or an event you would like to share\r\n              with the CPSE community?\r\n            <\/h3>\r\n          <\/div>\r\n\r\n          <a href=\"\/contact\/\">\r\n            Contact CPSE \u2197\r\n          <\/a>\r\n        <\/article>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CPSE journal News &amp; Events Follow discoveries, achievements and activities shaping the College of Physical Sciences and Engineering. Explore this page 01 Latest news&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1590","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/physicsschool.um6p.ma\/index.php?rest_route=\/wp\/v2\/pages\/1590","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/physicsschool.um6p.ma\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/physicsschool.um6p.ma\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/physicsschool.um6p.ma\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/physicsschool.um6p.ma\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1590"}],"version-history":[{"count":43,"href":"https:\/\/physicsschool.um6p.ma\/index.php?rest_route=\/wp\/v2\/pages\/1590\/revisions"}],"predecessor-version":[{"id":2657,"href":"https:\/\/physicsschool.um6p.ma\/index.php?rest_route=\/wp\/v2\/pages\/1590\/revisions\/2657"}],"wp:attachment":[{"href":"https:\/\/physicsschool.um6p.ma\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1590"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}