.elementor-17 .elementor-element.elementor-element-c18f99d{--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-17 .elementor-element.elementor-element-de4c844{--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-17 .elementor-element.elementor-element-3eb019a.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-36a6b6b{--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-17 .elementor-element.elementor-element-11e7222{--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-17 .elementor-element.elementor-element-8e2ab3c{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.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-17 .elementor-element.elementor-element-4357731{text-align:center;}.elementor-17 .elementor-element.elementor-element-3f938a7{width:100%;max-width:100%;}.elementor-17 .elementor-element.elementor-element-3f938a7.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-17 .elementor-element.elementor-element-4454713{--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-17 .elementor-element.elementor-element-59ccdf7{--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-17 .elementor-element.elementor-element-bd6033b{--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-17 .elementor-element.elementor-element-08b2202{--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-17 .elementor-element.elementor-element-86a1ed7{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-17 .elementor-element.elementor-element-c1128bf.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-8f9b318{--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-17 .elementor-element.elementor-element-e171fb3{--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-17 .elementor-element.elementor-element-1a141b8{text-align:center;font-family:"Roboto", Sans-serif;font-weight:300;}@media(max-width:1024px){.elementor-17 .elementor-element.elementor-element-8e2ab3c{--grid-auto-flow:row;}.elementor-17 .elementor-element.elementor-element-86a1ed7{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-17 .elementor-element.elementor-element-8e2ab3c{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-17 .elementor-element.elementor-element-86a1ed7{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-3eb019a *//* Conteneur dark/neon (fond sombre + halo léger) */
.dark-hero {
  display: inline-block;
  padding: 20px 26px;
  border-radius: 16px;
  background: radial-gradient(120px 80px at 50% 35%, rgba(0, 60, 100, .25), transparent 70%),
              linear-gradient(180deg, #0B0E13, #0B0E13);
  box-shadow:
    inset 0 0 40px rgba(0, 120, 200, .08),
    0 6px 18px rgba(0, 0, 0, .35);
}

/* Taille + glow icône */
.hero-icon svg {
  width: 96px;
  height: 96px;
  display: block;
  filter: drop-shadow(0 0 6px rgba(0, 198, 255, .35));
  transition: transform .22s ease, filter .22s ease;
  margin: 0 auto;
}
.hero-icon:hover svg {
  transform: translateY(-2px) scale(1.03);
  filter: drop-shadow(0 0 12px rgba(0, 114, 255, .45));
}

/* Tirets animés (CSS, plus fiable que <animate>) */
.neon-dashes {
  stroke-dasharray: 10 8;
  stroke-dashoffset: 0;
  animation: dash-move 2s linear infinite;
}
@keyframes dash-move {
  to { stroke-dashoffset: -36; }
}

/* Centrage global de la section du titre */
.hero-title-block,
.hero-title-block .elementor-container,
.hero-title-block .elementor-column,
.hero-title-block .elementor-widget-wrap {
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}
.hero-title-block .elementor-widget-container {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: block;
}

/* Titre gradient + barre néon (si tu utilises le H1 “ACCUEIL”) */
.page-title {
  font-family: 'Orbitron', sans-serif;
  font-weight: 700;
  letter-spacing: .5px;
  text-transform: uppercase;
  margin: 12px 0 6px;
  font-size: clamp(28px, 5vw, 44px);
  background: linear-gradient(90deg, #00C6FF, #0072FF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.page-title::after {
  content: '';
  display: block;
  width: 72px;
  height: 3px;
  margin: 10px auto 0;
  border-radius: 999px;
  background: linear-gradient(90deg, #00C6FF, #0072FF);
  box-shadow: 0 0 8px rgba(0, 198, 255, .6);
  animation: glow 2.2s infinite alternate;
}
@keyframes glow {
  from { box-shadow: 0 0 6px rgba(0, 198, 255, .55); }
  to   { box-shadow: 0 0 16px rgba(0, 114, 255, .75); }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5515394 */<style>
  .oban-role-slider-wrapper {
    max-width: 1000px;
    margin: auto;
    background: #111;
    border-radius: 16px;
    box-shadow: 0 0 30px rgba(255, 94, 0, 0.4);
    padding: 30px 20px;
    color: #f5f5f5;
    font-family: 'Orbitron', sans-serif;
  }

  .oban-role-slider {
    position: relative;
  }

  .oban-slide {
    display: none;
    padding: 20px;
    border-radius: 12px;
    background: linear-gradient(to bottom, #1a1a1a, #000);
    box-shadow: 0 0 15px rgba(255, 94, 0, 0.2);
  }

  .oban-slide.active {
    display: block;
    animation: fadeIn 0.6s ease;
  }

  .oban-slide h2 {
    font-size: 28px;
    color: #ff5e00;
    margin-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
  }

  .oban-slide p {
    font-size: 16px;
    line-height: 1.6;
    color: #ccc;
    margin-bottom: 16px;
  }

  .oban-slider-nav {
    display: flex;
    justify-content: center;
    gap: 1.5rem;
    margin-top: 30px;
  }

  .oban-slider-nav button {
    background: #ff5e00;
    color: #fff;
    border: none;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Orbitron', sans-serif;
    text-transform: uppercase;
    border-radius: 30px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 0 10px rgba(255, 94, 0, 0.6);
  }

  .oban-slider-nav button:hover {
    background: #fff;
    color: #ff5e00;
    box-shadow: 0 0 20px rgba(255, 94, 0, 0.9);
  }

  @keyframes fadeIn {
    from { opacity: 0; transform: translateY(15px); }
    to { opacity: 1; transform: translateY(0); }
  }
</style>/* End custom CSS */
/* Start custom CSS */.oban-role-slider-wrapper.gaming-theme {
  max-width: 960px;
  margin: 40px auto;
  padding: 25px;
  background: linear-gradient(145deg, #0d0d0d, #1a1a1a);
  border-radius: 16px;
  box-shadow: 0 0 40px rgba(255, 100, 0, 0.15);
  font-family: 'Orbitron', 'Montserrat', sans-serif;
  color: #fff;
  text-align: center;
}

.oban-slide {
  display: none;
  opacity: 0;
  transition: opacity 0.8s ease-in-out;
}

.oban-slide.active {
  display: block;
  opacity: 1;
}

.oban-slide h2 {
  font-size: 1.8rem;
  color: #ff6600;
  margin-bottom: 10px;
  text-shadow: 0 0 8px rgba(255, 102, 0, 0.3);
}

.oban-slide p {
  font-size: 1rem;
  margin-bottom: 20px;
  line-height: 1.6;
  color: #ccc;
}

.oban-slide video {
  width: 100%;
  border-radius: 12px;
  box-shadow: 0 0 15px rgba(255, 100, 0, 0.2);
}

.oban-slider-nav {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  gap: 1.5rem;
}

.oban-slider-nav button {
  background: #111;
  color: #fff;
  border: none;
  padding: 12px 20px;
  font-size: 15px;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.oban-slider-nav button:hover {
  background-color: #ff6600;
}

@media (max-width: 768px) {
  .oban-slide h2 {
    font-size: 1.4rem;
  }

  .oban-slider-nav button {
    padding: 10px 16px;
    font-size: 14px;
  }
}/* End custom CSS */