/*BANDEAU TOP*/

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

.warning__wrapper {
	position        : relative;
	z-index         : 5;
	background      : #A3B79D;
	padding         : 10px 0;
	display         : flex;
	justify-content : center;
}

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

.no-scroll .warning__wrapper {
	display : none;
}

.warning__wrapper p,
.warning__wrapper a,
.warning__wrapper span {
	color : #004B49;
}

.warning__title {
	cursor          : pointer;
	text-align      : center;
}

.warning__title a {
  width: 100%;
	transition      : all 0.5s ease-in-out;
  color: #004B49;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.84px;
}

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

/*.warning__title span:first-child {*/
/*  color: #004B49;*/
/*  font-size: 14px;*/
/*  font-style: normal;*/
/*  font-weight: 400;*/
/*  line-height: normal;*/
/*  letter-spacing: -0.84px;;*/
/*}*/

.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 33px;
	display         : flex;
	justify-content : center;
	flex-direction  : column;
	gap             : 7px;
}

.warning__content__container span {
	font-weight   : 400;
	border-bottom : 1px solid transparent;
	margin-left   : 0.5em;
  font-size: 12px;
  color: #1F1F1F;
  font-style: italic;
}

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

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

.headbanner-details-container {
	background : #0006;
	position   : absolute;
	box-sizing : border-box;
	width      : 100%;
	height     : 100vh;
	overflow   : hidden;
	transition : background-color .3s ease-in-out;
	display    : none;
	cursor     : pointer;
}

.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);
	}
}
