/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/


/* Variable */


/* :root {
	--swiper-theme-color: #658577 !important;
    --color-Green-one: #6B9784;
    --color-Green-twoo: #86BAA4;
    --color-Green-three: #75AA93;
    --color-Turquoise: #0C4355;
    --color-SteelBlue: #2F95C0;
    --color-WhiteSmoke: rgba(255, 255, 255, 0.20);
    --color-MidnightBlue: #133460;
    --color-Teal: #125B72;
    --color-DarkBlue: #002C68;
    --color-Gray: #717171;
    --color-White: #FFF;
    --color-Black: #000;
    --color-ranslucent-black: rgba(0, 0, 0, 0.39);
    --color-LightSkyBlue: rgba(150, 194, 241, 0.16);
    --color-BlueShade: #2967B9;
} */

/* Added by Othman */

.ftcontent {
	width: fit-content;
}

.titre_specialite_types {
	font-weight: 600;
	padding: .5rem;
}

.standard_p_containerV4 h3 {
	color: var(--color-Green-dark);
}


/* Font */
.Montserrat_Thin{
    font-family: "Montserrat", sans-serif;
    font-weight: 100;
}
.Montserrat_ExtraLight {
    font-family: "Montserrat", sans-serif;
    font-weight: 200;
}
.Montserrat_Light {
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
}
.Montserrat_Regular {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
}
.Montserrat_Medium {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}
.Montserrat_SemiBold {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}
.Montserrat_Bold {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}
.Montserrat_ExtraBold {
    font-family: "Montserrat", sans-serif;
    font-weight: 800;
}
.Montserrat_Black {
    font-family: "Montserrat", sans-serif;
    font-weight: 900;
}


/* Background */

/* .bg_GreenOne{
    background-color: var(--color-Green-one);
}
.bg_GreenThree{
    background-color: var(--color-Green-three);
}
.bg_Teal{
    background-color: var(--color-Teal);
}
.bg_WhiteSmoke{
    background-color: var(--color-WhiteSmoke);
}
.bg_BlueShade{
    background-color: var(--color-BlueShade);
}
.bg_Turquoise{
    background-color: var(--color-Turquoise);
} */

/* Colors */

/*
.cl_GreenOne{
    color: var(--color-Green-one);
} */

.border_flower{
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
}

.rounded-4 {
    border-radius: 10px;
}
.w-85{
    width: 85%;
}
.fs-7 {
    font-size: 0.875rem;
}
.fs-8 {
    font-size: 0.75rem;
}
.z-1{
    z-index: 1;
}
.flexible{
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}

/*<---------------- Notre démarche qualité ----------------------->*/
.accordion-item {
	border: 1px solid #ccc;
	border: none;
	margin-bottom: 20px;
	background-color: #F7FAF9 !important;

}

.accordion-title {
	background-color: #F7FAF9;
	color: var(--color-Green-one);
	padding: 18px 20px;
	cursor: pointer;
	border-radius: 15px;
	border: none;
	font-family: Montserrat;
	font-size: 1rem;
	font-weight: 500;

}

.accordion-content {
	padding: 10px;
	display: none;
}
.acordion_after{
	background-color: #F7FAF9;
	padding: 20px;
}
.accordion-title_after{
	background-color: var(--color-Green-one);
	color: #F7FAF9;
	padding: 8px 15px;
	font-size: 16px;
	border-radius: 20px;
	width: 95%;
}
.right_icon{
	padding-right: 10px;
}
.main_content_text{
    font-family: Montserrat;
	font-size: 16px;
	font-weight: 500;
    line-height: 25px;
    color: var(--color-Green-one);
}
.seprated{
    -webkit-transition-delay: revert-layer;
         -o-transition-delay: revert-layer;
            transition-delay: revert-layer;
}
/*<---------------- END Notre démarche qualité ----------------------->*/
/*<--------- BEGIN Découvrez l’Hôpital
			(Missions, Vision & Valeurs)
			hashtag decouvr_hopital ----------->*/
.top_navigation_buttouns_decouvr_hopital{
	color: white;
	border-bottom-left-radius:  10px;
	border-bottom-right-radius:  10px;
	-webkit-box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
			box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
	background-color: white;
	overflow: auto !important;
	scrollbar-width: none !important;
	overflow: -webkit-paged-x; /* Hides scrollbar in Safari */
	-ms-overflow-style: none; /* IE and Edge */

}
.top_navigation_buttouns_decouvr_hopital
	::-webkit-scrollbar {
	display: none !important;
}
.top_navigation_buttouns_decouvr_hopital
::-webkit-scrollbar-track {
	display: none !important;
}
.top_navigation_buttouns_decouvr_hopital
::-webkit-scrollbar-thumb {
	display: none !important;
}


.top_navigation_links_decouvr_hopital{
	text-decoration: none;
	color: #888888;
	font-family: Montserrat;
	font-size: 17px;
	font-weight: 500;
	line-height: 42px;
	letter-spacing: 0em;
	text-align: center;
    min-width: max-content;
}
.links_container{
    padding: 13px 14.3px;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
	width: 100%;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.line_between_links{
	height: 35px;
	min-width: 1px;
	background-color: var(--color-Gray);
	margin: 0px 1.5px;
}
.active_container_links{
	background-color: var(--color-Green-dark);
}

.links_container:hover,
.links_container:hover .top_navigation_links_decouvr_hopital {
    background-color: var(--color-Green-dark); /* Change to your desired hover color */
    color: #ffffff; /* Change to your desired text color */
}
.active_link{
	color: white;
}
.top_navigation_links_decouvr_hopital:hover{
	color: white;
}
.img_col_decouvr_hopital{
	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;
    height: 100%;
	padding: 33px;
}
.text_col_decouvr_hopital{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
@media (max-width: 500px){
    .top_navigation_buttouns_decouvr_hopital{
		height: 41px;
	}
	.top_navigation_links_decouvr_hopital{
		font-size: 0.65rem !important;

	}
	.links_container{
		padding: 0px 14.3px !important;
	}
	.line_between_links {
		height: 22px;
	}

}
@media (max-width: 1200px){
    .img_col_decouvr_hopital  {
		width: 100%;
    }
	.text_col_decouvr_hopital  {
		width: 100%;
    }
}
@media (max-width: 588px){
    .eye_icon  {
		display: none !important;
    }

}
.midle_section_Notre_Vision{
	background-image: -o-linear-gradient(352.46deg, #4d7e69 2.3%, rgb(127 167 150 / 75%) 100%),
	url("/assets/backgroungtestingg.png");
	background-image: linear-gradient(97.54deg, #4d7e69 2.3%, rgb(127 167 150 / 75%) 100%),
	url("/assets/backgroungtestingg.png");
	background-repeat: no-repeat;
	background-size: cover;

}
.label_sentence{
	color: white;
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 600;
	line-height: 41px;
	letter-spacing: 0em;
	text-align: left;
	background-color: #658577;
	padding: 0px 30px;
	border-radius: 20px;
	width: 90%;

}
.margin_left_negative{
	margin-left: -25px;
}
.margin_right_negative{
	margin-right: -25px;
}

@media (max-width: 1400px){
    .label_sentence  {
		font-size: 15px;
    }

}
@media (max-width: 1203px){
    .designe_side  {
		width: 100%;
		padding-bottom: 10px !important;
		padding-top: 10px !important;
    }
	.text_side  {
		width: 100%;
		padding-bottom: 10px !important;

    }
}
@media (max-width: 991px){
    .image_part_no_valeurs  {
		width: 100% !important;
    }
	.text_part_no_valeurs  {
		width: 100% !important;
    }
}

/* ----------------- swiper ----------------*/
.nos_valeur.swiper-container {
  max-width: 100%; /* Set maximum width to ensure it fits within the page */
  overflow: hidden;
  height: 438px;
  position: relative;
}

.nos_valeur .swiper-slide {
	border: 1px solid #ddd;
    padding: 32px;
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    background: #FAFAFA;
    width: 402px !important;
    height: 360px;
    border-radius: 11px;
    margin-right: 10px !important;
    overflow: hidden;
    cursor: pointer;
	color: var(--color-Green-one);
	position: relative;
	text-align: justify;
}
.line_betwen_demarch_quelity{
	background-color: #00000059 !important;
    width: 1px;
    height: 36px;
    margin-inline: 1px;
}
.nos_valeur .swiper-slide:hover ,.nos_valeur .swiper-slide:hover .div_paragraphe p , .nos_valeur .swiper-slide:hover .card_title{
	color: white;
	background-color: var(--color-Green-one);
}
.nos_valeur .swiper-slide:hover .card_img{
	-webkit-filter: brightness(0) invert(1);
	        filter: brightness(0) invert(1);
}
.nos_valeur .defrent_style_card{
	border: 1px solid #ddd;
	padding: 32px;
	-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
	        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
	border-radius: 11px;
	background: var(--color-Green-twoo);
	width: 427px !important;
	height: 318px !important;
	border-radius: 11px;
	margin-right: 10px !important;
}
.paragraphe{
	color: #000;
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 23px;
	margin-bottom: 0px !important;
}
.div_paragraphe p{
	color: var(--color-txt-nrml);
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 23px;
	margin-bottom: 0px !important;

}
.open_btn_card{
	top: 319px;
    left: 304px;
    position: absolute;
}
.div_paragraphe{
	max-height: 233px;
	overflow: hidden;
}
.custem_pagination_buttouns{
	margin-top: 50px;
	position: absolute;
    bottom: -4%;
	z-index: 30;
	float: right;
	width: 100%;
	text-align: right;
}
.card_title{
	color: var(--color-Green-dark);
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	font-family: Montserrat;
	font-size: 26px;
	font-style: normal;
	font-weight: 600;
}
.bold_text{
	font-weight: 600;
}
.card_btn{
    border-radius: 5px;
    border: none;
    color: #ACACAC;
    float: right;
    padding: 3px 10px;
}
/* .swiper-slide.voir_plus_card{
	height: 1000px !important;
} */
.voir_plus_card{
	height: -webkit-max-content !important;
	height: -moz-max-content !important;
	height: max-content !important;
}
.voir_plus_card_before{
	height: 360px !important;
}
.swip_btn{
	border: none;
	background-color: transparent;
}
.swiper-container_after{
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
}
.image_special_border{
	border-top-left-radius: 80px;
}
.paragraphe_blockk{
	color: rgba(255, 255, 255, 0.70);
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 23px; /* 143.75% */
}
.paragraphe_blockk_sperated{
	color: var(--whait, var(--white, #FFF));
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	text-align: justify;
	font-weight: 600;
	line-height: 23px; /* 143.75% */
}
.titre_block_v2{
	color: var(--color-Green-one);
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	font-size: 34px;
	font-style: normal;
	line-height: 48px;
	text-transform: capitalize;
}
.p_container p{
	color: var(--color-txt-nrml);
	text-align: justify;
	font-family: "Montserrat", sans-serif;
    font-weight: 500;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 23px;
}

.mission_item_container{
	width: 352px !important;
	height: 482px !important;

    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;

	-webkit-transition: height .6s , background-color 1.5s , -webkit-transform 3s ease !important;

	transition: height .6s , background-color 1.5s , -webkit-transform 3s ease !important;

	-o-transition: transform 3s ease , height .6s , background-color 1.5s !important;

	transition: transform 3s ease , height .6s , background-color 1.5s !important;

	transition: transform 3s ease , height .6s , background-color 1.5s , -webkit-transform 3s ease !important;

	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;
	overflow: hidden;
	border-radius: 10px;
	border: 1px solid rgba(107, 151, 132, 0.16);
	padding-inline: 25px;
	cursor: pointer;
}
.mission_item_container:hover{
	width: 352px !important;
	height: 601px !important;
	background-color: var(--color-Green-dark);
	background-image: none !important;
}


.mission_item_container > .first_state div{
	margin: auto;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	padding: 10px 20px;
	border-radius: 20px;
	background: #11724896;
	color: #FFF;
	font-size: 24px;
	font-style: normal;
	line-height: 30px;
}
.mission_item_container > .final_state div{
	margin: auto;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	padding: 10px 20px;
	border-radius: 20px;
	background: var(--color-Green-three);
	color: #FFF;
	font-size: 24px;
	font-style: normal;
	line-height: 30px;
}
.mission_item_container > .final_state p{
	color: #FFF;
	font-style: normal;
	font-size: 16px;
	line-height: 23px;
	/* text-align: justify !important; */
}
.mission_item_container:hover > .first_state {
	display: none;
}
.mission_item_container .final_state {
	display: none;
}
.mission_item_container:hover > .final_state {
	display: block;

}


@keyframes slideInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0);
				transform: translate3d(0, 3000px, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
	}
}

.slideInUp {
	-webkit-animation-name: slideInUp;
			animation-name: slideInUp;
	-webkit-animation-duration: .9s;
			animation-duration: .9s;
	-webkit-animation-fill-mode: both;
			animation-fill-mode: both;
}

.nos_vision{
	width: 100%;
    height: 100%;
    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;
	background-color: var(--color-Green-dark);
	border-radius: 10px;
	color: white;
	padding-inline: 50px;
}
@media (max-width:900px){
	.nos_vision{
        padding-inline: 5px !important;
    }
}
.nos_vision div h3{
	font-size: 34px;
}
.nos_vision div .p_container-nos-vision p{
	font-size: 16px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}
.nos_vision div .p_container-nos-vision p:nth-child(2){
	font-size: 16px;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
}
/*---------------- NOS VISION DESIGNE  --------------*/
.visuin_shema_container{
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr)[10];
	grid-template-columns: repeat(10, 1fr);
    -ms-grid-rows: (1fr)[9];
    grid-template-rows: repeat(9, 1fr);
    position: relative;
}

.visuin_shema_container .background_template_vision{
	grid-column: 1 / -1;
    -ms-grid-row: 9;
    -ms-grid-row-span: -8;
    grid-row: 9 / 1;
    width: 100%;
    /* height: 100%; */
    -o-object-fit: cover;
       object-fit: cover;
    z-index: 1;
}
.grid-item{
	z-index: 2;
	color: var(--Green, #107b4d);
	text-align: center;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	font-family: Montserrat;
	font-size: 22px;
	font-weight: 700;
	line-height: 26px;
}

.grid-item_1{
	color: var(--color-Green-dark);
	-ms-grid-row: 1;
	-ms-grid-row-span: 2;
	grid-row: 1 / 3;
    -ms-grid-column: 2;
    -ms-grid-column-span: 3;
    grid-column: 2 / 5;
}
.grid-item_1_img{
    margin: auto;
    -ms-grid-row: 3;
    -ms-grid-row-span: 2;
    grid-row: 3 / 5;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3 / 4;
    z-index: 2;
}
.grid-item_2{
	color: var(--color-Green-one);
	-ms-grid-row: 1;
	-ms-grid-row-span: 2;
	grid-row: 1 / 3;
    -ms-grid-column: 5;
    -ms-grid-column-span: 2;
    grid-column: 5 / 7;
}
.grid-item_2_img{
    margin: auto;
    -ms-grid-row: 3;
    -ms-grid-row-span: 2;
    grid-row: 3 / 5;
    -ms-grid-column: 5;
    -ms-grid-column-span: 2;
    grid-column: 5 / 7;
    z-index: 2;
	margin-left: 37% !important;
}
.grid-item_3{
	color: var(--color-Green-twoo);
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1 / 3;
    -ms-grid-column: 7;
    -ms-grid-column-span: 3;
    grid-column: 7 / 10;
}
.grid-item_3_img {
    margin: auto;
    -ms-grid-row: 3;
    -ms-grid-row-span: 3;
    grid-row: 3 / 6;
    -ms-grid-column: 8;
    -ms-grid-column-span: 1;
    grid-column: 8 / 9;
    z-index: 2;
	margin-left: 12px !important;
}
.grid-item_4{
	color: var(--color-Green-one);
	margin-left: 76px;
	-ms-grid-row: 9;
	grid-row: 9 / 9;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / 3;
}
.grid-item_4_img {
	margin: auto;
	-ms-grid-row: 5;
	-ms-grid-row-span: 2;
	grid-row: 5 / 7;
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	z-index: 2;
}
.grid-item_5{
	color: var(--color-Green-twoo);
	margin-left: -65px;
	-ms-grid-row: 9;
	grid-row: 9 / 9;
    -ms-grid-column: 4;
    -ms-grid-column-span: 2;
    grid-column: 4 / 6;
}
.grid-item_5_img {
	margin: auto;
    -ms-grid-row: 5;
    -ms-grid-row-span: 2;
    grid-row: 5 / 7;
    -ms-grid-column: 4;
    -ms-grid-column-span: 2;
    grid-column: 4 / 6;
    z-index: 2;
	margin-left: 63px !important;
}

.grid-item_6{
	color: var(--color-Green-dark);
	margin-left: 41px;
	-ms-grid-row: 9;
	grid-row: 9 / 9;
    -ms-grid-column: 6;
    -ms-grid-column-span: 2;
    grid-column: 6 / 8;
}
.grid-item_6_img {
	margin: auto;
    -ms-grid-row: 5;
    -ms-grid-row-span: 2;
    grid-row: 5 / 7;
    -ms-grid-column: 6;
    -ms-grid-column-span: 2;
    grid-column: 6 / 8;
    z-index: 2;
}
.grid-item_7{
	color: var(--color-Green-three);
	margin-left: 15px;
	-ms-grid-row: 9;
	grid-row: 9 / 9;
    -ms-grid-column: 8;
    -ms-grid-column-span: 3;
    grid-column: 8 / 11;
}
.grid-item_7_img {
    margin-top: auto;
    margin-bottom: auto;
    -ms-grid-row: 5;
    -ms-grid-row-span: 2;
    grid-row: 5 / 7;
    -ms-grid-column: 9;
    -ms-grid-column-span: 1;
    grid-column: 9 / 10;
    z-index: 2;
	margin-left: 47% !important;

}

@media (max-width: 1359px) {
	.grid-item{
		font-size: 20px;
		font-weight: 700;
		line-height: 26px;
	}
	.grid-item_2{
		margin-left: -8px;
	}
	.grid-item_5 {
		margin-left: -42px;
	}
	.grid-item_5_img {
		margin-left: 52px !important;
	}
	.safari .grid-item_5_img {
		margin: auto !important;
		grid-row: 5 / 7 !important;
		grid-column: 4 / 6;
		z-index: 2;
		padding-right: 16px !important;
	}
	.safari .grid-item_3_img {
		margin-left: 37px !important;
	}
}
@media (max-width: 1200px) {
	.grid-item{
		font-size: 18px;
		font-weight: 700;
		line-height: 20px;
	}
	.grid-item_2{
		margin-left: -8px;
	}
	.grid-item_5 {
        margin-left: -24px;
    }
	.img_vision_grid img{
		width: 58px !important;
	}
	.grid-item_3_img {
		margin-left: 3px !important;
	}
	.grid-item_5_img {
		margin-left: 46px !important;
	}
	.safari .grid-item_3_img {
		margin-left: 11px !important;
	}
}
@media (max-width: 995px) {
	.grid-item{
		font-size: 14px;
        font-weight: 700;
        line-height: 16px;
	}
	.grid-item_2{
		margin-left: -7px;
	}
	.grid-item_4 {
		margin-left: 50px;
	}
	.img_vision_grid img{
		width: 48px !important;
	}
	.grid-item_5_img {
		margin-left: 33px !important;
	}
	.safari .grid-item_3_img {
		margin-left: 7px !important;
	}
}
@media (max-width: 769px) {
	.grid-item{
		font-size: 12px;
        font-weight: 600;
        line-height: 12px;
	}
	.grid-item_2{
        margin-left: -4px;
	}
	.grid-item_4 {
		margin-left: 38px;
	}
	.grid-item_6 {
		margin-left: 23px;
	}
	.img_vision_grid img{
		width: 38px !important;
	}
	.grid-item_5_img {
		margin-left: 22px !important;
	}

}
@media (max-width: 514px) {
	.grid-item{
		font-size: 11px;
        font-weight: 600;
        line-height: 12px;
		margin-top: -4px;
	}
	.grid-item_2{
        margin-left: -6px;
	}
	.grid-item_4 {
		margin-left: 28px;
	}
	.img_vision_grid img{
		width:24px !important;
	}
	.grid-item_3_img {
		margin-left: 8px !important;
	}
	.grid-item_5_img {
		margin-left: 26px !important;
	}
	.grid-item_6 {
        margin-left: 11px;
    }
}
@media (max-width: 414px) {
	.grid-item{
		font-size: 8px;
        font-weight: 600;
        line-height: 9px;
		margin-top: -4px;
	}
	.img_vision_grid img{
		width: 18px !important;
	}
	.grid-item_3_img {
        margin-left: 4px !important;
	}
	.grid-item_5_img {
		margin-left: 15px !important;
	}
	.grid-item_4 {
        margin-left: 21px;
    }
}




.nos_mission{
	overflow: hidden !important;
	margin-bottom: 100px;
}
.header_no_mission h3{
	color: var(--color-Green-dark);
	/* H2 */
	font-size: 34px;
	font-style: normal;
	line-height: 48px; /* 141.176% */
	text-transform: capitalize;
}
.header_no_mission p{
	color: var(--color-txt-nrml);
	text-align: center;
	font-size: 16px;
	font-style: normal;
	line-height: 23px;
}
/*<--------- END Découvrez l’Hôpital
			(Missions, Vision & Valeurs) ----------->*/

/*<--------- BAGIN Découvrez l’Hôpital
			(Notre projet d’établissement hospitalier)
			 ----------->*/
.main_section{
	padding: 60px;
	border-radius: 20px;
	background: var(--white, #FFF);
	-webkit-box-shadow: 0px 0px 74px 0px rgba(0, 0, 0, 0.05);
	        box-shadow: 0px 0px 74px 0px rgba(0, 0, 0, 0.05);
}
.defrent_color_s1{
	color: var(--color-Green-twoo);
}
.titre_paragaph{
	color: var(--color-Green-one);
	white-space: nowrap;
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 23px;
	margin-top: 27px;
	margin-bottom: 27px;
}
.paragraphe_block_s1_M{
	color: var(--color-txt-nrml);
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 23px;
	text-align: justify;
}
.titre_section2_M{
	color: #002C68;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	font-family: Montserrat;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 48px; /* 200% */

}
.line_top_M{
	border-bottom: 1px solid rgba(0, 0, 0, 0.20);
	border-top: 1px solid rgba(0, 0, 0, 0.20);
	padding: 20px 5px;

	color: #000;
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 23px; /* 143.75% */
}
.solid-container {
	height: 100vh;
}



.prev-button,
.next-button {
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	background-color: rgba(255, 255, 255, 0.5);
	padding: 10px;
	cursor: pointer;
	border: none;
	outline: none;
	font-size: 20px;
	z-index: 1000;
}

.prev-button {
	left: 10px;
}

.next-button {
	right: 10px;
}

.book_cover {
	padding: 32px 35px;
	background-image: url('/assets/book_cover_v1.png');
	background-size: cover;
	position: relative; /* Ensure the positioning context for absolute positioning */
}
.red-line {
	position: absolute;
	top: 7%; /* Position the line at the top of the book cover */
	left: 50%; /* Position the line horizontally centered */
	width: 1px; /* Adjust the width of the line */
	height:   87%; /* Make the line cover the full height of the book cover */
	background-color: rgb(199, 199, 199);
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) -1px 1px 20px 5px;
	        box-shadow: rgba(0, 0, 0, 0.4) -1px 1px 20px 5px;
	z-index: 1000;

}
#loader-overlay {
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.8);
	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;
}

.loader {
	border: 6px solid #f3f3f3;
	border-radius: 50%;
	border-top: 6px solid #3498db;
	width: 50px;
	height: 50px;
	-webkit-animation: spin 1.5s linear infinite;
	animation: spin 1.5s linear infinite;
}

@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
	0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
.hide-line {
	display: none; /* Hide the red line */
}

/*<--------- END Découvrez l’Hôpital
			(Notre projet d’établissement hospitalier)
			 ----------->*/

/*<--------- BEGIN Nos pôles d’excellence ----------->*/
.titre_block_medium{
	overflow: hidden;
	color: var(--color-Green-twoo);
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	font-family: Montserrat;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 43px;
}

.img_petite__poles_excellence{
	margin-bottom: -100px;
	right: 0;
}
.poles_excellence_section1{
	margin-bottom: 200px;

}
.list_poles_excellence{
	border-radius: 20px 0px 0px 20px;
	background: var(--color-Turquoise);
	padding: 30px 10px;
}
.titre_block_white{
	color: var(--whait, #FFF);
	font-family: Montserrat;
	font-size: 33px;
	font-style: normal;
	font-weight: 600;
	line-height: 43px;
}
.title_list_poles_excellence{
	padding-left: 30px;
}
.list_poles_excellence_containe{
	border-radius: 20px 0px 0px 20px;
	background: var(--color-Green-one);
}
.list_poles_excellence_containe_ul{
	padding: 15px 0px;
	padding-right: 20px;
	list-style: none;
}
.list_poles_excellence_li{
	color: var(--whait, var(--white, #FFF));
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 43px;
	padding: 0px 20px;
	cursor: pointer;
	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;
}
.list_poles_excellence_li:hover{
	background-color: var(--color-Turquoise);
	border-radius: 0px 30px 30px 0px;

}
.active_list_poles_excellence_li{
	background-color: var(--color-Turquoise);
	color: var(--whait, var(--white, #FFF));
	border-radius: 0px 30px 30px 0px;
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 43px;
	padding-left: 15px;
}
.grand_titre_content_list_poles{
	color: var(--color-Green-one);
	font-family: Montserrat;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 43px; /* 179.167% */
}
.medium_titre_content_list_poles{
	color: var(--color-Green-one);
	font-family: Montserrat;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 43px; /* 215% */
	border-left: 2px solid var(--color-Green-one);
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	padding: 0px 30px;
}
.small_titre_content_list_poles{
	color: var(--color-Green-one);
	font-family: Montserrat;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 23px; /* 164.286% */
}
.li_content_list_poles_excellence_text{
	color: var(--133460, #000);
	font-family: Montserrat;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
}
.li_content_list_poles_excellence{
	overflow: hidden;
}
.paragraphe_container_s2{
	border-radius: 10px;
	background: rgba(107, 151, 132, 0.10);
	padding: 20px;
}
.poles_excellence_shadow{
    -webkit-box-shadow: rgb(166 166 166 / 45%) 0px 25px 20px -20px;
            box-shadow: rgb(166 166 166 / 45%) 0px 25px 20px -20px;
}
/*<--------- END Nos pôles d’excellence ----------->*/
.links_container_simulation{
	height: 100%;
	padding: 13px 14.3px;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
	width: 100%;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.main_content_simulation{
	margin-top: 100px;
	padding: 20px;
}
.main_content_simulation .grand_titre_simulation{
	overflow: hidden;
	color: var(--color-Green-dark);
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	font-family: Montserrat;
	font-size: 33px;
	font-style: normal;
	font-weight: 700;
	line-height: 48px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.main_content_simulation .grand_titre_simulation svg{
	margin-right: 5px;
}
.main_content_simulation .inroduction_paragaphe{
	color: rgba(0, 0, 0, 0.76);
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	font-weight: 800;
	line-height: 27px;
}
.main_content_simulation .titre_paragaph_simulation{
	color: var(--color-Green-twoo);
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	font-weight: 800;
	line-height: 27px;
}
.main_content_simulation .paragraphe_block_simulation{
	color: var(--color-txt-nrml);
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 27px;
}
.main_content_simulation .image_main_content{
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
	margin-top: 50px;
}

.links_container_simulation:hover,
.links_container_simulation:hover .top_navigation_links_decouvr_hopital {
    background-color: var(--color-Green-twoo); /* Change to your desired hover color */
    color: #ffffff; /* Change to your desired text color */
}

/*<------------ BEGIN College Of Health Sciences -------------->*/
.paragraphe_block_Explorez_College{
	overflow: hidden;
	color: rgba(0, 0, 0, 0.60);
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 27px; /* 168.75% */
}
.Explorez_College_section2{
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(-35.02%,  #003667), to( #003567a0)),
	url("/assets/background_collegDiv.png");
	background-image: -o-linear-gradient(top,  #003667 -35.02%,  #003567a0 100%),
	url("/assets/background_collegDiv.png");
	background-image: linear-gradient(180deg,  #003667 -35.02%,  #003567a0 100%),
	url("/assets/background_collegDiv.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;

}
.title_Explorez_College_section2{
	color: var(--white, #FFF);
	font-family: Montserrat;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 15.159px; /* 185.793% */
}
.min_title_Explorez_College_section2{
	color: var(--white, #FFF);
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 22.2px; /* 138.75% */
	text-transform: uppercase;
}
.icon_Explorez_College_section2{
	padding: 0px 20px;
	border-left: 2px solid white;
    height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.col_Explorez_College_section2{
	padding: 0px;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin-bottom: 50px;
}
@media (max-width: 1407px){
    .title_Explorez_College_section2  {
		font-size: 18px;
    }
	.min_title_Explorez_College_section2  {
		font-size: 15px;
    }
}
@media (max-width: 993px){
    .text_section1_Explorez_Colleg  {
		width: 100% !important;
		order: 2 !important;
    }
	.image_section1_Explorez_Colleg  {
		width: 100% !important;
		order: 1 !important;
    }
}
@media (min-width: 1393px){
	.image_section1_Explorez_Colleg  {
		padding: 40px !important;
    }
}
@media (max-width: 1023px){
    .text_col_Explorez_College_S1  {
		width: 100% !important;
    }
	.image_col_Explorez_College_S1  {
		width: 100% !important;
    }
}
@media (max-width: 1200px){
	.image_col_Explorez_College_S1  {
		padding: 0px !important;
    }
}
@media (max-width: 1025px){
	.image_col_Explorez_College_S1  {
		padding: 15px !important;
    }
}
.Explorez_College_section2 .inscription_block{
	border-radius: 10px;
	background: var(--color-Teal);
	padding: 22px 40px;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 130px;


}
.inscription_block .inscription_block_text{
	color: var(--whait, var(--white, #FFF));
	font-family: Montserrat;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	margin: 0px;
}

@media (max-width: 1001px){
    .inscription_block .inscription_block_text  {
		font-size: 18px;
		margin-bottom: 10px;
    }
	.Explorez_College_section2 .inscription_block{
		display: block;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}


}
.Actualites_header .Actualites_header_title{
	color: var(--whait, var(--white, #FFF));
	font-family: Montserrat;
	font-size: 33px;
	font-style: normal;
	font-weight: 600;
	margin: 0px;
}
.Actualites_header .Actualites_header_link{
	color: var(--whait, var(--white, #FFF));
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	-webkit-text-decoration-line: underline;
	        text-decoration-line: underline;
}
.Actualites_header_icon_buttoun{
	background-color: transparent;
	border: none;
	outline: none;
	padding: 0px;
	margin-left: 20px;
}
.evenements_Explorez_College{
	margin-bottom: 30px;
}
.evenements_Explorez_College .defrent_style_card{
	border: 1px solid #ddd;
	padding: 32px;
	-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
	        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
	border-radius: 11px;
	background: var(--color-Green-one);
	width: 427px !important;
	height: 318px !important;
	border-radius: 11px;
	margin-right: 10px !important;
}
.swiper_item_Explorez_Colleg{
	min-width: 456px !important;
	min-height: 148px !important;
	border-radius: 5px;
	background: var(--color-Green-three);
	-webkit-box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.07);
	        box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.07);
	max-width: 456px !important;
    max-height: 148px !important;
}
.swiper_day{
	color: white;
	font-family: Montserrat;
	font-size: 61px;
	font-style: normal;
	font-weight: 600;
	line-height: 48px;
}
.swiper_mois{
	color: var(--white, #FFF);
	font-family: Montserrat;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 26px;
}
.date_container_swiper{
	padding: 32px;
}
.swip_titre_evenements{
	overflow: hidden ;
	color: white;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	white-space: nowrap;
	font-family: Montserrat;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	margin: 0px;
	line-height: 26px; /* 144.444% */

}
.swiper_content_Explorez_Colleg{
	overflow: hidden;
	height: 80px;
	padding: 0px 27px;
	border-left: 1px solid white;

}
.swiper_content_Explorez_Colleg .paragraphe_swiper{
	overflow: hidden;
	color: #F0F0F0;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	white-space: nowrap;
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 23px;
}
.pagination_swiper_Explorez_Colleg{
    position: static !important;
	text-align: center;
	-webkit-transition: .3s opacity;
	-o-transition: .3s opacity;
	transition: .3s opacity;
	-webkit-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0);
	z-index: 10;
	margin-top: 30px;
}
.evenements_Explorez_College .swiper-pagination-bullet-active {
    background:  white;
}

.evenements_Explorez_College .swiper-slide-active {
	background: white !important;
}
.evenements_Explorez_College .swiper-slide-active .swiper_day{
	color: var(--color-Green-three) !important;
}
.evenements_Explorez_College .swiper-slide-active .swiper_content_Explorez_Colleg{
	border-left: 1px solid var(--color-Green-three);
}
.evenements_Explorez_College .swiper-slide-active .swiper_mois{
	color: var(--color-Green-three) !important;
}
.evenements_Explorez_College .swiper-slide-active .swip_titre_evenements{
	color: var(--color-Green-three) !important;
}
.evenements_Explorez_College .swiper-slide-active .paragraphe_swiper{
	color: var(--color-Green-three) !important;
}
.voir_plus_buttouns_Explorez_Colleg {
	margin-top: 30px;
    z-index: 30;
    float: right;
    width: 100%;
    text-align: right;
	position: absolute;
}
.Explorez_Colleg_voir_tout{
	overflow: hidden;
	color: var(--whait, var(--white, #FFF));
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	-webkit-text-decoration-line: underline;
	        text-decoration-line: underline;
	border: none;
	outline: none;
	background-color: transparent;
}
.titre_formation{
	overflow: hidden;
	color: var(--color-White);
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	font-family: Montserrat;
	font-size: 33px;
	font-style: normal;
	font-weight: 700;
	line-height: 34px;
}
.formation_card{
	text-align: center;
	padding: 20px;
}
.image_formation{
	border-radius: 10px;
	margin-bottom: 18px;
}
.formation_title{
	color: var(--color-White);
	text-align: center;
	font-family: Montserrat;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	margin-bottom: 18px;
    min-height: 40px;

}



.formation_continue_Explorez_Colleg{
	overflow: hidden !important;
}
.swiper_item_formation_contenu{

}
.img_formation_contenu{
	width: 100%;
}
.swip_titre_formation{
	color: var(--color-White);
	font-family: Montserrat;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.paragraphe_formation_swiper{
	color: var(--color-White);
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px; /* 137.5% */
}
.swiper_content_formation_contenu{
	padding: 20px;
}
@media  (min-width: 992px) and (max-width: 1200px){
    .p_container_formation{
		min-height: 120px !important;
	}
}
.btn_next_swiper_formation{
	border: none;
	outline: none;
	background-color: transparent;
}
.btn_previes_swiper_formation{
	border: none;
	outline: none;
	background-color: transparent;
}
.btn_swiper_container{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
@media (max-width: 1132px){
    .swiper_item_formation_contenu{

	}
}
@media (max-width: 595px){
    .swiper_item_formation_contenu{

	}
}
/*<------------ END College Of Health Sciences -------------->*/
/*<------------ BEGIN FORMATION CONTENUES -------------->*/
.paragraphe_block1_formation_contenue{
	color: rgba(0, 0, 0, 0.60);
	font-family: Montserrat;
	font-size: 17px;
	font-style: normal;
	font-weight: 700;
	line-height: 26px; /* 136.842% */
}
.paragraphe_block2_formation_contenue{
	color: rgba(0, 0, 0, 0.60);
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 27px; /* 168.75% */
}
.paragraphe_block2_formation_contenue span{
	font-weight: 600;
	color: #000;

}
.columen_text_mission{
	color: var(--white, #FFF);
	font-family: Montserrat;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 27px; /* 150% */
}
.green_col_mission{
	background-color: var(--color-Green-one);
	border-radius: 10px;
	padding: 29px 34px;
}
.blue_col_mission{
	background-color: var(--color-Turquoise);
	border-radius: 10px;
	padding: 29px 34px;
}
.columen_text_mission.border_text{
	padding-left: 15px;
	border-left: 6px solid white;
}
.blue_col_mission svg{
	margin-bottom: 10px;
}
.green_col_mission svg{
	margin-bottom: 10px;
}
@media (max-width: 991px){
    .blue_col_mission  {
		margin-bottom: 20px;
    }
	.green_col_mission  {
		margin-bottom: 20px;
	}
	.col_container{
		padding: 0px;
	}
}
.columen_mission_header p{
	color: rgba(0, 0, 0, 0.60);
	font-family: Montserrat;
	font-size: 19px;
	font-style: normal;
	font-weight: 700;
	line-height: 26px; /* 136.842% */
}
.columen_mission_header h4{
	color: var(--133460, #000);
	font-family: Montserrat;
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: 35px; /* 125% */
	margin-bottom: 28px;
}
.columen_mission_header{
	padding: 20px !important;
}
.section_missions{
	margin-bottom: 120px !important;
}

.accordion-title_after_formation_contenu {
    background-color: var(--color-Green-dark);
    color: #F7FAF9;
    padding: 8px 15px;
    font-size: 16px;
    border-radius: 20px;
    width: 95%;
}
.accordion_items_formation_contenu{
	border-radius: 40px;
	background: var(--white, #FFF);
	min-width: -webkit-fit-content;
	min-width: -moz-fit-content;
	min-width: fit-content;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin: 0px 14px;
	margin-bottom: 10px;
	padding: 5px 17px;
}
.accordion_items_text{
	margin-left: 10px;
	color: var(--color-Green-one);
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 27px; /* 168.75% */
	text-align: justify;
}
.underline_buttoun_decorations{
	text-decoration: underline;
}
@media (max-width: 559px){
    .accordion_main_container  {
        display: block !important;
		text-align: center !important;
    }

}
/*<------------ END FORMATION CONTENUES -------------->*/
/*<------------ BEGIN NOS EQUIPES -------------->*/
.no_equpe_titre_video_section{
	overflow: hidden;
	color: var(--coor-light-black);
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	font-size: 20px;
	font-style: normal;
}
.no_equie_video_title{
	color: #000;
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	text-decoration: none;
}
.grand_titre_standard{
	color: var(--color-Green-dark);
	font-size: 33px;
	font-style: normal;
    line-height: 36px;
	position: relative;
	padding-left: 20px;
}

.standard_p_container p{
	color: var(--color-txt-nrml);
	text-align: justify;
	font-size: 16px;
	font-style: normal;
	line-height: 27px;
	font-family: "Montserrat", sans-serif;
    font-weight: 500;
	text-decoration: none;
}
.standard_p_containerV4 p{
	color: var(--color-txt-nrml);
	text-align: justify;
	font-size: 16px;
	font-style: normal;
	line-height: 27px;
	font-family: "Montserrat", sans-serif;
    font-weight: 500;
	text-decoration: none;
}
.standard_p_container ul li p{
	color: var(--color-txt-nrml);
	text-align: justify;
	font-size: 16px;
	font-style: normal;
	line-height: 27px;
	font-family: "Montserrat", sans-serif;
    font-weight: 600;
	border-left: 2px solid var(--color-Green-dark);
	padding-left: 10px;
	margin: 0px !important;
}
.standard_p_container ul{
	color: var(--color-txt-nrml);
	padding-left: 1rem !important;
	margin: 0px !important;

}
.standard_p_container ul li:not(:last-child) {
    margin-bottom: 23px;
}
.standard_p_container ul{
	text-decoration: none !important;
	list-style: none;
}
.hqe_title_div{
	color: var(--coor-light-black);
	text-align: center;
	font-size: 24px;
	font-style: normal;
	line-height: 35px;
	max-width: 871px;
	margin: auto;
}
.no_equipe_w .swiper_container_no_equipes {
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding: 20px 0px !important;
}
.no_equipe_w .swiper_slide_no_equipes {
height: 70px;
margin-right: 23px !important;
padding: 0px 20px !important;
}
.no_equipe_w .icon_left_name_tag{
border-radius: 20px 0px 0px 20px;
background: var(--color-Green-twoo);
padding: 18px;
}
.no_equipe_w .swiper_tag_name_content{
border-radius: 20px;
background: var(--whait, #FFF);
-webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
		box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
}
.no_equipe_w .tag_name_no_equipes{
width: 100%;
color: #000;
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 34px; /* 212.5% */
}
.no_equipe_w .navigation_header{
border-radius: 20px;
background: var(--whait, #FFF);
-webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
		box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
height: 68px;
padding: 10px;
overflow-x: auto;
scrollbar-width: none;
}
.no_equipe_w .navigation_header::-webkit-scrollbar {
	display: none; /* Hide scrollbar for WebKit-based browsers */
}

.no_equipe_w .btn_name_tag{
width: 100%;
border-radius: 20px;
background-color: #FFF;
border: none;
color: #B2B2B3;
text-align: center;
font-family: Montserrat;
font-size: 16px;
font-weight: 600;
min-width: -webkit-max-content !important;
min-width: -moz-max-content !important;
min-width: max-content !important;
}
.no_equipe_w .btn_name_tag:hover{
	background: var(--color-Green-twoo);
	color: white;
}
.no_equipe_w .btn_name_tag_active{
	background: var(--color-Green-dark);
	color: white;
	-webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
			box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
}
.no_equipe_w .p_container_no_equipe{
	color: var(--color-txt-nrml);
	text-align: justify;
	font-size: 16px;
	font-family: "Montserrat", sans-serif;
	font-weight: 500;
}
.no_equipe_w .p_container_no_equipe ul li p{
	margin-bottom: 5px !important;
}


.no_equipe_w .prent_item{
	background-color: var(--color-Green-one);
	color: var(--color-White);
	border-radius: 10px;
	font-family: Montserrat;
	font-size: 20px;
	font-weight: 600;
	min-width: 410px;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	-webkit-box-pack: center ;
		-ms-flex-pack: center ;
			justify-content: center ;
	position: relative;
	-webkit-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
			box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	flex-direction: column;
	transition: all 0.5s ease; /* Smooth transition for movement */

}
.custem_case{
	overflow: hidden;
}
.no_equipe_w .custem_case:hover span{
	transform: translateY(-103%); /* Move the top element up */
}
.no_equipe_w .custem_case:hover .user_parent_item{
    left: 0px;
}
.no_equipe_w .custem_case:hover .tag_name_container_organisation{
	transform: translateY(-40%) translateX(10%); /* Move the element up and to the right */

}
.no_equipe_w .user_parent_item{
	height: 100%;
    position: absolute;
    left: -143px;
	transition: all 0.5s ease; /* Smooth transition for movement */
}
.no_equipe_w .prent_item span{
    color: var(--Color, #FFF);
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 600;
    border-radius: 0px 0px 10px 10px;
    background: var(--color-Green-dark);
    padding-inline: 8px;
    width: 60%;
    text-align: center;
    padding: 4px;
	transition: transform 0.5s ease; /* Smooth transition for movement */

}
.no_equipe_w .tag_name_container_organisation{
	padding: 14px 5px;
	transition: all 0.5s ease; /* Smooth transition for movement */

}
.no_equipe_w .prent_item span svg{
	left: -8px;
	top: 0px;
	width: 9px;
	position: absolute;
	z-index: -1;
}
.no_equipe_w .child_item{
	border-radius: 10px;
	background: -o-linear-gradient(345deg, #D8D9D6 6.19%, #F3F4F3 55.88%, #FFF 73.34%), var(--Color, #FFF);
	background: linear-gradient(105deg, #D8D9D6 6.19%, #F3F4F3 55.88%, #FFF 73.34%), var(--Color, #FFF);
	-webkit-box-shadow: 2px 7px 20px 0px rgb(0 0 0 / 15%);
	box-shadow: 0px 9px 19px -30px rgba(0, 0, 0, 0.15);
	color: var(--coor-light-black);
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 400;
	position: relative;
	margin-bottom: 100px;

	border: 1px solid rgba(0, 0, 0, 0.16);
	min-height: 74px;
}
.custem_childe_equipe{
	display: flex;
    flex-direction: column;
	width: 100%;
	transition: all 0.5s ease; /* Smooth transition for movement */
	overflow: hidden !important;
	position: relative;
}
.custem_childe_equipe2{
	display: flex;
    flex-direction: column;
	width: 100%;
	transition: all 0.5s ease; /* Smooth transition for movement */
	overflow: hidden !important;
	position: relative;
}

.no_equipe_w .link_line_child_12{
	height: 206px;
    width: 46px !important;
    position: absolute;
    left: -56px;
    bottom: 50%;
	z-index: -1;
}
.no_equipe_w .child_item2{
	border-radius: 10px;
	background: -o-linear-gradient(345deg, #D8D9D6 6.19%, #F3F4F3 55.88%, #FFF 73.34%), var(--Color, #FFF);
	background: linear-gradient(105deg, #D8D9D6 6.19%, #F3F4F3 55.88%, #FFF 73.34%), var(--Color, #FFF);
	/* width: 558px;
	height: 77px; */
	-webkit-box-shadow: 2px 7px 20px 0px rgb(0 0 0 / 15%);
			box-shadow: 2px 7px 20px 0px rgb(0 0 0 / 15%);
	color: var(--coor-light-black);
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 400;
	position: relative;
	margin-bottom: 100px;

}
.no_equipe_w .user_child_item{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
	height: 100%;
    position: absolute;
    top: 100%;
    left: 0;
	transition: all 0.5s ease; /* Smooth transition for movement */

}
.no_equipe_w .child_item span{
	color: var(--Color, #FFF);
    font-family: Montserrat;
    font-size: 11px;
    font-weight: 600;
    border-radius: 10px 10px 0px 0px;
    background: var(--color-Green-dark);
    padding: 10px 10px;
	transition: all 0.5s ease; /* Smooth transition for movement */

}
.child_name_tag{
	padding: 10px 5px;
	transition: all 0.5s ease; /* Smooth transition for movement */

}
.no_equipe_w .child_item2 span{
	position: absolute;
	color: var(--Color, #FFF);
	font-family: Montserrat;
	font-size: 11px;
	font-weight: 600;
	border-radius: 0px 0px 10px 10px;
	background: var(--color-Green-dark);
	padding-inline: 8px;
	top: 10%;
	left: 50%;
	-webkit-transform: translate(-50%, -90%);
		-ms-transform: translate(-50%, -90%);
			transform: translate(-50%, -90%);
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
}
.no_equipe_w .child_child_item span{
	color: var(--Color, #FFF);
	font-family: Montserrat;
	font-size: 11px;
	font-weight: 600;
	border-radius: 10px 10px 0px 0px;
	background: var(--color-Green-dark);
	width: 100%;
    text-align: center;
	padding: 10px 10px;
    transition: all 0.5s ease;
}
.no_equipe_w .child_child_item{
	border-radius: 10px;
	background: -o-linear-gradient(345deg, #D8D9D6 6.19%, #F3F4F3 55.88%, #FFF 73.34%), var(--Color, #FFF);
	background: linear-gradient(105deg, #D8D9D6 6.19%, #F3F4F3 55.88%, #FFF 73.34%), var(--Color, #FFF);
	width: 271px;
	height: 77px;
	-webkit-box-shadow: 2px 7px 20px 0px rgb(0 0 0 / 15%);
		box-shadow: 0px 9px 19px -30px rgba(0, 0, 0, 0.15);
	color: var(--coor-light-black);
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 400;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	border: 1px solid rgba(0, 0, 0, 0.16);
}
.organirgame_custom .child_item span,
.organirgame_custom .child_item2 span{
	/* width: 90%; */
	text-align: center;
}
.organirgame_custom .child_child_item{
	flex-direction: column;
	height: auto;
	width: 100%;
	min-height: 74px;
}
.no_equipe_w .link_line_parent{
	position: absolute;
	bottom: -77px;
}
.no_equipe_w .link_line_parent22 {
    position: absolute;
    bottom: -174px;
}
.no_equipe_w .link_line_parent_hiden{
	position: absolute;
	bottom: -77px;
}
.no_equipe_w .link_line_child{
	height: 130px;
	width: 46px !important;
	position: absolute;
	left: -56px;
	bottom: 57%;
}

.no_equipe_w .link_line_parentV2{
	position: absolute;
	bottom: -123px;
    left: -268px;
}
.no_equipe_w .link_line_childv2{
	height: 130px;
	width: 46px !important;
	position: absolute;
	left: -87px;
	bottom: 50%;
}
.no_equipe_w .link_line_childv3{
	height: 130px;
	width: 46px !important;
	position: absolute;
	left: -68px;
	bottom: 50%;
}
.no_equipe_w .link_line_parent_hiden{
	display: none;
}
.no_equipe_w .margin_fix_postion{
	margin-left: 133px;
}
@media (max-width:1232px){
	.no_equipe_w .child_item2{
		width: auto;
	}
	.no_equipe_w .child_item{
		width: auto;
	}
	/* .no_equipe_w .child_item2 span{
		width: auto;
		min-width: 228px !important;
	} */

}
@media (max-width:1071px){

	.no_equipe_w .prent_item{
		min-width: 100% !important;
		margin: auto;
	}
	/* .no_equipe_w .prent_item span {
		width: -webkit-min-content;
		width: -moz-min-content;
		width: min-content;
		min-width: 232px;
	} */
	.no_equipe_w .margin_fix_postion{
		margin-left: auto !important;
	}
	.no_equipe_w .prent_item:hover span{
		transform: translateY(-103%); /* Move the top element up */
	}
	.no_equipe_w .prent_item:hover .user_parent_item{
		left: 0px;
	}
	.no_equipe_w .prent_item:hover .tag_name_container_organisation{
		transform: translateY(-20%) translateX(10%); /* Move the element up and to the right */

	}
}

@media (max-width : 1233px){
	.no_equipe_w .link_line_childv2 {
		display: none;
	}
	.no_equipe_w .link_line_childv3 {
		display: none;
	}
	.no_equipe_w .link_line_parentV2{
		left: -46px;
	}
}
@media (max-width : 1071px){
	.no_equipe_w .link_line_childv2 {
		display: none;
	}
	.no_equipe_w .link_line_childv3 {
		display: none;
	}
	.no_equipe_w .link_line_parentV2{
		display: none;
	}
	.no_equipe_w .link_line_parent_hiden{
		display: block;
	}
	/* .no_equipe_w .child_item2 span {
		left: 57%;
	} */
}
@media (max-width : 767px){
	.no_equipe_w .link_line_parent_hiden {
		display: none;
	}
	.no_equipe_w .link_line_childv3 {
		display: none;
	}
	.no_equipe_w .link_line_parentV2{
		display: none;
	}
}
@media (max-width : 475px){

	.no_equipe_w .prent_item {
		font-size: 18px;
	}
}
@media screen and (min-width: 992px) and (max-width: 1139px){
	.no_equipe_w .image_section1_no_equipes  {
		width: 50% !important;
	}
	.no_equipe_w .text_section1_no_equipes{
		width: 50% !important;
	}
}
@media screen and (max-width: 992px){
	.no_equipe_w .image_section1_no_equipes {
		width: 100% !important;
		padding: 20px;
	}
	.no_equipe_w .text_section1_no_equipes{
		width: 100% !important;
	}
}
@media (max-width : 1015px){
	.no_equipe_w .link_line_parent {
		width: 440px !important;
		height: 43px !important;
	}
	.no_equipe_w .link_line_parent22 {
		width: 560px !important;
        height: 158px !important;
	}
	.no_equipe_w .link_line_parent_hiden {
		width: 440px !important;
		height: 43px !important;
	}
}
@media (max-width : 767px){
	.no_equipe_w .link_line_parent {
		display: none;
	}
	.no_equipe_w .link_line_parent22 {
		display: none;
	}
	.no_equipe_w .link_line_parent_hiden {
		display: none;
	}
	.no_equipe_w .prent_item:hover .tag_name_container_organisation{
		transform: translateY(-40%) translateX(10%); /* Move the element up and to the right */

	}
}
@media (max-width : 354px){
	.no_equipe_w .link_line_child {
		width: 114px !important;
	}
}
@media (max-width:1200px){
	.standard_p_container ul li p{
		font-size: 14px;
		line-height: 23px;
	}
	.standard_p_container ul li:not(:last-child) {
		margin-bottom: 18px;
	}
	.standard_p_container ul{
		padding-left: 0rem !important;
		margin: 0px !important;

	}
	.grand_titre_standard{
		font-size: 25px;
		line-height: 35px;
		/* max-width: 400px; */
	}
	.standard_p_container p{
		font-size: 14px;
		line-height: 25px;
		font-weight: 500;
	}
}
@media (max-width: 500px) {
    .grand_titre_standard {
        font-size: 23px;
        line-height: 30px;

    }
	.p_container p{
		font-size: 14px;
	}
	.nos_vision div .p_container-nos-vision p {
		padding: 3px;
		text-align: justify;
		font-size: 14px;
	}
	.header_no_mission p {
		text-align: justify;
		font-size: 14px;

	}
}
@media (max-width: 768px){
	.hqe_title_div{
		text-align: center;
		font-size: 20px;
		font-style: normal;
		line-height: 35px;
	}

}
@media (max-width:433px){
	.no_equipe_w .prent_item span {
		width: 100% !important;
	}

	.no_equipe_w .prent_item:hover .tag_name_container_organisation{
		transform: translateY(-40%) translateX(22%); /* Move the element up and to the right */

	}
}
@media (max-width:377px){
	.no_equipe_w .prent_item span {
		width: 100% !important;
	}
	.tag_name_container_organisation{
		width: 165px;
	}
	.no_equipe_w .prent_item:hover .tag_name_container_organisation {
		transform: translateY(-30%) translateX(53%);
	}

}
.equipe_case_1{
	margin-left: 70px;
}
.equipe_case_2{
	margin-left: 120px;
}
@media screen and (max-width:991px) {
	.equipe_case_1, .equipe_case_2 {
		margin-left: 0px;
	}
	.equipe_case_1 img, .equipe_case_2 img {
		display: none;
	}
}
.grand_titre_standard::after{
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 7px;
    height: 100%;
    border-radius: 10px;
    background-color: var(--color-Green-twoo);
}


.custem_childe_equipe:hover span{
	transform: translateY(-103%);
}
.custem_childe_equipe:hover div{
	transform: translateY(-40%) translateX(10%);

}
.custem_childe_equipe:hover .user_child_item{
	left: 0;
	top: 0;
}
/*---------- engagement environemental ------------*/


.certicat_container{
	width: 100%;
	height: 309px;
	border-radius: 10px 10px 66px 66px;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(10, 89, 55, 0.90)), to(rgba(10, 89, 55, 0.78))),
	url("/assets/engagment_back.png");
	background: -o-linear-gradient(top, rgba(10, 89, 55, 0.90) 0%, rgba(10, 89, 55, 0.78) 100%),
	url("/assets/engagment_back.png");
	background: linear-gradient(180deg, rgba(10, 89, 55, 0.90) 0%, rgba(10, 89, 55, 0.78) 100%),
	url("/assets/engagment_back.png");
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 250px;
}
.certicat_container .content h2{
	color: #FFF;
	text-align: center;
	-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	font-size: 33px;
	font-style: normal;
}
.certicat_container .content p{
	max-width: 710px;
	color: rgba(255, 255, 255, 0.80);
	text-align: center;
	font-family: "Montserrat", sans-serif;
	font-weight: 500;
	font-size: 16px;
	margin-inline: auto;
}
.certicat_container .content{
	padding-top: 40px;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
}
.certificat_image{
	width: 100%;
	max-width: 478px;
}
.certicate_container{
	margin: auto;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}


.image-overlay {
	position: relative;
	display: inline-block;
}

.certificat_image {
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

.image-overlay::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:  -webkit-gradient(linear, left bottom, left top, from(rgba(12, 67, 85, 0.80)), to(rgba(12, 67, 85, 0.80)));
	background:  -o-linear-gradient(bottom, rgba(12, 67, 85, 0.80) 0%, rgba(12, 67, 85, 0.80) 100%);
	background:  linear-gradient(0deg, rgba(12, 67, 85, 0.80) 0%, rgba(12, 67, 85, 0.80) 100%);
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
	border-radius: 8px;
}

.image-overlay:hover::after {
	opacity: 1;
}
.image-overlay .svg {
	position: absolute;
	bottom: 9%;
	left: 50%;
	-webkit-transform: translate(-50%, -9%);
		-ms-transform: translate(-50%, -9%);
			transform: translate(-50%, -9%);
	opacity: 0;
	-webkit-transition: bottom 0.3s ease , opacity 0.5s ease;
	-o-transition: bottom 0.3s ease , opacity 0.5s ease;
	transition: bottom 0.3s ease , opacity 0.5s ease;
	z-index: 100;
	color: var(--whait, #ffffff97);
	font-family: Montserrat;
	font-size: 12px;
	font-weight: 600;
}
.line_border{
	width: 100%;
	height: 1px;
	background-color: rgba(0, 0, 0, 0.139);
}
.image-overlay:hover .svg {
	opacity: 1;
	bottom: 33%;
	-webkit-transition: bottom 0.3s ease , opacity 0.5s ease;
	-o-transition: bottom 0.3s ease , opacity 0.5s ease;
	transition: bottom 0.3s ease , opacity 0.5s ease;
}
.image-overlay span{
	color: var(--whait, #FFF);
	text-align: center;
	font-family: Montserrat;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 21px;
	position: absolute;
	top: 9%;
	width: 100%;
	left: 50%;
	-webkit-transform: translate(-50%, -9%);
		-ms-transform: translate(-50%, -9%);
			transform: translate(-50%, -9%);
	opacity: 0;
	-webkit-transition: top 0.3s ease , opacity 0.5s ease;
	-o-transition: top 0.3s ease , opacity 0.5s ease;
	transition: top 0.3s ease , opacity 0.5s ease;
	z-index: 100;
}
.image-overlay:hover span {
	opacity: 1;
	top: 33%;
	left: 50%;
	-webkit-transform: translate(-50%, -9%);
		-ms-transform: translate(-50%, -9%);
			transform: translate(-50%, -9%);
	-webkit-transition: top 0.3s ease , opacity 0.5s ease;
	-o-transition: top 0.3s ease , opacity 0.5s ease;
	transition: top 0.3s ease , opacity 0.5s ease;
}
.certificate_model{
	padding: 0px !important;
}
@media (max-width:426px){
	.image-overlay span{
		font-weight: 500;
		font-size: 18px;
	}
	.image-overlay:hover svg {
		opacity: 1;
		top: 23%;
		-webkit-transition: top 0.3s ease , opacity 0.5s ease;
		-o-transition: top 0.3s ease , opacity 0.5s ease;
		transition: top 0.3s ease , opacity 0.5s ease;
	}
	.image-overlay:hover span {
		opacity: 1;
		bottom: 0%;
		left: 50%;
		-webkit-transform: translate(-50%, -9%);
			-ms-transform: translate(-50%, -9%);
				transform: translate(-50%, -9%);
		-webkit-transition: bottom 0.3s ease , opacity 0.5s ease;
		-o-transition: bottom 0.3s ease , opacity 0.5s ease;
		transition: bottom 0.3s ease , opacity 0.5s ease;
		max-width: 300px !important;
	}
	.image-overlay:hover .v1 {
		opacity: 1;
		bottom: 20% !important;
		left: 50%;
		-webkit-transform: translate(-50%, -9%);
			-ms-transform: translate(-50%, -9%);
				transform: translate(-50%, -9%);
		-webkit-transition: bottom 0.3s ease , opacity 0.5s ease;
		-o-transition: bottom 0.3s ease , opacity 0.5s ease;
		transition: bottom 0.3s ease , opacity 0.5s ease;
	}
}
@media (max-width: 1200px){
	.certificat_image{
		margin: auto;
		max-width: 408px;
	}

}
@media (max-width: 991px){
	.certicat_container {
		height: 550px;
		margin-bottom: 5rem;
	}

}
@media (max-width: 475px){
	.certicat_container {
		height: 565px;
		border-radius: 10px 10px 40px 40px;
	}
	.image_special_border {
		border-top-left-radius: 40px;
	}
}
@media (max-width: 375px){
	.certicat_container {
		height: 490px;
		border-radius: 10px 10px 30px 30px;
	}
}
/*--------------------- no equipe --------------------*/


/*---------------- notre project etablissment  ----------------*/


body {
	background-color: white;
	margin: 0;
	padding: 0;
  }
.container_book {
	height: 70vh;
	width: 100%;
	margin: 20px auto;
	min-height: 365px;
}
@media (max-width: 768px) {
	.container_book {
		height: 40vh;
		width: 100%;
		margin: 20px auto;
	}
}

  .fullscreen {
	background-color: white;
  }
  .axe_item{
	  max-width: 350px;
	  height: 60px;
	  border-radius: 6px;
	  background: var(--color-Green-dark);
	  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.08);
			  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.08);
	  color: var(--color-White);
	  text-align: center;
	  font-family: "Montserrat", sans-serif;
	  font-weight: 600;
	  font-size: 15px;
	  font-style: normal;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	  -webkit-box-pack: center;
		  -ms-flex-pack: center;
			  justify-content: center;
	  position: relative;
	  padding-inline: 5px;
	  z-index: 1000;
  }
  .center_axe_item{
	  width: 310px;
	  height: 70px;
	  border-radius: 6px;
	  background: var(--color-White);
	  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.08);
			  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.08);
	  color: var(--color-Green-dark);
	  text-align: center;
	  font-family: "Montserrat", sans-serif;
	  font-weight: 600;
	  font-size: 24px;
	  font-style: normal;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	  -webkit-box-pack: center;
		  -ms-flex-pack: center;
			  justify-content: center;
	  position: relative;
  }
  .tag_axe_left{
	  overflow: hidden;
	  color: var(--color-White);
	  text-align: center;
	  font-family: "Montserrat", sans-serif;
	  font-weight: 800;
	  font-size: 14px;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  padding: 0px 19px;
	  -webkit-box-pack: center;
		  -ms-flex-pack: center;
			  justify-content: center;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	  border-radius: 6px;
	  background: var(--color-Green-twoo);
	  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.08);
			  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.08);
	  position: absolute;
	  left: -10px;
	  top: -12px;
  }
  .tag_axe_right{
	  overflow: hidden;
	  color: var(--color-White);
	  text-align: center;
	  font-family: "Montserrat", sans-serif;
	  font-weight: 800;
	  font-size: 14px;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  padding: 0px 19px;
	  -webkit-box-pack: center;
		  -ms-flex-pack: center;
			  justify-content: center;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	  border-radius: 6px;
	  background: var(--color-Green-twoo);
	  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.08);
			  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.08);
	  position: absolute;
	  right: -10px;
	  top: -12px;
  }
  .tag_axe_center{
	  overflow: hidden;
	  color: var(--color-White);
	  text-align: center;
	  font-family: "Montserrat", sans-serif;
	  font-weight: 800;
	  font-size: 14px;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  padding: 0px 19px;
	  -webkit-box-pack: center;
		  -ms-flex-pack: center;
			  justify-content: center;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	  border-radius: 6px;
	  background: var(--color-Green-twoo);
	  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.08);
			  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.08);
	  position: absolute;
	  top: -12px;
  }
  .top_line_margine{
	  margin-bottom: 25px;
  }
  .middle_line_margine{
	  margin-bottom: 20px;
  }
  .central_div{
	  position: relative;
  }
  .line-svg{
	  position: absolute;
  }
  .svg_axe1{
	  position: absolute;
	  top: -42px;
	  left: 61px;
  }
  .svg_axe2{
	  position: absolute;
	  top: -42px;
	  right: 61px;
  }
  .svg_axe3{
	  position: absolute;
	  right: -28px;
	  top: 9px;
  }
  .svg_axe4{
	  position: absolute;
	  right: -28px;
	  bottom: 9px;
  }
  .svg_axe5{
	  position: absolute;
	  bottom: -50px;
	  right: 38px;
  }
  .svg_axe6 {
	  position: absolute;
	  right: 49%;
	  bottom: -146px;
  }
  .svg_axe7{
	  position: absolute;
	  bottom: -50px;
	  left: 38px;
  }
  .svg_axe8{
	  position: absolute;
	  left: -28px;
	  top: 9px;

  }
  .svg_axe9{
	  position: absolute;
	  left: -28px;
	  bottom: 9px;
  }
  .shema_axe{
	  max-width: 1090px;
	  margin-inline: auto;
  }
  .shema_axe_v2{
	  display: none;
  }

  /* mobile shema */
  .top_axe_item{
	  width: 100%;
	  height: 70px;
	  border-radius: 6px;
	  background: var(--color-White);
	  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.08);
			  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.08);
	  color: var(--color-Green-dark);
	  text-align: center;
	  font-family: "Montserrat", sans-serif;
	  font-weight: 600;
	  font-size: 24px;
	  font-style: normal;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	  -webkit-box-pack: center;
		  -ms-flex-pack: center;
			  justify-content: center;
  }
  .axe_item_v2{
	  width: 100%;
	  min-height: 60px;
	  padding: 5px;
	  border-radius: 6px;
	  background: var(--color-Green-dark);
	  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.08);
			  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.08);
	  color: var(--color-White);
	  text-align: center;
	  font-family: "Montserrat", sans-serif;
	  font-weight: 600;
	  font-size: 15px;
	  font-style: normal;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	  -webkit-box-pack: center;
		  -ms-flex-pack: center;
			  justify-content: center;
	  position: relative;
	  padding-inline: 5px;
  }

  .book_header_title .min_title{
	  color: var(--color-Green-twoo);
	  text-align: center;
	  font-family: Montserrat;
	  font-size: 16px;
	  font-style: normal;
	  font-weight: 400;
	  line-height: 23px;
  }
  .book_header_title .date_book{
	  color: var(--color-Green-twoo);
	  font-family: Montserrat;
	  font-size: 34px;
	  font-style: normal;
	  font-weight: 600;
	  line-height: 48px;
  }
  .container_book iframe{
	  z-index: 1000;
	  position: relative;
  }
  @media  (min-width: 1201px) and (max-width: 1403px){
	  .changewith{
		  max-width: 300px;
	  }
  }
  @media  (min-width: 1001px) and (max-width: 1201px){
	  .changewith{
		  max-width: 227px;
	  }
	  .center_axe_item{
		  font-size: 20px;
	  }
  }
  @media  (max-width: 1001px){
	  .changewith{
		  max-width: 245px;
	  }
	  .center_axe_item{
		  font-size: 20px;
		  max-width: 245px;
	  }
	  .axe_item{
		  height: 80px;
		  font-weight: 500;
		  font-size: 14px;
	  }
	  .main_section {
		  padding: 40px;
	  }
  }
  @media  (max-width: 773px){
	  .shema_axe{
		  display: none !important;
	  }
	  .shema_axe_v2{
		  display: block;
	  }
	  .main_section {
		  padding: 22px;
	  }
  }

/*--------------- organisation -----------------*/
.main_organigram{
	max-width: 1116px !important;
	margin-inline:auto;
}
.select_organisation_container svg{
	top: 21px;
    right: 12px;
    position: absolute;
}
.organisation_w ul li{
	color: var(--text-H1, #3B4148);
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
}
.organisation_w .prent_item{
	background-color: var(--color-Green-one);
    color: var(--color-White);
    border-radius: 10px;
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 600;
    width: 100%;
	max-width: 410px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    flex-direction: column;
    transition: all 0.5s ease;
}
.organisation_w .tag_name_container_organisation{
	padding: 14px 5px;
	transition: all 0.5s ease; /* Smooth transition for movement */
	width: 100%;
	text-align: center;
}

.organisation_w .user_parent_item{
	left: -182px;
    height: 100%;
    position: absolute;
	transition: all 0.5s ease;

}
.organisation_w .prent_item span{
	color: var(--Color, #FFF);
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 600;
    border-radius: 0px 0px 10px 10px;
    background: var(--color-Green-dark);
    padding-inline: 8px;
    width: 60%;
    text-align: center;
    padding: 5px;
    transition: transform 0.5s ease;
}
.organisation_w .prent_item span svg{
	left: -12px;
	top: 0px;
	width: 14px;
	position: absolute;
	z-index: -1;
}
.organisation_w .child_item{
	border-radius: 10px;
	background: linear-gradient(105deg, #D8D9D6 6.19%, #F3F4F3 55.88%, #FFF 73.34%), var(--Color, #FFF);
	width: 312px;
	height: 77px;
	box-shadow: 2px 7px 20px 0px rgb(0 0 0 / 15%);
	color: var(--coor-light-black);
	font-family: Montserrat;
	font-size: 15px;
	font-weight: 600;
	position: relative;
	margin-bottom: 100px;
	display: flex;
	flex-direction: column;
	border: 1px solid rgba(0, 0, 0, 0.16);
	overflow: hidden;
}
.organisation_w .child_item2{
	border-radius: 10px;
	background: linear-gradient(105deg, #D8D9D6 6.19%, #F3F4F3 55.88%, #FFF 73.34%), var(--Color, #FFF);
	width: 558px;
	height: 77px;
	box-shadow: 2px 7px 20px 0px rgb(0 0 0 / 15%);
	color: var(--coor-light-black);
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 400;
	position: relative;
	margin-bottom: 100px;

}
.organisation_w .user_child_item{
	border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
	height: 100%;
    position: absolute;
    top: 100%;
    left: 0;
	transition: all 0.5s ease;
}
.organisation_w .child_item span{
    color: var(--Color, #FFF);
    font-family: Montserrat;
    font-size: 11px;
    font-weight: 600;
    border-radius: 10px 10px 0px 0px;
    background: var(--color-Green-dark);
    padding-inline: 8px;
    width: max-content;
    width: 100%;
    text-align: center;
    min-height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
	transition: all 0.5s ease;

}
.organisation_w .content_item_conetainer_org div{
    margin-top: 13px;
}
.organisation_w .child_item2 span{
	position: absolute;
	color: var(--Color, #FFF);
	font-family: Montserrat;
	font-size: 11px;
	font-weight: 600;
	border-radius: 0px 0px 10px 10px;
	background: var(--color-Green-dark);
	padding-inline: 8px;
	top: 10%;
	left: 50%;
	transform: translate(-50%, -90%);
	width: max-content;
}
.organisation_w .child_child_item span{
	position: absolute;
	color: var(--Color, #FFF);
	font-family: Montserrat;
	font-size: 11px;
	font-weight: 600;
	border-radius: 0px 0px 10px 10px;
	background: var(--color-Green-dark);
	padding-inline: 8px;
	top: 10%;
	left: 50%;
	transform: translate(-50%, -90%);
	width: max-content;
}
.organisation_w .child_child_item{
	border-radius: 10px;
	background: linear-gradient(105deg, #D8D9D6 6.19%, #F3F4F3 55.88%, #FFF 73.34%), var(--Color, #FFF);
	width: 271px;
	height: 77px;
	box-shadow: 2px 7px 20px 0px rgb(0 0 0 / 15%);
	color: var(--coor-light-black);
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 400;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 175px;
}
.organisation_w .prent_itemE{
	padding-left: 65px;
	padding-right: 30px;
	background: linear-gradient(105deg, #D8D9D6 6.19%, #F3F4F3 55.88%, #FFF 73.34%), #FFF;
	border-radius: 53px;
	color: var(--text-H1, #3B4148);
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 400;
	width: max-content;
	height: 63.01px;
	display: flex;
	align-items: center;
	justify-content: center ;
	position: relative;
	border: 2px solid white;
	border-bottom: 2px solid rgb(37 37 37 / 12%);
	border-right: 2px solid rgba(37, 37, 37, 0.073);
	box-shadow: rgb(0 0 0 / 13%) 4px 4px 20px 0px;
	margin-right: 30px;
}
.organisation_w .prent_itemE::before {
	content: '';
	position: absolute;
	top: -7px;
	left: -15px;
	width: 43px;
	height: 72px;
	background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="56" height="125" viewBox="0 0 56 125" fill="none"><path d="M0 62.5C0 97.034 25.078 125 56 125V0C25.0575 0 0 27.9888 0 62.5Z" fill="%236B9784"/></svg>') no-repeat center center;
	background-size: contain;
	z-index: -1;
}
.organisation_w .user_parent_itemE{
	width: 50px;
	border-radius: 50%;
	height: 50px;
	left: 8px;
	position: absolute;

}
.organisation_w .prent_itemE span{
	position: absolute;
	color: var(--Color, #FFF);
	font-family: Montserrat;
	font-size: 11px;
	font-weight: 400;
	border-radius: 0px 0px 10px 10px;
	background: var(--color-Green-dark);
	padding-inline: 8px;
	top: -12px;
	right: 16px;

}
.organisation_w .prent_itemE span svg{
	left: -8px;
	top: -4px;
	width: 9px;
	position: absolute;
	z-index: -1;
}
.organisation_w .border_h1{
	border-bottom: 1px solid rgba(0, 0, 0, 0.139);
}
.organisation_w .link_line_parent{
	bottom: -419px;
	position: absolute;
}
.organisation_w .standard_p_containerV4 p a{
	color: var(--color-txt-nrml) !important;
	text-decoration: none !important;;
}

.organisation_w .standard_p_containerV4 ul{
	width: max-content;
	border-radius: 10px;
	background: rgba(150, 194, 241, 0.07);
	padding-inline: 30px;
}
.organisation_w .standard_p_containerV4 ul li p{
	color: var(--text-H1, #3B4148);
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
}

.organisation_w .select_organisation{
	appearance: none; /* Remove default arrow */
	-webkit-appearance: none; /* Safari */
	-moz-appearance: none;
	border-radius: 5px;
	border: 1px solid rgba(19, 52, 96, 0.10);
	background: var(--BG, #FBFBFB);
	padding: 10px 28px;
}
.organisation_w .select_organisation:focus{
	border: 2px solid rgba(9, 107, 9, 0.68) !important;
	outline: none !important;
}
.organisation_w .col_sp_doc::before{
	right: 5% !important;
	top: 15px !important;
}
.organisation_w .content_item_conetainer_org{
	display: flex;
	width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.organisation_w .item_member{
	color: rgba(0, 0, 0, 0.40);
	font-family: Montserrat;
	font-size: 12px;
	font-weight: 500;
}
.organisation_w .custem_case:hover span{
	transform: translateY(-103%); /* Move the top element up */
}
.organisation_w .custem_case:hover .user_parent_item{
    left: 0px;
}
.organisation_w .custem_case:hover .tag_name_container_organisation{
	transform: translateY(-20%) translateX(15%); /* Move the element up and to the right */

}
.organisation_w .child_item:hover span{
	transform: translateY(-103%); /* Move the top element up */

}
.organisation_w .child_item:hover .content_item_conetainer_org{
	transform: translateY(-20%) translateX(10%); /* Move the element up and to the right */

}
.organisation_w .child_item:hover .user_child_item{
    left: 0px;
	top: 0px;
}
.content_item_conetainer_org{
	transition: all 0.5s ease;

}
@media (max-width:1399px){
	.organisation_w .link_line_parent{
		height: 434px !important;
		width: 1118px;
	}
}
@media (max-width:1228px){
	.organisation_w .link_line_parent{
		height: 434px !important;
		width: 1121px;
	}
}
@media (max-width:1190px){
	.organisation_w .link_line_parent{
		height: 434px !important;
		width: 992px;
        bottom: -398px;
		left: -229px;
	}
}
@media (max-width:1071px){
	.organisation_w .link_line_parent{
		height: 434px !important;
		width: 992px;
		bottom: -402px;
		left: -239px;
	}
}
@media (max-width:992px){
	.organisation_w .link_line_parent{
		display: none;
	}
	.organisation_w .standard_p_containerV4 ul{
		width: 100% !important;
	}
	.organisation_w .standard_p_containerV4 ul li p{
		text-align: left;
	}
	.organisation_w .child_item{
		width: 100% !important;
	}
}
@media (max-width:429px){
	.organisation_w .list_des_pole{
		width: fit-content;
	}
}
@media (max-width:475px){
	.organisation_w .prent_itemE{
		margin-right: 0px;
	}
	.organisation_w .w_100 {
		width: 100%;
	}
	.organisation_w .prent_itemE {
		width: 100%;
	}

}
@media (max-width:425px){
	.organisation_w .select_organisation ,
	.organisation_w .prent_item,
	.organisation_w .content_item_conetainer_org div{
        font-size: 15px;
	}
	.organisation_w .prent_item span{
		width: 100%;
	}
	.organisation_w .child_item:hover .content_item_conetainer_org{
		transform: translateY(-20%) translateX(15%); /* Move the element up and to the right */
		font-size: 13px;
	}
}
/*------- suivez lancement de project -----------*/

.video_section_suivez h2{
	color: var(--color-Green-dark);
	font-size: 32px;
	font-style: normal;
	display: block;
	max-width: 456px;
	margin-inline: auto;
}
.video_section_suivez svg{
	display: block;
	margin: auto;
	margin-top: 10px;
}
.video_section_suivez{
	text-align: center;
}
.video_section_suivez .video_iframe{
	-webkit-box-shadow: 0px 5.38px 18.829px 0px rgba(0, 0, 0, 0.07);
			box-shadow: 0px 5.38px 18.829px 0px rgba(0, 0, 0, 0.07);
	border-radius: 7px;
	width: 100%;
	height: 615px;
	max-width: 1080px;
	margin: auto;
	position: relative;
	z-index: -1;

}
.video_conteiner{
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center !important;
	width: 100%;
	max-width: 1080px;
	height: 615px;
	margin: auto;
	position: relative;
	border-radius: 7px;
}
.palay_video_btn{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-48%, -50%);
		-ms-transform: translate(-48%, -50%);
			transform: translate(-48%, -50%);
	background-color: transparent;
	padding: 0px;
	border: none;
}

.huir_building h2{
	color: var(--color-White);
	font-size: 34px;
	font-style: normal;
	line-height: 37px;
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	margin-bottom: 130px;
	position: relative;
}
.huir_building .plan_img{
	width: 100%;
	height: 100%;
}
.huir_building h2::after {
	content: '';
	background-color: var(--color-Green-twoo);
	height: 100%;
    width: 7px;
	border-radius: 10px;
	position: absolute;
	top: 0;
	left: 0;
}
@media (max-width: 449px){
	.huir_building .plan_img {
		width: 122%;
		height: 100%;
		position: relative;
		top: 50%;
		left: 48%;
		transform: translate(-50%, 0%);
	}
	.huir_building h2 {
		font-size: 20px;
		line-height: 27px;
		font-weight: 700;
		margin-bottom: 100px;
		position: relative;
	}



}
.huir_building{
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(107, 151, 132, 0.94)), to(#0A5937));
	background: -o-linear-gradient(bottom, rgba(107, 151, 132, 0.94) 0%, #0A5937 100%);
	background: linear-gradient(0deg, rgba(107, 151, 132, 0.94) 0%, #0A5937 100%);
}
/*<------------------- TIME LINE */
.timeline_item{
	width: 327px  !important;
	height: 209px !important;
	border-radius: 10px;
	background-color: rgb(153, 153, 153);
	-webkit-transition: width 0.3s ease, height 0.3s ease !important;
	-o-transition: width 0.3s ease, height 0.3s ease !important;
	transition: width 0.3s ease, height 0.3s ease !important; /* Add transition for width and height */
	position: relative;
}

.timeline_item::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	background: -o-linear-gradient(33deg, rgba(7, 103, 68, 0.28) 1.45%, rgba(0, 255, 133, 0.00) 54.3%, rgba(7, 103, 51, 0.48) 99.4%);
	background: linear-gradient(57deg, rgba(7, 103, 68, 0.28) 1.45%, rgba(0, 255, 133, 0.00) 54.3%, rgba(7, 103, 51, 0.48) 99.4%);
}
.timeline_item::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	background: -o-linear-gradient(33deg, rgba(7, 103, 68, 0.28) 1.45%, rgba(0, 255, 133, 0.00) 54.3%, rgba(7, 103, 51, 0.48) 99.4%);
	background: linear-gradient(57deg, rgba(7, 103, 68, 0.28) 1.45%, rgba(0, 255, 133, 0.00) 54.3%, rgba(7, 103, 51, 0.48) 99.4%);
	-webkit-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease; /* Add transition for width and height */
}
.timeline_item:hover::after {
	opacity: 0;
	z-index: -3;
}
.timeline_item:hover{
	width: 439px !important;
	height: 280.584px !important;
}
.timeline_item:hover .play_btn,
.video_conteiner:hover .palay_video_btn{
	opacity: 1;
	z-index: 1;
}

/* .video_conteiner a.fancybox-video:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
} */
.timeline_slider_container{
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	min-height: 300px;
}
.play_btn{
	position: absolute;
	border: none;
	background-color: transparent;
	top: 50%; /* Move to the middle vertically */
	left: 50%; /* Move to the middle horizontally */
	-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
	opacity: 0;
	-webkit-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease; /* Add transition for width and height */
}
.navigation-btn {
	margin: 0 5px;
	padding: 5px 10px;
	border: none;
	cursor: pointer;

	color: var(--color-Green-twoo);
	text-align: center;
	font-family: "Montserrat";
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	background-color: transparent;
	border-radius: 20px;
	position: relative;
}
.navigation-btn:hover {
	color: white;
	background-color: var(--color-Green-twoo);
}
.navigation-btn:hover::after{
	background-color: var(--color-Green-twoo);
}
.navigation-btn::after{
	background-color: var(--color-Green-dark);
	content: '';
	position: absolute;
	top: 48px;
	left: 0px;
	width: 95px;
	height: 8px;
	border-radius: 5px;
}
.navigation-btn:hover::before{
	background-color: var(--color-Green-twoo);
	content: '';
	position: absolute;
	top: 45px;
	left: 42px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	z-index: 100;
	border: 2px solid white;
}
.active_navigation_btn {
	color: white;
	background-color: var(--color-Green-twoo);
}
.active_navigation_btn::before,
.navigation-btn::before{
	background-color: var(--color-Green-twoo);
	content: '';
	position: absolute;
	top: 45px;
	left: 42px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	z-index: 100;
	border: 2px solid white;
}
.navigation-btn::before{
	background-color: var(--color-Green-dark);
}
.active_navigation_btn::after{
	background-color: var(--color-Green-twoo);
}
.timeline_div{
	position: relative;
}
.swiper-navigation{
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	margin-inline: auto;
	position: relative;
}
.time_line_container{
	height: 107px;
    overflow: auto !important;
	scrollbar-width: none !important;
	margin-inline: auto;
	margin-left: auto;
    margin-right: auto;
}
.left_icon_timeline{
	position: absolute;
    left: 21px;
    bottom: -10px;
}
.right_icon_timeline{
	position: absolute;
    right: 21px;
    bottom: -10px;
}
.time_line_container
	::-webkit-scrollbar {
    display: none !important;
}
.time_line_container
::-webkit-scrollbar-track {
    display: none !important;
}
.time_line_container
::-webkit-scrollbar-thumb {
    display: none !important;
}
.swiper-navigation::after{
	z-index: -1;
	background-color: var(--color-Green-dark);
	content: '';
	position: absolute;
	top: 153%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
	width: 125%;
	height: 8px;
	border-radius: 5px;
}
.time_line_icons{
	background-color: transparent !important;
	border: none !important;
	display: none;
}
@media (max-width: 613px){
	.time_line_container{
		max-width: 70%;
	}
	.swiper-navigation{
		margin-left: 52px;
	}
	.time_line_icons{
		display: block;
	}
}
.swiper-navigation-infrastructures{
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	margin-inline: auto;
	position: relative;
}
.swiper-navigation-infrastructures::after{
	z-index: -1;
	background-color: var(--color-Green-dark);
	content: '';
	position: absolute;

	top: 153%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
	width: 125%;
	height: 8px;
	border-radius: 5px;
}
.swiper-navigation-hopital{
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	margin-inline: auto;
	position: relative;
}
.swiper-navigation-hopital::after{
	z-index: -1;
	background-color: var(--color-Green-dark);
	content: '';
	position: absolute;

	top: 153%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
	width: 125%;
	height: 8px;
	border-radius: 5px;
}
.active_slider{
	width: 439px !important;
	height: 280.584px !important;
}

.active_slider::after{
	opacity: 0 ;
}
.active_slider .play_btn{
	opacity: 1;
}
.video_swiper{
	padding-right: 150px;
	padding-left: 50px;
}
.timeline_item video{
	-o-object-fit: cover;
	   object-fit: cover;
	height: 100%;
	width: 100%;
	border-radius: 10px;
}
.timeline_item img{
	-o-object-fit: cover;
	   object-fit: cover;
	height: 100%;
	width: 100%;
	border-radius: 10px;
}
.timeline_type_btn{
	color: rgba(0, 0, 0, 0.42);
	text-align: center;
	font-family: "Montserrat";
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	border-radius: 20px;
	background: #F8F8F8;
	border: none;
	padding: 5px 12px;
	margin-inline: 5px;
}
.timeline_type_btn:hover{
	color: white;
	background: var(--color-Green-twoo);
}
.timeline_type_btn_active{
	color: white;
	background: var(--color-Green-twoo);
}
.buttouns_container{
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin-inline: auto;
}
@media (max-width: 575.98px){
	.timeline_type_btn {
		font-size: 13px;
	}
	.accordion-title{
		padding: 18px 1rem;
		font-size: .85rem;
	}
	.accordion-title_after_formation_contenu {
		padding: 8px 12px;
		font-size: .85rem;
	}
	.acordion_after {
		padding: 20px 0px;
	}
	.seprated_icons svg{
		transform: scale(.75);
	}
	.accordion_items_text {
		font-size: 13px;
	}
}
@media (max-width: 508px){
	.timeline_item {
		width: 274px !important;
		height: 165px !important;
	}
	.timeline_item:hover{
		width: 321px !important;
        height: 197px !important;
	}
	.active_slider{
		width: 321px !important;
		height: 197px !important;
	}
}
@media (max-width: 480px){
	.timeline_type_btn {
		font-size: 11px;
	}
	.buttouns_container{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
}
@media (min-width: 900px) and  (max-width: 1345px){
	.video_section_suivez .video_iframe{
		max-width: 880px;
		height: 500px;

	}
	.video_conteiner{
		max-width: 880px;
		height: 500px;
	}
}
@media (max-width: 900px){
	.video_section_suivez .video_iframe{
		max-width: 880px;
		height: 300px;
	}
	.video_conteiner{
		max-width: 880px;
		height: 300px;
	}
}


/*--------- formation contenu -------------*/

.standard_p_container h3{
	width: 850px;
	z-index: 100;
	position: relative;
	border-radius: 10px;
	background: #FFF;
	color: var(--text-H1, #3B4148);
	text-align: justify;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	font-family: Montserrat;
	font-size: 19px;
	font-style: normal;
	font-weight: 700;
	line-height: 26px;
	padding: 20px 90px 20px 0px;
}
.text_section1_Explorez_Colleg div{
	max-width: 600px;
}

.formation_item{
	border-radius: 10px;
	background: var(--color-Green-twoo);
	padding: 14px 28px;
	color: white;
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 27px;
	position: relative;
}
.formation_item span{
	width: fit-content;
	border-radius: 8px;
	background: var(--color-Green-one);
	color: var(--Color, #FFF);
	font-family: Montserrat;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	padding: 4px 13px;
	position: absolute;
	left: -16px;
	top: 9px;
}
.formation_item p{
	margin: 0px;
}
.formation_item h3{
	color: white;
	font-family: Montserrat;
	font-size: 16px !important;
	font-style: normal !important;
	font-weight: 600 !important;
	line-height: 27px !important;
	margin-bottom: 0px;
	margin-top: 8px;
	position: relative;
	padding-left: 5px;

}
.formation_item h3::after{
	top: 0;
	background-color: white;
	content: "";
	height: 97%;
	width: 5px;
	left : -5px;
	border-radius: 5px;
	position: absolute;
}
/*-------------------- no rejoinder ----------------------*/
.offer_header{
	background-color: var(--color-Green-one);
	border-radius: 10px;
	color: white;
}
.offer_title_no{
	color: #FFF;
	text-overflow: ellipsis;
	font-family: Montserrat;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
}
.offer_header .txt_partager{
	color: var(--whait, #FFF);
	text-overflow: ellipsis;
	font-family: Montserrat;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
}
.offer_btn_pst{
	background-color: var(--color-Green-twoo);
	color: #FFF;
	font-family: Montserrat;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	text-decoration: none;
    padding: 15px 65px;
	border-radius: 5px;
}
.main_content_offer{
	border-radius: 10px;
	background: #FFF;
	box-shadow: 0px 4px 64px 0px rgba(0, 0, 0, 0.06);
	font-family: Montserrat;
}
.partage_icons:hover{
	border-radius: 50%;
	background: var(--color-Green-dark);
	cursor: pointer;
}
.pertage_content{
	min-width: 275px;
}
.top_page_offer_dt{
	position: relative;
}
.top_page_offer_dt h2{
	color: var(--color-Green-dark);
	text-overflow: ellipsis;
	font-family: Montserrat;
	font-size: 33px;
	font-style: normal;
	font-weight: 700;
	line-height: 48px;
	position: relative;
	width: fit-content;
	margin-inline: auto;
}
.top_page_offer_dt h2::after {
	content: '';
    position: absolute;
    bottom: -9px;
    left: 50%;
    transform: translateX(-50%);
    width: 67px;
    height: 7px;
    border-radius: 10px;
    background-color: var(--color-Green-twoo);
}
.go_back_btn{
	background-color: transparent;
    border: none;
    padding: 0px;
	position: absolute;
    left: 0;
}
/*------------- responcive ---------------*/
@media (max-width:1399px){
	.text_section1_Explorez_Colleg div{
		max-width: 500px;
	}
}
@media (max-width:1199px){
	.text_section1_Explorez_Colleg div{
		max-width: 400px;
	}
	.standard_p_container h3{
		width: 750px;
		background: #FFF;
		font-size: 15px;
		font-weight: 700;
		line-height: 26px;
		padding: 15px 75px 15px 0px;
	}
}
@media (max-width:1022px){
	.text_section1_Explorez_Colleg div{
		max-width: 100%;
	}
	.standard_p_container h3{
		width: 100%;
		padding: 0px;
		z-index: 0 !important;
	}
	.offer_title_no{
		font-size: 28px;
		font-weight: 700;
	}
}
.standard_text{
	color: var(--color-txt-nrml);
	text-align: center;
	font-family: Montserrat;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	max-width: 870px;
	margin-inline: auto;
	padding-inline: 5px;
}
.title_pole_m{
	position: relative;
}
.title_pole_m::after{
	content: '';
    position: absolute;
    left: 50%;
    bottom: -15px;
    transform: translateX(-50%);
    width: 45px;
    height: 7px;
    border-radius: 10px;
    background-color: var(--color-Green-twoo);
}
.responsable_pole{
	background-color: #F8F7F7;
}
.responsable_pole img{
	width: 146px;
}
.rdv_btn_rs_pol{
	color: var(--Color, #FFF);
	text-align: center;
	font-family: Montserrat;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.42px;
	border-radius: 5px;
	background: var(--color-Green-dark);
	padding: 14px 20px;
	text-decoration: none;
}
.doctor_item_pol{
	border-radius: 10px;
	border: 1px solid rgba(59, 65, 72, 0.10);
	background: #FFF;
	margin-inline: auto;
    max-width: 237px;
	text-align: center;
}
.responsable_pole{
	display: flex;
}
.detail_pol_head{
	text-align: center;
	color: white;
	border-radius: 10px;
	padding: 18px 30px;
	background-image: linear-gradient(0deg, rgba(17, 114, 72, 0.68) 0%, rgba(17, 114, 72, 0.68) 100%),
	url("/assets/rdv_head.png");
	background-repeat: no-repeat;
	background-size: cover;
}
.detail_pol_head h3{
	font-family: Montserrat;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}
.detail_pol_head .paragrahe{
	text-align: center;
	font-family: Montserrat;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	margin-inline: auto;
	max-width: 600px;
}
.detail_pol_head .rdv_btn_head a{
	border-radius: 7px;
	background-color: var(--color-Green-dark);
	color: white;
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-decoration-line: underline;
    padding: 10px 14px;
}
.img1_pol_urg{
	border-radius: 10px;
}
.bar_pol_urg{
	border-radius: 8px;
	background: var(--color-Green-dark);
	color: white;
	padding: 12px;
}
.left_lin_pol_urg{
	position: relative;
	padding-left: 15px;
}
.left_lin_pol_urg::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 7px;
    height: 140%;
    border-radius: 10px;
    background-color: var(--color-Green-twoo);
}
.bar2_pol_urg{
	border-radius: 8px;
	background: rgba(59, 65, 72, 0.05);
	color: #3B4148;
	padding: 12px;
}
.bar2_pol_urg .span1 p{
	margin: 0px !important;
}
.bar_pol_urg span p{
	margin: 0px !important;
	padding-left: 15px;

}
.bar_pol_urg span{
	font-family: Montserrat;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	padding-inline: 8px;
}
.bar_pol_urg .span2{
	font-weight: 700;
	border-left: 3px solid;
    padding-left: 10px;
}
.pol_urg_card div{
	width: 100%;
	height: 100%;
	min-height: 127px;
	border-radius: 6px;
	padding: 15px;
	color: white;
}
.pol_urg_card .nbr_pol{
	font-family: Montserrat;
	font-size: 22px;
	font-style: normal;
	font-weight: 600;
	position: relative;
	padding-left: 15px;
}
.pol_urg_card .nbr_pol::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 7px;
    height: 77%;
    border-radius: 10px;
    background-color: var(--color-Green-twoo);
}
.pol_urg_card .txt_pol{
	font-family: Montserrat;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
}
.tag_activation_pol{
	border-radius: 8px;
	background: rgba(59, 65, 72, 0.05);
	text-align: center;
	padding: 14px;
	color: #3B4148;
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
}
/*-------------------- specialites pol deferent  ----------------*/
.sp_cards_act{
	border-radius: 8px;
	background: var(--color-Green-twoo);
	display: flex;
	padding: 24px 16px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
	transition: all 0.5s ease;
	overflow: hidden;
    transition: max-height 0.5s ease-in-out , background-color 0.3s ease-in-out;
    max-height: 165px;
	margin-inline: auto;
}
.title_card_act{
	text-align: center;
	color: #FFF;
	font-family: 'Montserrat';
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
}
.description_card_act{
	text-align: center;
	opacity: 0;
    max-height: 0;
    transition: opacity 0.5s ease-in-out, max-height 0.5s ease-in-out;
	overflow: hidden;
	color: var(--Color, #FFF);
	text-overflow: ellipsis;
	font-family: 'Montserrat';
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
}
.description_card_act p{
	margin-bottom: 0px !important;
}
.description_card_act ul li p{
	text-align: left !important;
}
/* .sp_cards_act:hover {
    max-height: 500px;
	background:  #0A5937;
}
.sp_cards_act:hover .description_card_act{
	opacity: 1;
    max-height: 300px;
} */
.open_sp_cards{
	max-height: 500px;
	background:  var(--color-Green-dark);
}
.open_description{
	opacity: 1;
    max-height: 300px;
}
.pol_dropdown_icon{
	margin-right: 20px;
    margin-left: 5px;
	width: 12px !important;
    height: 7px !important;
}
.description_pol_bar {
    display: none;
    overflow: hidden;
    transition: max-height 0.5s ease-out;
	font-family: 'Montserrat';
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	text-align: justify;
	padding-right: 12px;
}
.dropdown_tag_container{
	cursor: pointer;
}
.dropdown_tag_container{
	transition: background-color 0.3s ease-in-out;
}
.active_drop_bar .border_start_primary{
	border-left: 3px solid white !important;
}
.active_drop_bar .dropdown_tag{
	font-weight: 700 !important;
}
.active_drop_bar{
	background: var(--color-Green-dark);
	color: white !important;
}
.active_drop_bar .pol_dropdown_icon{
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
	transform: rotate(180deg);
    transition: transform 0.5s ease-out;
}
.doctor_item_pol_special .doctor_item_pol{
	max-width: 100% !important;
	background: #F8F7F7;
}
.doctor_item_pol_special .name_doc_item{
	color: var(--color-Green-dark);
}
.info_pol_item{
	height: 100%;
	border-radius: 6px;
	background: var(--color-Green-twoo);
	display: flex;
	flex-direction: column;
	padding: 30px 31px 30px 31px;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	color:  #FFF;
	font-family: 'Montserrat';
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}
.info_pol_item .info_pol_description{
	color: var(--Color, #FFF);
	font-family: Montserrat;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
}
.border_bottom_info{
	border-bottom: 1px solid rgba(255, 255, 255, 0.20) !important;;
}
.btn_info_pol{
	border-radius: 5px;
	background:  var(--color-Green-dark);
	width: 100%;
	padding: 15px 0px;
	/* TXT */
	color:  #FFF;
	text-align: center;
	font-family: 'Montserrat';
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.42px;
	cursor: pointer;
}
.black_title_pol{
	color: var(--text-H1, #3B4148);
	font-family: 'Montserrat';
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
@media (max-width: 424px) {
    .responsable_pole{
		display: block !important;
		text-align: center;
	}
	.responsable_pole .content_container_res{
		padding-bottom: 34px;
		margin-top: 20px;
	}
	.bar_pol_urg span{
		font-size: 13px;
	}
}
/*--------------- TEXT RESPONCIVE ---------------------*/
@media (max-width: 632px) {
    .titre_block_v2 , .date_book{
		font-size: 24px !important;
		line-height: 25px;
	}
	.offer_title_no{
		font-size: 25px;
		font-weight: 700;
	}
	.offer_btn_pst{
		background-color: var(--color-Green-twoo);
		padding: 10px 40px;
	}
	.top_page_offer_dt h2{
		font-size: 25px;
	}
	.go_back_icon{
		width: 40px !important;
		height: 40x !important;
	}
	.go_back_btn{
		top: -25px;

	}
	.standard_text{
		font-size: 15px;
		text-align: justify;
	}
}
.down_btn_sp{
	width: min-content !important;
	position: relative;
    background: transparent;
    border: none;
}
.down_btn_sp .bottom_arrow {
	position: relative;
	animation: moveUpDown 2s infinite;
}

.down_btn_sp:hover .top_svg_sp {
	fill: #107b4d;
}
@keyframes moveUpDown {
	0%, 100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-6px);
	}
}
.icon_huir_secondary{
	width: 60px;
}
.bg_specail{
	background-color: #003667;
}

/*------------------------- WELCOME MODAL --------------------------*/

.welcome_modal{
	/* background-image: linear-gradient(0deg, rgba(17, 114, 72, 0.68) 0%, rgba(17, 114, 72, 0.68) 100%),
	url("/assets/modal_bg_welcome.jpg"); */
	/* background-image: url("/assets/Popup.jpg"); */
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 20px;
	border: 1px solid rgba(207, 163, 108, 0.24);
}
.welcome_modal button{
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 24px;
}
.modal_wc_title{
	color: var(--Color, #FFF);
	text-align: center;
	font-family: 'Montserrat';
	font-size: 2.35rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.modal_wc_p{
	color: var(--Color, #FFF);
	text-align: center;
	font-family: Rubik;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	padding: 0px 0px !important;
}
.welcome_mdl_cnt{
	width: 80% !important;
	max-width: 930px !important;
	margin-inline: auto;
}
@media screen and (max-width:913px) {
	.modal_wc_title{
		font-size: 30px;
	}
	.modal_wc_p{
		font-size: 15px;
	}
}
@media screen and (max-width:600px) {
	.modal_wc_title{
		font-size: 18px;
	}
	.modal_wc_p{
		font-size: 12px;
	}
	.welcome_mdl_cnt{
		width: 90% !important;
	}
	.welcome_modal button{
		font-size: 18px;
	}
}
/*------------------------- SUCCESS MODAL --------------------------*/

.sucess_modal{
	background-image: linear-gradient(0deg, rgba(17, 114, 72, 0.68) 0%, rgba(17, 114, 72, 0.68) 100%),
	url("/assets/modal_bg_welcome.jpg"); 
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 20px;
    border: 1px solid rgba(207, 163, 108, 0.24);
    padding: 5px 1rem;
}

.color_popup {
	color: var(--color-Green-dark);
}

.w90{
	max-width: 90%;
}

.brdrrpopup {
    border-radius: 20px 0 0 20px;
    height: 100%;
    max-height: 55vh;
    object-fit: cover;
}

.invert0 {
	filter: invert(0);
}

.seprated{
	text-align: justify;
}
.sucess_modal div{
    padding: 70px 85px;
}
.sucess_modal button{
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 24px;
}
.sucess_modal .modal_wc_title{
	text-align: center;
}
.sucess_modal .modal_wc_p{
	color: #FFF;
    text-align: center;
    font-family: Cabin;
    font-size: 1.75rem;
    margin-top: 2rem;
    font-weight: 600;
    padding: 0px 0px !important;
}
.sucess_mdl_cnt{
	width: 80% !important;
	max-width: 930px !important;
	margin-inline: auto;
}
@media screen and (max-width:913px) {
	.sucess_modal .modal_wc_title{
		font-size: 30px;
	}
	.sucess_modal .modal_wc_p{
		font-size: 15px;
	}
	.sucess_modal .welcome_modal div{
		padding: 48px 56px;
	}
}
@media screen and (max-width:600px) {
	.sucess_modal .modal_wc_title{
		font-size: 18px;
	}
	.sucess_modal .modal_wc_p{
		font-size: 12px;
	}
	.sucess_modal div{
		padding: 28px 36px;
	}
	.sucess_mdl_cnt{
		width: 90% !important;
	}
	.sucess_modal button{
		font-size: 18px;
	}
}
/*-------- appelle des offer ---------- */
.offers_teble{
	border-collapse: separate; /* Ensure borders are separate */
	border-spacing: 0; /* No spacing between borders */
	overflow: hidden; /* Hide overflow for rounded corners */
	border-radius: 12px; /* Set border radius */
	border: 1px solid #E3E3E3; /* Set border for the entire table */
	border-radius: 12px;
	background: #FFF;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10);
}
.offers_teble thead tr th{
	position: relative !important;
}
.order_btns{
	position: absolute; /* Position the item absolutely */
	top: 50%; /* Position it at the middle of the container */
	transform: translateY(-50%);
	border: none;
	outline: none;
	background-color: transparent;
	right: 10px;
}
.head_celulls{
	color: var(--Color, #FFF) !important;
	font-family: 'Montserrat';
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	padding: 14px 25px !important;
	background: var(--color-Green-one) !important;
	text-align: center;
}

.num_appel_offres{
	color: var(--text-H1, #3B4148) !important;
	font-family: "Montserrat";
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	text-align: center;
}
.title_tbl_ofr{
	color: var(--text-H1, #3B4148) !important;
	font-family: "Montserrat";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
}
.offer_link a{
	color: var(--text-H1, #3B4148) !important;
	font-family: "Montserrat";
	font-size: 12px;
	font-weight: 500;
	text-decoration-line: underline;
}
.offer_link a svg{
	margin-left: 3px;
}
.offer_link{
	text-align: center;
}
.date_tbl_ofr{
	color: var(--text-H1, #3B4148) !important;
	text-align: center;
	font-family: 'Montserrat';
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
}
.offer_demande{
	font-size: 11px !important;
    max-width: 195px;
	text-align: center;
	text-decoration: none;
}
.offer_demande svg{
	margin-left: 5px;
}
.job_offer__cnf {
	text-align: center;
    max-width: 600px;
    margin-inline: auto;
    color: #414141;
    font-size: 20px;
}
/* ----------------SINGLE OFFER--------------- */
.singl_ofr_cnt{
	border-radius: 20px;
	background: #FFF;
	box-shadow: 0px 0px 74px 0px rgba(0, 0, 0, 0.05);
	padding: 40px 60px;
}
.singl_ofr_cnt .date_pub span{
	display: flex;
    align-items: center;

	color: var(--text-H1, #3B4148);
	font-family: 'Montserrat';
	font-size: 14px;
	font-weight: 500;
}
.singl_ofr_cnt .date_pub span svg{
	margin-right: 5px;
}
.title_ofr_sng{
	color: #000;
	font-family: 'Montserrat';
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
}
.btn_ofr_cnt .btn_nbr{
	color: var(--Color, #FFF);
	font-family: 'Montserrat';
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	padding: 16px 18px;
	border-radius: 8px;
	background: var(--color-Green-dark);
	text-decoration: none;
	display: flex;
	align-items: center;
}

.btn_ofr_cnt .btn_download{
	color: var(--Color, #FFF);
	font-family: 'Montserrat';
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	padding: 16px 18px;
	border-radius: 8px;
	background: var(--color-Green-twoo);
	text-decoration: none;
	text-align: center;
	display: flex;
	align-items: center;
}
.btn_ofr_cnt{
	display: flex;
	gap: 8px;
	height: 2.75rem;
}
.sng_ofr_p{
	color: var(--text-H1, #3B4148);
	text-align: justify;
	font-family: 'Montserrat';
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
}

@media (max-width: 1200px) {
	.brdrrpopup {
		max-height: 44vh;
	}
}

@media screen and (max-width:788px) {
	.title_ofr_sng{
		font-size: 20px;
	}
	.btn_ofr_cnt .btn_nbr{
		font-size: 14px;
		padding: 16px 18px;
	}

	.btn_ofr_cnt .btn_download{
		font-size: 14px;
		padding: 16px 18px;

	}

	.custem_responcive{
		display: block !important;
	}
}
@media screen and (max-width:500px) {
	.singl_ofr_cnt{

		padding: 40px 17px;
	}
}


/* page pour quoi no rejoinder */
.no_rejoinder_cnt_p{
	color: var(--text-H1, #3B4148);
	text-align: justify;
	font-family: "Montserrat";
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
}
.no_rejoinder_cnt_p ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

.no_rejoinder_cnt_p ul li {
    position: relative;
    padding-left: 35px;
    margin-bottom: 10px;
}

.no_rejoinder_cnt_p ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 25px;
    height: 24px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"><circle cx="12.3203" cy="12" r="12" fill="%236B9784"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13.0405 8.79336L16.4816 12.1119C16.6928 12.3155 16.6928 12.6457 16.4816 12.8494L13.0405 16.1679C12.8293 16.3715 12.4869 16.3715 12.2758 16.1679C12.0646 15.9642 12.0646 15.6341 12.2758 15.4304L14.7938 13.0021L8.54073 13.0021C8.24209 13.0021 8 12.7686 8 12.4806C8 12.1926 8.24209 11.9592 8.54073 11.9592L14.7938 11.9592L12.2758 9.53081C12.0646 9.32717 12.0646 8.997 12.2758 8.79336C12.4869 8.58971 12.8293 8.58971 13.0405 8.79336Z" fill="white"/></svg>') no-repeat;
    background-size: contain;
}
.panr_cnt{
	border-radius: 20px;
	background: #FFF;
	box-shadow: 0px 0px 74px 0px rgba(0, 0, 0, 0.05);
	overflow: hidden;
}
.panr_cnt .text_content{
	padding: 40px 60px;

}
@media screen and (max-width:500px) {
	.panr_cnt .text_content{

		padding: 40px 17px;
	}
}
.acordion_no_rejoinder{
	border-radius: 40px;
	background: #F7FAF9;
	min-width: -webkit-fit-content;
	min-width: -moz-fit-content;
	min-width: fit-content;
	max-width: -webkit-fit-content;
	max-width: -moz-fit-content;
	max-width: fit-content;
	margin: 0px 14px;
	margin-bottom: 10px;
	padding: 5px 17px;
}

.bottom_div{
	background-image: linear-gradient(90deg, #6B9784 32.91%, rgba(107, 151, 132, 0.80) 56.29%, rgba(107, 151, 132, 0.80) 100%),
	url("/assets/modal_bg_welcome.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 10px;
}
.bottom_div .title_small{
	color: var(--Color, #FFF);
	text-overflow: ellipsis;
	font-family: Montserrat;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	position: relative;
	padding-left: 10px;
}
.bottom_div .title_small::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0px;
    width: 7px;
    height: 100%;
    border-radius: 10px;
    background-color: var(--color-Green-dark);
}
.bottom_div p {
	color: var(--Color, #FFF);
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 23px;
	margin-bottom: 0px;
}
.offerlinks_cnt{
	gap: 10px;
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: center;
}
.offerlinks{
	border-radius: 5px;
	background: var(--Color, #FFF);
	text-decoration: none;
	color: var(--color-Green-dark);
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 600;
	width: 100%;
	padding: 14px 14px;
	display: flex;
    align-items: center;
    justify-content: space-between;
}
.title_tbl_ofr:first-letter {
    text-transform: uppercase;
}
.title_tbl_ofr {
    text-transform: lowercase;
}
.bottom_border h3:first-letter {
    text-transform: uppercase;
}
.bottom_border h3 {
    text-transform: lowercase;
}
.seprated:first-letter {
	text-transform: uppercase;
}
.seprated {
    text-transform: lowercase;
}