@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  text-decoration: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  scroll-behavior: smooth;
}

html,
body {
  width: 100%;
  height: 100%;
  max-width: 100vw;
  overflow-x: hidden;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  background: #000;
letter-spacing: .02em;}

/**
 * -------------------
 * breakpoint
 * -------------------
 * @description
 * responsive - gère les points de rupture
 * @param point <string>
 * @param maxMin: <string> = max-width | min-width
 */
/**
 * -------------------
 * size
 * -------------------
 * @description
 * génère une taille d'élément qui s'adapte proportionnellement à la largeur du viewport
 * @param string $attr (ex: margin-left, width, height, font-size, line-height ...)
 * @param number $var | unit: vw
 * @param number $min | unit: px
 * @param number $max | unit: px
 */
.gutembergBlock .wp-block-quote, .gutembergBlock .wp-block-pullquote {
  position: relative;
  display: block;
  text-align: left;
  border-left: 4px solid #000000;
  padding: unset;
  margin-bottom: clamp(15px, 2vw, 30px);
  padding-left: clamp(20px, 2vw, 30px);
}
.gutembergBlock .wp-block-quote p, .gutembergBlock .wp-block-pullquote p {
  margin-bottom: 10px;
  color: rgba(11, 10, 21, 0.8);
}

.gutembergBlock .wp-block-buttons {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: 0;
  margin-right: 0;
  gap: clamp(30px, 2.7vw, 40px);
  margin-bottom: clamp(20px, 2.7vw, 40px);
}
.gutembergBlock .wp-block-button {
  position: relative;
}
.gutembergBlock .wp-block-button__link {
  z-index: 1;
  display: inline-block;
  position: relative;
  color: #FFFFFF;
  left: 0;
  white-space: nowrap;
  font-size: clamp(16px, 1.3vw, 20px);
  line-height: 25px;
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  padding: unset;
  background: unset;
  -webkit-transition: color 0.3s ease, left 0.3s ease;
  transition: color 0.3s ease, left 0.3s ease;
}
.gutembergBlock .wp-block-button__link:before {
  z-index: -1;
  content: "";
  position: absolute;
  left: -5px;
  bottom: 0;
  width: 100px;
  height: 10px;
  background: #000000;
  -webkit-box-shadow: 0 0 10px rgba(120, 239, 218, 0.55);
          box-shadow: 0 0 10px rgba(120, 239, 218, 0.55);
  -webkit-transition: width 0.3s ease 0.3s, height 0.3s ease 0.3s, left 0.3s ease 0.3s, bottom 0.3s ease 0.3s;
  transition: width 0.3s ease 0.3s, height 0.3s ease 0.3s, left 0.3s ease 0.3s, bottom 0.3s ease 0.3s;
}
.gutembergBlock .wp-block-button__link:hover {
  color: #0B0A15;
  -webkit-transition: color 0.3s ease 0.5s, left 0.3s ease;
  transition: color 0.3s ease 0.5s, left 0.3s ease;
}
.gutembergBlock .wp-block-button__link:hover:before {
  left: -10px;
  bottom: -10px;
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  -webkit-transition: width 0.3s ease, height 0.3s ease 0.3s, left 0.3s ease, bottom 0.3s ease 0.3s;
  transition: width 0.3s ease, height 0.3s ease 0.3s, left 0.3s ease, bottom 0.3s ease 0.3s;
}

.gutembergBlock .wp-block-code {
  margin-bottom: clamp(30px, 2.7vw, 40px);
}
.gutembergBlock .wp-block-code code {
  border-radius: 20px;
  color: rgba(255, 255, 255, 0.8);
  background: #0B0A15;
  padding: clamp(30px, 2.7vw, 40px);
}

.gutembergBlock > .wp-block-columns {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  gap: clamp(30px, 2.7vw, 40px);
  margin-bottom: clamp(20px, 2.7vw, 40px);
}
.gutembergBlock .wp-block-column {
  background: #23222C;
  padding: 30px;
}
@media screen and (max-width: 575px) {
  .gutembergBlock .wp-block-column {
    padding: 0;
  }
}
.gutembergBlock .wp-block-column .wp-block-image:first-child, .gutembergBlock .wp-block-column .wp-block-paragraph:first-child, .gutembergBlock .wp-block-column .wp-block-heading:first-child, .gutembergBlock .wp-block-column .wp-block-list:first-child, .gutembergBlock .wp-block-column .wp-block-gallery:first-child {
  margin-top: 0;
}
.gutembergBlock .wp-block-column .wp-block-image:last-child, .gutembergBlock .wp-block-column .wp-block-paragraph:last-child, .gutembergBlock .wp-block-column .wp-block-heading:last-child, .gutembergBlock .wp-block-column .wp-block-list:last-child, .gutembergBlock .wp-block-column .wp-block-gallery:last-child {
  margin-bottom: 0;
}
.gutembergBlock .wp-block-column .wp-block-image {
  width: 100%;
  left: unset;
  right: unset;
  top: unset;
  bottom: unset;
  margin-bottom: 20px;
}
.gutembergBlock .wp-block-column.has-text-color .wp-block-paragraph p, .gutembergBlock .wp-block-column.has-text-color .wp-block-heading h2, .gutembergBlock .wp-block-column.has-text-color .wp-block-heading h3, .gutembergBlock .wp-block-column.has-text-color .wp-block-heading h4, .gutembergBlock .wp-block-column.has-text-color .wp-block-heading h5, .gutembergBlock .wp-block-column.has-text-color .wp-block-heading h6, .gutembergBlock .wp-block-column.has-text-color .wp-block-link, .gutembergBlock .wp-block-column.has-text-color .wp-block-list {
  color: unset;
}
.gutembergBlock .wp-block-column.has-background .wp-block-separator {
  background: unset;
}
@media screen and (max-width: 992px) {
  .gutembergBlock .wp-block-columns {
    width: 100%;
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
  .gutembergBlock .wp-block-columns.is-not-stacked-on-mobile {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
  .gutembergBlock .wp-block-column {
    width: 100%;
    -ms-flex-preferred-size: unset !important;
        flex-basis: unset !important;
    -webkit-box-flex: unset !important;
        -ms-flex-positive: unset !important;
            flex-grow: unset !important;
  }
  .gutembergBlock .wp-block-spacer {
    display: none;
  }
}
.gutembergBlock .wp-block-cover {
  position: relative;
  width: 100vw;
  padding: 0;
  left: clamp(-30vw, -30vw, -280px);
  margin-bottom: clamp(40px, 4vw, 60px);
}
.gutembergBlock .wp-block-cover__inner-container {
  margin-left: clamp(270px, 30vw, 30vw);
  margin-right: clamp(60px, 15vw, 15vw);
  width: clamp(410px, 55vw, 55vw);
  color: #FFFFFF !important;
}
.gutembergBlock .wp-block-cover__inner-container .wp-block-paragraph p {
  color: #FFFFFF;
  font-size: clamp(14px, 1vw, 16px);
  line-height: 20px;
  font-weight: 900;
  font-family: "Montserrat";
  text-transform: normal;
}
.gutembergBlock .wp-block-cover__inner-container .wp-block-paragraph p.has-large-font-size {
  font-size: clamp(25px, 3.3vw, 48px);
  line-height: clamp(35px, 4.4vw, 65px);
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
}

@media screen and (max-width: 768px) {
  .gutembergBlock .wp-block-cover {
    left: -30px;
  }
  .gutembergBlock .wp-block-cover__inner-container {
    margin-left: 30px;
    margin-right: 30px;
    width: 100%;
  }
}
.gutembergBlock figure.wp-block-gallery {
  position: relative;
  left: 0;
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: clamp(40px, 4vw, 60px);
  gap: clamp(30px, 2.7vw, 40px);
}
.gutembergBlock figure.wp-block-gallery figure.wp-block-image {
  left: 0;
  width: auto !important;
  max-height: 60vh;
}
.gutembergBlock figure.wp-block-gallery.columns-1 {
  -ms-grid-columns: (1fr)[1];
  grid-template-columns: repeat(1, 1fr);
}
.gutembergBlock figure.wp-block-gallery.columns-2 {
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
.gutembergBlock figure.wp-block-gallery.columns-3 {
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}
.gutembergBlock figure.wp-block-gallery.columns-4 {
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
}
.gutembergBlock figure.wp-block-gallery.columns-5 {
  -ms-grid-columns: (1fr)[5];
  grid-template-columns: repeat(5, 1fr);
}
.gutembergBlock figure.wp-block-gallery.columns-6 {
  -ms-grid-columns: (1fr)[6];
  grid-template-columns: repeat(6, 1fr);
}
.gutembergBlock figure.wp-block-gallery.columns-7 {
  -ms-grid-columns: (1fr)[7];
  grid-template-columns: repeat(7, 1fr);
}
.gutembergBlock figure.wp-block-gallery.columns-8 {
  -ms-grid-columns: (1fr)[8];
  grid-template-columns: repeat(8, 1fr);
}

@media screen and (max-width: 930px) {
  .gutembergBlock figure.wp-block-gallery.columns-1 {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
  .gutembergBlock figure.wp-block-gallery.columns-2 {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
  .gutembergBlock figure.wp-block-gallery.columns-3 {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
  .gutembergBlock figure.wp-block-gallery.columns-4 {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
  .gutembergBlock figure.wp-block-gallery.columns-5 {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
  .gutembergBlock figure.wp-block-gallery.columns-6 {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
  .gutembergBlock figure.wp-block-gallery.columns-7 {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
  .gutembergBlock figure.wp-block-gallery.columns-8 {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .gutembergBlock figure.wp-block-gallery.columns-1 {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
  .gutembergBlock figure.wp-block-gallery.columns-2 {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
  .gutembergBlock figure.wp-block-gallery.columns-3 {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
  .gutembergBlock figure.wp-block-gallery.columns-4 {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
  .gutembergBlock figure.wp-block-gallery.columns-5 {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
  .gutembergBlock figure.wp-block-gallery.columns-6 {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
  .gutembergBlock figure.wp-block-gallery.columns-7 {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
  .gutembergBlock figure.wp-block-gallery.columns-8 {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 575px) {
  .gutembergBlock figure.wp-block-gallery figure.wp-block-image {
    width: 100% !important;
    max-width: 100%;
  }
  .gutembergBlock figure.wp-block-gallery.columns-1 {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
  .gutembergBlock figure.wp-block-gallery.columns-2 {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
  .gutembergBlock figure.wp-block-gallery.columns-3 {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
  .gutembergBlock figure.wp-block-gallery.columns-4 {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
  .gutembergBlock figure.wp-block-gallery.columns-5 {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
  .gutembergBlock figure.wp-block-gallery.columns-6 {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
  .gutembergBlock figure.wp-block-gallery.columns-7 {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
  .gutembergBlock figure.wp-block-gallery.columns-8 {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
}
/* image
/* ============================================= */
.gutembergBlock .wp-block-image {
  left: 0;
  width: 100%;
  margin-bottom: clamp(40px, 4vw, 60px);
}
.gutembergBlock .wp-block-image figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  padding: 20px 20px 10px;
  margin: 0;
  color: #FFFFFF;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(11, 10, 21, 0)), color-stop(95%, #0b0a15));
  background: linear-gradient(180deg, rgba(11, 10, 21, 0) 0%, #0b0a15 95%);
  font-size: clamp(12px, 0.95vw, 14px);
  line-height: 18px;
  font-weight: 900;
  font-family: "Montserrat";
  text-transform: normal;
}
.gutembergBlock .wp-block-image img {
  width: 100%;
}
.gutembergBlock figure.wp-block-image {
  position: relative;
  overflow: hidden;
}
.gutembergBlock div.wp-block-image {
  position: relative;
  left: 0;
  width: 100%;
  overflow: hidden;
}
.gutembergBlock div.wp-block-image figure.aligncenter, .gutembergBlock div.wp-block-image figure.alignleft, .gutembergBlock div.wp-block-image figure.alignright {
  float: none;
  margin: unset;
}

@media screen and (max-width: 768px) {
  .gutembergBlock div.wp-block-image, .gutembergBlock figure.wp-block-image {
    left: unset;
    width: 100%;
  }
}
/* List
/* ============================================= */
.gutembergBlock .wp-block-list {
  margin-bottom: clamp(15px, 2vw, 30px);
}
.gutembergBlock .wp-block-list ul, .gutembergBlock .wp-block-list ol {
  position: relative;
  list-style-type: none;
  padding-left: 20px;
}
.gutembergBlock .wp-block-list ul li, .gutembergBlock .wp-block-list ol li {
  position: relative;
  color: #FFFFFF;
  font-size: clamp(14px, 1vw, 16px);
  line-height: 20px;
  font-weight: 900;
  font-family: "Montserrat";
  text-transform: normal;
  margin-bottom: 10px;
}
.gutembergBlock .wp-block-list ul li:last-child, .gutembergBlock .wp-block-list ol li:last-child {
  margin-bottom: unset;
}
.gutembergBlock .wp-block-list ul li:before, .gutembergBlock .wp-block-list ol li:before {
  content: "";
  position: absolute;
  left: -20px;
  width: 10px;
  height: 2px;
  background: #000000;
  top: 9px;
}
.gutembergBlock .wp-block-list ul .wp-block-list, .gutembergBlock .wp-block-list ol .wp-block-list {
  margin-top: 0;
  margin-bottom: 10px;
}
.gutembergBlock .wp-block-list ol {
  list-style-type: decimal !important;
}
.gutembergBlock .wp-block-list ol > li::marker {
  position: relative;
  left: -5px;
  color: #000000;
  font-weight: 700;
}
.gutembergBlock .wp-block-list ol > li:before {
  display: none;
}

.gutembergBlock > .wp-block-media-text {
  position: relative;
  grid-gap: clamp(30px, 2.7vw, 40px);
  margin-bottom: clamp(20px, 2.7vw, 40px);
}
.gutembergBlock > .wp-block-media-text:has(+ .wp-block-media-text) {
  margin-bottom: 20px;
}
.gutembergBlock > .wp-block-media-text .wp-block-media-text__content {
  padding: 0;
}
.gutembergBlock > .wp-block-media-text .wp-block-media-text__content .wp-block-heading:first-child, .gutembergBlock > .wp-block-media-text .wp-block-media-text__content .wp-block-paragraph:first-child {
  margin-top: 0;
}
.gutembergBlock > .wp-block-media-text .wp-block-media-text__content .wp-block-paragraph:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .gutembergBlock > .wp-block-media-text {
    left: 0;
    width: 100%;
  }
}
@media screen and (max-width: 575px) {
  .gutembergBlock .wp-block-media-text__content {
    padding: unset;
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
}
.gutembergBlock .wp-block-paragraph {
  z-index: 1;
  position: relative;
  margin-bottom: clamp(20px, 2.7vw, 40px);
}
.gutembergBlock .wp-block-paragraph:has(+ .wp-block-paragraph) {
  margin-bottom: 20px;
}
.gutembergBlock .wp-block-paragraph:has(+ .wp-block-list) {
  margin-bottom: 20px;
}
.gutembergBlock .wp-block-paragraph p {
  color: rgba(255, 255, 255, 0.9);
  font-size: clamp(14px, 1vw, 16px);
  line-height: 20px;
  font-weight: 900;
  font-family: "Montserrat";
  text-transform: normal;
}
.gutembergBlock .wp-block-paragraph p strong {
  font-size: clamp(14px, 1vw, 16px);
  line-height: 20px;
  font-weight: 600;
  font-family: "Montserrat";
  text-transform: normal;
}
.gutembergBlock .wp-block-paragraph:first-child {
  margin-top: 0;
}

.gutembergBlock .wp-block-separator,
.gutembergBlock hr {
  height: 2px;
  width: 100%;
  max-width: 200px;
  background: #fff;
  border: none;
  display: block;
  clear: both;
  margin-bottom: clamp(30px, 2.7vw, 40px);
}

.gutembergBlock .wp-block-table {
  position: relative;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  margin-bottom: clamp(30px, 2.7vw, 40px);
}
.gutembergBlock .wp-block-table table {
  border: unset;
  border-collapse: collapse;
  border: 1px solid #000000;
  width: 100%;
  min-width: 600px;
  overflow-x: scroll;
}
.gutembergBlock .wp-block-table table thead {
  color: #FFFFFF;
  background: #000000;
  border-radius: 5px 5px 0 0;
  border: 2px solid #000000;
}
.gutembergBlock .wp-block-table table tbody {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  overflow: scroll;
}
.gutembergBlock .wp-block-table table tr {
  border-bottom: 1px solid #000000;
}
.gutembergBlock .wp-block-table table tr:last-child {
  border-bottom: unset;
}
.gutembergBlock .wp-block-table table tr td {
  padding: 5px;
  min-width: 200px;
  color: #FFFFFF;
  border: none;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
}
.gutembergBlock .wp-block-table table tr td:last-child {
  border-right: unset;
}
.gutembergBlock .wp-block-table table tr th {
  padding: 10px;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
}
.gutembergBlock .wp-block-table table tr th:last-child {
  border-right: unset;
}
.gutembergBlock .wp-block-table figcaption {
  position: sticky;
  bottom: 100%;
  left: 0;
  width: 100%;
  height: 50px;
  text-align: center;
  font-style: italic;
  padding: 15px 10px;
  white-space: nowrap;
  overflow-x: scroll;
  color: #FFFFFF;
  background: #000000;
  border-radius: 20px 20px 0 0;
}

@media screen and (max-width: 768px) {
  .gutembergBlock .wp-block-table {
    left: 0;
    width: 100%;
  }
}
.gutembergBlock .wp-block-verse {
  text-align: center;
  color: rgba(11, 10, 21, 0.8);
  font-size: clamp(14px, 1vw, 16px);
  line-height: 20px;
  font-weight: 900;
  font-family: "Montserrat";
  text-transform: normal;
  margin-bottom: clamp(30px, 2.7vw, 40px);
}

.gutembergBlock p a, .gutembergBlock ul a, .gutembergBlock table a {
  position: relative;
  color: #EF7878;
  opacity: 1;
  font-size: clamp(14px, 1vw, 16px);
  line-height: 20px;
  font-weight: 700;
  font-family: "Montserrat";
  text-transform: normal;
}
.gutembergBlock p a:hover, .gutembergBlock ul a:hover, .gutembergBlock table a:hover {
  text-decoration: underline;
}
.gutembergBlock figcaption a {
  color: #FFFFFF;
  font-size: clamp(12px, 0.95vw, 14px);
  line-height: 18px;
  font-weight: 700;
  font-family: "Montserrat";
  text-transform: normal;
}
.gutembergBlock figcaption a:hover {
  text-decoration: underline;
}

.gutembergBlock .wp-block-social-links {
  margin-bottom: clamp(30px, 2.7vw, 40px);
}
.gutembergBlock .wp-block-social-links.has-small-icon-size svg {
  width: 1em;
  height: 1em;
}
.gutembergBlock .wp-block-social-links.has-normal-icon-size svg {
  width: 2em;
  height: 2em;
}
.gutembergBlock .wp-block-social-links.has-large-icon-size svg {
  width: 3em;
  height: 3em;
}
.gutembergBlock .wp-block-social-links.has-huge-icon-size svg {
  width: 4em;
  height: 4em;
}
.gutembergBlock .wp-block-social-links .wp-block-social-link-anchor {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.gutembergBlock .wp-block-social-links .wp-block-social-link-anchor:hover {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.gutembergBlock .wp-block-categories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: scroll;
  margin-bottom: clamp(20px, 2.7vw, 40px);
}
.gutembergBlock .wp-block-categories::-webkit-scrollbar {
  display: none;
}
.gutembergBlock .wp-block-categories .cat-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 15px;
  background: #EF7878;
  color: #FFFFFF;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  margin-right: clamp(10px, 1vw, 15px);
  padding-top: clamp(10px, 0.7vw, 15px);
  padding-bottom: clamp(10px, 0.7vw, 15px);
  padding-left: clamp(20px, 1.3vw, 30px);
  padding-right: clamp(20px, 1.3vw, 30px);
}
.gutembergBlock .wp-block-categories .cat-item:hover {
  background: #000000;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.gutembergBlock .wp-block-categories .cat-item a {
  display: inline-block;
  white-space: nowrap;
  color: #FFFFFF;
  text-decoration: none;
  margin-right: 10px;
}
.gutembergBlock .wp-block-categories .cat-item a:hover {
  color: #FFFFFF;
}

.gutembergBlock .wp-block-embed__wrapper {
  position: relative;
  font-size: 0;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 16/9;
  -webkit-box-shadow: 0 20px 60px rgba(120, 239, 218, 0.2);
          box-shadow: 0 20px 60px rgba(120, 239, 218, 0.2);
  margin-bottom: clamp(40px, 4vw, 60px);
}
.gutembergBlock .wp-block-embed__wrapper iframe {
  width: 100%;
  height: 100%;
}
.gutembergBlock .wp-block-embed figcaption {
  text-align: center;
  font-size: clamp(12px, 0.95vw, 14px);
  line-height: 18px;
  font-weight: 900;
  font-family: "Montserrat";
  text-transform: normal;
}

@media screen and (max-width: 768px) {
  .gutembergBlock .wp-block-embed__wrapper {
    width: 100%;
  }
}
@media screen and (max-width: 575px) {
  .gutembergBlock .wp-block-embed__wrapper {
    width: 100%;
    aspect-ratio: 16/9;
    border-radius: unset;
  }
}
.gutembergBlock .wp-block-rss {
  margin-bottom: clamp(15px, 2vw, 30px);
  position: relative;
  list-style-type: none;
  padding-left: 20px;
}
.gutembergBlock .wp-block-rss__item {
  position: relative;
  color: rgba(11, 10, 21, 0.8);
  font-size: clamp(12px, 0.95vw, 14px);
  line-height: 18px;
  font-weight: 900;
  font-family: "Montserrat";
  text-transform: normal;
  margin-bottom: clamp(10px, 1.3vw, 20px);
}
.gutembergBlock .wp-block-rss__item:last-child {
  margin-bottom: unset;
}
.gutembergBlock .wp-block-rss__item:before {
  content: "";
  position: absolute;
  left: -20px;
  width: 10px;
  height: 3px;
  background: #000000;
  top: clamp(10px, 1vw, 15px);
}
.gutembergBlock .wp-block-rss__item-title a {
  color: rgba(11, 10, 21, 0.8);
  font-size: clamp(12px, 0.95vw, 14px);
  line-height: 18px;
  font-weight: 900;
  font-family: "Montserrat";
  text-transform: normal;
}

.gutembergBlock .wp-block-search {
  border-radius: 20px;
  margin-bottom: clamp(15px, 2vw, 30px);
}
.gutembergBlock .wp-block-search__inside-wrapper {
  padding: unset !important;
  border: 2px solid #000000 !important;
  border-radius: 20px;
}
.gutembergBlock .wp-block-search__inside-wrapper input.wp-block-search__input {
  z-index: 1;
  position: relative;
  padding: 10px 20px !important;
  background: #FFFFFF;
  border-radius: 20px 0 0 20px !important;
}
.gutembergBlock .wp-block-search__inside-wrapper button {
  z-index: 0;
  position: relative;
  padding: 15px 20px !important;
  border: unset !important;
  background: #FFFFFF;
  margin-left: unset !important;
  border-left: 1px solid #000000 !important;
  border-radius: 0 20px 20px 0 !important;
}

.gutembergBlock .wp-block-file {
  position: relative;
  margin-bottom: clamp(15px, 2vw, 30px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.gutembergBlock .wp-block-file a {
  display: block;
  color: #0B0A15;
  -webkit-transition: padding-left 0.3s ease;
  transition: padding-left 0.3s ease;
}
.gutembergBlock .wp-block-file a:first-child {
  width: 100%;
  padding-bottom: 20px;
  padding-left: 0;
  font-size: clamp(14px, 1vw, 16px);
  line-height: 20px;
  font-weight: 700;
  font-family: "Montserrat";
  text-transform: normal;
}
.gutembergBlock .wp-block-file__button {
  position: relative;
  top: -10px;
  background: #000000;
  font-size: clamp(12px, 0.95vw, 14px);
  line-height: 18px;
  font-weight: 700;
  font-family: "Montserrat";
  text-transform: normal;
}
.gutembergBlock .wp-block-file:before, .gutembergBlock .wp-block-file:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 4px;
}
.gutembergBlock .wp-block-file:before {
  width: 100%;
  background: #0B0A15;
}
.gutembergBlock .wp-block-file:after {
  width: 0;
  background: #000000;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
.gutembergBlock .wp-block-file:hover a:first-child {
  padding-left: 20px;
  -webkit-transition: padding-left 0.3s ease;
  transition: padding-left 0.3s ease;
}
.gutembergBlock .wp-block-file:hover:after {
  width: 100%;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}

.gutembergBlock .wp-block-preformatted {
  color: rgba(11, 10, 21, 0.8);
  font-size: clamp(14px, 1vw, 16px);
  line-height: 20px;
  font-weight: 900;
  font-family: "Montserrat";
  text-transform: normal;
  margin-bottom: clamp(15px, 2vw, 30px);
}

.gutembergBlock .wp-block-audio {
  border-radius: 50px;
  font-size: 0;
  -webkit-box-shadow: 0 20px 60px rgba(120, 239, 218, 0.2);
          box-shadow: 0 20px 60px rgba(120, 239, 218, 0.2);
  margin-bottom: clamp(15px, 2vw, 30px);
}
.gutembergBlock .wp-block-audio audio::-webkit-media-controls-panel {
  background: #FFFFFF;
}

.gutembergBlock .wp-block-heading {
  z-index: 1;
  position: relative;
  margin-bottom: clamp(15px, 2vw, 30px);
}
.gutembergBlock .wp-block-heading h2, .gutembergBlock .wp-block-heading .h2, .gutembergBlock .wp-block-heading h2 font, .gutembergBlock .wp-block-heading .h2 font,
.gutembergBlock .wp-block-heading h3, .gutembergBlock .wp-block-heading .h3, .gutembergBlock .wp-block-heading h3 font, .gutembergBlock .wp-block-heading .h3 font,
.gutembergBlock .wp-block-heading h4, .gutembergBlock .wp-block-heading .h4, .gutembergBlock .wp-block-heading h4 font, .gutembergBlock .wp-block-heading .h4 font,
.gutembergBlock .wp-block-heading h5, .gutembergBlock .wp-block-heading .h5, .gutembergBlock .wp-block-heading h5 font, .gutembergBlock .wp-block-heading .h5 font,
.gutembergBlock .wp-block-heading h6, .gutembergBlock .wp-block-heading .h6, .gutembergBlock .wp-block-heading h6 font, .gutembergBlock .wp-block-heading .h6 font {
  color: #FFFFFF;
}
.gutembergBlock .wp-block-heading h2 strong, .gutembergBlock .wp-block-heading .h2 strong, .gutembergBlock .wp-block-heading h2 font strong, .gutembergBlock .wp-block-heading .h2 font strong,
.gutembergBlock .wp-block-heading h3 strong, .gutembergBlock .wp-block-heading .h3 strong, .gutembergBlock .wp-block-heading h3 font strong, .gutembergBlock .wp-block-heading .h3 font strong,
.gutembergBlock .wp-block-heading h4 strong, .gutembergBlock .wp-block-heading .h4 strong, .gutembergBlock .wp-block-heading h4 font strong, .gutembergBlock .wp-block-heading .h4 font strong,
.gutembergBlock .wp-block-heading h5 strong, .gutembergBlock .wp-block-heading .h5 strong, .gutembergBlock .wp-block-heading h5 font strong, .gutembergBlock .wp-block-heading .h5 font strong,
.gutembergBlock .wp-block-heading h6 strong, .gutembergBlock .wp-block-heading .h6 strong, .gutembergBlock .wp-block-heading h6 font strong, .gutembergBlock .wp-block-heading .h6 font strong {
  color: #fff;
}
.gutembergBlock .wp-block-heading h2, .gutembergBlock .wp-block-heading .h2, .gutembergBlock .wp-block-heading h2 font, .gutembergBlock .wp-block-heading .h2 font {
  font-size: clamp(30px, 2.7vw, 40px);
  line-height: clamp(40px, 3.3vw, 50px);
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
}
.gutembergBlock .wp-block-heading h3, .gutembergBlock .wp-block-heading .h3, .gutembergBlock .wp-block-heading h3 font, .gutembergBlock .wp-block-heading .h3 font {
  font-size: clamp(20px, 2vw, 30px);
  line-height: clamp(32px, 2.7vw, 40px);
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
}
.gutembergBlock .wp-block-heading h4, .gutembergBlock .wp-block-heading .h4, .gutembergBlock .wp-block-heading h4 font, .gutembergBlock .wp-block-heading .h4 font {
  font-size: clamp(18px, 1.69vw, 25px);
  line-height: clamp(25px, 2.1vw, 32px);
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-weight: 600;
}
.gutembergBlock .wp-block-heading h5, .gutembergBlock .wp-block-heading .h5, .gutembergBlock .wp-block-heading h5 font, .gutembergBlock .wp-block-heading .h5 font {
  font-size: clamp(16px, 1.3vw, 20px);
  line-height: 25px;
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-weight: 600;
}
.gutembergBlock .wp-block-heading h6, .gutembergBlock .wp-block-heading .h6, .gutembergBlock .wp-block-heading h6 font, .gutembergBlock .wp-block-heading .h6 font {
  font-size: clamp(16px, 1.3vw, 20px);
  line-height: 25px;
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-weight: 600;
}

.acs-block-formules {
  position: relative;
  display: -ms-grid;
  display: grid;
  grid-gap: clamp(20px, 2.7vw, 40px);
  margin-bottom: clamp(30px, 2.7vw, 40px);
  margin-top: clamp(30px, 2.7vw, 40px);
}
.acs-block-formules.cols-1 {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
.acs-block-formules.cols-2 {
  -ms-grid-columns: 1fr clamp(20px, 2.7vw, 40px) 1fr;
  grid-template-columns: repeat(2, 1fr);
}
.acs-block-formules.cols-2 .acs-block-formules-item {
  -ms-grid-column-span: 1;
  grid-column: span 1;
}
.acs-block-formules.cols-3 {
  -ms-grid-columns: 1fr clamp(20px, 2.7vw, 40px) 1fr clamp(20px, 2.7vw, 40px) 1fr clamp(20px, 2.7vw, 40px) 1fr clamp(20px, 2.7vw, 40px) 1fr clamp(20px, 2.7vw, 40px) 1fr;
  grid-template-columns: repeat(6, 1fr);
}
.acs-block-formules.cols-3 .acs-block-formules-item {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}
.acs-block-formules-item {
  position: relative;
  min-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.acs-block-formules-item header {
  padding: 30px 20px;
  background: #000000;
  text-align: center;
}
.acs-block-formules-item header .surtitle {
  font-size: clamp(12px, 1vw, 15px);
  line-height: 19px;
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  color: rgba(11, 10, 21, 0.7);
}
.acs-block-formules-item header .title {
  font-size: clamp(18px, 1.69vw, 25px);
  line-height: clamp(25px, 2.1vw, 32px);
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  color: #0B0A15;
}
.acs-block-formules-item main {
  background: #FFFFFF;
  padding: 20px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.acs-block-formules-item main .price {
  text-align: center;
  font-size: 48px;
  line-height: 65px;
  font-weight: 900;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  color: #23222C;
  margin-bottom: -10px;
}
.acs-block-formules-item main .subprice {
  text-align: center;
  font-size: clamp(14px, 1vw, 16px);
  line-height: 20px;
  font-weight: 900;
  font-family: "Montserrat";
  text-transform: normal;
  color: #23222C;
  margin-bottom: 20px;
}
.acs-block-formules-item main .time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}
.acs-block-formules-item main .time-icon {
  color: #000000;
}
.acs-block-formules-item main .time-text {
  color: #000000;
  font-weight: 700;
}
.acs-block-formules-item main .text {
  color: #0B0A15;
  margin-bottom: 20px;
}
.acs-block-formules-item main .list {
  list-style-type: none;
}
.acs-block-formules-item main .list li {
  position: relative;
  color: #0B0A15;
  padding-left: 20px;
  margin-bottom: 5px;
}
.acs-block-formules-item main .list li:before {
  content: "";
  position: absolute;
  left: 0;
  width: 10px;
  height: 2px;
  background: #000000;
  top: 8px;
}

@media screen and (max-width: 1200px) {
  .acs-block-formules.cols-3 .acs-block-formules-item {
    -ms-grid-column-span: 3;
    grid-column: span 3;
  }
}
@media screen and (max-width: 768px) {
  .acs-block-formules.cols-3 .acs-block-formules-item {
    -ms-grid-column-span: 6;
    grid-column: span 6;
  }
}
.acsGameList {
  position: relative;
  padding-top: clamp(50px, 6.7vw, 100px);
  padding-bottom: clamp(30px, 3.3vw, 50px);
  margin-top: clamp(50px, 6.7vw, 100px);
  margin-bottom: clamp(50px, 6.7vw, 100px);
}
.acsGameList:before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(50% - 100px);
  width: calc(50vw + 100px);
  height: 100%;
  background: #23222C;
}
@media screen and (max-width: 768px) {
  .acsGameList:before {
    width: 100vw;
    left: -50px;
  }
}
@media screen and (max-width: 575px) {
  .acsGameList:before {
    left: -30px;
  }
}
.acsGameList-header {
  position: relative;
  margin-bottom: 40px;
}
.acsGameList-header h2 {
  font-size: clamp(25px, 3.3vw, 48px);
  line-height: clamp(35px, 4.4vw, 65px);
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  color: #FFFFFF;
  text-align: right;
}
.acsGameList-header h2 strong {
  color: #000000;
}
.acsGameList-header .tag {
  position: absolute;
  top: calc(50% - 11px);
  right: -67.5px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transform-origin: center center;
          transform-origin: center center;
  color: #000000;
  letter-spacing: 4px;
  font-size: 18px;
  line-height: 22px;
  font-weight: 900;
  font-family: "Roboto";
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .acsGameList-header .tag {
    -webkit-transform: none;
            transform: none;
    top: 0;
    right: 0;
    position: relative;
    text-align: right;
  }
}
.acsGameList-header-logo {
  z-index: 0;
  position: absolute;
  top: 0;
  left: -100px;
  opacity: 0.2;
}
.acsGameList-content {
  z-index: 1;
  position: relative;
  margin-bottom: clamp(30px, 3.3vw, 50px);
}
.acsGameList-content-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr clamp(30px, 2.7vw, 40px) 1fr clamp(30px, 2.7vw, 40px) 1fr;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: clamp(30px, 2.7vw, 40px);
  list-style-type: none;
}
@media screen and (max-width: 992px) {
  .acsGameList-content-list {
    width: calc(600px + clamp(30px, 2.7vw, 40px));
    -ms-grid-columns: 300px clamp(30px, 2.7vw, 40px) 300px;
    grid-template-columns: repeat(2, 300px);
  }
}
@media screen and (max-width: 768px) {
  .acsGameList-content-list {
    width: 300px;
    -ms-grid-columns: 300px;
    grid-template-columns: repeat(1, 300px);
  }
}
.acsGameList-content-list li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-shadow: 0 0 20px rgba(120, 239, 218, 0.15);
          box-shadow: 0 0 20px rgba(120, 239, 218, 0.15);
}
.acsGameList-footer {
  position: relative;
}
.acsGameList-footer-button {
  text-align: left;
}

.acsSection {
  width: 100%;
}
.acsSection-container {
  width: 100%;
  min-height: 90px;
  background: #23222C;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 20px;
}
.acsSection-container.border-right {
  border-right: 5px solid #000000;
}
.acsSection-container.border-left {
  border-left: 5px solid #000000;
}
.acsSection-container h2 {
  position: relative;
  font-size: clamp(25px, 3.3vw, 48px);
  line-height: clamp(35px, 4.4vw, 65px);
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  color: #000000;
  text-align: center;
}
.acsSection-container p {
  position: relative;
  font-size: clamp(16px, 1.6vw, 25px);
  line-height: 1.3;
  font-weight: 900;
  font-family: "Montserrat";
  text-transform: normal;
  color: #FFFFFF;
  text-align: center;
  margin-top: -5px;
}

.acsOffer {
  margin: 40px 0;
}
.acsOffer-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 40px 1fr 40px 1fr;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 40px;
  list-style-type: none;
}
@media screen and (max-width: 1200px) {
  .acsOffer-list {
    -ms-grid-columns: 1fr 40px 1fr;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .acsOffer-list {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
  }
}
.acsOffer-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  background: #23222C;
  border-bottom: 5px solid #000000;
  padding: 30px 20px 40px;
}
.acsOffer-list-item h3 {
  color: #FFFFFF;
  font-size: clamp(18px, 1.69vw, 25px);
  line-height: clamp(25px, 2.1vw, 32px);
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
}
.acsOffer-list-item h4 {
  color: #FFFFFF;
  font-size: clamp(16px, 1.3vw, 20px);
  line-height: 25px;
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
}
.acsOffer-list-item p {
  color: #FFFFFF;
  font-size: clamp(14px, 1vw, 16px);
  line-height: 20px;
  font-weight: 900;
  font-family: "Montserrat";
  text-transform: normal;
}
.acsOffer-list-item p strong {
  color: #000000;
}
.acsOffer-list-item-image {
  width: 100%;
}
.acsOffer-list-item-image img {
  width: 100%;
  border-radius: 5px;
  border: 3px solid #000000;
  aspect-ratio: 2/1;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.acsOffer-list-item-pictos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  list-style-type: none;
  gap: 20px;
}
.acsOffer-list-item-pictos li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.acsOffer-list-item-pictos li i {
  color: #EF7878;
  font-size: 24px;
}
.acsOffer-list-item-tarifs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  list-style-type: none;
}
.acsOffer-list-item-tarifs-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: rgba(11, 10, 21, 0.5);
  padding: 10px;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.acsOffer-list-item-tarifs-item h5 {
  font-size: clamp(12px, 1vw, 15px);
  line-height: 19px;
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 10px;
  margin-top: 10px;
}
.acsOffer-list-item-tarifs-item-picto {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  list-style-type: none;
  gap: 10px;
}
.acsOffer-list-item-tarifs-item-picto i {
  color: #EF7878;
  font-size: 24px;
}
.acsOffer-list-item-tarifs-item-list {
  list-style-type: none;
}
.acsOffer-list-item-tarifs-item-list li {
  position: relative;
  padding-left: 20px;
  color: #FFFFFF;
  font-weight: 700;
}
.acsOffer-list-item-tarifs-item-list li:before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 10px;
  height: 1px;
  background: #000000;
}
.acsOffer-list-item-tarifs-item-price {
  background: rgba(255, 255, 255, 0.3);
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: clamp(12px, 1vw, 15px);
  line-height: 19px;
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  color: #FFFFFF;
  height: 70px;
}
.acsOffer-list-item-tarifs-item-price p strong {
  font-size: clamp(18px, 1.69vw, 25px);
  line-height: clamp(25px, 2.1vw, 32px);
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  color: #000000;
}
.acsOffer-list-item-rs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  list-style-type: none;
}
.acsOffer-list-item-rs li {
  position: relative;
}
.acsOffer-list-item-rs li:before {
  z-index: 0;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #EF7878;
  -webkit-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.acsOffer-list-item-rs li a i {
  color: #EF7878;
  font-size: 30px;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.acsOffer-list-item-rs li:hover:before {
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.acsOffer-list-item-rs li:hover i {
  color: #FFFFFF;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.acsMediaText {
  margin: 40px 0;
}
.acsMediaText-content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 40px 1fr 40px 1fr;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 40px;
  list-style-type: none;
}
@media screen and (max-width: 768px) {
  .acsMediaText-content-empty {
    display: none;
  }
}
.acsMediaText-content-stats-container {
  padding: clamp(20px, 2vw, 30px);
  background: #23222C;
}
.acsMediaText-content-stats-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.acsMediaText-content-stats-item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 25px 20px 1fr;
  grid-template-columns: 25px 1fr;
  -ms-grid-rows: auto 0 1fr;
  grid-template-rows: auto 1fr;
  grid-gap: 0 20px;
      grid-template-areas: "a b" "a c";
}
.acsMediaText-content-stats-item i {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  grid-area: a;
  color: #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: clamp(20px, 1.8vw, 25px);
}
.acsMediaText-content-stats-item-category {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: b;
  font-size: 12px;
  line-height: 14px;
  font-weight: 900;
  font-family: "Montserrat";
  text-transform: normal;
  color: rgba(255, 255, 255, 0.6);
}
.page-game-resume-list li > .acsMediaText-content-stats-item-category {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.nav-menu-1 > li .nav-menu-cols .nav-menu-2-item > .acsMediaText-content-stats-item-category {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
.discover-content > .acsMediaText-content-stats-item-category {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 17;
  -ms-grid-column-span: 7;
}
.gamelist-container > .acsMediaText-content-stats-item-category {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 5;
}
.acsMediaText-content-stats-item-content {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: c;
  color: #FFFFFF;
  font-size: clamp(16px, 1.3vw, 20px);
  line-height: 25px;
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
}
.page-game-resume-list li > .acsMediaText-content-stats-item-content {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
.nav-menu-1 > li .nav-menu-cols .nav-menu-2-item > .acsMediaText-content-stats-item-content {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  -ms-grid-column-span: 3;
}
.discover-content > .acsMediaText-content-stats-item-content {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 23;
}
.gamelist-container > .acsMediaText-content-stats-item-content {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 3;
}
.acsMediaText-content-stats-link {
  padding-left: 45px;
}
.acsMediaText-content-stats-link a {
  display: inline-block;
  background: #000000;
  padding: 10px 20px;
  border-radius: 5px;
  white-space: nowrap;
  color: #0B0A15 !important;
  font-size: clamp(16px, 1.3vw, 20px);
  line-height: 25px;
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
}
.acsMediaText-content-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-bottom: 5px solid #000000;
}
.acsMediaText-content-video {
  border-bottom: 5px solid #000000;
}
.acsMediaText-content-video iframe {
  width: 100%;
  height: 100%;
}
.acsMediaText-content-paragraph {
  background: #23222C;
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.acsMediaText-content-paragraph h2 {
  color: #FFFFFF;
  font-size: clamp(20px, 2vw, 30px);
  line-height: clamp(32px, 2.7vw, 40px);
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
}
.acsMediaText-content-paragraph h3 {
  color: #FFFFFF;
  font-size: clamp(18px, 1.69vw, 25px);
  line-height: clamp(25px, 2.1vw, 32px);
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
}
.acsMediaText-content-paragraph h4 {
  color: #FFFFFF;
  font-size: clamp(16px, 1.3vw, 20px);
  line-height: 25px;
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
}
.acsMediaText-content-paragraph h2, .acsMediaText-content-paragraph h3 {
  position: relative;
  margin-bottom: 10px;
}
.acsMediaText-content-paragraph h2:before, .acsMediaText-content-paragraph h3:before {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 90px;
  height: 5px;
  background: #000000;
}
.acsMediaText-content-paragraph p {
  color: #FFFFFF;
  font-size: clamp(14px, 1vw, 16px);
  line-height: 20px;
  font-weight: 900;
  font-family: "Montserrat";
  text-transform: normal;
}
.acsMediaText-content-paragraph ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  list-style-type: none;
}
.acsMediaText-content-paragraph ul li {
  position: relative;
  padding-left: 20px;
  color: #FFFFFF;
  font-size: clamp(14px, 1vw, 16px);
  line-height: 20px;
  font-weight: 900;
  font-family: "Montserrat";
  text-transform: normal;
}
.acsMediaText-content-paragraph ul li:before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 10px;
  height: 1px;
  background: #000000;
}
.acsMediaText-content-paragraph ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  padding-left: 15px;
}
.acsMediaText-content-paragraph ol li {
  position: relative;
  color: #FFFFFF;
  font-size: clamp(14px, 1vw, 16px);
  line-height: 20px;
  font-weight: 900;
  font-family: "Montserrat";
  text-transform: normal;
}
.acsMediaText-content-paragraph ol li::marker {
  color: #000000;
}
.acsMediaText-content-paragraph strong {
  color: #000000;
}
.acsMediaText-content .cols-1 {
  -ms-grid-column-span: 1;
  grid-column: span 1;
}
.acsMediaText-content .cols-2 {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}
.acsMediaText-content .cols-3 {
  -ms-grid-column-span: 3;
  grid-column: span 3;
}
@media screen and (max-width: 992px) {
  .acsMediaText-content {
    -ms-grid-columns: 1fr 40px 1fr;
    grid-template-columns: repeat(2, 1fr);
  }
  .acsMediaText-content .cols-1 {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
  .acsMediaText-content .cols-2 {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
  .acsMediaText-content .cols-3 {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}
@media screen and (max-width: 768px) {
  .acsMediaText-content {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
  }
}

@-webkit-keyframes bounce {
  0% {
    opacity: 0;
    -webkit-transform: scale(0) rotate(-4deg);
    transform: scale(0) rotate(-4deg);
  }
  25% {
    opacity: 1;
    -webkit-transform: scale(1.3) rotate(-4deg);
    transform: scale(1.3) rotate(-4deg);
  }
  75% {
    opacity: 1;
    -webkit-transform: scale(0.97) rotate(-4deg);
    transform: scale(0.97) rotate(-4deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1) rotate(-4deg);
    transform: scale(1) rotate(-4deg);
  }
}

@keyframes bounce {
  0% {
    opacity: 0;
    -webkit-transform: scale(0) rotate(-4deg);
    transform: scale(0) rotate(-4deg);
  }
  25% {
    opacity: 1;
    -webkit-transform: scale(1.3) rotate(-4deg);
    transform: scale(1.3) rotate(-4deg);
  }
  75% {
    opacity: 1;
    -webkit-transform: scale(0.97) rotate(-4deg);
    transform: scale(0.97) rotate(-4deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1) rotate(-4deg);
    transform: scale(1) rotate(-4deg);
  }
}
@-webkit-keyframes title {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes title {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes scroll {
  0% {
    object-position: 50% 0;
  }
  20% {
    object-position: 50% 0;
  }
  80% {
    object-position: 50% 100%;
  }
  100% {
    object-position: 50% 100%;
  }
}
@keyframes scroll {
  0% {
    -o-object-position: 50% 0;
       object-position: 50% 0;
  }
  20% {
    -o-object-position: 50% 0;
       object-position: 50% 0;
  }
  80% {
    -o-object-position: 50% 100%;
       object-position: 50% 100%;
  }
  100% {
    -o-object-position: 50% 100%;
       object-position: 50% 100%;
  }
}
@-webkit-keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes slide-to-left {
  from {
    -webkit-transform: translateX(-4rem);
            transform: translateX(-4rem);
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes slide-to-left {
  from {
    -webkit-transform: translateX(-4rem);
            transform: translateX(-4rem);
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes slide-to-right {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(4rem);
            transform: translateX(4rem);
  }
}
@keyframes slide-to-right {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(4rem);
            transform: translateX(4rem);
  }
}
::view-transition-old(root) {
  -webkit-animation: fade-out 1s cubic-bezier(0, 0, 0.2, 1), slide-to-right 1s cubic-bezier(0, 0, 0.2, 1);
          animation: fade-out 1s cubic-bezier(0, 0, 0.2, 1), slide-to-right 1s cubic-bezier(0, 0, 0.2, 1);
}

::view-transition-new(root) {
  -webkit-animation: fade-in 1s cubic-bezier(0, 0, 0.2, 1), slide-to-left 1s cubic-bezier(0, 0, 0.2, 1);
          animation: fade-in 1s cubic-bezier(0, 0, 0.2, 1), slide-to-left 1s cubic-bezier(0, 0, 0.2, 1);
}

.container {
  width: 100%;
  padding-left: 50px;
  padding-right: 50px;
  max-width: 1480px;
  margin-left: auto;
  margin-right: auto;
}
.container-md {
  max-width: 1200px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 50px;
  padding-right: 50px;
}
@media screen and (max-width: 1200px) {
  .container-md {
    max-width: 100vw;
  }
}

@media screen and (max-width: 575px) {
  .container {
    padding-left: 30px;
    padding-right: 30px;
  }
  .container-md {
    padding-left: 30px;
    padding-right: 30px;
  }
}
[target=_blank] {
  cursor: alias;
}

.g-title-1 {
  font-size: clamp(18px, 1.69vw, 25px);
  line-height: clamp(25px, 2.1vw, 32px);
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
}
.g-title-2 {
  font-size: clamp(12px, 1vw, 15px);
  line-height: 19px;
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
}
.g-title-3 {
  font-size: clamp(25px, 3.3vw, 48px);
  line-height: clamp(35px, 4.4vw, 65px);
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
}
.g-title-4 {
  font-size: clamp(25px, 3.3vw, 48px);
  line-height: clamp(35px, 4.4vw, 65px);
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  text-shadow: -3px -4px 0px #000000;
}
.g-title-5 {
  font-size: clamp(30px, 2.7vw, 40px);
  line-height: clamp(40px, 3.3vw, 50px);
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  text-shadow: -3px -4px 0px #000000;
}
.g-title-6 {
  font-size: clamp(20px, 2vw, 30px);
  line-height: clamp(32px, 2.7vw, 40px);
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
}
.g-title span {
  display: inline-block;
}
.g-text {
  font-size: clamp(14px, 1vw, 16px);
  line-height: 20px;
  font-weight: 900;
  font-family: "Montserrat";
  text-transform: normal;
}
.g-c-blue {
  color: #000000;
}
.g-c-red {
  color: #EF7878;
}
.g-c-w {
  color: #FFFFFF;
}
.g-c-b {
  color: #0B0A15;
}
.g-b-blue {
  background: #000000;
}
.g-b-red {
  background: #EF7878;
}
.g-b-w {
  background: #FFFFFF;
}
.g-b-b {
  background: #0B0A15;
}
.g-opacity {
  opacity: 0.8;
}
.g-center {
  text-align: center;
}

.slick-slider {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 40px;
}
.slick-list {
  list-style-type: none;
  overflow: visible;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.slick-slide {
  margin: 0 40px 0 0;
}
.slick-prev {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  left: 0;
  background: #FFFFFF;
  color: #0B0A15;
}
.slick-prev.slick-disabled {
  color: rgba(11, 10, 21, 0.3);
}
.slick-next {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  left: 80px;
  background: #000000;
  color: #FFFFFF;
}
.slick-next.slick-disabled {
  color: rgba(11, 10, 21, 0.3);
}
.slick-arrow {
  z-index: 5;
  position: absolute;
  bottom: calc(100% + 40px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50px;
  height: 50px;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .slick-slider {
    padding-bottom: 80px;
  }
  .slick-arrow {
    bottom: 0;
  }
}
*::-webkit-scrollbar {
  display: none;
}

.page-intermediaire {
  padding: 50px 0;
}
.page-intermediaire-list {
  list-style-type: none;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr clamp(30px, 4vw, 60px) 1fr clamp(30px, 4vw, 60px) 1fr;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: clamp(30px, 4vw, 60px);
}
.page-intermediaire-item {
  position: relative;
  width: 100%;
  height: clamp(200px, 16.8vw, 250px);
}
.page-intermediaire-item-link {
  display: block;
  width: 100%;
  height: 100%;
  color: #FFFFFF;
}
.page-intermediaire-item-title {
  z-index: 2;
  position: absolute;
  bottom: 20px;
  left: 20px;
  width: calc(100% - 40px);
  color: #FFFFFF;
  font-size: clamp(20px, 2vw, 30px);
  line-height: clamp(32px, 2.7vw, 40px);
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  pointer-events: none;
}
.page-intermediaire-item-image {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border: 1px solid rgba(120, 239, 218, 0);
  padding: 0;
  -webkit-box-shadow: 0 0 40px rgba(11, 10, 21, 0.2);
          box-shadow: 0 0 40px rgba(11, 10, 21, 0.2);
  -webkit-transition: border 0.3s ease, padding 0.3s ease;
  transition: border 0.3s ease, padding 0.3s ease;
}
.page-intermediaire-item-image img {
  z-index: 1;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  -webkit-transition: width 0.3s ease, height 0.3s ease, top 0.3s ease, left 0.3s ease;
  transition: width 0.3s ease, height 0.3s ease, top 0.3s ease, left 0.3s ease;
}
.page-intermediaire-item-image-gradient {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0B0A15;
  opacity: 0.2;
}
.page-intermediaire-item-image:hover {
  padding: 10px;
  border: 1px solid #000000;
  -webkit-transition: border 0.3s ease, padding 0.3s ease;
  transition: border 0.3s ease, padding 0.3s ease;
}

@media screen and (max-width: 768px) {
  .page-intermediaire-list {
    -ms-grid-columns: 1fr clamp(30px, 4vw, 60px) 1fr;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 575px) {
  .page-intermediaire-list {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
  }
}
.page-index {
  padding: 50px 0;
}
.page-index-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.page-index-highlight {
  margin-bottom: 50px;
}
.page-index-title {
  position: relative;
  z-index: 1;
  font-size: 70px;
  font-weight: 900;
  line-height: 1;
  margin-bottom: -20px;
  color: #FFFFFF;
}

@media screen and (max-width: 992px) {
  .page-index-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .page-index-highlight {
    width: 50%;
  }
  .page-index-list {
    width: 50%;
    margin-left: 70px;
  }
  .page-index-list-paged {
    display: -ms-grid;
    display: grid;
    width: 100%;
    margin-left: unset;
    -ms-grid-columns: 1fr 40px 1fr;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0 40px;
  }
  .page-index-title {
    font-size: 100px;
    margin-bottom: -30px;
  }
  .page-index-title-paged {
    margin-bottom: 20px;
  }
}
.page-game-container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 300px clamp(30px, 2.7vw, 40px) 1fr;
  grid-template-columns: 300px 1fr;
  grid-gap: clamp(30px, 2.7vw, 40px);
  margin-top: 50px;
  margin-bottom: 50px;
}
.page-game-aside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
}
.page-game-back a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: clamp(12px, 0.95vw, 14px);
  line-height: 18px;
  font-weight: 900;
  font-family: "Montserrat";
  text-transform: normal;
  color: #fff;
}
.page-game-back a span {
  position: relative;
}
.page-game-back a span:after {
  z-index: 2;
  content: "";
  position: absolute;
  display: block;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 1px;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: -webkit-transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  background: #000;
}
.page-game-back a:hover span:after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-transform-origin: 0 50%;
          transform-origin: 0 50%;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}
.page-game-resume {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(30px, 2.7vw, 40px);
}
.page-game-resume-list {
  padding: 40px;
  background: #23222C;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px;
}
.page-game-resume-list li {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 25px 20px 1fr;
  grid-template-columns: 25px 1fr;
  grid-gap: 0 20px;
  -ms-grid-rows: auto 0 auto;
      grid-template-areas: "a b" "a c";
}
.page-game-resume-list li img {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  grid-area: a;
  width: 25px;
}
.page-game-resume-list li p {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: b;
  font-size: 12px;
  line-height: 14px;
  font-weight: 900;
  font-family: "Montserrat";
  text-transform: normal;
  color: #FFFFFF;
}
.page-game-resume-list li h3 {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: c;
  font-size: clamp(16px, 1.3vw, 20px);
  line-height: 25px;
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  color: #FFFFFF;
}
.page-game-reservation {
  padding: 40px;
  background: #23222C;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.page-game-reservation h2 {
  font-size: clamp(20px, 2vw, 30px);
  line-height: clamp(32px, 2.7vw, 40px);
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
}
.page-game-reservation a.button {
  display: block;
  text-align: center;
  color: #000;
  background: #fff;
  padding: 10px 20px;
  -webkit-box-shadow: 0 0 10px rgba(239, 120, 120, 0.3);
          box-shadow: 0 0 10px rgba(239, 120, 120, 0.3);
  font-size: clamp(16px, 1.3vw, 20px);
  line-height: 25px;
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.page-game-reservation a.button:hover {
  color: #0B0A15;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.page-game-content {
  position: relative;
  padding: 30px;
  background: #23222C;
  width: 100%;
}
.page-game-content-title {
  font-size: clamp(20px, 2vw, 30px);
  line-height: clamp(32px, 2.7vw, 40px);
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  color: #FFFFFF;
  margin-bottom: 20px;
}
.page-game-content-text {
  font-size: clamp(14px, 1vw, 16px);
  line-height: 20px;
  font-weight: 900;
  font-family: "Montserrat";
  text-transform: normal;
  color: #FFFFFF;
}
.page-game-content-text p {
  margin-bottom: 20px;
}
.page-game-media {
  width: 100%;
}
.page-game-media img {
  width: 100%;
}

@media screen and (max-width: 992px) {
  .page-game-container {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 575px) {
  .page-game-reservation, .page-game-content {
    position: relative;
    width: calc(100% + 60px);
    left: -30px;
  }
}
.page-sitemap {
  position: relative;
  margin-top: clamp(30px, 3.4vw, 50px);
  margin-bottom: clamp(30px, 3.4vw, 50px);
}
.page-sitemap .page_item {
  position: relative;
}
.page-sitemap .page_item a {
  z-index: 1;
  position: relative;
  display: inline-block;
  padding: 10px 20px;
  color: #FFFFFF;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.page-sitemap .page_item a:before {
  z-index: 0;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background: #000000;
  border-radius: 10px;
  -webkit-transition: width 0.3s ease, height 0.3s ease;
  transition: width 0.3s ease, height 0.3s ease;
}
.page-sitemap .page_item a:hover {
  color: #000000;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.page-sitemap .children {
  padding-left: 20px;
}

.page-404 {
  margin-bottom: clamp(75px, 10.1vw, 150px);
}
.page-404-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: clamp(30px, 4vw, 60px);
}
.page-404-content {
  width: 40%;
}
.page-404-articles {
  width: 60%;
}
.page-404-bulle {
  position: relative;
  background: #FFFFFF;
  border-radius: 20px;
  -webkit-box-shadow: 0 50px 60px rgba(11, 10, 21, 0.1);
          box-shadow: 0 50px 60px rgba(11, 10, 21, 0.1);
  padding: clamp(30px, 3.4vw, 50px);
  margin-bottom: clamp(20px, 2.7vw, 40px);
}
.page-404-title {
  margin-bottom: 15px;
}
.page-404-bubus {
  position: absolute;
  top: calc(100% - 40px);
  right: calc(100% + 15px);
}
.page-404-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 20px;
}
.page-404 .button {
  position: relative;
}
.page-404-form {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-shadow: 0 10px 40px rgba(120, 239, 218, 0.1);
          box-shadow: 0 10px 40px rgba(120, 239, 218, 0.1);
}
.page-404-form input[type=text] {
  width: 100%;
  padding: 15px 20px;
  border: 0;
  outline: unset;
}
.page-404-form input[type=submit] {
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px 20px;
  border: 0;
  background: #000000;
  color: #FFFFFF;
  cursor: pointer;
}
.page-404-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(30px, 2.7vw, 40px);
}
.page-404-item .item.horizontal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.page-404-item .item.horizontal .item-image {
  width: 40%;
  min-width: 40%;
  min-height: auto;
}
.page-404-item .item.horizontal .item-content {
  min-width: 60%;
  width: 60%;
}
.page-404-item .item.horizontal .item-content-more a {
  padding: unset;
  left: unset;
}

@media screen and (max-width: 992px) {
  .page-404-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .page-404-content {
    width: 100%;
  }
  .page-404-articles {
    width: 100%;
  }
  .page-404-bubus {
    top: -25px;
    right: -25px;
  }
  .page-404-item .item.horizontal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.page-qrcode {
  margin: 50px 0;
}
.page-qrcode-container {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .page-qrcode-container {
    width: 100%;
    padding: 0 20px;
  }
}
.page-qrcode-header {
  position: relative;
  padding: 20px;
  border-radius: 10px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
  min-height: 350px;
}
.page-qrcode-header-background {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.page-qrcode-header-logo {
  z-index: 1;
  position: relative;
  width: 70%;
}
.page-qrcode-header h1 {
  z-index: 1;
  position: relative;
  color: #FFFFFF;
  text-align: center;
}
@media screen and (max-width: 575px) {
  .page-qrcode-header h1 br {
    display: none;
  }
}
.page-qrcode-lien a {
  position: relative;
  display: block;
  padding: 15px;
  text-align: center;
  border-radius: 10px;
  background: #000000;
  color: #0B0A15;
  font-weight: 700;
  font-size: 20px;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.page-qrcode-lien a i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 20px;
  color: #0B0A15;
}
.page-qrcode-lien a:hover {
  background: rgba(120, 239, 218, 0.7);
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.page-qrcode-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  background: #23222C;
  border-radius: 10px;
  padding: 15px;
}
.page-qrcode-social li a {
  color: #EF7878;
  font-size: 30px;
}
.page-qrcode-actualite {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  background: #23222C;
  border-radius: 10px;
  padding: 20px;
}
.page-qrcode-actualite h2 {
  color: #FFFFFF;
  font-size: clamp(25px, 3.3vw, 48px);
  line-height: clamp(35px, 4.4vw, 65px);
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
}
.page-qrcode-actualite img {
  width: 100%;
}
.page-qrcode-actualite-article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.page-qrcode-actualite-article-title {
  font-size: clamp(16px, 1.3vw, 20px);
  line-height: 25px;
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  color: #FFFFFF;
}
.page-qrcode-actualite-article-text {
  font-size: clamp(14px, 1vw, 16px);
  line-height: 20px;
  font-weight: 900;
  font-family: "Montserrat";
  text-transform: normal;
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.page-qrcode-actualite-article-link {
  padding-bottom: 10px;
  -webkit-transition: padding-left 0.3s ease;
  transition: padding-left 0.3s ease;
}
.page-qrcode-actualite-article-link:hover {
  padding-left: 10px;
  -webkit-transition: padding-left 0.3s ease;
  transition: padding-left 0.3s ease;
}
.page-qrcode-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.page-qrcode-footer-contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px;
  background: #23222C;
  border-radius: 10px;
}
.page-qrcode-footer-contact-title {
  position: relative;
  margin-bottom: clamp(30px, 2.7vw, 40px);
}
.page-qrcode-footer-contact-title h2 {
  font-size: clamp(25px, 3.3vw, 48px);
  line-height: clamp(35px, 4.4vw, 65px);
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  color: #FFFFFF;
}
.page-qrcode-footer-contact-title .tag {
  letter-spacing: 3px;
  -webkit-transform-origin: center;
          transform-origin: center;
  color: #000000;
  font-size: 18px;
  line-height: 22px;
  font-weight: 900;
  font-family: "Roboto";
  text-transform: uppercase;
}
.page-qrcode-footer-contact-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  margin-bottom: clamp(30px, 2.7vw, 40px);
}
.page-qrcode-footer-contact-list .page-qrcode-footer-contact-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.page-qrcode-footer-contact-list .page-qrcode-footer-contact-item i {
  color: #000000;
  font-size: 20px;
}
.page-qrcode-footer-contact-list .page-qrcode-footer-contact-item p {
  color: #FFFFFF;
}
.page-qrcode-footer-contact-list .page-qrcode-footer-contact-item a {
  position: relative;
  display: inline-block;
  color: #FFFFFF;
}
.page-qrcode-footer-contact-list .page-qrcode-footer-contact-item a:after {
  z-index: 2;
  content: "";
  position: absolute;
  display: block;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 1px;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: -webkit-transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  background: #FFFFFF;
}
.page-qrcode-footer-contact-list .page-qrcode-footer-contact-item:hover a:after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-transform-origin: 0 50%;
          transform-origin: 0 50%;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}
.page-qrcode-footer-contact-map {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 300px;
  border-radius: 10px;
  border: 2px solid #000000;
  overflow: hidden;
  font-size: 0;
}
.page-qrcode-footer-contact-map iframe {
  width: 100%;
  height: 101%;
}
.page-qrcode-footer-horaires {
  padding: 20px;
  background: rgba(35, 34, 44, 0.7);
  border-radius: 10px;
}
.page-qrcode-footer-horaires-title {
  margin-top: 10px;
  position: relative;
  margin-bottom: clamp(30px, 2.7vw, 40px);
}
.page-qrcode-footer-horaires-title h2 {
  font-size: clamp(25px, 3.3vw, 48px);
  line-height: clamp(35px, 4.4vw, 65px);
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  color: #FFFFFF;
}
.page-qrcode-footer-horaires-title .tag {
  position: relative;
  margin-bottom: 5px;
  color: #000000;
  letter-spacing: 3px;
  font-size: 18px;
  line-height: 22px;
  font-weight: 900;
  font-family: "Roboto";
  text-transform: uppercase;
}
.page-qrcode-footer-horaires-list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 10px 30px;
  background: #23222C;
  border-radius: 10px;
}
.page-qrcode-footer-horaires-list .page-qrcode-footer-horaires-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #FFFFFF;
  height: 50px;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.page-qrcode-footer-horaires-list .page-qrcode-footer-horaires-item:before {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
}
.page-qrcode-footer-horaires-list .page-qrcode-footer-horaires-item:last-child:before {
  display: none;
}
.page-qrcode-footer-horaires-list .page-qrcode-footer-horaires-item-hours {
  font-weight: 600;
}
.page-qrcode-footer-horaires-list .page-qrcode-footer-horaires-item:hover {
  color: #000000;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.page-qrcode-footer-horaires-social {
  background: rgba(255, 255, 255, 0.1);
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 30px;
  border-radius: 0 0 10px 10px;
}
.page-qrcode-footer-horaires-social h2 {
  font-size: clamp(20px, 2vw, 30px);
  line-height: clamp(32px, 2.7vw, 40px);
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  color: #FFFFFF;
}
.page-qrcode-footer-horaires-social ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-qrcode-footer-horaires-social ul li {
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.page-qrcode-footer-horaires-social ul li:before {
  z-index: 0;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #EF7878;
  -webkit-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.page-qrcode-footer-horaires-social ul li a {
  z-index: 1;
  position: relative;
  display: inline-block;
}
.page-qrcode-footer-horaires-social ul li a i {
  color: #EF7878;
  font-size: 30px;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.page-qrcode-footer-horaires-social ul li:hover:before {
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.page-qrcode-footer-horaires-social ul li:hover i {
  color: #FFFFFF;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.list-highlight {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(40px, 4.7vw, 70px);
  margin-bottom: clamp(50px, 6.8vw, 100px);
}
.list-highlight-item {
  width: 100%;
}
.list-highlight-item:nth-child(odd) .item-content {
  padding-right: unset;
}
.list-highlight-item:nth-child(even) .item-image {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.list-highlight-item:nth-child(even) .item-content {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  padding-left: unset;
}
.list-highlight-item:nth-child(even) .item-content-date {
  right: -25px;
  left: unset;
}
.list-content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr clamp(20px, 2.7vw, 40px) 1fr clamp(20px, 2.7vw, 40px) 1fr;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: clamp(20px, 2.7vw, 40px);
  margin-bottom: clamp(50px, 6.8vw, 100px);
}

@media screen and (max-width: 992px) {
  .list-content {
    -ms-grid-columns: 1fr clamp(20px, 2.7vw, 40px) 1fr;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .list-highlight-item:nth-child(even) .item-image {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .list-highlight-item:nth-child(even) .item-content {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding-left: clamp(20px, 2vw, 30px);
  }
}
@media screen and (max-width: 575px) {
  .list-content {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
  }
}
.pagination {
  position: relative;
  clear: both;
  margin: 40px 0;
}
.pagination .screen-reader-text {
  display: none;
}
.pagination .nav-links {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pagination .nav-links .page-numbers {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 30px;
  height: 30px;
  margin: 0 10px;
  color: #FFFFFF;
  background-color: #23222C;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  font-size: clamp(14px, 1vw, 16px);
  line-height: 20px;
  font-weight: 900;
  font-family: "Montserrat";
  text-transform: normal;
}
.pagination .nav-links .page-numbers.current {
  color: #23222C;
  background: #000000;
}
.pagination .nav-links .page-numbers.dots {
  background: unset;
  color: #000000;
}
.pagination .nav-links .page-numbers:first-child {
  margin-left: 0;
}
.pagination .nav-links .page-numbers:last-child {
  margin-right: 0;
}
.pagination .nav-links .page-numbers:hover {
  color: #000000;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.pagination .nav-links .page-numbers:hover.current {
  color: #23222C;
}
.pagination .nav-links .page-numbers:hover.dots {
  background: unset;
  color: #000000;
}
.pagination .nav-links .next, .pagination .nav-links .prev {
  border: unset;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.pagination .nav-links.next {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.pagination .nav-links.prev {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.article {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.article-image {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  font-size: 0;
  margin-bottom: clamp(20px, 2vw, 30px);
}
.article-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.article-content {
  padding-left: clamp(20px, 2vw, 30px);
  padding-right: clamp(20px, 2vw, 30px);
}
.article-content-date {
  position: absolute;
  top: 40px;
  left: -25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 15px;
  background: #0B0A15;
  width: 60px;
  text-align: center;
}
.article-content-date .day {
  font-size: 24px;
  font-weight: 900;
  line-height: 32px;
  color: #FFFFFF;
}
.article-content-date .month,
.article-content-date .year {
  font-size: 12px;
  font-weight: 900;
  line-height: 16px;
  color: #FFFFFF;
}
.article-content-title {
  margin-bottom: 20px;
  font-size: clamp(30px, 2.7vw, 40px);
  line-height: clamp(40px, 3.3vw, 50px);
  font-weight: 600;
  font-family: "Montserrat";
  text-transform: normal;
  color: #FFFFFF;
}
.article-content-category {
  position: relative;
  margin-bottom: 20px;
  color: #000000;
  font-size: clamp(12px, 0.95vw, 14px);
  line-height: 18px;
  font-weight: 900;
  font-family: "Montserrat";
  text-transform: normal;
}
.article-content-category:after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 0;
  width: 120px;
  height: 2px;
  background: #000000;
}
.article-content-excerpt {
  margin-bottom: 20px;
  opacity: 0.8;
  font-size: clamp(12px, 0.95vw, 14px);
  line-height: 18px;
  font-weight: 900;
  font-family: "Montserrat";
  text-transform: normal;
  color: #FFFFFF;
}
.article-content-more a {
  color: #000000;
  font-size: clamp(12px, 0.95vw, 14px);
  line-height: 18px;
  font-weight: 900;
  font-family: "Montserrat";
  text-transform: normal;
}
.article.horizontal {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.article.horizontal .article-image {
  width: 60%;
  min-width: 60%;
  margin-bottom: unset;
}
.article.horizontal .article-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40%;
  min-width: 40%;
}
.article:hover .article-image img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

@media screen and (max-width: 768px) {
  .article-content {
    padding: unset;
  }
  .article.horizontal {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .article.horizontal .article-image {
    width: 100%;
    min-width: unset;
    min-height: unset;
    margin-bottom: clamp(20px, 2vw, 30px);
  }
  .article.horizontal .article-content {
    width: 100%;
    min-width: unset;
  }
}
.the-content-container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  margin-top: 50px;
  margin-bottom: 50px;
}
.the-content-container.hasMenu {
  -ms-grid-columns: clamp(250px, 20.2vw, 300px) clamp(30px, 2.7vw, 40px) 1fr;
  grid-template-columns: clamp(250px, 20.2vw, 300px) 1fr;
  grid-gap: clamp(30px, 2.7vw, 40px);
}
.the-content-container .the-content-aside {
  width: 100%;
  display: block;
}
.the-content-container .the-content-aside-list {
  display: block;
  top: 50px;
  position: sticky;
  list-style-type: none;
  padding: 20px;
  background: #23222C;
  border-left: 5px solid #000000;
  -webkit-box-shadow: 20px 20px 40px rgba(11, 10, 21, 0.1);
          box-shadow: 20px 20px 40px rgba(11, 10, 21, 0.1);
  -webkit-transition: top 0.3s ease;
  transition: top 0.3s ease;
}
.the-content-container .the-content-aside li {
  position: relative;
  font-size: clamp(12px, 0.95vw, 14px);
  line-height: 18px;
  font-weight: 700;
  font-family: "Montserrat";
  text-transform: normal;
}
.the-content-container .the-content-aside li:after {
  content: "→";
  position: absolute;
  top: 10px;
  right: 0;
  color: #000000;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  pointer-events: none;
}
.the-content-container .the-content-aside li a {
  display: block;
  padding: 10px 20px 10px 0;
  font-weight: 700;
  color: #FFFFFF;
}
.the-content-container .the-content-aside li.active:after {
  color: #FFFFFF;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.the-content-container .the-content-aside li.active a {
  position: relative;
  color: #FFFFFF;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.the-content-container .the-content-aside li:hover a {
  color: #000000;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.the-content-container .the-content-aside-revert {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.the-content-container .the-content-aside.hide .the-content-aside-list {
  display: none;
}
.the-content-container .the-content-text {
  position: relative;
  width: 100%;
}
.the-content-container .the-content-text .wp-block-columns .wp-block-column .wp-block-image {
  margin-top: 0;
}
.the-content-container .the-content-links {
  position: fixed;
  top: 50%;
  right: 0;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translate(100%, -50%);
          transform: translate(100%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: opacity 0.7s ease, -webkit-transform 0.7s ease;
  transition: opacity 0.7s ease, -webkit-transform 0.7s ease;
  transition: opacity 0.7s ease, transform 0.7s ease;
  transition: opacity 0.7s ease, transform 0.7s ease, -webkit-transform 0.7s ease;
}
.the-content-container .the-content-links.visible {
  opacity: 1;
  pointer-events: all;
  -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
  -webkit-transition: opacity 0.7s ease, -webkit-transform 0.7s ease;
  transition: opacity 0.7s ease, -webkit-transform 0.7s ease;
  transition: opacity 0.7s ease, transform 0.7s ease;
  transition: opacity 0.7s ease, transform 0.7s ease, -webkit-transform 0.7s ease;
}
.the-content-container .the-content-links-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  list-style-type: none;
}
.the-content-container .the-content-links-list li {
  -webkit-transform: translateX(calc(100% - 55px));
          transform: translateX(calc(100% - 55px));
  -webkit-transition: -webkit-transform 0.7s ease;
  transition: -webkit-transform 0.7s ease;
  transition: transform 0.7s ease;
  transition: transform 0.7s ease, -webkit-transform 0.7s ease;
}
.the-content-container .the-content-links-list li p {
  color: #FFFFFF;
  text-align: center;
  font-size: clamp(12px, 0.95vw, 14px);
  line-height: 18px;
  font-weight: 900;
  font-family: "Montserrat";
  text-transform: normal;
  line-height: 15px;
  margin-bottom: 5px;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.7s ease;
  transition: opacity 0.7s ease;
}
.the-content-container .the-content-links-list li a {
  padding: 10px 20px;
  min-height: 50px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 20px 30px 1fr;
  grid-template-columns: 20px 1fr;
  grid-gap: 30px;
  border-bottom: 5px solid #23222C;
  background: #000000;
}
.the-content-container .the-content-links-list li a[target=_blank] {
  background: #EF7878;
}
.the-content-container .the-content-links-list li a i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #23222C;
  font-size: 20px;
}
.the-content-container .the-content-links-list li a span {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #23222C;
  font-size: clamp(16px, 1.3vw, 20px);
  line-height: 25px;
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
}
.the-content-container .the-content-links-list li a span:before {
  content: "";
  position: absolute;
  top: -5px;
  left: -15px;
  width: 1px;
  height: calc(100% + 10px);
  background: #23222C;
}
.the-content-container .the-content-links-list li:hover {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: -webkit-transform 0.7s ease;
  transition: -webkit-transform 0.7s ease;
  transition: transform 0.7s ease;
  transition: transform 0.7s ease, -webkit-transform 0.7s ease;
}
.the-content-container .the-content-links-list li:hover p {
  opacity: 1;
  pointer-events: all;
  -webkit-transition: opacity 0.7s ease;
  transition: opacity 0.7s ease;
}

@media screen and (max-width: 992px) {
  .the-content-container {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 575px) {
  .the-content-container .the-content-text {
    padding: 30px 0;
    background: unset;
  }
  .the-content-container .the-content-text.background:before {
    z-index: 0;
    content: "";
    position: absolute;
    top: 0;
    left: -30px;
    width: calc(100% + 60px);
    height: 100%;
    background: #23222C;
  }
}
.button {
  z-index: 1;
  position: relative;
  display: inline-block;
  left: 0;
  -webkit-transition: left 0.3s ease;
  transition: left 0.3s ease;
}
.button-container {
  position: relative;
}
.button-container:before {
  z-index: 0;
  content: "";
  position: absolute;
  left: -5px;
  bottom: 0;
  width: 100px;
  height: 10px;
  background: #000000;
  -webkit-box-shadow: 0 0 10px rgba(120, 239, 218, 0.55);
          box-shadow: 0 0 10px rgba(120, 239, 218, 0.55);
  -webkit-transition: width 0.3s ease 0.3s, height 0.3s ease 0.3s, left 0.3s ease 0.3s, bottom 0.3s ease 0.3s;
  transition: width 0.3s ease 0.3s, height 0.3s ease 0.3s, left 0.3s ease 0.3s, bottom 0.3s ease 0.3s;
}
.button-icon {
  z-index: 1;
  position: relative;
  margin-right: 10px;
}
.button-icon i {
  font-size: 20px;
  color: #FFFFFF;
}
.button-text {
  z-index: 1;
  position: relative;
  font-size: clamp(16px, 1.3vw, 20px);
  line-height: 25px;
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  color: #FFFFFF;
  white-space: nowrap;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.button-important .button-container:before {
  background: #EF7878;
  -webkit-box-shadow: 0 0 10px rgba(239, 120, 120, 0.55);
          box-shadow: 0 0 10px rgba(239, 120, 120, 0.55);
}
.button:hover .button {
  left: 10px;
  -webkit-transition: left 0.3s ease;
  transition: left 0.3s ease;
}
.button:hover .button-text {
  color: #0B0A15;
  -webkit-transition: color 0.3s ease 0.5s;
  transition: color 0.3s ease 0.5s;
}
.button:hover .button-important .button-text {
  color: #FFFFFF;
}
.button:hover .button-container:before {
  left: -10px;
  bottom: -10px;
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  -webkit-transition: width 0.3s ease, height 0.3s ease 0.3s, left 0.3s ease, bottom 0.3s ease 0.3s;
  transition: width 0.3s ease, height 0.3s ease 0.3s, left 0.3s ease, bottom 0.3s ease 0.3s;
}

.nav {
  z-index: 6;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 20px;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  display:none;
}
.nav:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 130px;
  background: -webkit-gradient(linear, left top, left bottom, from(#0b0a15), to(rgba(11, 10, 21, 0)));
  background: linear-gradient(180deg, #0b0a15 0%, rgba(11, 10, 21, 0) 100%);
  pointer-events: none;
}
.nav.hide {
  -webkit-transform: translateY(-150px);
          transform: translateY(-150px);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.nav-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.nav-logo {
  z-index: 2;
  position: relative;
  display: inline-block;
  width: clamp(120px, 12.1vw, 180px);
}
.nav-logo img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top center;
     object-position: top center;
}
.nav-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(20px, 2.7vw, 40px);
}
.nav-menu-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style-type: none;
}
.nav-menu-1 > li {
  position: relative;
  padding-left: clamp(10px, 1.35vw, 20px);
  padding-right: clamp(10px, 1.35vw, 20px);
  padding-top: clamp(10px, 1.35vw, 20px);
  padding-bottom: clamp(20px, 2.7vw, 40px);
}
.nav-menu-1 > li > a {
  display: block;
  position: relative;
  font-size: clamp(16px, 1.3vw, 20px);
  line-height: 25px;
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  color: #FFFFFF;
  white-space: nowrap;
}
.nav-menu-1 > li .nav-menu-cols {
  position: absolute;
  top: 100px;
  left: 0;
  opacity: 0;
  pointer-events: none;
  background-color: rgba(11, 10, 21, 0.5);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  border: #000000 solid 1px;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: top 0.3s ease, opacity 0.3s ease;
  transition: top 0.3s ease, opacity 0.3s ease;
}
.nav-menu-1 > li .nav-menu-cols-column {
  position: relative;
  padding: 20px;
  min-width: clamp(300px, 27vw, 300px);
}
.nav-menu-1 > li .nav-menu-cols-column:after {
  content: "";
  position: absolute;
  top: 10px;
  right: 0;
  width: 1px;
  height: calc(100% - 20px);
  background: #000000;
}
.nav-menu-1 > li .nav-menu-cols-column:last-child:after {
  display: none;
}
.nav-menu-1 > li .nav-menu-cols .nav-menu-2 {
  list-style-type: none;
}
.nav-menu-1 > li .nav-menu-cols .nav-menu-2 > li:first-child {
  margin-top: 38px;
}
.nav-menu-1 > li .nav-menu-cols .nav-menu-2-category {
  margin-top: -38px;
  position: relative;
  font-size: clamp(14px, 1.2vw, 18px);
  line-height: clamp(20px, 1.7vw, 25px);
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  color: #FFFFFF;
  white-space: nowrap;
  margin-bottom: 15px;
}
.nav-menu-1 > li .nav-menu-cols .nav-menu-2-category:before {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 90px;
  height: 1px;
  background: #000000;
}
.nav-menu-1 > li .nav-menu-cols .nav-menu-2-category.empty:before {
  display: none;
}
.nav-menu-1 > li .nav-menu-cols .nav-menu-2-item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 2fr 20px auto;
  grid-template-columns: 2fr auto;
  grid-gap: 0 20px;
  -ms-grid-rows: auto 0 auto;
      grid-template-areas: "a a a" "b c c";
  margin-bottom: 10px;
}
.nav-menu-1 > li .nav-menu-cols .nav-menu-2-item:last-child {
  margin-bottom: 0;
}
.nav-menu-1 > li .nav-menu-cols .nav-menu-2-item-surtitle {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 5;
  grid-area: a;
  position: relative;
  top: 5px;
  font-size: 10px;
  line-height: 13px;
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  color: #000000;
  white-space: nowrap;
}
.nav-menu-1 > li .nav-menu-cols .nav-menu-2-item-link {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: b;
  position: relative;
  font-size: clamp(14px, 1.2vw, 18px);
  line-height: clamp(20px, 1.7vw, 25px);
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 5px 10px 5px 0;
  white-space: nowrap;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.nav-menu-1 > li .nav-menu-cols .nav-menu-2-item-link:hover {
  color: #000000;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.nav-menu-1 > li .nav-menu-cols .nav-menu-2-item-links {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  -ms-grid-column-span: 3;
  grid-area: c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.nav-menu-1 > li .nav-menu-cols .nav-menu-2-item-text {
  position: relative;
  font-size: clamp(14px, 1.2vw, 18px);
  line-height: clamp(20px, 1.7vw, 25px);
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 5px 10px;
  white-space: nowrap;
}
.nav-menu-1 > li .nav-menu-cols .nav-menu-2-item-text:before {
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0;
  background: #FFFFFF;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
.nav-menu-1 > li .nav-menu-cols .nav-menu-2-item-text:hover {
  color: #0B0A15;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.nav-menu-1 > li .nav-menu-cols .nav-menu-2-item-text:hover:before {
  width: 100%;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
.nav-menu-1 > li .nav-menu-cols .nav-menu-2-item-secondary {
  z-index: 2;
  position: relative;
  font-size: clamp(12px, 1vw, 15px);
  line-height: 19px;
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  color: #0B0A15;
  padding: 5px 10px;
  white-space: nowrap;
}
.nav-menu-1 > li .nav-menu-cols .nav-menu-2-item-secondary:after, .nav-menu-1 > li .nav-menu-cols .nav-menu-2-item-secondary:before {
  z-index: -2;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0;
}
.nav-menu-1 > li .nav-menu-cols .nav-menu-2-item-secondary:before {
  width: 100%;
  background: #000000;
}
.nav-menu-1 > li .nav-menu-cols .nav-menu-2-item-secondary:after {
  z-index: -1;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
.nav-menu-1 > li .nav-menu-cols .nav-menu-2-item-secondary:hover:after {
  width: 100%;
  background: #FFFFFF;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
.nav-menu-1 > li:hover .nav-menu-cols {
  top: 70px;
  opacity: 1;
  pointer-events: all;
  -webkit-transition: top 0.3s ease, opacity 0.3s ease;
  transition: top 0.3s ease, opacity 0.3s ease;
}
.nav-burger {
  display: none;
}
.nav-overlay {
  z-index: 5;
  display: block;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  background-color: rgba(11, 10, 21, 0.5);
  cursor: pointer;
  -webkit-backdrop-filter: blur(0);
  backdrop-filter: blur(0);
  opacity: 0;
  -webkit-transition: opacity 0.4s ease, -webkit-backdrop-filter 0.4s ease;
  transition: opacity 0.4s ease, -webkit-backdrop-filter 0.4s ease;
  transition: opacity 0.4s ease, backdrop-filter 0.4s ease;
  transition: opacity 0.4s ease, backdrop-filter 0.4s ease, -webkit-backdrop-filter 0.4s ease;
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.nav-overlay.active {
  pointer-events: all;
  opacity: 1;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  -webkit-transition: opacity 0.4s ease, -webkit-backdrop-filter 0.4s ease;
  transition: opacity 0.4s ease, -webkit-backdrop-filter 0.4s ease;
  transition: opacity 0.4s ease, backdrop-filter 0.4s ease;
  transition: opacity 0.4s ease, backdrop-filter 0.4s ease, -webkit-backdrop-filter 0.4s ease;
}
.nav-reservation .button {
  display: inline-block;
}

@media screen and (max-width: 1200px) {
  .nav-reservation .button-icon {
    display: none;
  }
}
@media screen and (max-width: 992px) {
  .nav-menu {
    display: none;
  }
  .nav-menu.active {
    position: absolute;
    top: 10px;
    right: 30px;
    width: calc(100% - 60px);
    display: block;
  }
  .nav-menu.active .nav-menu-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    padding-top: 50px;
    padding-bottom: 10px;
    border-radius: 10px;
    border: 1px solid #000000;
    background-color: rgba(11, 10, 21, 0.5);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
  }
  .nav-menu.active .nav-menu-1 > li {
    position: relative;
    padding: 10px 20px;
  }
  .nav-menu.active .nav-menu-1 > li > a {
    font-size: clamp(18px, 1.69vw, 25px);
    line-height: clamp(25px, 2.1vw, 32px);
    font-weight: 900;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
  }
  .nav-menu.active .nav-menu-1 > li .nav-menu-cols {
    position: relative;
    top: 0;
    opacity: 1;
    pointer-events: all;
    background-color: unset;
    -webkit-backdrop-filter: unset;
    backdrop-filter: unset;
    border: none;
    border-radius: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-transition: none;
    transition: none;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.7s ease;
    transition: max-height 0.7s ease;
  }
  .nav-menu.active .nav-menu-1 > li .nav-menu-cols.active {
    max-height: 500px;
    -webkit-transition: max-height 0.7s ease;
    transition: max-height 0.7s ease;
  }
  .nav-menu.active .nav-menu-1 > li .nav-menu-cols-column {
    position: relative;
    padding: 0 0 0 20px;
    min-width: clamp(300px, 27vw, 300px);
  }
  .nav-menu.active .nav-menu-1 > li .nav-menu-cols-column:after {
    display: none;
  }
  .nav-menu.active .nav-menu-1 > li .nav-menu-cols .nav-menu-2 > li:first-child {
    margin-top: 0;
  }
  .nav-menu.active .nav-menu-1 > li .nav-menu-cols .nav-menu-2-category {
    padding-top: 20px;
    margin-top: 0;
    position: relative;
    font-size: clamp(16px, 1.3vw, 20px);
    line-height: 25px;
    font-weight: 900;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    color: #FFFFFF;
    white-space: nowrap;
    margin-bottom: 15px;
  }
  .nav-menu.active .nav-menu-1 > li .nav-menu-cols .nav-menu-2-category:before {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 90px;
    height: 1px;
    background: #000000;
  }
  .nav-menu.active .nav-menu-1 > li .nav-menu-cols .nav-menu-2-category.empty:before {
    display: none;
  }
  .nav-menu.active .nav-menu-1 > li .nav-menu-cols .nav-menu-2-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 10px;
  }
  .nav-menu.active .nav-menu-1 > li .nav-menu-cols .nav-menu-2-item-surtitle {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    position: relative;
    top: 0;
    left: -10px;
    font-size: clamp(12px, 1vw, 15px);
    line-height: 19px;
    font-weight: 900;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    line-height: 30px;
  }
  .nav-menu.active .nav-menu-1 > li .nav-menu-cols .nav-menu-2-item-link {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    display: inline-block;
    width: 100%;
    font-size: clamp(14px, 1.2vw, 18px);
    line-height: clamp(20px, 1.7vw, 25px);
    font-weight: 900;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    padding: 5px 10px 5px 0;
    white-space: nowrap;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
    padding-left: 20px;
  }
  .nav-menu.active .nav-menu-1 > li .nav-menu-cols .nav-menu-2-item-link:before {
    content: "";
    position: absolute;
    top: 14px;
    left: 0;
    width: 8px;
    height: 1px;
    background: #000000;
  }
  .nav-menu.active .nav-menu-1 > li .nav-menu-cols .nav-menu-2-item-link:hover {
    color: #000000;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
  }
  .nav-menu.active .nav-menu-1 > li .nav-menu-cols .nav-menu-2-item-links {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: 20px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .nav-menu.active .nav-menu-1 > li .nav-menu-cols .nav-menu-2-item-text {
    position: relative;
    font-size: clamp(14px, 1.2vw, 18px);
    line-height: clamp(20px, 1.7vw, 25px);
    font-weight: 900;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 5px 10px;
    white-space: nowrap;
  }
  .nav-menu.active .nav-menu-1 > li .nav-menu-cols .nav-menu-2-item-text:before {
    z-index: -1;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    background: #FFFFFF;
    -webkit-transition: width 0.3s ease;
    transition: width 0.3s ease;
  }
  .nav-menu.active .nav-menu-1 > li .nav-menu-cols .nav-menu-2-item-text:hover {
    color: #0B0A15;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
  }
  .nav-menu.active .nav-menu-1 > li .nav-menu-cols .nav-menu-2-item-text:hover:before {
    width: 100%;
    -webkit-transition: width 0.3s ease;
    transition: width 0.3s ease;
  }
  .nav-menu.active .nav-menu-1 > li .nav-menu-cols .nav-menu-2-item-secondary {
    z-index: 2;
    position: relative;
    font-size: clamp(12px, 1vw, 15px);
    line-height: 19px;
    font-weight: 900;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    color: #0B0A15;
    padding: 5px 10px;
    white-space: nowrap;
  }
  .nav-menu.active .nav-menu-1 > li .nav-menu-cols .nav-menu-2-item-secondary:after, .nav-menu.active .nav-menu-1 > li .nav-menu-cols .nav-menu-2-item-secondary:before {
    z-index: -2;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
  }
  .nav-menu.active .nav-menu-1 > li .nav-menu-cols .nav-menu-2-item-secondary:before {
    width: 100%;
    background: #000000;
  }
  .nav-menu.active .nav-menu-1 > li .nav-menu-cols .nav-menu-2-item-secondary:after {
    z-index: -1;
    -webkit-transition: width 0.3s ease;
    transition: width 0.3s ease;
  }
  .nav-menu.active .nav-menu-1 > li .nav-menu-cols .nav-menu-2-item-secondary:hover:after {
    width: 100%;
    background: #FFFFFF;
    -webkit-transition: width 0.3s ease;
    transition: width 0.3s ease;
  }
  .nav-menu.active .nav-menu-1 > li .nav-menu-more {
    position: absolute;
    top: 8px;
    right: 20px;
    width: calc(100% - 40px);
    height: 30px;
    cursor: pointer;
  }
  .nav-menu.active .nav-menu-1 > li .nav-menu-more:before, .nav-menu.active .nav-menu-1 > li .nav-menu-more:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background: #FFFFFF;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  }
  .nav-menu.active .nav-menu-1 > li .nav-menu-more:before {
    width: 15px;
    height: 2px;
    right: 13px;
  }
  .nav-menu.active .nav-menu-1 > li .nav-menu-more:after {
    width: 2px;
    height: 15px;
  }
  .nav-menu.active .nav-menu-1 > li .nav-menu-more.active:before {
    right: 8px;
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
            transform: translate(-50%, -50%) rotate(180deg);
    -webkit-transition: right 0.3s ease, -webkit-transform 0.3s ease;
    transition: right 0.3s ease, -webkit-transform 0.3s ease;
    transition: right 0.3s ease, transform 0.3s ease;
    transition: right 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
  }
  .nav-menu.active .nav-menu-1 > li .nav-menu-more.active:after {
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
            transform: translate(-50%, -50%) rotate(90deg);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  }
  .nav-burger {
    z-index: 2;
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-transition: margin 0.1s ease, -webkit-transform 0.3s ease;
    transition: margin 0.1s ease, -webkit-transform 0.3s ease;
    transition: margin 0.1s ease, transform 0.3s ease;
    transition: margin 0.1s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
  }
  .nav-burger:before {
    z-index: -1;
    content: "";
    position: absolute;
    top: -4px;
    left: -3px;
    width: 30px;
    height: 30px;
    background: #000000;
    -webkit-transition: top 0.3s ease, left 0.3s ease;
    transition: top 0.3s ease, left 0.3s ease;
  }
  .nav-burger-container {
    z-index: 2;
    position: relative;
    width: 30px;
    height: 30px;
    background: #FFFFFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: background-color 0.3s ease 0s;
    transition: background-color 0.3s ease 0s;
  }
  .nav-burger-line {
    z-index: 2;
    position: relative;
    top: 0;
    width: 15px;
    height: 2px;
    background: #0B0A15;
    -webkit-transition: margin 0.3s ease, top 0.3s ease, -webkit-transform 0.5s ease;
    transition: margin 0.3s ease, top 0.3s ease, -webkit-transform 0.5s ease;
    transition: margin 0.3s ease, top 0.3s ease, transform 0.5s ease;
    transition: margin 0.3s ease, top 0.3s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
  }
  .nav-burger-line:first-child {
    margin-bottom: 2px;
  }
  .nav-burger.active:before {
    top: 0;
    left: 0;
    -webkit-transition: top 0.3s ease, left 0.3s ease;
    transition: top 0.3s ease, left 0.3s ease;
  }
  .nav-burger.active .nav-burger-container {
    background: #000000;
    -webkit-transition: background-color 0.3s ease 0.3s;
    transition: background-color 0.3s ease 0.3s;
  }
  .nav-burger.active .nav-burger-line {
    margin: 0;
  }
  .nav-burger.active .nav-burger-line:nth-child(1) {
    top: 2px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: margin 0.3s ease, top 0.3s ease, -webkit-transform 0.3s ease;
    transition: margin 0.3s ease, top 0.3s ease, -webkit-transform 0.3s ease;
    transition: margin 0.3s ease, top 0.3s ease, transform 0.3s ease;
    transition: margin 0.3s ease, top 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
  }
  .nav-burger.active .nav-burger-line:nth-child(2) {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transition: margin 0.3s ease, top 0.3s ease, -webkit-transform 0.3s ease;
    transition: margin 0.3s ease, top 0.3s ease, -webkit-transform 0.3s ease;
    transition: margin 0.3s ease, top 0.3s ease, transform 0.3s ease;
    transition: margin 0.3s ease, top 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
  }
}
@media screen and (max-width: 768px) {
  .nav-menu.active {
    right: 20px;
    width: calc(100% - 40px);
  }
  .nav-menu .nav-menu-2-item-surtitle {
    display: none;
  }
}
.header {
  position: relative;
  width: 100%;
 
}
.header-background {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.header-background img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 90% center;
     object-position: 90% center;
}
.header-background-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(11, 10, 21, 0.1);
}
.header-container {
  z-index: 1;
  position: relative;
  width: 100%;
  height: calc(100vh - 40px);
  max-height: clamp(800px, 54vw, 54vw);
  padding-bottom: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(20px, 2.7vw, 40px);
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.header-logo {
  width: clamp(250px, 25vw, 370px);
  min-width: clamp(250px, 25vw, 370px);
}
.header-logo img {
  width: 100%;
}
.header-content h1 {
  font-size: clamp(25px, 3.3vw, 60px);
  line-height: clamp(35px, 4.4vw, 65px);
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  color: #FFFFFF;
}
.header-content .g-text {
  color: rgba(255, 255, 255, 0.9);
  margin-top: 20px;
}
.header-content-subtitle {
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
  font-family: "Montserrat";
  text-transform: normal;
  color: #FFFFFF;
}
.header-button {
  margin-top: 20px;
}
.header-scroll {
  position: absolute;
  bottom: 20px;
  right: 0;
}

.page-template-template-games .header,
.post-template-default .header,
.page:not(.home) .header,
.blog .header,
.single-jeux .header {
  
}
.page-template-template-games .header-background img,
.post-template-default .header-background img,
.page:not(.home) .header-background img,
.blog .header-background img,
.single-jeux .header-background img {
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}
.page-template-template-games .header-container,
.post-template-default .header-container,
.page:not(.home) .header-container,
.blog .header-container,
.single-jeux .header-container {
  height: clamp(400px, 40.5vw, 600px);
  padding-bottom: 50px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
      grid-template-areas: "a a . .";
}
.page-template-template-games .header-content,
.post-template-default .header-content,
.page:not(.home) .header-content,
.blog .header-content,
.single-jeux .header-content {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  grid-area: a;
  position: relative;
}
.page-template-template-games .header-content .tag,
.post-template-default .header-content .tag,
.page:not(.home) .header-content .tag,
.blog .header-content .tag,
.single-jeux .header-content .tag {
  position: absolute;
  top: -20px;
  left: 0;
  letter-spacing: 5px;
  color: #fff;
  font-size: 18px;
  line-height: 22px;
  font-weight: 900;
  font-family: "Roboto";
  text-transform: uppercase;
}
.page-template-template-games .header.header-template-game .header-container,
.post-template-default .header.header-template-game .header-container,
.page:not(.home) .header.header-template-game .header-container,
.blog .header.header-template-game .header-container,
.single-jeux .header.header-template-game .header-container {
      grid-template-areas: "a a a a";
}

@media screen and (max-width: 768px) {
  .header-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .page-template-template-games .header-container, .post-template-default .header-container, .blog .header-container, .single-jeux .header-container, .page:not(.home) .header-container {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
        grid-template-areas: "a a a .";
  }
  .page-template-template-games .header-container > i, .post-template-default .header-container > i, .blog .header-container > i, .single-jeux .header-container > i, .page:not(.home) .header-container > i {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .page-template-template-games .header-container > img, .post-template-default .header-container > img, .blog .header-container > img, .single-jeux .header-container > img, .page:not(.home) .header-container > img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .page-template-template-games .header-container > .nav-menu-2-item-surtitle, .post-template-default .header-container > .nav-menu-2-item-surtitle, .blog .header-container > .nav-menu-2-item-surtitle, .single-jeux .header-container > .nav-menu-2-item-surtitle, .page:not(.home) .header-container > .nav-menu-2-item-surtitle {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .page-template-template-games .header-container > .header-content, .post-template-default .header-container > .header-content, .blog .header-container > .header-content, .single-jeux .header-container > .header-content, .page:not(.home) .header-container > .header-content,
.page-template-template-games .header-container > .header-content, .post-template-default .header-container > .header-content, .blog .header-container > .header-content, .single-jeux .header-container > .header-content, .page:not(.home) .header-container > .header-content,
.page-template-template-games .header-container > .header-content, .post-template-default .header-container > .header-content, .blog .header-container > .header-content, .single-jeux .header-container > .header-content, .page:not(.home) .header-container > .header-content,
.page-template-template-games .header-container > .header-content, .post-template-default .header-container > .header-content, .blog .header-container > .header-content, .single-jeux .header-container > .header-content, .page:not(.home) .header-container > .header-content,
.page-template-template-games .header-container > .header-content, .post-template-default .header-container > .header-content, .blog .header-container > .header-content, .single-jeux .header-container > .header-content, .page:not(.home) .header-container > .header-content {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
}
@media screen and (max-width: 575px) {
  .header {
    height: 100vh;
  }
  .header-container {
    height: 100vh;
    padding-bottom: 40px;
  }
  .header-scroll {
    display: none;
  }
  .header-background-overlay {
    background: rgba(11, 10, 21, 0.5);
  }
  .header-logo img {
    width: 70%;
    max-height: 150px;
  }
  .page-template-template-games .header-background-overlay, .post-template-default .header-background-overlay, .blog .header-background-overlay, .single-jeux .header-background-overlay, .page:not(.home) .header-background-overlay {
    background: rgba(11, 10, 21, 0.3);
  }
  .page-template-template-games .header-container, .post-template-default .header-container, .blog .header-container, .single-jeux .header-container, .page:not(.home) .header-container {
        grid-template-areas: "a a a a";
  }
  .page-template-template-games .header-container > i, .post-template-default .header-container > i, .blog .header-container > i, .single-jeux .header-container > i, .page:not(.home) .header-container > i {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
  .page-template-template-games .header-container > img, .post-template-default .header-container > img, .blog .header-container > img, .single-jeux .header-container > img, .page:not(.home) .header-container > img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
  .page-template-template-games .header-container > .nav-menu-2-item-surtitle, .post-template-default .header-container > .nav-menu-2-item-surtitle, .blog .header-container > .nav-menu-2-item-surtitle, .single-jeux .header-container > .nav-menu-2-item-surtitle, .page:not(.home) .header-container > .nav-menu-2-item-surtitle {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
  .page-template-template-games .header-container > .header-content, .post-template-default .header-container > .header-content, .blog .header-container > .header-content, .single-jeux .header-container > .header-content, .page:not(.home) .header-container > .header-content,
.page-template-template-games .header-container > .header-content, .post-template-default .header-container > .header-content, .blog .header-container > .header-content, .single-jeux .header-container > .header-content, .page:not(.home) .header-container > .header-content,
.page-template-template-games .header-container > .header-content, .post-template-default .header-container > .header-content, .blog .header-container > .header-content, .single-jeux .header-container > .header-content, .page:not(.home) .header-container > .header-content,
.page-template-template-games .header-container > .header-content, .post-template-default .header-container > .header-content, .blog .header-container > .header-content, .single-jeux .header-container > .header-content, .page:not(.home) .header-container > .header-content,
.page-template-template-games .header-container > .header-content, .post-template-default .header-container > .header-content, .blog .header-container > .header-content, .single-jeux .header-container > .header-content, .page:not(.home) .header-container > .header-content {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
}
.footer-container {
  z-index: 2;
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr clamp(30px, 2.7vw, 40px) 1fr;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: clamp(30px, 2.7vw, 40px);
  padding-top: 50px;
}
.footer-container:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: white;
}
.footer-contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.footer-contact-title {
  position: relative;
  margin-bottom: clamp(30px, 2.7vw, 40px);
}
.footer-contact-title h2 {
  font-size: clamp(25px, 3.3vw, 48px);
  line-height: clamp(35px, 4.4vw, 65px);
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  color: #FFFFFF;
}
.footer-contact-title .tag {
  position: absolute;
  top: calc(50% - 11px);
  left: -80px;
  letter-spacing: 3px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transform-origin: center;
          transform-origin: center;
  color: #000000;
  font-size: 18px;
  line-height: 22px;
  font-weight: 900;
  font-family: "Roboto";
  text-transform: uppercase;
}
.footer-contact-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  margin-bottom: clamp(30px, 2.7vw, 40px);
}
.footer-contact-list .footer-contact-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.footer-contact-list .footer-contact-item i {
  color: #000000;
  font-size: 20px;
}
.footer-contact-list .footer-contact-item p {
  color: #FFFFFF;
}
.footer-contact-list .footer-contact-item a {
  position: relative;
  display: inline-block;
  color: #FFFFFF;
}
.footer-contact-list .footer-contact-item a:after {
  z-index: 2;
  content: "";
  position: absolute;
  display: block;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 1px;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: -webkit-transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  background: #FFFFFF;
}
.footer-contact-list .footer-contact-item:hover a:after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-transform-origin: 0 50%;
          transform-origin: 0 50%;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}
.footer-contact-map {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 300px;
  border-radius: 10px;
  border: 2px solid #000000;
  overflow: hidden;
  font-size: 0;
}
.footer-contact-map iframe {
  width: 100%;
  height: 101%;
}
.footer-horaires-title {
  margin-top: 10px;
  position: relative;
  margin-bottom: clamp(30px, 2.7vw, 40px);
}
.footer-horaires-title h2 {
  font-size: clamp(25px, 3.3vw, 48px);
  line-height: clamp(35px, 4.4vw, 65px);
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  color: #FFFFFF;
}
.footer-horaires-title .tag {
  position: relative;
  margin-bottom: 5px;
  color: #000000;
  letter-spacing: 3px;
  font-size: 18px;
  line-height: 22px;
  font-weight: 900;
  font-family: "Roboto";
  text-transform: uppercase;
}
.footer-horaires-list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 10px 30px;
  background: #23222C;
}
.footer-horaires-list .footer-horaires-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #FFFFFF;
  height: 50px;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.footer-horaires-list .footer-horaires-item:before {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
}
.footer-horaires-list .footer-horaires-item:last-child:before {
  display: none;
}
.footer-horaires-list .footer-horaires-item-days span {
  color: #EF7878;
}
.footer-horaires-list .footer-horaires-item-hours {
  font-weight: 600;
}
.footer-horaires-list .footer-horaires-item-hours span {
  color: #EF7878;
}
.footer-horaires-list .footer-horaires-item:hover {
  color: #000000;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.footer-horaires-social {
  background: rgba(255, 255, 255, 0.1);
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 30px;
  border-radius: 0 0 10px 10px;
}
.footer-horaires-social h2 {
  font-size: clamp(20px, 2vw, 30px);
  line-height: clamp(32px, 2.7vw, 40px);
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  color: #FFFFFF;
}
.footer-horaires-social ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.footer-horaires-social ul li {
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.footer-horaires-social ul li:before {
  z-index: 0;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #EF7878;
  -webkit-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.footer-horaires-social ul li a {
  z-index: 1;
  position: relative;
  display: inline-block;
}
.footer-horaires-social ul li a i {
  color: #EF7878;
  font-size: 30px;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.footer-horaires-social ul li:hover:before {
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.footer-horaires-social ul li:hover i {
  color: #FFFFFF;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.footer-content {
  z-index: 1;
  position: relative;
  margin-top: -100px;
  padding-top: clamp(140px, 12.1vw, 180px);
}
.footer-content:before {
  z-index: 0;
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  background: #000;
}
.footer-content-logo {
  z-index: 1;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  width: clamp(340px, 39.1vw, 580px);
}
.footer-content-logo img {
  width: 100%;
}
.footer-content-button {
  z-index: 1;
  position: relative;
  text-align: center;
  margin-bottom: 30px;
}
.footer-content .footer-copyright {
  z-index: 1;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 80px;
}
.footer-content .footer-copyright:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.3);
}
.footer-content .footer-copyright p {
  font-size: clamp(12px, 0.95vw, 14px);
  line-height: 18px;
  font-weight: 900;
  font-family: "Montserrat";
  text-transform: normal;
  color: #FFFFFF;
}
.footer-content .footer-copyright p i {
  color: #000000;
  font-size: 16px;
}
.footer-content .footer-copyright p a {
  position: relative;
  color: #FFFFFF;
  font-size: clamp(12px, 0.95vw, 14px);
  line-height: 18px;
  font-weight: 900;
  font-family: "Montserrat";
  text-transform: normal;
}
.footer-content .footer-copyright p a:after {
  z-index: 2;
  content: "";
  position: absolute;
  display: block;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 1px;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: -webkit-transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  background: #FFFFFF;
}
.footer-content .footer-copyright p a:hover:after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-transform-origin: 0 50%;
          transform-origin: 0 50%;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}
.footer-content .footer-copyright-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  font-size: clamp(12px, 0.95vw, 14px);
  line-height: 18px;
  font-weight: 900;
  font-family: "Montserrat";
  text-transform: normal;
}
.footer-content .footer-copyright-nav .footer-copyright-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  list-style-type: none;
}
.footer-content .footer-copyright-nav .footer-copyright-menu li {
  position: relative;
  color: #FFFFFF;
  font-size: clamp(12px, 0.95vw, 14px);
  line-height: 18px;
  font-weight: 900;
  font-family: "Montserrat";
  text-transform: normal;
}
.footer-content .footer-copyright-nav .footer-copyright-menu li a {
  position: relative;
  color: #FFFFFF;
}
.footer-content .footer-copyright-nav .footer-copyright-menu li a:after {
  z-index: 2;
  content: "";
  position: absolute;
  display: block;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 1px;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: -webkit-transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  background: #FFFFFF;
}
.footer-content .footer-copyright-nav .footer-copyright-menu li:hover a:after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-transform-origin: 0 50%;
          transform-origin: 0 50%;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}

@media screen and (max-width: 992px) {
  .footer-contact-title .tag {
    position: relative;
    -webkit-transform: unset;
            transform: unset;
    top: unset;
    left: 0;
  }
}
@media screen and (max-width: 768px) {
  .footer-container {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
  }
  .footer-content .footer-copyright {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 10px;
    height: unset;
    padding: 20px 0;
  }
  .footer-content .footer-copyright p {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .footer-content .footer-copyright-nav {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .footer-content .footer-copyright-nav .footer-copyright-menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.scroll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-transform: rotate(-4deg);
          transform: rotate(-4deg);
  -webkit-transition: -webkit-transform 0.15s ease;
  transition: -webkit-transform 0.15s ease;
  transition: transform 0.15s ease;
  transition: transform 0.15s ease, -webkit-transform 0.15s ease;
}
.scroll i {
  position: relative;
  top: 5px;
  color: #000000;
  font-size: 30px;
  -webkit-transition: color 0.3s ease, -webkit-transform 0.3s ease;
  transition: color 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, color 0.3s ease;
  transition: transform 0.3s ease, color 0.3s ease, -webkit-transform 0.3s ease;
}
.scroll-text {
  font-size: 16px;
  line-height: 19px;
  font-weight: 900;
  font-family: "Roboto";
  text-transform: normal;
  white-space: nowrap;
}
.scroll:hover {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.15s ease;
  transition: -webkit-transform 0.15s ease;
  transition: transform 0.15s ease;
  transition: transform 0.15s ease, -webkit-transform 0.15s ease;
}
.scroll:hover i {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  color: #EF7878;
  -webkit-transition: color 0.3s ease, -webkit-transform 0.3s ease;
  transition: color 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, color 0.3s ease;
  transition: transform 0.3s ease, color 0.3s ease, -webkit-transform 0.3s ease;
}

[data-reveal-type=fadeIn] {
  opacity: 0;
  -webkit-transform: translateY(100px);
          transform: translateY(100px);
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
}
[data-reveal-type=fadeIn][data-reveal-from=top] {
  -webkit-transform: translateY(-100px);
          transform: translateY(-100px);
}
[data-reveal-type=fadeIn][data-reveal-from=bottom] {
  -webkit-transform: translateY(100px);
          transform: translateY(100px);
}
[data-reveal-type=fadeIn][data-reveal-from=left] {
  -webkit-transform: translateX(-100px);
          transform: translateX(-100px);
}
[data-reveal-type=fadeIn][data-reveal-from=right] {
  -webkit-transform: translateX(100px);
          transform: translateX(100px);
}

.game {
  position: relative;
  width: 100%;
  height: 100%;
}
.game-image {
  position: relative;
  width: 100%;
  aspect-ratio: 0.7;
  -webkit-box-shadow: 0 0 9px rgba(11, 10, 21, 0.5);
          box-shadow: 0 0 9px rgba(11, 10, 21, 0.5);
}
.game-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.game-content {
  display: block;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 0.7;
  opacity: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: clamp(20px, 1vw, 30px);
  background: rgba(11, 10, 21, 0.6);
  -webkit-transition: opacity 0.3s ease 0.3s;
  transition: opacity 0.3s ease 0.3s;
}
.game-content .link {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.game-content h2 {
  font-size: clamp(16px, 1.3vw, 20px);
  line-height: 25px;
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: clamp(30px, 4vw, 60px);
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  pointer-events: none;
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
}
.game-content .button {
  width: 100%;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: clamp(12px, 1vw, 15px);
  line-height: 19px;
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 15px;
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
}
.game-content .button-blue {
    background: #000000;
    color: #fff;
    margin-bottom: 0;
    -webkit-box-shadow: 0 0 10px rgb(255 255 255 / 55%);
    box-shadow: 0 0 10px rgb(255 255 255 / 55%);
}
.game-content .button-red {
  background: #fff;
  color: #000;
  -webkit-box-shadow: 0 0 10px rgba(239, 120, 120, 0.55);
          box-shadow: 0 0 10px rgba(239, 120, 120, 0.55);
}
.game-content .text {
  text-align: center;
  font-size: 12px;
  color: #FFFFFF;
  margin-top: clamp(10px, 1.3vw, 20px);
  margin-bottom: clamp(10px, 1.3vw, 20px);
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  pointer-events: none;
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
}
.game-content .reservation {
  font-size: clamp(16px, 1.3vw, 20px);
  line-height: 25px;
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: clamp(10px, 1.3vw, 20px);
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  pointer-events: none;
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
}
.game-content:hover {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.game-content:hover h2 {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.game-content:hover .button {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
}
.game-content:hover .button-blue {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
.game-content:hover .button-red.button-1 {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.game-content:hover .button-red.button-2 {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.game-content:hover .button-red.button-3 {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
.game-content:hover .button-red.button-4 {
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}
.game-content:hover .text {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.game-content:hover .reservation {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.game-infos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 10px;
  padding: 0 10px;
}
.game-infos .col {
  width: 50%;
}
.game-infos .col .title {
  font-size: clamp(12px, 1vw, 15px);
  line-height: 19px;
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 5px;
}
.game-infos .col .text {
  font-size: clamp(12px, 0.95vw, 14px);
  line-height: 18px;
  font-weight: 900;
  font-family: "Montserrat";
  text-transform: normal;
  color: #fff;
  margin-bottom: 5px;
}
.game-infos .col .genre {
  height: 41px;
}
.game-infos .col .editor {
  color: #fff;
}
.game-infos .col .right {
  text-align: right;
}

.modal {
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  cursor: pointer;
}
.modal-overlay {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: blur(0px);
          backdrop-filter: blur(0px);
  -webkit-transition: -webkit-backdrop-filter 0.3s ease;
  transition: -webkit-backdrop-filter 0.3s ease;
  transition: backdrop-filter 0.3s ease;
  transition: backdrop-filter 0.3s ease, -webkit-backdrop-filter 0.3s ease;
  cursor: pointer;
}
.modal-container {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: rgba(11, 10, 21, 0.5);
  border-radius: 10px;
  border: 1px solid #000000;
  padding: 30px;
  max-width: clamp(350px, 74vw, 1100px);
  width: 100%;
  cursor: auto;
}
.modal-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 20px;
  max-height: 70vh;
  overflow-y: scroll;
}
.modal-content-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 350px;
  width: 100%;
}
.modal-content-image img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top center;
     object-position: top center;
}
.modal-content-article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  min-width: 300px;
  max-width: 450px;
  width: 100%;
}
.modal-content-article-title {
  font-size: clamp(16px, 1.3vw, 20px);
  line-height: 25px;
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  color: #FFFFFF;
}
.modal-content-article-text {
  font-size: clamp(14px, 1vw, 16px);
  line-height: 20px;
  font-weight: 900;
  font-family: "Montserrat";
  text-transform: normal;
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.modal-content-article-link {
  padding-bottom: 10px;
  -webkit-transition: padding-left 0.3s ease;
  transition: padding-left 0.3s ease;
}
.modal-content-article-link:hover {
  padding-left: 10px;
  -webkit-transition: padding-left 0.3s ease;
  transition: padding-left 0.3s ease;
}
.modal-close {
  z-index: 1;
  position: absolute;
  top: -60px;
  right: 0;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  border: 1px solid #000000;
  background: rgba(11, 10, 21, 0.3);
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.modal-close i {
  position: relative;
  top: 1px;
  font-size: 20px;
}
.modal-title {
  position: absolute;
  top: -40px;
  left: 0;
  font-size: clamp(16px, 1.3vw, 20px);
  line-height: 25px;
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  color: #FFFFFF;
}
.modal.active {
  pointer-events: all;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.modal.active .modal-overlay {
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  -webkit-transition: -webkit-backdrop-filter 0.3s ease;
  transition: -webkit-backdrop-filter 0.3s ease;
  transition: backdrop-filter 0.3s ease;
  transition: backdrop-filter 0.3s ease, -webkit-backdrop-filter 0.3s ease;
}

@media screen and (max-width: 1200px) {
  .modal-container {
    max-width: calc(100% - 60px);
  }
}
@media screen and (max-width: 992px) {
  .modal-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .modal-content-image {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }
  .modal-content-article {
    width: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .modal-container {
    padding: 15px;
    width: calc(100% - 30px);
    max-width: calc(100% - 40px);
  }
}
form .form-inputs {
  position: relative;
  font-size: 0;
}
form .form .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
}
form .form .input {
  position: relative;
  width: 100%;
  margin-bottom: 40px;
}
form .form .input input, form .form .input textarea {
  color: #FFFFFF;
  border-radius: 10px;
  outline: 1px solid rgba(255, 255, 255, 0.15);
  -webkit-transition: border-radius 0.3s ease, outline 0.3s ease;
  transition: border-radius 0.3s ease, outline 0.3s ease;
}
form .form .input input:focus, form .form .input textarea:focus {
  outline: 1px solid #000000;
  border-radius: 10px;
  -webkit-transition: border-radius 0.3s ease, outline 0.3s ease;
  transition: border-radius 0.3s ease, outline 0.3s ease;
}
form .form .input > p {
  font-size: unset;
  font-weight: unset;
  line-height: unset;
}
form .form .input-text {
  position: relative;
}
form .form .input-text label {
  z-index: 1;
  position: absolute;
  top: 17px;
  left: 20px;
  color: #FFFFFF;
  pointer-events: none;
  -webkit-transition: 0.1s ease;
  transition: 0.1s ease;
  font-size: 12px;
  line-height: 14px;
  font-weight: 900;
  font-family: "Montserrat";
  text-transform: normal;
}
form .form .input-text label.active {
  font-size: 10px;
  top: 5px;
}
form .form .input-text input[type=text], form .form .input-text input[type=email], form .form .input-text input[type=tel] {
  z-index: 0;
  position: relative;
  display: block;
  width: 100%;
  padding-left: 20px;
  padding-top: 10px;
  border: 0;
  background: rgba(255, 255, 255, 0.15);
  height: 50px;
  font-size: clamp(12px, 0.95vw, 14px);
  line-height: 18px;
  font-weight: 900;
  font-family: "Montserrat";
  text-transform: normal;
}
form .form .input-text input[type=text]::-webkit-input-placeholder, form .form .input-text input[type=email]::-webkit-input-placeholder, form .form .input-text input[type=tel]::-webkit-input-placeholder {
  color: #FFFFFF;
}
form .form .input-text input[type=text]::-moz-placeholder, form .form .input-text input[type=email]::-moz-placeholder, form .form .input-text input[type=tel]::-moz-placeholder {
  color: #FFFFFF;
}
form .form .input-text input[type=text]:-ms-input-placeholder, form .form .input-text input[type=email]:-ms-input-placeholder, form .form .input-text input[type=tel]:-ms-input-placeholder {
  color: #FFFFFF;
}
form .form .input-text input[type=text]::-ms-input-placeholder, form .form .input-text input[type=email]::-ms-input-placeholder, form .form .input-text input[type=tel]::-ms-input-placeholder {
  color: #FFFFFF;
}
form .form .input-text input[type=text]::placeholder, form .form .input-text input[type=email]::placeholder, form .form .input-text input[type=tel]::placeholder {
  color: #FFFFFF;
}
form .form .input-text textarea {
  display: block;
  width: 100%;
  height: 330px;
  padding: 30px 20px;
  border: unset;
  resize: none;
  background: rgba(255, 255, 255, 0.15);
}
form .form .input-file {
  position: relative;
  margin-top: 20px;
}
form .form .input-file-label {
  z-index: 1;
  width: 100%;
  height: 50px;
  background: #000000;
  padding-left: 20px;
  color: #0B0A15;
  pointer-events: none;
  -webkit-transition: 0.1s ease;
  transition: 0.1s ease;
  white-space: nowrap;
  overflow: hidden;
  font-size: 12px;
  line-height: 14px;
  font-weight: 900;
  font-family: "Montserrat";
  text-transform: normal;
}
form .form .input-file-label p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 50px;
}
form .form .input-file-label p i {
  margin-right: 20px;
  font-size: clamp(12px, 0.95vw, 14px);
  line-height: 18px;
  font-weight: 900;
  font-family: "Montserrat";
  text-transform: normal;
}
form .form .input-file-label p label {
  font-size: clamp(12px, 0.95vw, 14px);
  line-height: 18px;
  font-weight: 900;
  font-family: "Montserrat";
  text-transform: normal;
}
form .form .input-file input {
  position: relative;
  margin-top: -50px;
  width: 100%;
  height: 100px;
  padding-top: 70px;
  padding-left: 17px;
}
form .form .input-file input::-webkit-file-upload-button {
  font-weight: bold;
  color: #FFFFFF;
  background: #FFFFFF;
  padding: 5px 10px;
  border: 0;
}
form .form .input-file input::file-selector-button {
  font-weight: bold;
  color: #FFFFFF;
  background: #FFFFFF;
  padding: 5px 10px;
  border: 0;
}
form .form .input-list {
  list-style-type: none;
}
form .form .input-list p > label {
  display: block;
  width: 100%;
  font-size: clamp(12px, 0.95vw, 14px);
  line-height: 18px;
  font-weight: 900;
  font-family: "Montserrat";
  text-transform: normal;
  line-height: 50px;
  padding-left: 20px;
  background: #000000;
}
form .form .input-list p .wpcf7-form-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
form .form .input-list p .wpcf7-form-control .wpcf7-list-item {
  margin-left: 20px;
  font-size: clamp(12px, 0.95vw, 14px);
  line-height: 18px;
  font-weight: 900;
  font-family: "Montserrat";
  text-transform: normal;
  line-height: 25px;
}
form .form .input-list p .wpcf7-form-control .wpcf7-list-item.first {
  margin-top: 10px;
}
form .form .input-list p .wpcf7-form-control .wpcf7-list-item input {
  margin-right: 10px;
}
form .form .input-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  background: #000000;
  height: 50px;
  line-height: 50px;
  width: 100%;
  padding-left: 20px;
}
form .form .input-radio > p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
form .form .input-radio label {
  font-size: clamp(12px, 0.95vw, 14px);
  line-height: 18px;
  font-weight: 900;
  font-family: "Montserrat";
  text-transform: normal;
}
form .form .input-radio .wpcf7-form-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
form .form .input-date input {
  line-height: 50px;
  color: #FFFFFF;
  padding-left: clamp(5px, 1.3vw, 20px);
  padding-right: clamp(5px, 1.3vw, 20px);
  background: rgba(255, 255, 255, 0.15);
  border: unset;
  width: 100%;
  cursor: pointer;
}
form .form .input-date input::-webkit-calendar-picker-indicator {
  -webkit-filter: invert(1);
          filter: invert(1);
}
form .form .input-select label {
  display: block;
  font-size: 14px;
  font-weight: 700;
  padding-left: 20px;
  margin-bottom: 5px;
}
form .form .input-select select {
  width: 100%;
  line-height: 50px;
  height: 50px;
  border: none;
  padding-left: 20px;
}
form .form .input-label {
  font-size: clamp(14px, 1vw, 16px);
  line-height: 20px;
  font-weight: 900;
  font-family: "Montserrat";
  text-transform: normal;
  color: #FFFFFF;
}
form .form .input-label.right {
  text-align: right;
}
form .form .wpcf7-form-control-wrap {
  position: relative;
}
form .form .wpcf7-not-valid-tip {
  z-index: 10;
  position: absolute;
  top: -14px;
  right: 10px;
  font-size: 10px;
  color: #EF7878;
}
form .form .optin {
  margin-bottom: 40px;
}
form .form .optin .wpcf7-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 0;
}
form .form .optin .wpcf7-list-item-label {
  opacity: 0.8;
  font-size: clamp(14px, 1vw, 16px);
  line-height: 20px;
  font-weight: 900;
  font-family: "Montserrat";
  text-transform: normal;
  color: #FFFFFF;
}
form .form .optin input[type=checkbox] {
  width: 30px;
  height: 30px;
  min-width: 30px;
  border-radius: 5px;
  border: 1px solid #EF7878;
  margin-right: 20px;
}
form .form .optin .wpcf7-not-valid-tip {
  top: calc(100% + 5px);
  left: 50px;
}
form .form .submit {
  text-align: left;
}
form .form .submit br {
  display: none;
}
form .form .submit button {
  border: none;
  background: none;
}
form .form .submit .button {
  cursor: pointer;
}
form .form .submit .button-container:before {
  width: 50px;
}
form .form .submit .button:hover .button-container:before {
  width: calc(100% + 20px);
}

.g-recaptcha {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: clamp(30px, 2.7vw, 40px);
  margin-bottom: clamp(30px, 2.7vw, 40px);
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output {
  padding: 20px;
  border: 2px solid #EF7878;
  background: #EF7878;
  color: #FFFFFF;
  margin: unset;
  margin-top: clamp(20px, 2.7vw, 40px);
}

.wpcf7 form.sent .wpcf7-response-output {
  padding: 20px;
  border: 2px solid #000000;
  background: #000000;
  color: #FFFFFF;
  margin: unset;
  margin-top: clamp(20px, 2.7vw, 40px);
}

@media screen and (max-width: 768px) {
  form .form-inputs {
    padding: unset;
  }
  form .form-inputs:before {
    border-radius: 0;
    left: -30px;
    width: 100vw;
    height: calc(100% - 40px);
  }
  form .form .row {
    display: block;
  }
}
.breadcrumbs {
  font-weight: 900;
  overflow-x: scroll;
  overflow-y: visible;
  width: 100%;
  margin-bottom: 40px;
  margin-top: 40px;
  scrollbar-width: none;
  color: rgba(255, 255, 255, 0.5);
}
.breadcrumbs::-webkit-scrollbar {
  display: none;
  height: 0;
}
.breadcrumbs > span {
  white-space: nowrap;
}
.breadcrumbs > span span {
  color: #FFFFFF;
  font-size: 12px;
  line-height: 14px;
  font-weight: 900;
  font-family: "Montserrat";
  text-transform: normal;
}
.breadcrumbs > span span a {
  position: relative;
  display: inline-block;
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
  font-family: "Montserrat";
  text-transform: normal;
  color: #FFFFFF;
  white-space: nowrap;
  padding-bottom: 4px;
}
.breadcrumbs > span span a:before, .breadcrumbs > span span a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
}
.breadcrumbs > span span a:before {
  z-index: 1;
  width: 100%;
  background: rgba(255, 255, 255, 0.15);
}
.breadcrumbs > span span a:after {
  z-index: 2;
  width: 0;
  background: #000000;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
.breadcrumbs > span span a:hover:after {
  width: 100%;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
.breadcrumbs > span span.breadcrumb_last {
  color: rgba(255, 255, 255, 0.5);
}

.discover {
  padding-top: 100px;
  padding-bottom: 100px;
}
.discover-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: clamp(30px, 3.3vw, 50px);
}
.discover-header-title {
  position: relative;
  width: clamp(400px, 35.8vw, 530px);
}
.discover-header-title h2 {
  font-size: clamp(25px, 3.3vw, 48px);
  line-height: clamp(35px, 4.4vw, 65px);
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
}
.discover-header-title .tag {
  position: absolute;
  top: calc(50% - 9.5px);
  left: -90px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transform-origin: center center;
          transform-origin: center center;
  letter-spacing: clamp(4px, 0.33vw, 5px);
  color: #000000;
}
.discover-header-text {
  width: clamp(230px, 31vw, 460px);
}
.discover-header-text p:first-child {
  margin-bottom: 20px;
}
.discover-content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr clamp(30px, 2.7vw, 40px) 1fr clamp(30px, 2.7vw, 40px) 1fr clamp(30px, 2.7vw, 40px) 1fr clamp(30px, 2.7vw, 40px) 1fr clamp(30px, 2.7vw, 40px) 1fr clamp(30px, 2.7vw, 40px) 1fr clamp(30px, 2.7vw, 40px) 1fr clamp(30px, 2.7vw, 40px) 1fr clamp(30px, 2.7vw, 40px) 1fr clamp(30px, 2.7vw, 40px) 1fr clamp(30px, 2.7vw, 40px) 1fr;
  grid-template-columns: repeat(12, 1fr);
  gap: clamp(30px, 2.7vw, 40px);
  -ms-grid-rows: auto clamp(30px, 2.7vw, 40px) auto clamp(30px, 2.7vw, 40px) auto;
      grid-template-areas: "a a a a a a a a b b b b" "a a a a a a a a b b b b" "c c c c c c c c c c c c";
}
.discover-content-media {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  grid-area: a;
}
.page-game-resume-list li > .discover-content-media {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
}
.nav-menu-1 > li .nav-menu-cols .nav-menu-2-item > .discover-content-media {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 5;
}
.page-template-template-games .header-container > .discover-content-media, .post-template-default .header-container > .discover-content-media, .page:not(.home) .header-container > .discover-content-media, .blog .header-container > .discover-content-media, .single-jeux .header-container > .discover-content-media {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
}
.page-template-template-games .header.header-template-game .header-container > .discover-content-media, .post-template-default .header.header-template-game .header-container > .discover-content-media, .page:not(.home) .header.header-template-game .header-container > .discover-content-media, .blog .header.header-template-game .header-container > .discover-content-media, .single-jeux .header.header-template-game .header-container > .discover-content-media {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 4;
}
.discover-content > .discover-content-media {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 15;
}
.gamelist-container > .discover-content-media {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}
.discover-content-text {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: b;
}
.page-game-resume-list li > .discover-content-text {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.nav-menu-1 > li .nav-menu-cols .nav-menu-2-item > .discover-content-text {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
.discover-content > .discover-content-text {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 17;
  -ms-grid-column-span: 7;
}
.gamelist-container > .discover-content-text {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 5;
}
.discover-content-selection {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: c;
}
.page-game-resume-list li > .discover-content-selection {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
.nav-menu-1 > li .nav-menu-cols .nav-menu-2-item > .discover-content-selection {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  -ms-grid-column-span: 3;
}
.discover-content > .discover-content-selection {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 23;
}
.gamelist-container > .discover-content-selection {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 3;
}
.discover-content-media {
  position: relative;
}
.discover-content-media:before {
  content: "";
  position: absolute;
  top: -20px;
  left: -20px;
  width: calc(100% + 40px);
  height: calc(100% + 40px);
  background: #0B0A15;
  -webkit-transition: left 0.4s ease, width 0.4s ease;
  transition: left 0.4s ease, width 0.4s ease;
}
.discover-content-media-item {
  display: none;
  width: 100%;
  height: 450px;
}
.discover-content-media-item.active {
  display: block;
}
.discover-content-media-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.discover-content-media.active:before {
  width: 0;
  -webkit-transition: width 0.4s ease, left 0.4s ease;
  transition: width 0.4s ease, left 0.4s ease;
}
.discover-content-media.transition:before {
  width: calc(100% + 40px);
  -webkit-transition: left 0.4s ease, width 0.4s ease;
  transition: left 0.4s ease, width 0.4s ease;
}
.discover-content-media.transition-back:before {
  left: calc(100% + 20px);
  -webkit-transition: left 0.4s ease, width 0.4s ease;
  transition: left 0.4s ease, width 0.4s ease;
}
.discover-content-text {
  position: relative;
}
.discover-content-text:before {
  z-index: 2;
  content: "";
  position: absolute;
  top: -20px;
  left: -20px;
  width: calc(100% + 40px);
  height: calc(100% + 40px);
  background: #0B0A15;
  -webkit-transition: height 0.4s ease, top 0.4s ease;
  transition: height 0.4s ease, top 0.4s ease;
}
.discover-content-text-item {
  display: none;
  width: 100%;
}
.discover-content-text-item.active {
  display: block;
}
.discover-content-text-item-title {
  font-size: clamp(20px, 2vw, 30px);
  line-height: clamp(32px, 2.7vw, 40px);
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.discover-content-text-item-text {
  color: #FFFFFF;
  font-size: clamp(14px, 1vw, 16px);
  line-height: 20px;
  font-weight: 900;
  font-family: "Montserrat";
  text-transform: normal;
}
.discover-content-text-item-text p {
  margin-bottom: 20px;
}
.discover-content-text.active:before {
  height: 0;
  -webkit-transition: height 0.4s ease, top 0.4s ease;
  transition: height 0.4s ease, top 0.4s ease;
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.discover-content-text.transition:before {
  height: calc(100% + 40px);
  -webkit-transition: top 0.4s ease, height 0.4s ease;
  transition: top 0.4s ease, height 0.4s ease;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
.discover-content-text.transition-back:before {
  top: calc(100% + 20px);
  -webkit-transition: top 0.4s ease, height 0.4s ease;
  transition: top 0.4s ease, height 0.4s ease;
}
.discover-content-selection {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr clamp(30px, 2.7vw, 40px) 1fr clamp(30px, 2.7vw, 40px) 1fr;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 40px;
  grid-gap: clamp(30px, 2.7vw, 40px);
}
.discover-content-selection-item {
  position: relative;
  width: 100%;
  aspect-ratio: 1;
  cursor: pointer;
  font-size: 0;
}
.discover-content-selection-item-image {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border: 3px solid #0B0A15;
  -webkit-transition: border 0.3s ease;
  transition: border 0.3s ease;
}
.discover-content-selection-item-image:before {
  z-index: 2;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(11, 10, 21, 0.2);
}
.discover-content-selection-item-image:after {
  z-index: 0;
  content: "";
  position: absolute;
  top: 5px;
  left: 50%;
  right: unset;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 15px 15px 15px;
  border-color: transparent transparent #000000 transparent;
  -webkit-transform: rotate(0deg) translate(-50%, 0);
          transform: rotate(0deg) translate(-50%, 0);
  -webkit-transition: bottom 0.3s ease, top, 0.3s ease, left 0.3s ease;
  transition: bottom 0.3s ease, top, 0.3s ease, left 0.3s ease;
}
.discover-content-selection-item-image img {
  z-index: 1;
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.discover-content-selection-item-title {
  z-index: 3;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: clamp(20px, 2vw, 30px);
  line-height: clamp(32px, 2.7vw, 40px);
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  color: #FFFFFF;
  text-align: center;
  text-shadow: -2px -3px 0 #000000;
}
.discover-content-selection-item.active .discover-content-selection-item-image {
  border: 3px solid #000000;
  -webkit-transition: border 0.3s ease;
  transition: border 0.3s ease;
}
.discover-content-selection-item.active .discover-content-selection-item-image:after {
  top: -15px;
  right: unset;
  -webkit-transition: bottom 0.3s ease, top, 0.3s ease, left 0.3s ease;
  transition: bottom 0.3s ease, top, 0.3s ease, left 0.3s ease;
}
.discover-content-selection-item:hover .discover-content-selection-item-image {
  border: 3px solid #000000;
  -webkit-transition: border 0.3s ease;
  transition: border 0.3s ease;
}
.discover-content-selection-item:hover .discover-content-selection-item-image img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.discover-button {
  margin-top: clamp(30px, 3.3vw, 50px);
  text-align: center;
}

@media screen and (max-width: 1200px) {
  .discover-content {
        grid-template-areas: "a a a a a a a b b b b b" "a a a a a a a b b b b b" "c c c c c c c c c c c c";
  }
  .discover-content > i {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 7;
  }
  .discover-content > .acsMediaText-content-stats-item-category {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 8;
    -ms-grid-column-span: 5;
  }
  .discover-content > .acsMediaText-content-stats-item-content {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
  }
  .discover-content > img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 7;
  }
  .discover-content > p {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 8;
    -ms-grid-column-span: 5;
  }
  .discover-content > h3 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
  }
  .discover-content > .nav-menu-2-item-surtitle {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 7;
  }
  .discover-content > .nav-menu-2-item-link {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 8;
    -ms-grid-column-span: 5;
  }
  .discover-content > .nav-menu-2-item-links {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
  }
  .discover-content > .header-content,
.discover-content > .header-content,
.discover-content > .header-content,
.discover-content > .header-content,
.discover-content > .header-content {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 7;
  }
  .discover-content > .discover-content-media {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 7;
  }
  .discover-content > .discover-content-text {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 8;
    -ms-grid-column-span: 5;
  }
  .discover-content > .discover-content-selection {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
  }
}
@media screen and (max-width: 992px) {
  .discover-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .discover-header-title {
    margin-bottom: clamp(30px, 2.7vw, 40px);
  }
  .discover-header-title .tag {
    position: absolute;
    top: -30px;
    left: 0;
    -webkit-transform: rotate(0deg) translate(0);
            transform: rotate(0deg) translate(0);
    letter-spacing: 5px;
    color: #000000;
  }
  .discover-header-text {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(30px, 2.7vw, 40px);
  }
}
@media screen and (max-width: 768px) {
  .discover-content {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
        grid-template-areas: "a" "b" "c";
  }
  .discover-content-selection {
    -ms-grid-columns: 1fr clamp(30px, 2.7vw, 40px) 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .discover-content-selection-item:before {
    top: 0;
    left: 50%;
    right: unset;
    -webkit-transform: rotate(0deg) translate(-50%, 0);
            transform: rotate(0deg) translate(-50%, 0);
  }
  .discover-content-selection-item.active:before {
    top: -15px;
    left: 50%;
    right: unset;
  }
  .discover-content > i {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .discover-content > .acsMediaText-content-stats-item-category {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .discover-content > .acsMediaText-content-stats-item-content {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .discover-content > img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .discover-content > p {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .discover-content > h3 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .discover-content > .nav-menu-2-item-surtitle {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .discover-content > .nav-menu-2-item-link {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .discover-content > .nav-menu-2-item-links {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .discover-content > .header-content,
.discover-content > .header-content,
.discover-content > .header-content,
.discover-content > .header-content,
.discover-content > .header-content {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .discover-content > .discover-content-media {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .discover-content > .discover-content-text {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .discover-content > .discover-content-selection {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
}
@media screen and (max-width: 575px) {
  .discover-header-text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
  .discover-header-text p:first-child {
    margin-bottom: 0;
  }
  .discover-content {
        grid-template-areas: "c";
  }
  .discover-content-media {
    display: none;
  }
  .discover-content-text {
    display: none;
  }
  .discover-content-selection {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .discover-content-selection-item {
    height: unset;
    aspect-ratio: unset;
    border: 0;
    cursor: auto;
  }
  .discover-content-selection-item-image {
    height: 200px;
    border: 3px solid #0B0A15;
    -webkit-transition: border 0.3s ease;
    transition: border 0.3s ease;
  }
  .discover-content-selection-item-image:before {
    height: 200px;
  }
  .discover-content-selection-item-image:after {
    display: none;
  }
  .discover-content-selection-item-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    font-size: 0;
  }
  .discover-content-selection-item-title {
    top: 100px;
  }
  .discover-content-selection-item.active {
    border: unset;
  }
  .discover-content-selection-item.active:before {
    display: none;
  }
  .discover-content-selection-item.active .item-image {
    height: 200px;
    border: 3px solid #000000;
  }
  .discover-content-selection-item:hover {
    border: 0;
  }
  .discover-content-selection-item .discover-content-text-item {
    display: block;
    opacity: 0;
    pointer-events: none;
    max-height: 0;
    margin-top: 0;
    -webkit-transition: max-height 0.6s ease, margin-top 0.6s ease, opacity 0.6s ease;
    transition: max-height 0.6s ease, margin-top 0.6s ease, opacity 0.6s ease;
  }
  .discover-content-selection-item .discover-content-text-item-title {
    font-size: clamp(20px, 2vw, 30px);
    line-height: clamp(32px, 2.7vw, 40px);
    font-weight: 900;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    margin-bottom: 20px;
  }
  .discover-content-selection-item .discover-content-text-item-text {
    display: block;
    color: #FFFFFF;
    font-size: clamp(14px, 1vw, 16px);
    line-height: 20px;
    font-weight: 900;
    font-family: "Montserrat";
    text-transform: normal;
  }
  .discover-content-selection-item .discover-content-text-item-text p {
    margin-bottom: 20px;
  }
  .discover-content-selection-item .discover-content-text-item.active {
    margin-top: 20px;
    max-height: 450px;
    opacity: 1;
    pointer-events: all;
    -webkit-transition: max-height 0.6s ease, margin-top 0.6s ease, opacity 0.6s ease;
    transition: max-height 0.6s ease, margin-top 0.6s ease, opacity 0.6s ease;
  }
  .discover-content > .acsMediaText-content-stats-item-content {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .discover-content > h3 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .discover-content > .nav-menu-2-item-links {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .discover-content > .discover-content-selection {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
}
.gamelist {
  position: relative;
  margin-top: 50px;
  margin-bottom: 50px;
}
.gamelist-container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 40px 1fr 40px 1fr 40px 1fr;
  grid-template-columns: repeat(4, 1fr);
  -ms-grid-rows: auto 40px 1fr;
  grid-template-rows: auto 1fr;
      grid-template-areas: "a c c ." "a b b b";
  grid-gap: 40px;
}
.gamelist-filter {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  grid-area: a;
}
.page-game-resume-list li > .gamelist-filter {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
}
.nav-menu-1 > li .nav-menu-cols .nav-menu-2-item > .gamelist-filter {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 5;
}
.page-template-template-games .header-container > .gamelist-filter, .post-template-default .header-container > .gamelist-filter, .page:not(.home) .header-container > .gamelist-filter, .blog .header-container > .gamelist-filter, .single-jeux .header-container > .gamelist-filter {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
}
.page-template-template-games .header.header-template-game .header-container > .gamelist-filter, .post-template-default .header.header-template-game .header-container > .gamelist-filter, .page:not(.home) .header.header-template-game .header-container > .gamelist-filter, .blog .header.header-template-game .header-container > .gamelist-filter, .single-jeux .header.header-template-game .header-container > .gamelist-filter {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 4;
}
.discover-content > .gamelist-filter {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 15;
}
.gamelist-container > .gamelist-filter {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}
.gamelist-filter-container {
  position: sticky;
  top: 50px;
  background: #23222C;
  padding: 30px 20px;
  color: #FFFFFF;
}
.gamelist-filter-reset {
  position: relative;
  display: inline-block;
  padding: 8px 10px;
  background-color: #fff;
  color: #000;
  margin-bottom: 20px;
  cursor: pointer;
}
.gamelist-filter-reset span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.gamelist-filter-reset span i {
  position: relative;
  margin-left: 10px;
}
.gamelist-filter-section-header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 10px;
  cursor: pointer;
}
.gamelist-filter-section-header:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.1);
}
.gamelist-filter-section-header h3 {
    font-size: 25px;
    line-height: 25px;
    font-weight: 900;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    -webkit-transition: color 0.3s 
ease;
    transition: color 0.3s 
ease;
}
.gamelist-filter-section-header i {
  position: relative;
  top: -5px;
  color: #fff;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.gamelist-filter-section-header.active h3 {
  color: #fff;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.gamelist-filter-section-header.active i {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.gamelist-filter-section-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 20px;
  max-height: 0;
  overflow: hidden;
  list-style-type: none;
  -webkit-transition: max-height 0.5s ease;
  transition: max-height 0.5s ease;
}
.gamelist-filter-section-content.active {
  max-height: 350px;
  -webkit-transition: max-height 0.5s ease;
  transition: max-height 0.5s ease;
}
.gamelist-filter-section-content.always {
  max-height: 100%;
}
.gamelist-filter-section-content li {
  position: relative;
  height: 25px;
  padding: 3px 22px 0 10px;
  border-radius: 50px;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.7);
  color: #FFFFFF;
  font-size: clamp(12px, 0.95vw, 14px);
  line-height: 18px;
  font-weight: 900;
  font-family: "Montserrat";
  text-transform: normal;
  cursor: pointer;
  -webkit-transition: border-color 0.3s ease, color 0.3s ease;
  transition: border-color 0.3s ease, color 0.3s ease;
}
.gamelist-filter-section-content li:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 7px;
  width: 6px;
  height: 6px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #000;
  border: 1px solid rgba(255, 255, 255, 0.7);
}
.gamelist-filter-section-content li.round:after {
  border-radius: 50%;
}
.gamelist-filter-section-content li.active {
  color: #000000;
  border-color: rgb(255 255 255 / 70%);
  -webkit-transition: border-color 0.3s ease, color 0.3s ease;
  transition: border-color 0.3s ease, color 0.3s ease;
      background: #fff;
}
.gamelist-filter-section-content li.active.round:after {
  border-color: #000000;
  background-color: #000000;
  -webkit-transition: background-color 0.3s ease, border-color 0.3s ease;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}
.gamelist-filter-section-content li.active.square:after {
  top: 50%;
  right: 7px;
  width: 9px;
  border-radius: 25px;
  height: 1px;
  background-color: #000000;
  border: 0;
  -webkit-transform: rotate(45deg) translateY(-50%);
          transform: rotate(45deg) translateY(-50%);
}
.gamelist-filter-section-content li.active.square:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 7px;
  width: 9px;
  border-radius: 25px;
  height: 1px;
  background-color: #000000;
  border: 0;
  -webkit-transform: rotate(-45deg) translateY(-50%);
          transform: rotate(-45deg) translateY(-50%);
}
.gamelist-filter-section-content li:hover {
  color: #000;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
      background: #fff;
}
.gamelist-text {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: c;
  color: #fff;
  font-size: clamp(14px, 1vw, 16px);
  line-height: 20px;
  font-weight: 900;
  font-family: "Montserrat";
  text-transform: normal;
  width: 70%;
}
.page-game-resume-list li > .gamelist-text {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
.nav-menu-1 > li .nav-menu-cols .nav-menu-2-item > .gamelist-text {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  -ms-grid-column-span: 3;
}
.discover-content > .gamelist-text {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 23;
}
.gamelist-container > .gamelist-text {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 3;
}
.gamelist-content {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: b;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 40px 1fr 40px 1fr;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 40px;
}
.page-game-resume-list li > .gamelist-content {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.nav-menu-1 > li .nav-menu-cols .nav-menu-2-item > .gamelist-content {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
.discover-content > .gamelist-content {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 17;
  -ms-grid-column-span: 7;
}
.gamelist-container > .gamelist-content {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 5;
}
@media screen and (max-width: 768px){
  .page-template-template-games .header-container > .discover-content-media, .post-template-default .header-container > .discover-content-media, .blog .header-container > .discover-content-media, .single-jeux .header-container > .discover-content-media, .page:not(.home) .header-container > .discover-content-media {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .page-template-template-games .header-container > .gamelist-filter, .post-template-default .header-container > .gamelist-filter, .blog .header-container > .gamelist-filter, .single-jeux .header-container > .gamelist-filter, .page:not(.home) .header-container > .gamelist-filter {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .discover-content > .gamelist-filter {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .discover-content > .gamelist-text {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .discover-content > .gamelist-content {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
}
@media screen and (max-width: 575px){
  .page-template-template-games .header-container > .discover-content-media, .post-template-default .header-container > .discover-content-media, .blog .header-container > .discover-content-media, .single-jeux .header-container > .discover-content-media, .page:not(.home) .header-container > .discover-content-media {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
  .page-template-template-games .header-container > .gamelist-filter, .post-template-default .header-container > .gamelist-filter, .blog .header-container > .gamelist-filter, .single-jeux .header-container > .gamelist-filter, .page:not(.home) .header-container > .gamelist-filter {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
  .discover-content > .gamelist-text {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
}
@media screen and (max-width: 1200px){
  .discover-content > .gamelist-filter {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 7;
  }
  .discover-content > .gamelist-text {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
  }
  .discover-content > .gamelist-content {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 8;
    -ms-grid-column-span: 5;
  }
}

@media screen and (max-width: 1480px) {
  .gamelist-container {
    -ms-grid-columns: 1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr;
    grid-template-columns: repeat(7, 1fr);
    -ms-grid-rows: auto 40px auto;
        grid-template-areas: "a a c c c c ." "a a b b b b b";
  }
  .gamelist-content {
    -ms-grid-columns: 1fr 40px 1fr 40px 1fr;
    grid-template-columns: repeat(3, 1fr);
  }
  .gamelist-container > i {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .gamelist-container > .acsMediaText-content-stats-item-category {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 9;
  }
  .gamelist-container > .acsMediaText-content-stats-item-content {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 7;
  }
  .gamelist-container > img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .gamelist-container > p {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 9;
  }
  .gamelist-container > h3 {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 7;
  }
  .gamelist-container > .nav-menu-2-item-surtitle {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .gamelist-container > .nav-menu-2-item-link {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 9;
  }
  .gamelist-container > .nav-menu-2-item-links {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 7;
  }
  .gamelist-container > .header-content,
.gamelist-container > .header-content,
.gamelist-container > .header-content,
.gamelist-container > .header-content,
.gamelist-container > .header-content {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .gamelist-container > .discover-content-media {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .gamelist-container > .discover-content-text {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 9;
  }
  .gamelist-container > .discover-content-selection {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 7;
  }
  .gamelist-container > .gamelist-filter {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .gamelist-container > .gamelist-text {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 7;
  }
  .gamelist-container > .gamelist-content {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 9;
  }
}
@media screen and (max-width: 1200px) {
  .gamelist-container {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
    -ms-grid-rows: auto 40px auto 40px auto;
        grid-template-areas: "c" "a" "b";
  }
  .gamelist-content {
    -ms-grid-columns: 1fr 40px 1fr 40px 1fr;
    grid-template-columns: repeat(3, 1fr);
  }
  .gamelist-container > i {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .gamelist-container > .acsMediaText-content-stats-item-category {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .gamelist-container > .acsMediaText-content-stats-item-content {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .gamelist-container > img {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .gamelist-container > p {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .gamelist-container > h3 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .gamelist-container > .nav-menu-2-item-surtitle {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .gamelist-container > .nav-menu-2-item-link {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .gamelist-container > .nav-menu-2-item-links {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .gamelist-container > .header-content,
.gamelist-container > .header-content,
.gamelist-container > .header-content,
.gamelist-container > .header-content,
.gamelist-container > .header-content {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .gamelist-container > .discover-content-media {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .gamelist-container > .discover-content-text {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .gamelist-container > .discover-content-selection {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .gamelist-container > .gamelist-filter {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .gamelist-container > .gamelist-text {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .gamelist-container > .gamelist-content {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
}
@media screen and (max-width: 992px) {
  .gamelist-content {
    -ms-grid-columns: 1fr 40px 1fr;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 575px) {
  .gamelist-content {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
  }
}
.popular {
  padding-top: clamp(50px, 6.7vw, 100px);
  padding-bottom: clamp(50px, 6.7vw, 100px);
  background: #23222C;
  max-height: 150vh;
  overflow: hidden;
}
.popular-header {
  position: relative;
  margin-bottom: 40px;
}
.popular-header h2 {
  font-size: clamp(25px, 3.3vw, 48px);
  line-height: clamp(35px, 4.4vw, 65px);
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  color: #FFFFFF;
  text-align: right;
}
.popular-header .tag {
  position: absolute;
  top: calc(50% - 11px);
  right: -67.5px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transform-origin: center center;
          transform-origin: center center;
  color: #000000;
  letter-spacing: 4px;
  font-size: 18px;
  line-height: 22px;
  font-weight: 900;
  font-family: "Roboto";
  text-transform: uppercase;
}
.popular-header-logo {
  z-index: 0;
  position: absolute;
  top: 0;
  left: -100px;
  opacity: 0.2;
}
.popular-content {
  z-index: 1;
  position: relative;
}
.popular-content:before {
  z-index: 0;
  content: "";
  position: absolute;
  bottom: 30px;
  left: 50%;
  width: 100vw;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 150px;
  background: #0B0A15;
}
.popular-content .popular-item {
  margin-right: clamp(30px, 2.7vw, 40px);
}
.popular-footer {
  position: relative;
}
.popular-footer-button {
  text-align: center;
}
.popular-footer-scroll {
  position: absolute;
  bottom: clamp(-70px, -2.7vw, -40px);
  right: 0;
}

@media screen and (max-width: 992px) {
  .popular-header .tag {
    position: relative;
    -webkit-transform: unset;
            transform: unset;
    top: unset;
    right: unset;
    text-align: right;
  }
}
@media screen and (max-width: 768px) {
  .popular-header-logo {
    display: none;
  }
  .popular-content:before {
    bottom: 70px;
  }
  .popular-footer-scroll {
    display: none;
  }
  .popular-footer-button {
    margin-top: 40px;
  }
}
.about {
  position: relative;
  width: 100%;
  padding-top: clamp(50px, 6.7vw, 100px);
  padding-bottom: clamp(50px, 6.7vw, 100px);
  border-top: 10px solid #000000;
  border-bottom: 10px solid #000000;
  aspect-ratio: 1.7;
  max-height: 80vh;
}
.about:before {
  z-index: 1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(11, 10, 21, 0.2);
}
.about-video {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.about-container {
  z-index: 2;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  aspect-ratio: 1.7;
  max-height: 80vh;
}
.about-tag {
  font-size: 18px;
  line-height: 22px;
  font-weight: 900;
  font-family: "Roboto";
  text-transform: uppercase;
  color: #000000;
  letter-spacing: 4px;
}
.about-title {
  margin-bottom: clamp(20px, 2vw, 30px);
}
.about-title h2 {
  font-size: clamp(25px, 3.3vw, 48px);
  line-height: clamp(35px, 4.4vw, 65px);
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  color: #FFFFFF;
}
.about-text {
  width: clamp(300px, 40.5vw, 600px);
  color: #FFFFFF;
  margin-bottom: clamp(20px, 2vw, 30px);
}
.about-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.about-button-arrow {
  color: #000000;
  font-size: 20px;
}

.news {
  background: #23222C;
}
.news-container {
  padding-top: clamp(50px, 6.7vw, 100px);
  padding-bottom: clamp(50px, 6.7vw, 100px);
}
.news-title {
  margin-bottom: clamp(30px, 3.3vw, 50px);
}
.news-title h2 {
  font-size: clamp(25px, 3.3vw, 48px);
  line-height: clamp(35px, 4.4vw, 65px);
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  color: #FFFFFF;
}
.news-list {
  margin-bottom: clamp(30px, 3.3vw, 50px);
}
.team {
  position: relative;
  max-height: 740px;
  margin-bottom: 100px;
}
.team-container {
  position: relative;
  padding-top: clamp(50px, 6.7vw, 100px);
  padding-bottom: clamp(50px, 6.7vw, 100px);
  aspect-ratio: 1.6;
}
.team-container .team-content {
  z-index: 2;
  width: 380px;
  position: relative;
}
.team-container .team-content .team-title {
  position: relative;
}
.team-container .team-content .team-title h2 {
  font-size: clamp(25px, 3.3vw, 48px);
  line-height: clamp(35px, 4.4vw, 65px);
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  color: #FFFFFF;
  margin-bottom: 10px;
}
.team-container .team-content .team-title-tag {
  display: inline-block;
  font-size: 18px;
  line-height: 22px;
  font-weight: 900;
  font-family: "Roboto";
  text-transform: uppercase;
  color: #000000;
  position: absolute;
  top: calc(50% - 11px);
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transform-origin: center center;
          transform-origin: center center;
  left: -60px;
  letter-spacing: 4px;
}
.team-container .team-content .team-text {
  position: relative;
  left: -20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  padding: 20px;
  background: #0B0A15;
  color: #FFFFFF;
  font-size: clamp(14px, 1vw, 16px);
  line-height: 20px;
  font-weight: 900;
  font-family: "Montserrat";
  text-transform: normal;
  width: 320px;
}
.team-container .team-members {
  z-index: 1;
  position: absolute;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
}
.team-container .team-members-title {
  position: relative;
  top: 30px;
  font-size: clamp(20px, 2vw, 30px);
  line-height: clamp(32px, 2.7vw, 40px);
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  color: #FFFFFF;
}
.team-container .team-members-title br {
  display: none;
}
.team-container .team-members-title:before {
  z-index: 0;
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100vw;
  height: 3px;
  background: #FFFFFF;
}
.team-container .team-members-selected {
  position: absolute;
  bottom: 160px;
  right: 0;
}
.team-container .team-members-selected li {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: clamp(30px, 2.7vw, 40px);
  line-height: clamp(40px, 3.3vw, 50px);
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  color: #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.team-container .team-members-selected li span {
  display: inline-block;
  -webkit-transform: translateX(50px);
          transform: translateX(50px);
  opacity: 0;
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
}
.team-container .team-members-selected li.active span {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
}
.team-container .team-members-selected li.active span:nth-child(1) {
  -webkit-transition-delay: calc(1 * 0.1s);
          transition-delay: calc(1 * 0.1s);
}
.team-container .team-members-selected li.active span:nth-child(2) {
  -webkit-transition-delay: calc(2 * 0.1s);
          transition-delay: calc(2 * 0.1s);
}
.team-container .team-members-selected li.active span:nth-child(3) {
  -webkit-transition-delay: calc(3 * 0.1s);
          transition-delay: calc(3 * 0.1s);
}
.team-container .team-members-selected li.active span:nth-child(4) {
  -webkit-transition-delay: calc(4 * 0.1s);
          transition-delay: calc(4 * 0.1s);
}
.team-container .team-members-selected li.active span:nth-child(5) {
  -webkit-transition-delay: calc(5 * 0.1s);
          transition-delay: calc(5 * 0.1s);
}
.team-container .team-members-list {
  z-index: 3;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.team-container .team-members-list .team-members-item-content {
  width: 110px;
  aspect-ratio: 0.75;
  -webkit-transform: skewX(-15deg);
          transform: skewX(-15deg);
  border: 3px solid #FFFFFF;
  overflow: hidden;
  -webkit-transition: border 0.3s ease;
  transition: border 0.3s ease;
  cursor: pointer;
}
.team-container .team-members-list .team-members-item-content img {
  position: relative;
  left: -30%;
  width: 160%;
  -webkit-transform: skewX(15deg);
          transform: skewX(15deg);
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.team-container .team-members-list .team-members-item-content.active {
  border: 3px solid #000000;
  -webkit-transition: border 0.3s ease;
  transition: border 0.3s ease;
}
.team .team-selection {
  z-index: 0;
  position: absolute;
  top: 0;
  left: calc((100vw - 1200px) / 2 + 60px + 100px);
  width: calc(100vw - ((100vw - 1200px) / 2 + 60px + 100px));
  height: calc(100% - 80px);
}
.team .team-selection-list {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.team .team-selection-item {
  position: absolute;
  bottom: 0;
  left: clamp(200px, 27vw, 400px);
  font-size: 0;
  opacity: 0;
  -webkit-transform: translateX(100px);
          transform: translateX(100px);
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
  height: 100%;
}
.team .team-selection-item-comment {
  position: absolute;
}
.team .team-selection-item-comment .comment-text {
  font-size: clamp(16px, 1.3vw, 20px);
  line-height: 25px;
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  color: #FFFFFF;
  white-space: nowrap;
  text-shadow: 0 0 20px rgba(11, 10, 21, 0.5);
}
.team .team-selection-item-comment .comment-arrow {
  position: absolute;
}
.team .team-selection-item-comment.comment1 {
  left: 105%;
  top: 80px;
}
.team .team-selection-item-comment.comment1 .comment-arrow {
  top: 100%;
  left: -50px;
  -webkit-transform: rotate(130deg) scaleX(-1);
          transform: rotate(130deg) scaleX(-1);
  width: 80px;
}
.team .team-selection-item-comment.comment2 {
  left: 115%;
  bottom: 200px;
}
.team .team-selection-item-comment.comment2 .comment-arrow {
  top: 40%;
  left: -55px;
  -webkit-transform: rotate(-100deg) scaleX(-1);
          transform: rotate(-100deg) scaleX(-1);
  width: 40px;
}
.team .team-selection-item-image {
  position: relative;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: bottom center;
     object-position: bottom center;
  top: 5px;
}
.team .team-selection-item.active {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: opacity 0.6s ease, -webkit-transform 0.6s ease;
  transition: opacity 0.6s ease, -webkit-transform 0.6s ease;
  transition: opacity 0.6s ease, transform 0.6s ease;
  transition: opacity 0.6s ease, transform 0.6s ease, -webkit-transform 0.6s ease;
}
.team .team-selection-background {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.team .team-selection-background img {
  z-index: 0;
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.team .team-selection-background:before {
  z-index: 1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(11, 10, 21, 0.5);
}

@media screen and (max-width: 1200px) {
  .team .team-selection {
    left: 160px;
    width: calc(100vw - 160px);
    height: calc(100% - 80px);
  }
  .team .team-selection-item-comment.comment1 {
    left: 100%;
  }
  .team .team-selection-item-comment.comment1 .comment-arrow {
    left: -30px;
    width: 60px;
  }
  .team .team-selection-item-comment.comment2 {
    left: 105%;
  }
  .team .team-selection-item-comment.comment2 .comment-arrow {
    width: 30px;
    left: -45px;
  }
}
@media screen and (max-width: 992px) {
  .team-container .team-content {
    padding-bottom: 150px;
  }
  .team-container .team-content .team-title-tag {
    position: relative;
    -webkit-transform: unset;
            transform: unset;
    top: unset;
    left: unset;
    text-align: right;
  }
  .team .team-selection-item-comment.comment1 {
    left: 73%;
    top: 50px;
  }
  .team .team-selection-item-comment.comment2 {
    left: -60%;
    bottom: 20px;
  }
  .team .team-selection-item-comment.comment2 .comment-arrow {
    top: -40%;
    width: 30px;
    left: 110%;
    -webkit-transform: rotate(-300deg) scaleX(-1);
            transform: rotate(-300deg) scaleX(-1);
  }
}
@media screen and (max-width: 768px) {
  .team {
    max-height: unset;
  }
  .team-container .team-content {
    padding-bottom: 400px;
  }
  .team-container .team-members {
    bottom: -50px;
  }
  .team-container .team-members-title {
    position: absolute;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    bottom: calc(100% + 13px);
    top: unset;
  }
  .team .team-selection {
    height: 100%;
  }
  .team .team-selection-item {
    left: 0;
    height: unset;
  }
  .team .team-selection-item img {
    max-height: 400px;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .team .team-selection-item-comment .comment-arrow {
    display: none;
  }
  .team .team-selection-item-comment.comment1 {
    left: calc(100% - 40px);
    top: 0px;
  }
  .team .team-selection-item-comment.comment2 {
    left: unset;
    right: calc(100% - 20px);
    top: 0px;
  }
}
@media screen and (max-width: 575px) {
  .team-container .team-members-title {
    right: unset;
    left: 40px;
    -webkit-transform: unset;
            transform: unset;
  }
  .team-container .team-members-title br {
    display: block;
  }
  .team-container .team-members-selected {
    bottom: 160px;
  }
  .team-container .team-members-list {
    width: calc(100vw - 30px);
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: 30px;
  }
  .team-container .team-members-list .team-members-item {
    width: 90px;
  }
  .team .team-selection {
    left: 50px;
    width: calc(100vw - 50px);
    height: 100%;
  }
  .team .team-selection-item-comment {
    display: none;
  }
}
.partners-container .partners-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(30px, 2.7vw, 40px);
  padding-top: clamp(20px, 2.7vw, 40px);
  padding-bottom: clamp(20px, 2.7vw, 40px);
  border-top: 1px solid #FFFFFF;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.partners-container .partners-list .partners-item {
  width: 120px;
  max-width: 150px;
  min-width: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.partners-container .partners-list .partners-item img {
  width: 100%;
  opacity: 0.7;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.partners-container .partners-list .partners-item:hover img {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

#wpadminbar {
  display: none;
}