/*BANDEAU TOP*/

.header-banner {
  z-index  : 6;
  overflow : hidden;
}

.warning__wrapper {
  position : relative;
  z-index  : 5;
}

.warning__wrapper.swiper {
  cursor  : pointer;
  display : flex;
}

.warning__wrapper .container-header-banner {
  background      : var(--color-secondary);
  padding         : .5rem 10px;
  display         : flex;
  justify-content : center;
}

.warning__wrapper,
.warning__wrapper a,
.warning__wrapper span {
  color : var(--color-white-default);
}

.warning__title {
  cursor          : pointer;
  text-align      : center;
  display         : flex;
  justify-content : center;
  white-space     : nowrap;
  overflow        : hidden;
  width           : 100%;
}

.warning__title span {
  display     : inline;
  white-space : nowrap;
}

@keyframes scroll-text {
  0% {
    transform : translateX(0);
  }
  100% {
    transform : translateX(-50%);
  }
}

.warning__title:hover > span {
  animation-play-state : paused;
}

.warning__title a {
  text-decoration : underline;
  transition      : all 0.5s ease-in-out;
}

.warning__title a:hover {
  text-decoration : underline;
}

.warning__title span:first-child {
  display         : flex;
  align-items     : center;
  justify-content : center;
  flex-wrap       : wrap;
}

.warning__title-link {
  display     : flex;
  align-items : center;
}

.warning__content {
  display : none;
}

.warning__wrapper span {
  font-weight   : 400;
  border-bottom : 1px solid transparent;
  margin-left   : 0.5em;
}

.warning__content__container {
  display         : flex;
  flex-direction  : column;
  align-items     : center;
  justify-content : center;
  text-align      : center;
}

.container-header-banner {
  margin          : 0;
  display         : flex;
  justify-content : center;
  flex-direction  : column;
  gap             : 15px;
}

.warning__wrapper span {
  font-weight   : 400;
  border-bottom : 1px solid transparent;
  margin        : 0 !important;
}

@media (max-width : 400px) {
  .warning__wrapper span {
    font-size : 11px;
  }
}

.warning__wrapper .bottom-arrow {
  width        : 20px;
  margin-left  : 10px;
  margin-right : 5px;
  fill         : transparent;
  stroke       : #fff;
  stroke-width : 5px;
}

.headbanner-details-container {
  background : #0006;
  position   : fixed;
  box-sizing : border-box;
  width      : 100%;
  height     : 100%;
  overflow   : hidden;
  transition : background-color .3s ease-in-out;
  display    : none;
  cursor     : pointer;
  top        : 0;
  left       : 0;
  z-index    : 9999;
}

.headbanner-details-close {
  padding-right : 10px;
  padding-top   : 20px;
  display       : flex;
  align-items   : flex-end;
}

.headbanner-details-close svg {
  cursor : pointer;
}

.headbanner-details-list {
  background : var(--color-white-default);
  cursor     : initial;
}

.headbanner-details {
  display               : grid;
  grid-template-columns : 1fr;
  grid-gap              : 20px;
  padding               : 50px 0 100px;
}

.headbanner-details__item__title {
  font-size      : 20px;
  font-weight    : 600;
  text-transform : uppercase;
  margin-bottom  : 15px;
}

.headbanner-details__item__content {
  margin-bottom : 10px;
}

.headbanner-details__item__link {
  text-decoration : underline;
  font-weight     : 600;
}

.headbanner-details__item__link:hover {
  text-decoration : underline;
}

/*.no-scroll {*/
/*	overflow : hidden;*/
/*	height   : 100%;*/
/*}*/

@media (min-width : 768px) {
  .headbanner-details {
    grid-template-columns : repeat(2, 1fr);
  }
}

@media (min-width : 1200px) {
  .headbanner-details {
    grid-template-columns : repeat(3, 1fr);
  }
}