/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

.weight-w8 {
	font-weight: 800;
}

.weight-w8 {
	font-weight: 800;
}

.text-red {
	color: #e64336;
}

.gradient-section {
	background: linear-gradient(to top left, #ffffff, #0F502C);
	/* Couleurs personnalisées */
}

.border-price {
	width: 80%;
	/* Définit la largeur de la ligne */
	margin: 0 auto;
	/* Centre la ligne */
	border: 1.5px solid #0F502C!important;
	/* Couleur et épaisseur de la ligne */
	background-color: #ffffff;
	opacity: 1 !important;
}

.border-coaching {
	width: 100%;
	/* Définit la largeur de la ligne */
	margin: 0 auto;
	/* Centre la ligne */
	border: 1.5px solid #A8D8A0 !important;
	/* Couleur et épaisseur de la ligne */
	background-color: #A8D8A0;
	opacity: 1 !important;
}



.border-radius-comment {
	border-radius: 20px;
}

/* Styles spécifiques pour mobile */
.section-video-title-div {
	/* margin-top: -90px; */
}

/* Styles spécifiques pour mobile */
.section-video-title {
	margin-top: -30px;
}

.centered-div {
	display: flex;
	flex-direction: column;
	/* Permet aux éléments de se disposer verticalement */
	align-items: center;
	/* Centre horizontalement */
	justify-content: center;
	/* Centre verticalement */
	/* height: 100vh; Exemple pour centrer la div dans la fenêtre */
	text-align: left;
	/* Aligne le texte à gauche */
	padding: 20px;
}

.centered-content {
	width: 100%;
	/* Pour que le texte prenne toute la largeur disponible */
	max-width: 600px;
	/* Limite la largeur du contenu */
}

.switch-container {
	display: flex;
	/* Place le switch et le texte en ligne */
	align-items: center;
	/* Aligne verticalement */
	gap: 10px;
	/* Espacement entre le switch et le texte */
}

.switch-text {
	font-size: 18px;
	/* Taille du texte */
	color: #000000;
	/* Couleur du texte */
	margin-bottom: 5px;
	font-weight: 700;
}

.switch-toggle-round:checked+label::before {
	background-color: #002402 !important;
}

.switch-toggle-round+label::before {
	background-color: #A8D8A0 !important;
}

.center-horizontally {
	display: flex;
	justify-content: center;
}

.hero-diagonal {
	position: relative;
	padding: 80px 0; /* Réduire les marges en haut et en bas */
}

.hero-diagonal::before {
	content: '';
	position: absolute;
	top: 50px; /* Ajustez selon le résultat souhaité */
	left: 0;
	width: 100%;
	height: calc(100% + 20px); /* Ajuster la hauteur du pseudo-élément */
	-webkit-clip-path: polygon(0 9%, 100% 0%, 100% 91%, 0 100%);
	clip-path: polygon(0 9%, 100% 0%, 100% 91%, 0 100%);
	background: linear-gradient(to top, #f0f7eb, #f0f7eb);
	background-position: center center;
	background-size: cover;
}

@media only screen and (max-width: 768px) {

	/* Styles spécifiques pour mobile */
	.section-video-title-div {
		margin-top: -20px;
	}

	/* Styles spécifiques pour mobile */
	.section-video-title {
		margin-top: -30px;
	}
}

/* Style de base des cercles */
.feature-box .fbox-icon a i {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    font-weight: bold;
    font-size: 22px;
}

/* Couleurs personnalisées */
.niveau-1 .fbox-icon a i {
    background-color: #175d0f; /* vert */
    color: white;
}

.niveau-2 .fbox-icon a i {
    background-color: #da942a; /* vert foncé */
    color: white;
}

.niveau-3 .fbox-icon a i {
    background-color: #da942a; /* jaune doux */
    color: white;
}