@font-face {
	src: url("/comparateurdeparisenlignesecurises-components/comparateurdeparisenlignesecurises-fonts/comparateurdeparisenlignesecurises-montserrat-bold.woff2")
		format("truetype");
	font-family: "montserrat-bold";
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	src: url("/comparateurdeparisenlignesecurises-components/comparateurdeparisenlignesecurises-fonts/comparateurdeparisenlignesecurises-poppins-medium.woff2")
		format("truetype");
	font-family: "poppins-medium";
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	src: url("/comparateurdeparisenlignesecurises-components/comparateurdeparisenlignesecurises-fonts/comparateurdeparisenlignesecurises-poppins-regular.woff2")
		format("truetype");
	font-family: "poppins-regular";
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

:root {
	--font-title: "montserrat-bold", sans-serif;
	--font-subtext: "poppins-medium", sans-serif;
	--font-text: "poppins-regular", sans-serif;

	--color-bg-main: #000000a6;
	--color-header: #124400;
	--color-white: #fff;
	--color-gray: #faf9f0;
	--color-cards: linear-gradient(
		180deg,
		rgba(1, 61, 61, 0.2) 0%,
		rgba(0, 26, 26, 0.2) 100%
	);
	--color-faq: linear-gradient(180deg, #251a00 0%, #0a0700 100%);
	--color-pink: #ff8f8f;
	--border-dark-green: linear-gradient(180deg, #3ad900 0%, #1f7300 100%);
	--transition: all 0.3s ease-in-out;
}

*,
::after,
::before {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

ul,
ol,
li {
	list-style-type: none;
}

button {
	cursor: pointer;
	border: none;
}

a {
	text-decoration: none;
	color: var(--color-text);
}

body {
	display: flex;
	flex-direction: column;
	overflow-x: hidden;
}

main {
	background-image: url(/comparateurdeparisenlignesecurises-components/comparateurdeparisenlignesecurises-image/comparateurdeparisenlignesecurises-page/comparateurdeparisenlignesecurises-moon-fly.webp);
	background-position: 100% 20%;
	background-repeat: no-repeat;
	background-size: cover;
}

img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-position: center;
	object-position: center;
	vertical-align: top;
}

.comparateurdeparisenlignesecurises__visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden !important;
	border: 0;
	clip: rect(0 0 0 0);
}

.comparateurdeparisenlignesecurises__page--container {
	margin: 0 auto;
	width: 100%;
	max-width: 1236px;
}

/* Header */
.comparateurdeparisenlignesecurises--header {
	background: var(--color-header);
}

.comparateurdeparisenlignesecurises--menu {
	width: 100%;
	display: flex;
	padding: 0.95rem 0;
	align-items: center;
	justify-content: center;
	gap: 1.25rem;
}

.comparateurdeparisenlignesecurises--header--logo {
	max-width: 433px;
	width: 100%;
	height: 22px;
	margin-inline: auto;
}

/* Welcome */
.comparateurdeparisenlignesecurises__welcome-container {
	display: flex;
	align-items: center;
	position: relative;
	flex-direction: column;
	padding: 1.875rem 0;
	gap: 1.25rem;
}

.comparateurdeparisenlignesecurises__welcome--title {
	font-family: var(--font-title);
	font-weight: 700;
	font-size: 3rem;
	line-height: 120%;
	color: var(--color-white);
	text-align: center;
	text-shadow: 0px 2px 4px #00000080;
	text-transform: uppercase;
}

.comparateurdeparisenlignesecurises__welcome--text {
	font-family: var(--font-text);
	font-weight: 400;
	font-size: 1rem;
	line-height: 130%;
	color: var(--color-white);
	text-align: center;
	text-shadow: 0px 1px 4px #00000080;
}

.comparateurdeparisenlignesecurises__welcome--advantages {
	display: flex;
	gap: 1.875rem;
	justify-content: center;
}

.comparateurdeparisenlignesecurises__welcome---elem {
	background: var(--color-advantages);
	padding: 0.5rem 1.75rem;
	border-radius: 50px;
	display: flex;
	align-items: center;
	gap: 0.35rem;
	font-family: var(--font-subtext);
	font-weight: 500;
	font-size: 1rem;
	line-height: 100%;
	color: var(--color-white);
	justify-content: center;
	box-shadow: 0px 1px 2px #00000080;
	white-space: nowrap;
	flex-shrink: 0;
	position: relative;
	overflow: hidden;
}

.comparateurdeparisenlignesecurises__welcome---elem::before {
	content: "";
	position: absolute;
	inset: 0;
	background: var(--border-dark-green);
	border-radius: 50px;
	mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	mask-composite: exclude;
	padding: 2px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
}

.comparateurdeparisenlignesecurises__welcome---icon-starbox {
	background-image: url(/comparateurdeparisenlignesecurises-components/comparateurdeparisenlignesecurises-image/comparateurdeparisenlignesecurises-page/comparateurdeparisenlignesecurises-icon-star-box.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 24px;
	height: 24px;
	flex-shrink: 0;
}

/* Casino */
.comparateurdeparisenlignesecurises__games-box {
	padding: 3.75rem 0;
}

.comparateurdeparisenlignesecurises--casino---cards {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 2.5rem;
	position: relative;
	z-index: 2;
}

.comparateurdeparisenlignesecurises--casino---card {
	max-width: 385px;
	width: 100%;
	padding: 1.875rem 1.25rem;
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
	background: var(--color-cards);
	position: relative;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
	transition: var(--transition);
	-webkit-transition: var(--transition);
	-moz-transition: var(--transition);
	-ms-transition: var(--transition);
	-o-transition: var(--transition);
	border: var(--border-dark-violet);
	backdrop-filter: blur(10px);
	box-shadow: -5px -5px 10px 0px #ffffff4f inset;
	box-shadow: 5px 5px 10px 0px #ffffff80 inset;
}

.comparateurdeparisenlignesecurises--casino---card:hover {
	transform: scale(0.95);
	-webkit-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-ms-transform: scale(0.95);
	-o-transform: scale(0.95);
}

.comparateurdeparisenlignesecurises--casino--top {
	background: var(--color-cards);
	padding: 0.675rem;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	backdrop-filter: blur(10px);
	box-shadow: -5px -5px 10px 0px #ffffff4f inset;
	box-shadow: 5px 5px 10px 0px #ffffff80 inset;
}

.comparateurdeparisenlignesecurises--casino---image {
	max-width: 200px;
	width: 100%;
	height: 72px !important;
	margin-inline: auto;
}

.comparateurdeparisenlignesecurises--casino----rating {
	display: flex;
	align-items: center;
	gap: 0.35rem;
	justify-content: center;
}

.comparateurdeparisenlignesecurises--casino__num {
	font-family: var(--font-title);
	font-weight: 700;
	font-size: 0.875rem;
	line-height: 120%;
	color: var(--color-white);
}

.comparateurdeparisenlignesecurises--casino__reviews {
	font-family: var(--font-text);
	font-weight: 400;
	font-size: 0.7rem;
	line-height: 120%;
	color: var(--color-white);
}

.comparateurdeparisenlignesecurises--casino---star {
	display: flex;
	align-items: center;
	gap: 0.1rem;
	max-width: 78px;
	width: 100%;
	justify-content: center;
}

.comparateurdeparisenlignesecurises--casino----star-w {
	background-image: url(/comparateurdeparisenlignesecurises-components/comparateurdeparisenlignesecurises-image/comparateurdeparisenlignesecurises-casino/comparateurdeparisenlignesecurises-icon-star-full.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	max-width: 14px;
	width: 100%;
	height: 14px;
}
.comparateurdeparisenlignesecurises--casino----star-h {
	background-image: url(/comparateurdeparisenlignesecurises-components/comparateurdeparisenlignesecurises-image/comparateurdeparisenlignesecurises-casino/comparateurdeparisenlignesecurises-icon-star-half.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	max-width: 14px;
	width: 100%;
	height: 14px;
}
.comparateurdeparisenlignesecurises--casino----star-hg {
	background-image: url(/comparateurdeparisenlignesecurises-components/comparateurdeparisenlignesecurises-image/comparateurdeparisenlignesecurises-casino/comparateurdeparisenlignesecurises-icon-star-hollow.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	max-width: 14px;
	width: 100%;
	height: 14px;
}

.comparateurdeparisenlignesecurises--casino--info {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}

.comparateurdeparisenlignesecurises--casino----bonus {
	font-family: var(--font-title);
	font-weight: 700;
	font-size: 1rem;
	line-height: 120%;
	text-align: center;
	text-transform: uppercase;
	color: var(--color-white);
}

.comparateurdeparisenlignesecurises--casino---btnbox {
	display: flex;
	flex-direction: column;
	gap: 0.675rem;
}

.comparateurdeparisenlignesecurises--casino----btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 54px;
	font-family: var(--font-title);
	font-weight: 700;
	font-size: 1rem;
	line-height: 120%;
	text-align: center;
	color: var(--color-white);
	text-shadow: 0px 2px 4px #00000040;
	text-transform: uppercase;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
	transition: var(--transition);
	-webkit-transition: var(--transition);
	-moz-transition: var(--transition);
	-ms-transition: var(--transition);
	-o-transition: var(--transition);
	position: relative;
	overflow: hidden;
	box-shadow: -5px -5px 10px 0px #ffffff4f inset;
	box-shadow: 5px 5px 10px 0px #ffffff80 inset;
}

.button__glare {
	opacity: 0.8;
	position: absolute;
	top: -100px;
	left: -100px;
	display: block;
	background: #fff;
	width: 40px;
	height: 300px;
	transition: all 0.1s;
	transform: rotate(45deg);
	animation-timing-function: ease-in-out;
	animation-name: slide;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-ms-transition: all 0.1s;
	-o-transition: all 0.1s;
}
@keyframes slide {
	0% {
		transform: translateX(0) rotate(45deg);
		-webkit-transform: translateX(0) rotate(45deg);
		-moz-transform: translateX(0) rotate(45deg);
		-ms-transform: translateX(0) rotate(45deg);
		-o-transform: translateX(0) rotate(45deg);
	}
	30%,
	100% {
		transform: translateX(445px) rotate(45deg);
		-webkit-transform: translateX(445px) rotate(45deg);
		-moz-transform: translateX(445px) rotate(45deg);
		-ms-transform: translateX(445px) rotate(45deg);
		-o-transform: translateX(445px) rotate(45deg);
	}
}
.comparateurdeparisenlignesecurises--casino----btn:hover {
	transform: scale(0.95);
	-webkit-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-ms-transform: scale(0.95);
	-o-transform: scale(0.95);
}

.comparateurdeparisenlignesecurises--casino----payments {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 0.675rem;
	justify-content: center;
}

.comparateurdeparisenlignesecurises--casino----pay {
	max-width: 30px;
	width: 100%;
	height: 30px;
}

.comparateurdeparisenlignesecurises--casino__disclaimer {
	font-family: var(--font-subtext);
	font-weight: 500;
	font-size: 0.675rem;
	line-height: 120%;
	text-align: center;
	color: var(--color-white);
	max-width: 250px;
	width: 100%;
	margin-inline: auto;
}

/* FAQ */
.comparateurdeparisenlignesecurises__faq-box {
	padding: 1.875rem 0;
}

.comparateurdeparisenlignesecurises--faq--items {
	display: flex;
	flex-direction: column;
	gap: 1.875rem;
	background: var(--color-faq);
	padding: 1.25rem;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	-ms-border-radius: 40px;
	-o-border-radius: 40px;
	position: relative;
	overflow: hidden;
}

.comparateurdeparisenlignesecurises--faq--items::before {
	content: "";
	position: absolute;
	inset: 0;
	background: var(--border-dark-green);
	border-radius: 40px;
	mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	mask-composite: exclude;
	padding: 2px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	-ms-border-radius: 40px;
	-o-border-radius: 40px;
}

.comparateurdeparisenlignesecurises--faq---elem {
	display: flex;
	flex-direction: column;
	gap: 0.675rem;
	position: relative;
	z-index: 2;
}

.comparateurdeparisenlignesecurises--faq__question {
	font-family: var(--font-title);
	font-weight: 700;
	font-size: 1rem;
	line-height: 120%;
	text-align: center;
	text-transform: uppercase;
	color: var(--color-white);
	text-shadow: 0px 2px 3px #0000004d;
}

.comparateurdeparisenlignesecurises--faq__answer {
	font-family: var(--font-text);
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 120%;
	text-align: center;
	color: var(--color-white);
	text-shadow: 0px 1px 1px #00000040;
}

/* Footer */
.comparateurdeparisenlignesecurises__footer--box {
	width: 100%;
	padding: 1.875rem 0;
	background: var(--color-header);
}

.comparateurdeparisenlignesecurises__footer-container {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}

.comparateurdeparisenlignesecurises__footer-links-age {
	background-image: url(/comparateurdeparisenlignesecurises-components/comparateurdeparisenlignesecurises-image/comparateurdeparisenlignesecurises-footer/comparateurdeparisenlignes-icon-age.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	max-width: 65px;
	width: 100%;
	height: 40px;
}

.comparateurdeparisenlignesecurises--f12 {
	font-size: 0.75rem !important;
}

.comparateurdeparisenlignesecurises__footer-description {
	display: grid;
	gap: 1.25rem;
	grid-template-columns: repeat(2, 1fr);
}

.comparateurdeparisenlignesecurises__footer--infobox {
	display: flex;
	gap: 1.875rem;
}

.comparateurdeparisenlignesecurises__footer--items {
	max-width: 608px;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 0.675rem;
}

.comparateurdeparisenlignesecurises__footer--items_title {
	font-family: var(--font-title);
	font-weight: 700;
	font-size: 1rem;
	line-height: 120%;
	color: var(--color-white);
}

.comparateurdeparisenlignesecurises--center {
	text-align: center;
}

.comparateurdeparisenlignesecurises__footer--items_text {
	font-family: var(--font-text);
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 120%;
	color: var(--color-gray);
	text-shadow: 0px 4px 4px #00000040;
}

.comparateurdeparisenlignesecurises__footer-parthers {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
}

.comparateurdeparisenlignesecurises__footer-gamecare {
	max-width: 139px;
	width: 100%;
	height: 40px;
}
.comparateurdeparisenlignesecurises__footer-anj {
	max-width: 75px;
	width: 100%;
	height: 40px;
}
.comparateurdeparisenlignesecurises__footer-jis {
	max-width: 132px;
	width: 100%;
	height: 40px;
}
.comparateurdeparisenlignesecurises__footer-begamble {
	max-width: 153px;
	width: 100%;
	height: 40px;
}

.comparateurdeparisenlignesecurises__footer-mediater {
	max-width: 114px;
	width: 100%;
	height: 40px;
}
.comparateurdeparisenlignesecurises__footer-gt {
	max-width: 49px;
	width: 100%;
	height: 40px;
}

.comparateurdeparisenlignesecurises__footer-republic {
	max-width: 68px;
	width: 100%;
	height: 40px;
}
.comparateurdeparisenlignesecurises__footer-adictel {
	max-width: 134px;
	width: 100%;
	height: 40px;
}
.comparateurdeparisenlignesecurises__footer-mdjs {
	max-width: 77px;
	width: 100%;
	height: 40px;
}

.comparateurdeparisenlignesecurises__footer-links {
	display: flex;
	align-items: center;
	gap: 1rem;
	justify-content: space-between;
}

.comparateurdeparisenlignesecurises__footer-links_elem {
	font-family: var(--font-title);
	font-weight: 700;
	font-size: 1rem;
	line-height: 120%;
	color: var(--color-white);
	text-shadow: 0px 4px 4px #00000040;
}

/* Others styles */
.comparateurdeparisenlignesecurises--nocenter {
	text-align: left;
}

.comparateurdeparisenlignesecurises-32 {
	font-size: 2rem;
}

.comparateurdeparisenlignesecurises--dotted li {
	list-style-type: disc;
	margin-left: 1.25rem;
	color: var(--color-gray);
}

/* Mobile */
@media screen and (max-width: 1260px) {
	.comparateurdeparisenlignesecurises__page--container {
		padding: 0 0.675rem;
	}
}
@media screen and (max-width: 991px) {
	.comparateurdeparisenlignesecurises__footer-links {
		flex-direction: column;
		gap: 1.25rem;
	}

	.comparateurdeparisenlignesecurises__footer--box {
		padding: 1.25rem 0;
	}

	.comparateurdeparisenlignesecurises__footer-description {
		display: grid;
		gap: 1.25rem;
		grid-template-columns: repeat(1, 1fr);
	}

	.comparateurdeparisenlignesecurises__footer--items {
		max-width: 100%;
		width: 100%;
	}

	.comparateurdeparisenlignesecurises--header---text,
	.comparateurdeparisenlignesecurises--welcome___lists {
		display: none;
	}

	.comparateurdeparisenlignesecurises--menu {
		justify-content: center;
	}

	.comparateurdeparisenlignesecurises__welcome--title {
		font-size: 2rem;
	}

	.comparateurdeparisenlignesecurises__welcome-container {
		gap: 0.675rem;
		padding: 1.25rem 0;
	}

	.comparateurdeparisenlignesecurises__welcome--advantages {
		gap: 0.5rem;
		flex-wrap: wrap;
		justify-content: center;
	}
	.comparateurdeparisenlignesecurises--casino---cards {
		gap: 0.5rem;
	}

	.comparateurdeparisenlignesecurises__footer-links-age {
		order: 5;
	}

	.comparateurdeparisenlignesecurises--header--logo {
		max-width: 333px;
		width: 100%;
	}

	main {
		background-position: center;
	}

	.comparateurdeparisenlignesecurises__games-box {
		padding: 1.25rem 0;
	}
}
@media screen and (max-width: 680px) {
	.prefix,
	.date {
		font-size: 0.675rem;
	}
	.comparateurdeparisenlignesecurises__welcome--title {
		font-size: 1rem;
	}

	.comparateurdeparisenlignesecurises__welcome---elem {
		font-size: 0.675rem;
		padding: 0.25rem 0.675rem;
		gap: 0.125rem;
	}

	.comparateurdeparisenlignesecurises__welcome---icon-starbox {
		max-width: 12px;
		width: 100%;
		height: 12px;
	}

	.comparateurdeparisenlignesecurises--casino----payments {
		flex-wrap: wrap;
		justify-content: center;
		gap: 0.675rem;
	}

	.comparateurdeparisenlignesecurises--casino----bonus {
		font-size: 0.875rem;
		text-align: left;
		max-width: 143px;
		width: 100%;
	}

	.comparateurdeparisenlignesecurises--casino--top {
		max-width: 155px;
		width: 100%;
	}

	.comparateurdeparisenlignesecurises--casino---image {
		max-width: 135px;
		width: 100%;
		height: 45px !important;
		margin-inline: auto;
	}

	.comparateurdeparisenlignesecurises__footer-parthers {
		justify-content: center;
	}

	.comparateurdeparisenlignesecurises--faq__question {
		font-size: 0.875rem;
	}

	.comparateurdeparisenlignesecurises__welcome--text {
		font-size: 0.75rem;
	}

	.comparateurdeparisenlignesecurises--header--logo {
		max-width: 233px;
		width: 100%;
	}
	.comparateurdeparisenlignesecurises--menu {
		padding: 0.675rem 0;
	}

	.comparateurdeparisenlignesecurises--casino--info {
		flex-direction: row;
		align-items: center;
		gap: 0.675rem;
		justify-content: space-around;
	}

	.comparateurdeparisenlignesecurises--casino---btnbox {
		flex-direction: row-reverse;
		align-items: center;
		gap: 0.675rem;
		justify-content: space-around;
	}

	.comparateurdeparisenlignesecurises--casino----pay {
		max-width: 20px;
		width: 100%;
		height: 20px;
	}

	.comparateurdeparisenlignesecurises--casino----btn {
		max-width: 175px;
		width: 100%;
		padding: 0.5rem 0.675rem;
	}

	.comparateurdeparisenlignesecurises--casino----payments {
		max-width: 115px;
		width: 100%;
	}
}
@media screen and (max-width: 359px) {
	.comparateurdeparisenlignesecurises--casino----bonus {
		font-size: 0.675rem;
	}
}