/*!
Theme Name: harmony
Theme URI: http://underscores.me/
Author: harmony
Author URI: https://harmony-technology.net/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: harmony
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

harmony is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i");
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css');
body {
	font-family: "Archivo";
	/* background: #030303; */
}
a {
	text-decoration: none !important;
	transition: all 0.3s;
}

img {
	max-width: 100%;
	height: auto !important;
}

button:focus,
select:focus,
input:focus {
	outline: none;
	box-shadow: none;
}

ul {
	list-style: none;
	padding: 0;
}
header {
	/* position: fixed; */
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	z-index: 99;
	transition: all 0.5s;
	width: 100%;
	/* position: absolute; */
	/* z-index: 1; */
	/* padding-top: 20px; */
}
/* header {
	padding-left: 55px;
	padding-right: 55px;
} */
header .content_header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	position: relative;
	padding-left: 55px;
	padding-right: 55px;
}
header .content_header .logo {
	width: 20%;
}
header .content_header .logo a {
	display: flex;
	align-items: center;
	color: #222;
}
header .menu {
	display: flex;
	align-items: center;
}
header .content_header .menu nav {
	padding: 0;
}
header .menu ul li a {
	color: #98A2B3!important;
	font-size: 16px;
	font-weight: 500;
	display: flex;
	align-items: center;
	position: relative;
	transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1);
	left: -15px;
}
header .menu ul li.current_page_item a {
	color: #fff!important;
}
header.color_menu .menu ul li.current_page_parent a {
	color: #030303 !important;
}
header .menu ul li.current_page_item a:before,
header.color_menu .menu ul li.current_page_parent a:before
{
	opacity: 1;
}
header .menu ul li.menu_careers span.count_post {
	position: relative;
	top: -5px;
	background: #FF0000;
	width: 16px;
	height: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	font-size: 10px;
	color: #fff;
	font-weight: 400;
}
header.color_menu .menu ul li a {
	color: #6D6D6D !important;
}
/* header .menu ul li a:before {
	content: "\f061";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	padding-right: 10px;
	color: #FFC933;
	display: flex;
	align-items: center;
	opacity: 0;
	font-size: 12px;
} */
header .menu ul li a:before {
	content: "";
	background: url("./assets/images/fleche_menu.svg");
	background-size: cover;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
	display: flex;
	align-items: center;
	opacity: 0;
	margin-right: 6px;
}
header .menu ul li a:hover {
	left: 0px;
}
header .menu ul li a:hover:before {
	opacity: 1;
}
header .menu ul li {
	padding: 30px 20px 30px;
}
body.lang-fr header .menu ul li{
	padding: 30px 15px 30px;
}
header .content_header .langue {
	display: flex;
	align-items: center;
	position: relative;
	cursor: pointer;
	transition: all 0.3s;
}
header .content_header .langue svg {
	padding-right: 5px;
}

header .content_header .langue span {
	font-size: 14px;
	color: #FFC933;
	font-weight: 500;
	padding-left: 5px;
	text-transform: uppercase;
}
header .content_header .langue .content_langue {
	display: none;
	position: absolute;
	top: 0px;
	padding-top: 30px;
	transition: all 0.3s;
}
header .content_header .langue:hover .content_langue{
	display: block;
	opacity: 1;
	-webkit-animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
header .content_header .langue .content_langue .lang {
	display: flex;
	flex-flow: column;
	background: #030303;
}
header .content_header .langue .content_langue .lang a {
	color: #fff;
	padding: 5px 3px;
	font-size: 14px;
}
header .content_header .langue .content_langue .lang a:hover {
	color: #FFC933;
}
header .content_header .right_header {
	display: flex;
	align-items: center;
}
header .menu .btn_right {
	margin-left: 40px;
}
header .menu .btn_right a {
	border: 1px solid #fff;
	color: #fff;
	border-radius: 30px;
	padding: 14px 25px;
	display: block;
	/* outline: 1px; */
}
header.color_menu .menu .btn_right a {
	border: none;
	color: #030303;
}
header .menu .btn_right a svg {
	width: 30px;
	/* padding-left: 10px; */
	transition: all 0.5s;
}
/* header .menu .btn_right a:hover {
	padding-right: 10px;
} */
/* header .menu .btn_right a:hover svg {
	transform: rotate(45deg);
	background: #FFC933;
	border-radius: 100%;
	width: 27px;
	height: 27px;
	padding-left: 0;
	margin-left: 6px;
}
header .menu .btn_right a:hover svg path {
	fill: #030303;
} */
header .logo .slogan {
	padding-left: 10px;
}
header .logo .animate-text {
	overflow: hidden;
}
header .logo .animate-text span {
	display: none;
}
/* header .logo .animate-text span:nth-child(2) {
	font-size: 18px;
	width: 70%;
	color: #fff;
	font-weight: 200;
	display: none;
} */

header .logo .animate-text span.text-in {
	display: block;
	animation: textIn 1s ease;
	/* -webkit-animation: slide-in-bl 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
		animation: slide-in-bl 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; */
}

header .logo .animate-text span.text-out {
	animation: textOut 1s ease;
	/* -webkit-animation: slide-out-bl 1.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
		animation: slide-out-bl 1.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both; */
}

@keyframes textIn {
	0% {
		transform: translateY(100%);
	}

	100% {
		transform: translateY(0%);
	}
}

@keyframes textOut {
	0% {
		transform: translateY(30%);
	}

	100% {
		transform: translateY(100%);

	}
}
header .slogan span {
	/* padding-top: 10Px;
	padding-bottom: 10px; */
	color: #fff;
	font-size: 20px;
	font-weight: 300;
}
.container {
	max-width: 1320px;
}
/* Footer */
footer {
	background: #030303;
	padding-top: 30px;
	padding-bottom: 30px;
	position: relative;
}
footer .title h2 {
	font-size: 96px;
	color: #fff;
}
footer .info {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
}
footer .btn_contact {
	display: flex;
	height: 100%;
	flex-flow: column;
}
footer .btn_contact a {
	border: 1px solid #fff;
	border-radius: 30px;
	padding: 15px 30px;
	color: #fff;
	font-size: 18px;
	margin-bottom: 35px;
}
footer .btn_contact a img {
	padding-left: 10px;
}
footer .btn_contact > img {
	width: 40%;
}
footer .info_contact {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 50%;
}
footer .info_contact .item {
	margin-bottom: 20px;
}
footer .info_contact .item:last-child{
	width: 50%;
}
footer .info_contact .item h3 {
	color: #667085;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
}
footer .info_contact .item p,
footer .info_contact .item p a
{
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	margin-bottom: 0;
}
footer .info_contact .item .maps a {
	font-weight: 400;
	font-size: 14px;
	color: #FFC933;
	line-height: 19px;
}
footer .info_contact .item .maps {
	margin-top: 10px;
}
footer .info_contact .item .maps a svg {
	margin-left: 10px;
	position: relative;
	top: -2px;
}
footer .info_contact .item p a:hover {
	color: #FFC933;
}
footer .bottom_footer {
	padding-top: 25px;
	display: flex;
	justify-content: space-between;
	width: 100%;
	flex-flow: wrap;
	padding-bottom: 110px;
}
footer .bottom_footer .content_bottom_footer {
	width: 80%;
	border-top: 1px solid #344054;
	padding-top: 40px;
}
footer .bottom_footer .content_bottom_footer .link_bottom_footer a {
	color:#FAFAFF;
	font-size: 20px;
	font-weight: 500;
	line-height: 20px;
}
footer .bottom_footer .content_bottom_footer .link_bottom_footer a:hover {
	color: #FFC933;
}
footer .bottom_footer .content_bottom_footer .link_bottom_footer {
	/* display: flex; */
	display: none;
}
footer .bottom_footer .content_bottom_footer .link_bottom_footer .separator {
	background: url("./assets/images/separator.svg");
	height: 20px;
	position: relative;
	top: 1px;
	display: block;
	background-size: contain;
	background-repeat: no-repeat;
	padding-right: 30px;
	background-position: center;
	padding-left: 30px;
}
footer .bottom_footer .content_bottom_footer .menu_footer {
	padding-top: 40px;
	display: flex;
	justify-content: space-between;
	width: 100%;
	flex-flow: wrap;
}
footer .menu_footer .content_menu_footer h3 {
	font-size: 10px;
	color: #667085;
	font-weight: 700;
	padding-bottom: 10px;
	letter-spacing: 2px;
	text-transform: uppercase;
	border-bottom: 1px solid #344054;
}
footer .menu_footer .content_menu_footer img.map {
	margin-top: 25px;
}
footer .content_menu_footer {
	width: 24%;
}
footer .menu_footer .content_menu_footer ul {
	margin-top: 25px;
}
/* footer .menu_footer .content_menu_footer ul li {
	margin-bottom: 5px;
} */
footer .menu_footer .content_menu_footer ul li a {
	color: #D0D5DD;
	font-size: 14px;
	display: flex;
	align-items: center;
	line-height: 20px;
	position: relative;
	transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1);
	left: -15px;
}
/* footer .menu_footer .content_menu_footer ul li a:before{
	content: "\f061";
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	padding-right: 10px;
	color: #FFC933;
	display: flex;
	align-items: center;
	opacity: 0;
	font-size: 12px;
} */
footer .menu_footer .content_menu_footer ul li a:before {
	content: "";
	background: url("./assets/images/fleche_menu.svg");
	background-size: cover;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
	display: flex;
	align-items: center;
	opacity: 0;
	margin-right: 6px;
}
footer .menu_footer .content_menu_footer ul li a:hover {
	left: 0px;
}
footer .menu_footer .content_menu_footer ul li a:hover:before {
	opacity: 1;
}
footer .bottom_footer .social {
	display: flex;
	flex-flow: column;
	align-items: center;
}
footer .bottom_footer .social .line {
	width: 1px;
	height: 50px;
	background: #FFC933;
	margin-top: 30px;
	margin-bottom: 30px;
	/* transition: all 5s; */
	/* transform: none!important; */
}
footer .bottom_footer .social .line.aos-animate {
	/* height: 50px; */
	/* transform: none !important; */
}
footer .bottom_footer .social .content_social ul {
	display: flex;
	flex-flow: column;
	align-items: center;
}
footer .bottom_footer .social .content_social ul li {
	margin-bottom: 15px;
}
footer .bottom_footer .social .content_social ul li a i {
	color: #fff;
	transition: all 0.4s;
}
footer .bottom_footer .social .content_social ul li a:hover i {
	color: #FFC933;
}
.copyright .content_copyright p {
	color: #D0D5DD;
	font-size: 12px;
	font-weight: 500;
	margin-bottom: 0;
}
footer .copyright .liens a {
	color: #D0D5DD;
	font-size: 12px;
	font-weight: 500;
	border-bottom: 1px solid;
	margin-right: 24px;
}
footer .copyright .liens a:hover {
	color: #FFC933;
}
footer .copyright {
	position: relative;
}
footer #return-to-top {
	position: absolute;
	right: -70px;
	bottom: 0;
}
footer .image_top {
	position: relative;
}
footer .image_top:after {
	content: "";
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	width: 100%;
	display: block;
	height: 44%;
	position: absolute;
	bottom: 0;
	
}
footer .copyright {
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
	width: 100%;
}
footer .copyright .langue_footer a {
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	padding-left: 15px;
	text-transform: uppercase;
}
footer .copyright .langue_footer a:hover,
footer .copyright .langue_footer a.current_lang
{
	color: #FFC933;
}
/* End footer */
.none>.wpb_column {
	display: none;
}
/* rubrique_blog */
.rubrique_blog {
	padding-top: 120px;
	padding-bottom: 90px;
	background: #030303;
}
.rubrique_blog .title {
	display: flex;
	justify-content: space-between;
	width: 100%;
	flex-flow: wrap;
	margin-bottom: 40px;
	padding: 0 36px;
}
.rubrique_blog .group_blog {
	padding: 0 36px;
}
.rubrique_blog .title h2 {
	position: relative;
	font-size: 20px;
	font-weight: 500;
	color: #fff;
	width: fit-content;
	padding-left: 77px;
}
.rubrique_blog .title h2:before {
	content: "";
	background: url("./assets/images/line_title.svg");
	background-size: contain;
	background-repeat: no-repeat;
	width: 70px;
	height: 8px;
	top: 8px;
	left: 0;
	position: absolute;
}
.rubrique_blog .title .description {
	width: 45%;
	text-align: end;
}
.rubrique_blog .title p {
	margin-bottom: 16px;
	font-size: 18px;
	font-weight: 400;
	line-height: 27px;
	color: #fff;
}
.rubrique_blog .title .description a {
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	line-height: 27px;
	text-align: end;
	width: 100%;
	display: block;
}
/* .rubrique_blog .group_blog {
	margin-top: 70px;
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 100%;
} */
.rubrique_blog .slick-slide {
	margin-left: 15px;
	margin-right: 15px;
}

.rubrique_blog .slick-list {
	margin-left: -15px;
	margin-right: -15px;
	padding-top: 30px;
}
.rubrique_blog .group_blog a {
	font-size: 20px;
	font-weight: 500;
	color: #fff;
	line-height: 26px;
	width: 23%;
	transform: translateY(0px);
}
.rubrique_blog .group_blog a:hover {
	transform: translateY(-15px);
}
.rubrique_blog .group_blog a span {
	color: #667085;
	font-size: 14px;
	font-weight: 500;
	transition: all 0.3s;
}
.rubrique_blog .group_blog a .image img {
	width: 100%;
	/* height: 400px!important; */
	object-fit: cover;
}
.rubrique_blog .group_blog a h5 {
	margin-top: 8px;
	margin-bottom: 4px;
}
.rubrique_blog .group_blog a:hover span {
	color: #FFC933;
}
.rubrique_blog .group_blog a svg {
	transition: all 0.3s;	
}
.rubrique_blog .group_blog a:hover svg {
	transform: rotate(45deg);
}
.rubrique_blog .group_blog a:hover svg path {
	fill: #fff;
}
.rubrique_blog .group_blog .image {
	position: relative;
}
/* .rubrique_blog .group_blog .image::after {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	bottom: 0;
	height: 0%;
	transition: 0.4s;
	z-index: 0;
	width: 100%;
	background: linear-gradient(180deg, rgba(255, 201, 51, 0) 10%, rgba(255, 201, 51, 0.8) 90%);
	pointer-events: none;
} */
.rubrique_blog .group_blog a:hover .image:after {
	height: 100%;
}
/* end rubrique_blog */

/* products */
.products {
	padding-top: 90px;
	padding-bottom: 90px;
	/* background: #fff; */
}
.products .title h2 {
	position: relative;
	font-size: 20px;
	font-weight: 500;
	color: #030303;
	width: fit-content;
	padding-left: 77px;
}
.products .title h2:before {
	content: "";
	background: url("./assets/images/line_title_black.svg");
	background-size: contain;
	background-repeat: no-repeat;
	width: 70px;
	height: 8px;
	top: 8px;
	left: 0;
	position: absolute;
}
.products .title p {
	color: #030303;
	font-size: 60px;
	line-height: 72px;
	font-weight: 300;
	width: 55%;
}
.products .group_products {
	margin-top: 50px;
}
.products .group_products a {
	display: flex;
	justify-content: space-between;
	width: 100%;
	flex-flow: wrap;
	align-items: center;
	padding-bottom: 30px;
	padding-top: 30px;
	border-bottom: 1px solid #030303;
	position: relative;
}
.products .group_products a p {
	display: none;
	color: #030303;
	font-size: 24px;
	font-weight: 300;
	width: 30%;
	transition: all 0.3s;
}
.products .group_products a span {
	color: #030303;
	font-size: 40px;
	font-weight: 500;
}
.products .group_products a h3 {
	color: #030303;
	font-size: 32px;
	font-weight: 500;
	width: 38%;
	transition: all 0.3s;
	-webkit-animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.products .group_products a:hover p {
	display: block;
	-webkit-animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.products .group_products a:hover h3 {
	-webkit-animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.products .group_products a:hover {
	padding-left: 20px;
	padding-right: 20px;
}
.products .group_products a::after {
	position: absolute;
	z-index: -1;
	top: calc(100% - 2px);
	left: 0;
	display: block;
	height: 0px;
	width: 100%;
	content: "";
	background-color: #FFC933;
	transition: all 0.3s;
}
.products .group_products a:hover::after {
	top: 0;
	height: 100%;
}
.products .description_bottom {
	margin-top: 80px;
	display: inline-block;
}
.products .description_bottom p{
	margin-bottom: 0;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	width: 46%;
}
.width_product .products {
	padding-bottom: 192px;
}
.width_product .products .title p {
	width: 28%;
}
/* end products */
/* Separator text */
/* .marquee .marquee__item span.item1 {
	font-style: normal;
	font-weight: 300;
	font-size: 190px;
	line-height: 134px;
	color: #030303;
	margin-bottom: 0;
} */
.marquee {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
}
/* .marquee:hover .marquee__item {
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
}
.marquee__seperator {
	margin: 0 2rem;
}
.marquee__item {
	display: inline-block;
	will-change: transform;
	-webkit-animation: marquee 350s linear infinite;
	animation: marquee 350s linear infinite;
}

@-webkit-keyframes marquee {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-100%);
	}
}

@keyframes marquee {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-100%);
	}
} */

.marquee {
	padding-top: 30px;
	padding-bottom: 30px;
	color: #fff;
	
	background: #fff;
}
.marquee .content .rail {
	display: flex;
}

.marquee .content {
	width: 100%;
	height: 100%;
	/* overflow: hidden; */
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 25px;
	padding-bottom: 20px;
}

.marquee .content span {
	font-style: normal;
	font-weight: 300;
	font-size: 190px;
	line-height: 134px;
	color: #030303;
	margin-bottom: 0;
}
/* end Separator text */
/* Section valeur */
.valeur {
	padding-top: 192px;
	padding-bottom: 192px;
	background: #FFC933;
}
.valeur .title h2 {
	font-size: 96px;
	font-weight: 300;
	color: #030303;
	width: 70%;
}
.valeur .wrapper_description {
	padding-top: 30px;
	padding-bottom: 30px;
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 100%;
}
.valeur .wrapper_description .image {
	width: 48%;
}
.valeur .wrapper_description .content_description {
	width: 48%;
}
.valeur .wrapper_description .content_description h3 {
	font-size: 18px;
	font-weight: 300;
	color: #030303;
	width: 70%;
	line-height: 22px;
	margin-bottom: 30px;
}
.valeur .wrapper_description .content_description a {
	border: 1px solid #030303;
	color: #030303;
	border-radius: 30px;
	padding: 15px 20px;
}
.valeur .wrapper_description .content_description a svg {
	width: 30px;
	padding-left: 10px;
}
.valeur .content_group_valeur {
	margin-top: 30px;
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 100%;
}
.valeur .content_group_valeur .group_valeur {
	width: 48%;
}
/* .valeur .content_group_valeur .image_valeur {
	width: 48%;
	
} */
/* .valeur .content_group_valeur .image_valeur img {
	height: 400px!important;
	object-fit: cover;
	width: 400px;
} */

.content_group_valeur .wrapper_slide_image{
	position: relative;
	width: 48%;
}

.image_valeur {
	position: absolute;
	overflow: hidden;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
}
.fig img {
	height: 600px !important;
	object-fit: cover;
	width: 450px!important;
}
.item_image_valeur img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transform: translateY(-100%);
	height: 600px !important;
	object-fit: cover;
	width: 450px !important;
}
.valeur .content_group_valeur .group_valeur .content .item.animate 
{
	/* padding-left: 20px; */
	transform: translateX(20px);
}
.valeur .content_group_valeur .group_valeur .content .item.animate:after
{
	height: 100%;
	opacity: 1;
}
.valeur .content_group_valeur .group_valeur .content .item.animate h4 span
{
	display: flex;
	padding-right: 8px;
	-webkit-animation: slide-in-left2 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: slide-in-left2 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.valeur .content_group_valeur .group_valeur .group_title h3 {
	position: relative;
	font-size: 20px;
	font-weight: 500;
	color: #030303;
	width: fit-content;
	padding-left: 77px;
}

.valeur .content_group_valeur .group_valeur .group_title h3:before {
	content: "";
	background: url("./assets/images/line_title_black.svg");
	background-size: contain;
	background-repeat: no-repeat;
	width: 70px;
	height: 8px;
	top: 8px;
	left: 0;
	position: absolute;
}
.valeur .content_group_valeur .group_valeur .content {
	margin-top: 40px;
}
.valeur .content_group_valeur .group_valeur .content .item {
	width: 75%;
	margin-bottom: 35px;
	transition: all 0.5s;
	position: relative;
}
.valeur .content_group_valeur .group_valeur .content .item:last-child {
	margin-bottom: 0;
}
.valeur .content_group_valeur .group_valeur .content .item:after {
	content: "";
	background: #030303;
	width: 2px;
	height: 0%;
	display: block;
	position: absolute;
	top: 5px;
	left: 0;
	opacity: 0;
	transition: all 0.5s;
	transform: translateX(-20px);
}
.valeur .content_group_valeur .group_valeur .content .item h4 {
	color: #030303;
	font-size: 28px;
	font-weight: 500;
	display: flex;
	margin-bottom: 10px;
}
.valeur .content_group_valeur .group_valeur .content .item p {
	color: #030303;
	font-size: 18px;
	font-weight: 300;
	line-height: 24px;
}

.valeur .content_group_valeur .group_valeur .content .item h4 span {
	display: none;
}
.valeur .content_group_valeur .group_valeur .content .item:hover {
	/* padding-left: 20px; */
	transform: translateX(20px);
}
.valeur .content_group_valeur .group_valeur .content .item:hover h4 {
	-webkit-animation: slide-in-left2 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: slide-in-left2 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.valeur .content_group_valeur .group_valeur .content .item:hover h4 span{
	display: flex;
	padding-right: 8px;
	-webkit-animation: slide-in-left2 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: slide-in-left2 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.valeur .content_group_valeur .group_valeur .content .item:hover:after {
	height: 100%;
	opacity: 1;
	
}
/* End Section valeur */
/* Projet */
.projet {
	padding-top: 192px;
	padding-bottom: 157px;
	background: #030303;
}
.projet .wrapper_projet {
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
	width: 100%;
}
.projet .wrapper_projet .title h2 {
	font-size: 56px;
	font-weight: 300;
	color: #fff;
}
.projet .wrapper_projet .title {
	width: 35%;
}
.projet .wrapper_projet .content_projet {
	width: 48%;
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
}
.projet .wrapper_projet .title p {
	font-size: 18px;
	font-weight: 300;
	color: #fff;
	margin-bottom: 0;
	line-height: 27px;
	margin-top: 20px;
}
.projet .wrapper_projet .content_projet .item {
	width: 48%;
	margin-bottom: 35px;
}
.projet .wrapper_projet .content_projet .item h3 {
	background: -webkit-linear-gradient(rgba(255, 201, 51, 1), rgba(255, 201, 51, 0));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 96px;
	font-weight: 400;
}
.projet .wrapper_projet .content_projet .item h4 {
	font-size: 14px;
	font-weight: 300;
	color: #fff;
}
.projet .bg_image {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 100%;
	position: relative;
	bottom: -70px;
}
/* .projet .bg_image .logo_3D {
	width: 600px;
	height: 410px;
} */
.projet .bg_image img {
	position: absolute;
	right: 0;
	bottom: 0;
}
.not_hidden {
	overflow: visible!important;
	z-index: 9;
}
/* end Projet */
/* Section about */
.about {
	background: #fff;
}
.about .title {
	padding-top: 150px;
}
.about .title h2 {
	position: relative;
	font-size: 20px;
	font-weight: 500;
	color: #030303;
	width: fit-content;
	padding-left: 77px;
}

.about .title h2:before {
	content: "";
	background: url("./assets/images/line_title_black.svg");
	background-size: contain;
	background-repeat: no-repeat;
	width: 70px;
	height: 8px;
	top: 8px;
	left: 0;
	position: absolute;
}
.about .title p {
	color:#030303;
	font-size: 60px;
	line-height: 72px;
	font-weight: 300;
	width: 55%;
	margin-top: 30px;
	margin-bottom: 30px;
}
.about .wrapper_about {
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
	width: 100%;
	padding-bottom: 60px;
}
.about .wrapper_about .content_about {
	width: 45%;
}
.about .wrapper_about .image_about {
	width: 42%;
	position: relative;
	top: -35px;
	visibility: hidden;
	position: relative;
	overflow: hidden;
}
.about .wrapper_about .image_about img {
	transform-origin: right;
}
.about .wrapper_about .content_about p {
	font-size: 18px;
	font-weight: 300;
	line-height: 27px;
	text-align: justify;
	width: 75%;
	margin-bottom: 60px;
}
.about .wrapper_about .content_about a {
	border: 1px solid #030303;
	color: #030303;
	border-radius: 30px;
	padding: 15px 20px;
}
.about .wrapper_about .content_about a svg {
	width: 22px;
	padding-left: 10px;
}
.about .wrapper_about .content_about .line_image {
	padding-top: 55px;
}
/* end section about */
/* partner */
.partner {
	padding-top: 60px;
	padding-bottom: 60px;
	background: #fff;
}
.partner .title {
	padding: 0px 36px
}
.partner .title h2 {
	position: relative;
	font-size: 20px;
	font-weight: 500;
	color: #030303;
	width: fit-content;
	padding-left: 77px;
}

.partner .title h2:before {
	content: "";
	background: url("./assets/images/line_title_black.svg");
	background-size: contain;
	background-repeat: no-repeat;
	width: 70px;
	height: 8px;
	top: 8px;
	left: 0;
	position: absolute;
}
.partner .wrapper_description {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 100%;
	margin-top: 25px;
	align-items: end;
	padding: 0 36px;
}
.partner .wrapper_description p {
	width: 32%;
	color: #030303;
	font-size: 18px;
	font-weight: 300;
	line-height: 27px;
	margin-bottom: 0;
	text-align: justify;
}



/* Hover link */
a.style_link
{
	position: relative;
	/* padding-right: 20px; */
	/* transition: all 3s; */
}
button.style_link,
button.style_link.btn_form_white
{
	position: relative;
	background: transparent;
}
a.style_link span.title_link,
button.style_link span.title_link,
button.style_link.btn_form_white span.title_link
{
	position: relative;
	margin-right: 25px;
}
a.style_link span.title_link::after,
header.color_menu a.style_link span.title_link::after,
button.style_link span.title_link::after,
button.style_link.btn_form_white span.title_link::after
{
	content: '';
	position: absolute;
	width: 100%;
	transform: scaleX(0);
	border-radius: 5px;
	height: 1px;
	bottom: 0;
	left: 0;
	background: currentcolor;
	transform-origin: bottom right;
	transition: transform 0.25s ;
}

a.style_link:hover span.title_link::after,
header.color_menu a.style_link:hover span.title_link::after,
button.style_link:hover span.title_link::after,
button.style_link.btn_form_white:hover span.title_link::after
{
	transform: scaleX(1);
	transform-origin: bottom left;
}
a.style_link span.icon,
button.style_link span.icon,
button.style_link.btn_form_white span.icon
{
	position: relative;
}
a.style_link span.icon:before,
a.style_link span.icon:after,
button.style_link span.icon:before,
button.style_link span.icon:after
{
	content: '';
	background: url("./assets/images/fleche_link.svg");
	background-repeat: no-repeat;
	width: 14px;
	height: 14px;
	position: absolute;
	z-index: 1;
	top: 4px;
	right: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}

button.style_link.btn_form_white span.icon:before,
button.style_link.btn_form_white span.icon:after {
	content: '';
	background: url("./assets/images/fleche_link_white.svg");
	background-repeat: no-repeat;
	width: 14px;
	height: 14px;
	position: absolute;
	z-index: 1;
	top: 4px;
	right: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}

a.style_link span.icon:after,
button.style_link span.icon:after
{
	content: '';
	background: url("./assets/images/fleche_link.svg");
	background-repeat: no-repeat;
	width: 14px;
	height: 14px;
	transform: translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
	transform-style: preserve-3d;
}
button.style_link.btn_form_white span.icon:after {
	content: '';
	background: url("./assets/images/fleche_link_white.svg");
	background-repeat: no-repeat;
	width: 14px;
	height: 14px;
	transform: translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
	transform-style: preserve-3d;
}
a.style_link_white span.icon:after
{
	content: '';
	background: url("./assets/images/fleche_link_white.svg");
	background-repeat: no-repeat;
	width: 14px;
	height: 14px;
	transform: translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
	transform-style: preserve-3d;
}
button.style_link_white span.icon:after,
header.color_menu a.style_link_white span.icon:after
{
	content: '';
	background: url("./assets/images/fleche_link_black.svg");
	background-repeat: no-repeat;
	width: 14px;
	height: 14px;
	transform: translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
	transform-style: preserve-3d;
}
button.style_link_white.btn_form_white span.icon:after {
	content: '';
	background: url("./assets/images/fleche_link_white.svg");
	background-repeat: no-repeat;
	width: 14px;
	height: 14px;
	transform: translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
	transform-style: preserve-3d;
}
a.style_link span.icon:before,
button.style_link span.icon:before
{
	content: '';
	background: url("./assets/images/fleche_link.svg");
	background-repeat: no-repeat;
	width: 14px;
	height: 14px;
	transform: translate3d(-70%, 70%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
	transform-style: preserve-3d;
}
button.style_link span.icon:before {
	content: '';
	background: url("./assets/images/fleche_link.svg");
	background-repeat: no-repeat;
	width: 14px;
	height: 14px;
	transform: translate3d(-70%, 70%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
	transform-style: preserve-3d;
}
button.style_link.btn_form_white span.icon:before {
	content: '';
	background: url("./assets/images/fleche_link_white.svg");
	background-repeat: no-repeat;
	width: 14px;
	height: 14px;
	transform: translate3d(-70%, 70%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
	transform-style: preserve-3d;
}
a.style_link_white span.icon:before
{
	content: '';
	background: url("./assets/images/fleche_link_white.svg");
	background-repeat: no-repeat;
	width: 14px;
	height: 14px;
	transform: translate3d(-70%, 70%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
	transform-style: preserve-3d;
}
button.style_link_white span.icon:before,
header.color_menu a.style_link_white span.icon:before
{
	content: '';
	background: url("./assets/images/fleche_link_black.svg");
	background-repeat: no-repeat;
	width: 14px;
	height: 14px;
	transform: translate3d(-70%, 70%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
	transform-style: preserve-3d;
}
button.style_link_white.btn_form_white span.icon:before {
	content: '';
	background: url("./assets/images/fleche_link_white.svg");
	background-repeat: no-repeat;
	width: 14px;
	height: 14px;
	transform: translate3d(-70%, 70%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
	transform-style: preserve-3d;
}

a.style_link span.icon:before,
button.style_link span.icon:before,
button.style_link.btn_form_white span.icon:before,
header.color_menu a.style_link span.icon:before
{
	opacity: 0;
}

a.style_link:hover span.icon:before,
header.color_menu a.style_link:hover span.icon:before,
button.style_link:hover span.icon:before,
button.style_link.btn_form_white:hover span.icon:before
{
	opacity: 1;
	right: 0;
	transform: translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
	transform-style: preserve-3d;
}

a.style_link:hover span.icon:after,
header.color_menu a.style_link:hover span.icon:after,
button.style_link:hover span.icon:after,
button.style_link.btn_form_white:hover span.icon:after
{
	opacity: 0;
	transform: translate3d(100%, -100%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
	transform-style: preserve-3d;
}
/* End Hover link */

.partner .wrapper_description a {
	color: #030303;
	font-size: 18px;
	font-weight: 500;
	position: relative;
	/* padding-right: 20px; */
	/* display: flex; */
}


.partner .wrapper_description a svg {
	width: 22px;
	padding-left: 10px;
	
}
/* .partner .wrapper_description a:hover svg {
	transform: translateY(-50%);
} */
.partner .partenaire {
	margin-top: 90px;
}
.partner .partenaire .item {
/* 	border-top: 2px solid #030303; */
/* 	border-bottom: 2px solid #030303; */
/* 	border-left: 1px solid #030303; */
/* 	border-right: 1px solid #030303; */
	padding: 20px;
	transition: all 4s;
}
.partner .partenaire .item a img {
	margin: auto;
	width: 80%;
	aspect-ratio: 3/2;
	transition: all 4s;
}
/* .partner .partenaire .item a img.img_hover {
	display: none;
}
.partner .partenaire .item:hover a img.img_hover {
	display: block;
}
.partner .partenaire .item:hover a img.img {
	display: none;
} */
.partner .slick-list {
	overflow: visible;
	padding: 0 20% 0 0;
	position: relative;
}

.partner .slick-list::after {
	content: ' ';
	position: absolute;
	top: 0px;
	bottom: 0px;
	width: 100%;
	right: 100%;
	background-color: white;
}
/* end partner */

/* bannie */
.bannier {
	height: 100vh;
	position: relative;
}
.bannier video {
	/* min-width: 100%;
	min-height: 100vh; */
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	z-index: 2;
}
.bannier .image_bg {
	position: absolute;
	z-index: 3;
	width: 40%;
	height: 100%;
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	 /*background: url("./assets/images/bannier_blur.svg"); */
}
.bannier .content_bannier {
	position: absolute;
	z-index: 4;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	right: auto;
	width: 100%;
	padding-left: 50px;
}
.bannier .content_bannier h1 {
	font-size: 90px;
	color: #fff;
	line-height: 110px;
	font-weight: 300;
	width: 75%;
}
.bannier .content_bannier .item_content_bannier_description {
	margin-left: 0px;
}
.bannier .content_bannier p {
	font-size: 18px;
	color: #fff;
	line-height: 27px;
	font-weight: 300;
	width: 45%;
	/* margin-left: 65px; */
	margin-top: 20px;
	margin-bottom: 60px;
}
.bannier .content_bannier a {
	font-size: 18px;
	color: #fff;
	line-height: 27px;
	font-weight: 500;
	border: 1px solid #fff;
	border-radius: 30px;
    padding: 19px 32px 19px 32px;
	/* margin-left: 65px; */
}
.bannier .content_bannier a svg {
	width: 22px;
	padding-left: 10px;
}
.bannier .content_service {
	position: absolute;
	z-index: 4;
	bottom: 0;
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
	width: 100%;
}

.bannier .content_service a {
	position: relative;
	width: 24%;
	height: 170px;
	padding: 20px 15px 30px;
	/* border: 1px solid transparent;
	border-image: linear-gradient(180deg, transparent, transparent) 20;
	border-image-slice: 1; */
}
.bannier .content_service a::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius:8px;
	padding: 1px;
	opacity: 0;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.5),rgba(255, 255, 255, 0));
	-webkit-mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
}
.bannier .content_service a:hover::before {
	opacity: 1;
}
/* .bannier .content_service a:hover {
	border: 1px solid transparent;
	border-image: linear-gradient(180deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
	border-image-slice: 1;
} */
.bannier .content_service a:hover {
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}
.bannier .content_service a .title {
	display: flex;
	align-items: center;
	flex-flow: wrap;
	justify-content: space-between;
	height: 100%;
	/* align-items: end; */
	transform: translateY(35px);
	transition: all 0.3s;
}
.bannier .content_service a:hover .title {
	align-items: center;
	height: auto;
	transform: translateY(0);
}
.bannier .content_service a .title img {
	width: 10%;
}
.bannier .content_service a .title h2 {
	font-size: 20px;
	font-weight: 500;
	line-height: 26px;
	color: #fff;
	width: 86%;
}
.bannier .content_service a .description p {
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	color: #fff;
	opacity: 0;
}
.bannier .content_service a:hover .description p {
	opacity: 1;
	-webkit-animation: slide-in-bottom 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: slide-in-bottom 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.bannier .content_service a:after {
	content: "";
	/* background: #4531F5; */
	width: 0%;
	height: 8px;
	position: absolute;
	bottom: 0;
	left: 0;
	opacity: 0;
	transition: all 1s;
}
.bannier .content_service a:hover:after {
	width: 100%;
	opacity: 1;
}
.bannier .content_service a:nth-child(1):after {
	background: #4531F5;
}
.bannier .content_service a:nth-child(2):after {
	background: #43DE98;
}
.bannier .content_service a:nth-child(3):after {
	background: #FF6666;
}
.bannier .content_service a:nth-child(4):after {
	background: #D490F0;
}
.bannier .content_service a .title img
{
	display: none;
}
.bannier .content_service a:hover img
{
	display: block;
	
}

/* .bannier .content_service a:hover {
	display: block;
} */
.bannier .item_content_bannier {
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: space-between;
	
}
.bannier .item_content_bannier .scroll_down  button{
	position: relative;
	cursor: pointer;
	transition: all 0.5s;
	background: transparent;
	border: transparent;
	padding: 0;
}
.bannier .item_content_bannier .scroll_down button:before{
	content: "";
	background: transparent;
	width: 48px;
	height: 48px;
	border-radius: 100%;
	display: block;
	position: absolute;
	top: 22px;
	transition: all 0.5s;
	left: -22px;
	padding: 0.03em;
	background: linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
	-webkit-mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
}
.bannier .item_content_bannier .scroll_down button:hover::before {
	width: 60px;
	height: 60px;
	left: -29px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
}
.bannier .item_content_bannier .scroll_down button img {
	transition: all 0.5s;
}
.bannier .item_content_bannier .scroll_down button:hover img {
	transform: translateY(60px);
}





.bannier .item_content_bannier .scroll_down a {
	position: relative;
	cursor: pointer;
	transition: all 0.5s;
	background: transparent;
	border: transparent;
	padding: 0;
}

.bannier .item_content_bannier .scroll_down a:before {
	content: "";
	background: transparent;
	width: 48px;
	height: 48px;
	border-radius: 100%;
	display: block;
	position: absolute;
	top: 12px;
	transition: all 0.5s;
	left: -22px;
	padding: 0.03em;
	background: linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
	-webkit-mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
}

.bannier .item_content_bannier .scroll_down a:hover::before {
	width: 60px;
	height: 60px;
	left: -29px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
}

.bannier .item_content_bannier .scroll_down a img {
	transition: all 0.5s;
}

.bannier .item_content_bannier .scroll_down a:hover img {
	transform: translateY(60px);
}






/* end bannier */

/* Approche */
.approche {
	padding-top: 60px;
	/* padding-bottom: 60px; */
	background: #fff;
}
.approche .pin-spacer {
	position: relative;
}
/* .approche .wrapper_approche {
	position: relative;
} */
.approche .bg_apprche {
	background: url("./assets/images/bg_approche.svg");
	background-size: auto;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
}
.item_approche {
	padding-top: 60px!important;
}
.approche #image {
	height: 100vh;
	width: 100vw;
	z-index: 1;
	/* margin-top: 70px !important; */
	position: relative;
}

.approche img {
	width: 100vw;
	height: 100vh;
	object-fit: cover;
	position: relative;
}
/* .approche img:before {
	content:"";
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	width: 100%;
	display: block;
	height: 44%;
	position: absolute;
	bottom: 0;
} */
.approche #text {
	z-index: 2;
	height: fit-content;
	margin-bottom: 192px;
	width: 100vw;
	position: relative;
}
.approche .spacer {
	height: 100%;
	width: 100%;
	display: grid;
	place-content: center;
	position: relative;
}
.approche .scrollimgzoomin {
	transition: all 1s;
}
.approche #image h3 {
	font-size: 45px;
	font-weight: 300;
	color: #030303;
	position: absolute;
	/* left: 38%;
	top: 35%; */
	top: 20%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
	transition: all 1s;
}
.approche .scrollimgzoominImage h3 {
	/* -webkit-animation: slide-out-bck-center 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	animation: slide-out-bck-center 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both; */
	opacity: 0;
}
.approche #text .title h2 {
	position: relative;
	font-size: 20px;
	font-weight: 500;
	color: #030303;
	width: fit-content;
	padding-left: 77px;
}
.approche #text .title h2:before {
	content: "";
	background: url("./assets/images/line_title_black.svg");
	background-size: contain;
	background-repeat: no-repeat;
	width: 70px;
	height: 8px;
	top: 8px;
	left: 0;
	position: absolute;
}
.approche #text .title p {
	font-size: 60px;
	line-height: 72px;
	font-weight: 300;
	width: 640px;
	margin-top: 25px;
	margin-bottom: 40px;
}
.approche #text .title a {
	border: 1px solid #030303;
	color: #030303;
	border-radius: 30px;
	padding: 15px 20px;
}
.approche #text .title a svg {
	width: 30px;
	padding-left: 10px;
}
/* .approche .blur {
	position: relative;
}
.approche .blur:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #fff;
	width: 30%;
	height: 100vh;
	opacity: 0.5;
	z-index: 1;
} */
/* End Approche */
/* Research & Development */
/* Start Zoom logo Harmony */
.container__headline {
	font-size: 5vmin;
}

.hero__cover {
	position: relative;
	height: 100vh;
	width: 100vw;
}

.hero__inner {
	display: flex;
	position: relative;
	width: 100vw;
	max-height: 100vh;
	overflow: hidden;
}

.hero__inner::before {
	content: "";
	display: block;
	padding-bottom: calc(100% / (16 / 9));
}



.hero__cover .hero_content_info {
	position: relative;
	top: 50%;
	left: 50%;
	width: 100vw;
	height: 100vh;
	transform: translate(-50%, -50%);
	z-index: 100;
	/* transition: all 0.3s; */
}


.hero__images {
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100vh;
	/* height: calc(100vh - 30%)!important; */
	/* transform: translate(-50%, 50%); */
	object-fit: cover;
}
.hero__images img {
	width: 100%;
}
.hero__content {
	display: none;
	position: absolute;
	right: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}
.hero .block_content {
	position: absolute;
	top: 8%;
	right: 0;
	left: 0;
}

.hero .block_content .title {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.scrollimgzoomin.hero .block_content {
	z-index: 111;
}
.hero_content_info .wrapper_title .title {
	position: absolute;
	top: 70%;
	left: 50%;
	transform: translate(-50%, -50%);
	
}
.hero_content_info .wrapper_title .title h2 {
	text-align: center;
	font-size: 40px;
	font-weight: 300;
	line-height: 48px;
	color: #030303;
	width: 90%;
}
.display_content {
	z-index: 111;
}
.hero .block_content .wrapper_content {
	height: 100vh;
}
.hero .block_content .wrapper_content .item_wrapper_content {
	position: absolute;
	top: 10%;
	left: auto;
	right: auto;
	opacity: 0;
	transition: all 2s;
	transform: translateY(-40px);
}
.hero .block_content .wrapper_content .item_wrapper_content.show_content {
	opacity: 1;
	transform: translateY(40px);
}
.hero .block_content .wrapper_content .item_wrapper_content .title_content h3 {
	position: relative;
	font-size: 20px;
	font-weight: 500;
	color: #fff;
	width: fit-content;
	padding-left: 77px;
}

.hero .block_content .wrapper_content .item_wrapper_content .title_content h3:before {
	content: "";
	background: url("./assets/images/line_title.svg");
	background-size: contain;
	background-repeat: no-repeat;
	width: 70px;
	height: 8px;
	top: 8px;
	left: 0;
	position: absolute;
}
.hero .block_content .wrapper_content .item_wrapper_content .title_content p {
	font-size: 60px;
	font-weight: 300;
	line-height: 72px;
	color: #fff;
	width: 75%;
	margin-top: 15px;
	margin-bottom: 15px;
}
.hero .block_content .wrapper_content .item_wrapper_content .description {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 45px;
}
.hero .block_content .wrapper_content .item_wrapper_content .description .image,
.hero .block_content .wrapper_content .item_wrapper_content .description .content_description
{
	width: 48%;
}
.hero .block_content .wrapper_content .item_wrapper_content .description .image img {
	margin-top: -20px;
}
.hero .block_content .wrapper_content .item_wrapper_content .description .content_description p {
	font-size: 18px;
	font-weight: 300;
	line-height: 27px;
	color: #fff;
	width: 80%;
	margin-bottom: 35px;
}
.hero .block_content .wrapper_content .item_wrapper_content .description .content_description a {
	border: 1px solid #fff;
	border-radius: 30px;
	padding: 15px 30px;
	color: #fff;
	font-size: 18px;
	margin-bottom: 35px;
}
.hero .block_content .wrapper_content .item_wrapper_content .description .content_description a img {
	padding-left: 10px;
}
/* End Zoom Logo Harmony */
/* End Research & Development */
/* activate menu sidebar */
.header .content_menu_sidebar {
	z-index: 9990;
	padding: 20px 20px;
	position: fixed;
	top: 0;
	bottom: 0;
	right: -80%;
	width: 25%;
	list-style-type: none;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-webkit-overflow-scrolling: touch;
	background: #fff;
	overflow: hidden;
	overflow-y: auto;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	box-shadow: 0 1px 9px rgb(0 0 0 / 12%), 0 1px 6px rgb(0 0 0 / 12%);
}

.header .content_menu_sidebar.visible {
	right: 50px;
}

.header #fade-bg {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	-webkit-overflow-scrolling: touch;
	overflow: hidden;
	top: 0;
	left: 0;
	z-index: 80;
	background: rgba(0, 0, 0, 0.2);
}

.header .menu_sidebar .close {
	opacity: 1;
}

.header .menu_sidebar .close .btn_close {
	position: absolute;
	top: 0;
	left: 0;
	background: #030303;
	width: 40px;
	height: 35px;
	cursor: pointer;
}

.header .menu_sidebar .close .btn_close:before,
.header .menu_sidebar .close .btn_close:after {
	position: absolute;
	left: 18px;
	top: 8px;
	content: ' ';
	height: 18px;
	width: 2px;
	background-color: #fff;
}

.header .menu_sidebar .close .btn_close:before {
	transform: rotate(45deg);
}

.header .menu_sidebar .close .btn_close:after {
	transform: rotate(-45deg);
}



.header .menu_sidebar {
	position: relative;
	display: none;
}

.header .activate_menu {
	display: block;
	cursor: pointer;
	width: 15px;
	height: 32px;
	margin-left: 5px;
	position: relative;
	z-index: 100;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.header .activate_menu i {
	font-size: 22px;
	color: #3b4e51;
}

.header .menu_sidebar span.icon_menu_sidebar,
.header .activate_menu span.icon_menu_sidebar:before,
.header .activate_menu span.icon_menu_sidebar:after {
	content: "";
	background: #fff;
	display: block;
	width: 16px;
	height: 0.1em;
	position: absolute;
	left: 0;
}

.header .menu_sidebar span.icon_menu_sidebar {
	top: 5px;
}

.header .activate_menu span.icon_menu_sidebar:before {
	top: 5px;
	height: 0.1em;
}

.header .activate_menu span.icon_menu_sidebar:after {
	top: 9.5px;
	width: 10px;
	transition: width 200ms;
	-moz-transition: width 200ms;
	-o-transition: width 200ms;
	-webkit-transition: width 200ms;
}

.header .activate_menu:hover span.icon_menu_sidebar:after {
	width: 16px;
}

.header .content_item_menu_sidebar {
	margin-top: 60px;
	text-align: center;
}

.header .content_item_menu_sidebar .info h2 {
	margin-bottom: 20px;
	font-size: 24px;
	margin-top: 25px;
	font-weight: 600;
}

.header .content_item_menu_sidebar p,
.header .content_item_menu_sidebar a {
	font-size: 16px;
	color: #7D7D7D;
	margin-top: 15px;
	text-align: left;
}

.header .content_item_menu_sidebar .social {
	margin-top: 35px;
}
.header .content_item_menu_sidebar .langue_sidebar .lang {
	display: flex;
	justify-content: space-around;
	width: 100%;
	margin: auto;
}
.header .content_item_menu_sidebar .langue_sidebar {
	margin-top: 40px;
}
.header .content_item_menu_sidebar .langue_sidebar a {
	color: #030303;
	font-size: 16px;
	font-weight: 500;
	/* padding-left: 15px; */
	text-transform: uppercase;
}
.header .content_item_menu_sidebar .langue_sidebar a:hover,
.header .content_item_menu_sidebar .langue_sidebar a.current_lang {
	color: #FFC933;
}
.header .content_item_menu_sidebar .social ul {
	display: flex;
	justify-content: space-between;
	width: 100%;
	/* flex-flow: wrap; */
}

.header .content_item_menu_sidebar .social ul li a {
	height: 45px;
	width: 45px;
	border-radius: 50%;
	border: 1px solid #dfdfdf;
	display: flex;
	align-items: center;
	justify-content: center;
}

.header .content_item_menu_sidebar .social ul li a:hover {
	background: #FFC933;
	border: 1px solid #FFC933;
}

.header .content_item_menu_sidebar .social ul li a:hover i {
	color: #fff;
}

.header .content_item_menu_sidebar .social ul li {
	border: none;
	display: flex;
	justify-content: center;
}

.header .content_item_menu_sidebar .social ul li a i {
	color: #7D7D7D;
}

.header .content_item_menu_sidebar ul {
	align-items: start !important;
}

.header .content_item_menu_sidebar ul li a span {
	color: #030303;
	font-weight: 700;
	transition: all 0.3s;
}

.header .content_item_menu_sidebar ul li:hover a span {
	color: #FFC933;
}

.header .content_item_menu_sidebar ul li a span:hover:before,
.header .content_item_menu_sidebar ul li.current-menu-item a span:before {
	display: none;
}

.header .content_item_menu_sidebar ul {
	padding: 0px 20px;
}

.header .content_item_menu_sidebar ul li {
	width: 100%;
	transition: all 0.3s;
	border-bottom: 1px solid #979797;
	padding: 10px 0px !important;
	position: relative;
}
.header .content_item_menu_sidebar ul li.menu-item-has-children:after {
	content: "";
	background: url("./assets/images/fleche_accordion_location.svg");
	width: 19px;
	height: 10px;
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	right: 0;
	top: 40px;
	transition: all 0.3s;
}

.activate_menu_mobile {
	display: block;
	position: absolute;
	width: 24px;
	height: 20px;
	top: 23px;
	left: 0;
	cursor: pointer;
	z-index: 100;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.activate_menu_mobile .menu-icon,
.activate_menu_mobile .menu-icon::before,
.activate_menu_mobile .menu-icon::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	height: 2px;
	background: #fff;
	border-radius: 36px;
	cursor: pointer;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.activate_menu_mobile .menu-icon {
	top: 8px;
}

.activate_menu_mobile .menu-icon::before {
	top: -8px;
}

.activate_menu_mobile .menu-icon::after {
	bottom: -8px;
}

.activate_menu_mobile.active .menu-icon {
	background: none;
}

.activate_menu_mobile.active .menu-icon::before {
	top: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.activate_menu_mobile.active .menu-icon::after {
	bottom: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* End activate menu sidebar */
/* cursor souris */
#image_suit_souris {
	background: #030303;
	width: 10px;
	height: 10px;
	border-radius: 100%;
}
#image_suit_souris {
	position: absolute;
	display: block;
	z-index: 5;
}
/* end cursor souris */

/* preloader */
body.loader {
	overflow-x: hidden;
}
#preloader {
	background-color: #030303;
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 2147483647;
	width: 100%;
	height: 100%;
	transition: all 2s;
	overflow: hidden;
}
#preloader.active {
	visibility: hidden;
	-webkit-animation: slide-out-top 2s;
	animation: slide-out-top 2s;
	transition: all 2s;
}
#preloader #status {
	background-position: center center;
	background-repeat: no-repeat;
	height: auto;
	position: absolute;
	bottom: 40px;
	/* left: 25px; */
	width: 100%;

}
#preloader.active #status {
	display: none;
}
#preloader #status .progress {
	color: #fff;
	background: transparent;
	height: 100%;
	flex-flow: wrap;
}
#preloader #status .progress-number {
	font-size: 132px;
	color: #fff;
	background: transparent;
	width: 100%;
	margin-bottom: 10px;
}
/* #smooth-wrapper.active {
	-webkit-animation: slide-in-top2 1.5s ;
	animation: slide-in-top2  1.5s ;
} */

#preloader .loading-bar {
	display: flex;
	position: relative;
	height: 5px;
	width: 100%;
	overflow: hidden;
}
#preloader #status .progress-bar {
	display: flex;
	height: 100%;
	width: 100%;
	background: #FFC933;
	border-radius: 50px;
	border: 1px solid transparent;
	-webkit-animation: progress-animation 5s ease-in-out;
	animation: progress-animation 5s ease-in-out;
}
@-webkit-keyframes progress-animation {
	0% {
		width: 0%;
	}

	30% {
		width: 1%;
	}

	50% {
		width: 70%;
	}

	100% {
		width: 100%;
	}
}

@keyframes progress-animation {
	0% {
		width: 0%;
	}

	20% {
		width: 20%;
	}

	40% {
		width: 40%;
	}

	50% {
		width: 70%;
	}

	100% {
		width: 100%;
	}
}
.wrapper_loader .bg_color {
	visibility: hidden;
	transition: all 1s;
	position: absolute;
	bottom: 0;
	height: auto;
	width: 100%;
}
.wrapper_loader .bg_color.active {
	visibility: visible;
}
.wrapper_loader .bg_color .yellow {
	background: #FFC933;
	width: 100%;
	height: 100px;
	transition: all 2s;
}
.wrapper_loader .bg_color .black {
	background: #030303;
	width: 100%;
	height: 100px;
	transition: all 2.5s;
}
.wrapper_loader .bg_color.active .yellow,
.wrapper_loader .bg_color.active .black
{
	height: 0px;
}
body.bg_body_bannier {
	background: #030303;
}
.wrapper_loader .loadingbar {
	width: 0%;
	height: 5px;
	background: #FFC933;
	border-radius: 50px;
}
/* .wrapper_bg_black {
	background: #030303;
} */
/* end preloader */
/*Menu header and sous Menu  */
header .content_header nav,
header .dropdown
{
	position: initial;
}
header .dropdown-toggle::after {
	display: none;
}
header .dropdown.active>.dropdown-menu {
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
	width: 100%;
	padding: 0;
/* 	-webkit-animation: scale-in-ver-top 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: scale-in-ver-top 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; */
	animation: fadeInMenu 0.6s ease-in-out;
	/* This is to override the display: none from hidden */
	opacity: 1;
}
@keyframes fadeInMenu {
	from {
		-webkit-transform: translateY(-50px);
		transform: translateY(-50px);
		opacity: 0;
	}

	to {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}
/* .pll-parent-menu-item>.dropdown-menu {
	width: auto;
} */
header .menu-item-has-children ul {
	background-color: #030303;
	width: 100%;
	border: 0px solid rgba(0, 0, 0, .15);
	border-radius: 0px;
	/* border-top: 2px solid #ffff; */
	top: 100%;
	margin: 0;
}
header .menu-item-has-children ul li {
	padding: 0;
	height: auto !important;
	width: 24%;
}
/* header .menu-item-has-children ul li.sous_category {
	position: relative;
} */
header .menu-item-has-children ul li.sous_category.bg_digital a:after {
	content: "";
	display: block;
	background: url("./assets/images/icon_solution/icon_digital.svg");
	width: 90px;
	height: 90px;
	background-repeat: no-repeat;
	background-size: 100%;
}
header .menu-item-has-children ul li.sous_category.bg_education a:after {
	content: "";
	display: block;
	background: url("./assets/images/icon_solution/icon_eductaion.svg");
	width: 90px;
	height: 90px;
	background-repeat: no-repeat;
	background-size: 100%;
}
header .menu-item-has-children ul li.sous_category.bg_iot a:after {
	content: "";
	display: block;
	background: url("./assets/images/icon_solution/icon_iot.svg");
	width: 90px;
	height: 90px;
	background-repeat: no-repeat;
	background-size: 100%;
}
header .menu-item-has-children ul li.sous_category.bg_cybersecurity a:after {
	content: "";
	display: block;
	background: url("./assets/images/icon_solution/icon_cybersecurity.svg");
	width: 90px;
	height: 90px;
	background-repeat: no-repeat;
	background-size: 100%;
}
header .menu-item-has-children ul li a span {
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	white-space: initial;
	transition: all 0.5s;
	line-height: 26px;
	width: 75%;
	display: block;
	
}
header .menu-item-has-children ul li a span.menu-item-description {
	display: flex;
	margin-top: 10px;
	font-size: 13px;
	font-weight: 300;
	line-height: 21px;
	color: #fff;
	width: 90%;
	margin-bottom: 20px;
}
header .dropdown-menu .dropdown-item {
	padding: 25px;
	display: block;
	height: 100%;	
}
header .menu-item-has-children ul li a {
	padding: 10px 10px;
}
header .menu-item-has-children ul li a span:hover {
	color: #fff;
}
header .dropdown-item:focus,
header .dropdown-item:hover {
	background: transparent;
}
header .dropdown-menu>.dropdown {
	position: relative;
}
header .menu-item-has-children .dropdown-menu .active.current_page_item span {
	color: #fff;
}
header .dropdown-menu>.dropdown a::after {
	transform: rotate(-90deg);
	position: absolute;
	left: 95%;
	font-size: 18px;
	top: 4px;
	color: #b3b3b3;
}
header .dropdown-menu>.dropdown a {
	padding: 0 !important;
	position: relative;
}
header .dropdown-menu>.dropdown .dropdown-menu {
	top: -12px;
	left: 100%;
}
header .menu-item-has-children ul li a {
	align-items: start;
	left: 0!important;
}
header .menu-item-has-children ul li.sous_category.bg_digital a:hover {
	background: #4531F5;
}
header .menu-item-has-children ul li.sous_category.bg_education a:hover {
	background: #43DE98;
}
header .menu-item-has-children ul li.sous_category.bg_iot a:hover {
	background: #FF6666;
}
header .menu-item-has-children ul li.sous_category.bg_cybersecurity a:hover {
	background: #D490F0;
}
/* header .menu-item-has-children ul li.sous_category.bg_digital a:hover:after {
	content: "";
	background: url("./assets/images/icon_service_hover1.svg");
	display: block;
	width: 60px;
	height: 60px;
	background-repeat: no-repeat;
	background-size: 100%;
}
header .menu-item-has-children ul li.sous_category.bg_education a:hover:after {
	content: "";
	background: url("./assets/images/icon_service_hover2.svg");
	display: block;
	width: 60px;
	height: 60px;
	background-repeat: no-repeat;
	background-size: 100%;
}
header .menu-item-has-children ul li.sous_category.bg_iot a:hover:after {
	content: "";
	background: url("./assets/images/icon_service_hover3.svg");
	display: block;
	width: 60px;
	height: 60px;
	background-repeat: no-repeat;
	background-size: 100%;
}
header .menu-item-has-children ul li.sous_category.bg_cybersecurity a:hover:after {
	content: "";
	background: url("./assets/images/icon_service_hover4.svg");
	display: block;
	width: 60px;
	height: 60px;
	background-repeat: no-repeat;
	background-size: 100%;
} */
header .menu-item-has-children ul li a:hover span{
	color: #030303!important;
}
header .menu-item-has-children ul li.bg_digital a:hover span {
	color: #fff !important;
}
header .menu-item-has-children ul li a:before {
	display: none!important;
}
/* End Menu header and sous Menu  */
/* Solution Mobile */
.wrapper_bannier .wrapper_solution .content_service {
	display: flex;
	flex-flow: wrap;
	width: 100%;
	justify-content: space-between;
	margin-top: 25px;
	margin-bottom: 25px;
}
.wrapper_bannier .wrapper_solution .content_service a {
	position: relative;
	width: 24%;
	border: 1px solid #030303;
	border-radius: 8px;
	padding: 20px 15px 30px;
}
.wrapper_bannier .wrapper_solution .content_service a .title {
	display: flex;
	align-items: center;
	flex-flow: wrap;
	justify-content: space-between;
	transition: all 0.3s;
}
.wrapper_bannier .wrapper_solution .content_service a .title img {
	width: 10%;
}
.wrapper_bannier .wrapper_solution .content_service a .title h2 {
	font-size: 20px;
	font-weight: 500;
	line-height: 26px;
	color: #030303;
	width: 86%;
}
.wrapper_bannier .wrapper_solution .content_service a .description p {
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	color: #030303;
	margin-bottom: 0;
}
.wrapper_bannier .wrapper_solution {
	display: none;
}
/* end Solution Mobile */
/* item_approche_mobile */
.approche .item_approche_mobile {
	display: none;
}
.item_approche_mobile {
	padding-top: 100px;
	padding-bottom: 100px;
	margin-top: 60px;
}
.approche .item_approche_mobile #text {
	height: 100%;
	width: 100%;
}
/* end item_approche_mobile */
/* value Mobile */
.valeur.valeur_mobile {
	display: none;
	padding-bottom: 20px;
}
.valeur.valeur_mobile .content_group_valeur.group_value_mobile .group_valeur{
	width: 100%;
}
.valeur.valeur_mobile .content_group_valeur.group_value_mobile .group_valeur .content {
	margin-top: 40px;
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 100%;
}
.valeur.valeur_mobile .content_group_valeur.group_value_mobile .group_valeur .content .wrapper_content_mobile {
	display: flex;
	flex-flow: wrap;
	width: 100%;
	margin-bottom: 35px;
}
.valeur.valeur_mobile .content_group_valeur .group_valeur .content .item h4 span {
	display: block;
}
.valeur.valeur_mobile .content_group_valeur .group_valeur .content .item {
	width: 100%;
}
.valeur.valeur_mobile .content_group_valeur .wrapper_content_mobile .image_valeur_mobile,
.valeur.valeur_mobile .content_group_valeur .wrapper_content_mobile .image_valeur_mobile img 
{
	width: 100%;
}
/* end value Mobile */
/* Bannier contact */
.contact_bannier {
	height: 100vh;
	position: relative;
}
.contact_bannier video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	z-index: 2;
}
.contact_bannier .video-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(3, 3, 3, 0.7);
	z-index: 2;
}
.contact_bannier .content_bannier {
	z-index: 4;
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}
.contact_bannier .content_bannier h1 {
	font-size: 96px;
	color: #fff;
	line-height: 110px;
	width: 70%;
	font-weight: 300;
	margin-bottom: 20px;
}
.contact_bannier .content_bannier p {
	font-size: 18px;
	font-weight: 400;
	color: #fff;
	line-height: 27px;
	width: 40%;
	margin-bottom: 0;
}
.contact_bannier .content_bannier a {
	width: 100%;
	display: block;
	text-align: center;
}
/*End Bannier contact */
/* form contact */
.contact_form {
	padding-bottom: 192px;
	padding-top: 192px;
	background: #fff;
}
.contact_form .wrapper_contact_form {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 100%;
}
.contact_form .wrapper_contact_form .location,
.contact_form .wrapper_contact_form .form 
{
	width: 48%;
}
.contact_form .wrapper_contact_form .location h2 {
	font-size: 40px;
	line-height: 52px;
	font-weight: 500;
	color: #030303;
	margin-bottom: 24px;
	margin-top: 24px;
	width: 65%;
}
.contact_form .wrapper_contact_form .location p {
	font-size: 14px;
	font-weight: 400;
	line-height: 19px;
	width: 60%;
}
.contact_form .wrapper_contact_form .location a {
	color: #030303;
	font-size: 18px;
	line-height: 25px;
	font-weight: 500;
}
.contact_form .wrapper_contact_form .location a:hover {
	color: #FFC933;
}
.contact_form .wrapper_contact_form .location a svg {
	margin-left: 15px;
}
.contact_form .wrapper_contact_form .title h2 {
	position: relative;
	font-size: 20px;
	font-weight: 500;
	color: #030303;
	width: fit-content;
	padding-left: 77px;
}
.contact_form .wrapper_contact_form .title h2:before {
	content: "";
	background: url("./assets/images/line_title_black.svg");
	background-size: contain;
	background-repeat: no-repeat;
	width: 70px;
	height: 8px;
	top: 8px;
	left: 0;
	position: absolute;
}
.contact_form .wrapper_contact_form .title p {
	color: #030303;
	font-size: 60px;
	line-height: 72px;
	font-weight: 300;
	margin-top: 30px;
	margin-bottom: 30px;
}
.contact_form .wrapper_contact_form .form .info p {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
}
.contact_form .wrapper_contact_form .form .info p span {
	width: 48%;
}
.contact_form .wrapper_contact_form .form input,
.contact_form .wrapper_contact_form .form textarea
{
	border: none;
	padding: 0;
	color: #888888;
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	border-bottom: 1px solid #030303;
	border-radius: initial;
	/* margin-bottom: 15px; */
}
.contact_form .wrapper_contact_form .form textarea {
	margin-bottom: 35px;
	margin-top: 35px;
}
.contact_form .wrapper_contact_form .form input:focus,
.contact_form .wrapper_contact_form .form textarea:focus
{
	box-shadow: none;
}
.contact_form .wrapper_contact_form .form .wpcf7-acceptance {
	border: none;
	padding: 0;
	margin-top: 20px;
}
.contact_form .wrapper_contact_form .form .wpcf7-acceptance .wpcf7-list-item {
	margin: 0;
}
.contact_form .wrapper_contact_form .form .wpcf7-acceptance .wpcf7-list-item-label {
	color: #030303;
	font-size: 16px;
	font-weight: 500;
}
.contact_form .wrapper_contact_form .form .wpcf7-acceptance .wpcf7-list-item-label a {
	color: #030303;
	font-size: 16px;
	font-weight: 500;
	border-bottom: 1px solid #030303;
}
.contact_form .wrapper_contact_form .form button {
	background: transparent;
	width: 100%;
	border: 1px solid #030303;
	padding: 15px;
	border-radius: 50px;
	font-size: 16px;
	font-weight: 700;
	color: #030303;
	margin-top: 40px;
	width: 100%;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	border-color: transparent;
}
.contact_form .wrapper_contact_form .form input[type=checkbox],
.form_contact_client .wrapper_form_contact_client .form input[type=checkbox]
{
	-webkit-appearance: none;
	appearance: none;
	vertical-align: sub;
	background: transparent;
	font-size: 14px;
	display: inline-block;
	border: 2px solid #030303;
	width: 18px;
	height: 18px;
	margin-bottom: 0;
	margin-right: 5px;
	position: relative;
	cursor: pointer;
}
.contact_form .wrapper_contact_form .form input[type=checkbox]:before,
.form_contact_client .wrapper_form_contact_client .form input[type=checkbox]:before,
.contact_form .wrapper_contact_form .form input[type=checkbox]:after,
.form_contact_client .wrapper_form_contact_client .form input[type=checkbox]:after
{
	content: "";
	position: absolute;
	background: #030303;
	width: calc(2.5px * 3);
	height: 2.5px;
	top: 50%;
	left: 10%;
	transform-origin: left center;
}

.contact_form .wrapper_contact_form .form input[type=checkbox]:before,
.form_contact_client .wrapper_form_contact_client .form input[type=checkbox]:before
{
	transform: rotate(45deg) translate(calc(2.5px / -2), calc(2.5px / -2)) scaleX(0);
	transition: transform 200ms ease-in 200ms;
}

.contact_form .wrapper_contact_form .form input[type=checkbox]:after,
.form_contact_client .wrapper_form_contact_client .form input[type=checkbox]:after
{
	width: calc(2.5px * 5);
	transform: rotate(-45deg) translateY(calc(2.5px * 2)) scaleX(0);
	transform-origin: left center;
	transition: transform 200ms ease-in;
}

.contact_form .wrapper_contact_form .form input[type=checkbox]:checked:before,
.form_contact_client .wrapper_form_contact_client .form input[type=checkbox]:checked:before
{
	transform: rotate(45deg) translate(calc(2.5px / -2), calc(2.5px / -2)) scaleX(1);
	transition: transform 200ms ease-in;
}

.contact_form .wrapper_contact_form .form input[type=checkbox]:checked:after,
.form_contact_client .wrapper_form_contact_client .form input[type=checkbox]:checked:after
{
	width: calc(2.5px * 5);
	transform: rotate(-45deg) translateY(calc(2.5px * 2)) scaleX(1);
	transition: transform 200ms ease-out 200ms;
}
.wpcf7-checkbox .wpcf7-list-item {
	margin: 0;
}
.wpcf7-checkbox .wpcf7-list-item-label {
	font-size: 14px;
	font-weight: 500;
	color: #030303;
}
.wpcf7-not-valid-tip {
	width: 100%!important;
}
/* end form contact */

/* Solution  */
.solution_bannier {
	height: 100vh;
	width: 100%;
}
.solution_bannier .wrapper_solution_bannier {
	position: absolute;
	bottom: 0;
	background: #4531F5;
	width: 100%;
	padding: 100px 55px 55px;
	/* padding-top: 60px;
	padding-bottom: 60px; */
}
.solution_bannier .wrapper_solution_bannier .content_bannier_solution {
	display: flex;
	flex-flow: wrap;
	width: 100%;
	justify-content: space-between;
	/* align-items: center; */
}
.solution_bannier .wrapper_solution_bannier .content_bannier_solution .icon_bannier {
	position: absolute;
	top: -100px;
}
.solution_bannier .wrapper_solution_bannier .content_bannier_solution .icon_bannier img {
	width: 75%;
}
.solution_bannier .wrapper_solution_bannier .content_bannier_solution .title {
	width: 48%;
}
.width_solution_iot .solution_bannier .wrapper_solution_bannier .content_bannier_solution .title {
	width: 55%;
}
.solution_bannier .wrapper_solution_bannier .content_bannier_solution .description {
	width: 30%;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
}
.solution_bannier .wrapper_solution_bannier .content_bannier_solution .title h1 {
	font-size: 60px;
	line-height: 72px;
	color: #fff;
	font-weight: 300;
	margin-bottom: 0;
}
.solution_bannier .wrapper_solution_bannier .content_bannier_solution .description p {
	font-size: 18px;
	line-height: 27px;
	font-weight: 200;
	color: #fff;
	width: 75%;
}
.solution_bannier .wrapper_solution_bannier .content_bannier_solution .description a {
	color: #fff;
	font-size: 18px;
	font-weight: 300;
}
.about_solution {
	padding-top: 192px;
	padding-bottom: 192px;
	background: #fff;
}
.about_solution .wrapper_title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	flex-flow: wrap;
}
.about_solution .wrapper_title .title {
	width: 48%;
}
.about_solution .wrapper_title .description {
	width: 38%;
}
.about_solution .wrapper_title .title h2 {
	position: relative;
	font-size: 20px;
	font-weight: 500;
	color: #030303;
	width: fit-content;
	padding-left: 77px;
}
.about_solution .wrapper_title .title h2:before {
	content: "";
	background: url("./assets/images/line_title_black.svg");
	background-size: contain;
	background-repeat: no-repeat;
	width: 70px;
	height: 8px;
	top: 8px;
	left: 0;
	position: absolute;
}
.about_solution .wrapper_title .title p {
	color: #030303;
	font-size: 60px;
	line-height: 72px;
	font-weight: 300;
	margin-top: 30px;
	margin-bottom: 30px;
}
.about_solution .wrapper_title .description p {
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: #030303;
}
.about_solution .group_about {
	margin-top: 80px;
	margin-bottom: 80px;
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 100%;
}
.about_solution .group_about .item {
	width: 20%;
}
.about_solution .group_about .item span {
	color: #4531F5;
	font-size: 60px;
	font-weight: 300;
}
.about_solution .group_about .item h3 {
	color: #030303;
	font-size: 28px;
	font-weight: 500;
	margin-top: 15px;
	margin-bottom: 15px;
}
.about_solution .group_about .item p {
	font-size: 16px;
	font-weight: 300;
	line-height: 27px;
}
.about_solution .image_bottom img {
	width: 100%;
}
.separator_solution {
	height: 100vh;
	position: relative;
}
.separator_solution video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	z-index: 2;
}
.separator_solution .video-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* background-color: rgba(69, 49, 245, 0.6); */
	background: linear-gradient(rgba(69, 49, 245, 0.6), rgba(69, 49, 245, 0.6),rgba(69, 49, 245, 0.8));
	z-index: 2;
}
.separator_solution .content_separator_solution {
	z-index: 4;
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}
.separator_solution .content_separator_solution h2 {
	color: #fff;
	font-size: 96px;
	line-height: 115px;
	font-weight: 300;
	width: 90%;
	margin: auto;
	margin-bottom: 20px;
}
.faq_solution {
	padding-top: 192px;
	padding-bottom: 192px;
	background: #fff;
}
.faq_solution .title h2 {
	position: relative;
	font-size: 20px;
	font-weight: 500;
	color: #030303;
	width: fit-content;
	padding-left: 77px;
}
.faq_solution .title h2:before {
	content: "";
	background: url("./assets/images/line_title_black.svg");
	background-size: contain;
	background-repeat: no-repeat;
	width: 70px;
	height: 8px;
	top: 8px;
	left: 0;
	position: absolute;
}
.faq_solution .title p {
	color: #030303;
	font-size: 60px;
	line-height: 72px;
	font-weight: 300;
	margin-top: 30px;
	margin-bottom: 30px;
}
.faq_solution .group_accordion {
	/* width: 80%; */
	margin: auto 0 0 auto;
	margin-top: 60px;
	padding-left: 192px;
}
.form_contact_client {
	background: #FFC933;
	padding-top: 192px;
	padding-bottom: 192px;
}
.form_contact_client .wrapper_form_contact_client {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 100%;
	/* align-items: center; */
}
.form_contact_client .wrapper_form_contact_client .image,
.form_contact_client .wrapper_form_contact_client .title
{
	width: 48%;
}
.form_contact_client .wrapper_form_contact_client .title h2 {
	position: relative;
	font-size: 20px;
	font-weight: 500;
	color: #030303;
	width: fit-content;
	padding-left: 77px;
}
.form_contact_client .wrapper_form_contact_client .title h2:before {
	content: "";
	background: url("./assets/images/line_title_black.svg");
	background-size: contain;
	background-repeat: no-repeat;
	width: 70px;
	height: 8px;
	top: 8px;
	left: 0;
	position: absolute;
}
.form_contact_client .wrapper_form_contact_client .title > p,
.form_contact_client .wrapper_form_contact_client .title p.description_contact
{
	color: #030303;
	font-size: 60px;
	line-height: 72px;
	font-weight: 300;
	margin-top: 30px;
	margin-bottom: 30px;
}
.form_contact_client .wrapper_form_contact_client .form .info p {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
}

form.wpcf7-form.sent p,
form.wpcf7-form.sent h2,
form.wpcf7-form.sent .info
{
	display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
	border-color: none;
	border: none;
	margin: 0;
	padding: 0;
	font-size: 60px;
	line-height: 72px;
	font-weight: 300;
	position: relative;
	width: 70%;
	padding-top: 75px;
}
.job_form .wpcf7 form.sent .wpcf7-response-output {
	color: #fff;
}
.wpcf7 form.sent .wpcf7-response-output:after {
	content: "";
	background: url("./assets/images/send_black.svg");
	width: 66px;
	height: 66px;
	position: absolute;
	top: 0;
	left: 0;
	background-size: cover;
	background-repeat: no-repeat;
}
.job_form .wpcf7 form.sent .wpcf7-response-output:after {
	content: "";
	background: url("./assets/images/send_white.svg");
	width: 66px;
	height: 66px;
	position: absolute;
	top: 0;
	left: 0;
	background-size: cover;
	background-repeat: no-repeat;
}
.form_contact_client .wrapper_form_contact_client .form input,
.form_contact_client .wrapper_form_contact_client .form textarea {
	border: none;
	padding: 0;
	color: #030303;
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	border-bottom: 1px solid #030303;
	border-radius: initial;
	background: transparent;
}
.form_contact_client .wrapper_form_contact_client .form input::placeholder,
.form_contact_client .wrapper_form_contact_client .form textarea::placeholder
{
	color: #030303;
	opacity: 0.3;
}
.form_contact_client .wrapper_form_contact_client .form input::-ms-input-placeholder,
.form_contact_client .wrapper_form_contact_client .form textarea::-ms-input-placeholder {
	color: #030303;
	opacity: 0.3;
}
.form_contact_client .wrapper_form_contact_client .form textarea {
	margin-bottom: 30px;
	margin-top: 35px;
}

.form_contact_client .wrapper_form_contact_client .form input:focus,
.form_contact_client .wrapper_form_contact_client .form textarea:focus {
	box-shadow: none;
}

.form_contact_client .wrapper_form_contact_client .form .wpcf7-acceptance {
	border: none;
	padding: 0;
	margin-top: 20px;
}

.form_contact_client .wrapper_form_contact_client .form .wpcf7-acceptance .wpcf7-list-item {
	margin: 0;
}

.form_contact_client .wrapper_form_contact_client .form .wpcf7-acceptance .wpcf7-list-item-label {
	color: #030303;
	font-size: 16px;
	font-weight: 500;
}

.form_contact_client .wrapper_form_contact_client .form .wpcf7-acceptance .wpcf7-list-item-label a {
	color: #030303;
	font-size: 16px;
	font-weight: 500;
	border-bottom: 1px solid #030303;
}

.form_contact_client .wrapper_form_contact_client .form button {
	background: transparent;
	width: 100%;
	border: 1px solid #030303;
	line-height: 21px;
	border-radius: 50px;
	font-size: 16px;
	font-weight: 700;
	color: #030303;
	padding: 15px;
	width: 100%;
	margin-top: 35px;
}
.about_solution_type2 {
	background: #fff;
	padding-top: 192px;
	padding-bottom: 152px;
}
.about_solution_type2 .wrapper_about_solution_top .title h2 {
	position: relative;
	font-size: 20px;
	font-weight: 500;
	color: #030303;
	width: fit-content;
	padding-left: 77px;
}
.about_solution_type2 .wrapper_about_solution_top {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 100%;
	align-items: center;
}
.about_solution_type2 .wrapper_about_solution_top .title {
	width: 48%;
}
.about_solution_type2 .wrapper_about_solution_top .description {
	width: 30%;
}
.about_solution_type2 .wrapper_about_solution_top .description p {
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.about_solution_type2 .wrapper_about_solution_top .title h2:before {
	content: "";
	background: url("./assets/images/line_title_black.svg");
	background-size: contain;
	background-repeat: no-repeat;
	width: 70px;
	height: 8px;
	top: 8px;
	left: 0;
	position: absolute;
}
.about_solution_type2 .wrapper_about_solution_top .title>p {
	color: #030303;
	font-size: 60px;
	line-height: 72px;
	font-weight: 300;
	margin-top: 15px;
	margin-bottom: 15px;
}
.about_solution_type2 .group_solution {
	margin-top: 100px;
}
.about_solution_type2 .group_solution h3 {
	font-size: 40px;
	line-height: 48px;
	font-weight: 300;
	color: #030303;
	width: 30%;
}
.about_solution_type2 .group_solution .wrapper_group_solution {
	margin-top: 40px;
	padding-left: 192px;
}
.about_solution_type2 .wrapper_group_solution_title {
	font-size: 28px;
	color: #030303;
	line-height: 36px;
	font-weight: 500;
	display: flex;
	width: 45%;
	margin-bottom: 40px;
}
.about_solution_type2 .wrapper_group_solution_title h4 {
	margin-bottom: 0;
	line-height: 36px;
}
.about_solution_type2 .content_group_management {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 100%;
	padding-left: 20px;
	margin-bottom: 37px;
}
.about_solution_type2 .content_group_management .group_right,
.about_solution_type2 .content_group_management .group_left
{
	width: 48%;
}
.about_solution_type2 .content_group_management p {
	display: list-item;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: #030303;
	margin-bottom: 0;
}
.about_solution_type2 .content_group_learning .group_learning {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 100%;
}
.about_solution_type2 .content_group_learning .group_learning .item {
	width: 48%;
	margin-bottom: 40px;
}
.about_solution_type2 .content_group_learning .group_learning .item h5 {
	font-size: 20px;
	line-height: 26px;
	font-weight: 500;
	color: #030303;
	display: list-item;
	margin-left: 20px;
}
.about_solution_type2 .content_group_learning .group_learning .item p {
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: #030303;
	margin-bottom: 0;
}
.separator_solution.separator_solution_type2 .video-overlay {
	background: linear-gradient(rgba(67, 222, 152, 0.6), rgba(67, 222, 152, 0.8), rgba(67, 222, 152, 1));
}
.separator_solution.separator_solution_type2 .content_separator_solution h2 {
	color: #030303;
}
.process_solution {
	background: #fff;
	padding-top: 192px;
	/* padding-bottom: 192px; */
}
.process_solution .title h2 {
	position: relative;
	font-size: 20px;
	font-weight: 500;
	color: #030303;
	width: fit-content;
	padding-left: 77px;
}
.process_solution .title h2:before {
	content: "";
	background: url("./assets/images/line_title_black.svg");
	background-size: contain;
	background-repeat: no-repeat;
	width: 70px;
	height: 8px;
	top: 8px;
	left: 0;
	position: absolute;
}
.process_solution .title p {
	color: #030303;
	font-size: 60px;
	line-height: 72px;
	font-weight: 300;
	margin-top: 15px;
	margin-bottom: 15px;
	width: 50%;
}
.process_solution .group_process {
	margin-top: 80px;
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 100%;
}
.process_solution .group_process .item {
	width: 22%;
}
.process_solution .group_process .item span {
	font-size: 60px;
	line-height: 72px;
	font-weight: 300;
	color: #43DE98;
}
.process_solution .group_process .item h4 {
	font-size: 28px;
	line-height: 36px;
	font-weight: 500;
	color: #030303;
	margin-top: 10px;
}
.process_solution .group_process .item p {
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: #030303;
}
.process_solution .group_process .item .description {
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: #030303;
	padding-left: 20px;
}
.process_solution .group_process .item .description p {
	margin-bottom: 0;
	display: list-item;
}
.about_solution_iot {
	background: #fff;
	padding-top: 192px;
	padding-bottom: 152px;
}
.about_solution_iot .title h2 {
	position: relative;
	font-size: 20px;
	font-weight: 500;
	color: #030303;
	width: fit-content;
	padding-left: 77px;
}
.about_solution_iot .title h2:before {
	content: "";
	background: url("./assets/images/line_title_black.svg");
	background-size: contain;
	background-repeat: no-repeat;
	width: 70px;
	height: 8px;
	top: 8px;
	left: 0;
	position: absolute;
}
.about_solution_iot .title p {
	color: #030303;
	font-size: 60px;
	line-height: 72px;
	font-weight: 300;
	margin-top: 15px;
	margin-bottom: 15px;
}
.about_solution_iot .wrapper_title {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 100%;
}
.about_solution_iot .wrapper_title .title {
	width: 48%;
}
.about_solution_iot .wrapper_title .description {
	width: 40%;
}
.about_solution_iot .wrapper_title .description p {
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: #030303;
}
.about_solution_iot .group_solution_iot {
	margin-top: 80px;
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 100%;
}
.about_solution_iot .group_solution_iot .item {
	width: 46%;
	margin-bottom: 40px;
}
.about_solution_iot .group_solution_iot .item h3 {
	font-size: 28px;
	line-height: 36px;
	font-weight: 500;
	color: #030303;
	margin-bottom: 15px;
}
.about_solution_iot .group_solution_iot .item p {
	font-size: 18px;
	line-height: 27px;
	font-weight: 400;
	color: #030303;
	margin-bottom: 0;
}
.separator_iot .separator_solution .video-overlay {
	background: linear-gradient(rgba(255, 102, 102, 0.2), rgba(255, 102, 102, 0.6), rgba(255, 102, 102, 1));
}
.process_iot .process_solution .group_process .item span {
	color: #FF6666;
}
.about_solution_cybersecurity {
	background: #fff;
	padding-top: 192px;
	padding-bottom: 192px;
}
.about_solution_cybersecurity .title h2 {
	position: relative;
	font-size: 20px;
	font-weight: 500;
	color: #030303;
	width: fit-content;
	padding-left: 77px;
}
.about_solution_cybersecurity .title h2:before {
	content: "";
	background: url("./assets/images/line_title_black.svg");
	background-size: contain;
	background-repeat: no-repeat;
	width: 70px;
	height: 8px;
	top: 8px;
	left: 0;
	position: absolute;
}
.about_solution_cybersecurity .title p {
	color: #030303;
	font-size: 60px;
	line-height: 72px;
	font-weight: 300;
	margin-top: 15px;
	margin-bottom: 15px;
}
.about_solution_cybersecurity .wrapper_title {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 100%;
}
.about_solution_cybersecurity .wrapper_title .title {
	width: 46%;
}
.about_solution_cybersecurity .wrapper_title .description {
	width: 40%;
}
.about_solution_cybersecurity .wrapper_title .description p {
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: #030303;
}
.about_solution_cybersecurity .group_solution_cybersecurity {
	margin-top: 80px;
	margin-bottom: 40px;
	display: flex;
	flex-flow: wrap;
	/* justify-content: space-between; */
	width: 100%;
}
.about_solution_cybersecurity .group_solution_cybersecurity .item {
	width: 33%;
	padding-right: 30px;
	margin-bottom: 40px;
}
.about_solution_cybersecurity .group_solution_cybersecurity .item h3 {
	color: #030303;
	font-size: 24px;
	font-weight: 500;
	line-height: 31px;
}
.about_solution_cybersecurity .group_solution_cybersecurity .item p {
	color: #030303;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.about_solution_cybersecurity .image_bottom img {
	width: 100%;
}
.separator_cybersecurity .separator_solution .video-overlay {
	background: linear-gradient(rgba(212, 144, 240, 0.6), rgba(212, 144, 240, 0.6), rgba(212, 144, 240, 1));
}
.process_cybersecurity .process_solution .group_process .item span {
	color: #D490F0;
}
.process_cybersecurity .process_solution .group_process .item {
	width: 33%;
	padding-right: 30px;
	margin-bottom: 20px;
}
.process_cybersecurity .process_solution .group_process .item p {
	margin-bottom: 0;
}
.process_cybersecurity .process_solution .group_process {
	justify-content: initial;
}
.cybersecurity .solution_bannier .wrapper_solution_bannier .content_bannier_solution .title h1 {
	width: 620px;
}
.width_solution_iot .solution_bannier .wrapper_solution_bannier .content_bannier_solution .title h1 {
	width: 560px;
}
.bannier_eductaion .solution_bannier .wrapper_solution_bannier .content_bannier_solution .title h1 {
	width: 720px;
}
.bannier_digital .solution_bannier .wrapper_solution_bannier .content_bannier_solution .title h1 {
	width: 580px;
}
/* end Solution  */
/* Accordion */
.global_accordion .acc{
	margin-bottom: 0px;
	border-bottom: 1px solid #E7E7E7;
	padding: 25px 0;
	cursor: pointer;
	transition: all 0.3s;
}
.global_accordion .acc-footer {
	padding: 5px 0;
	cursor: pointer;
	transition: all 0.3s;
}
.global_accordion .acc .acc-head h3,
.global_accordion .acc .acc-head h4 {
	font-size: 20px;
	font-weight: 500;
	color: #030303;
	margin-bottom: 0;
	transition: all 0.4s;
}
footer .menu_footer .content_menu_footer .global_accordion {
	margin-top: 25px;
}
.global_accordion .acc-footer .acc-head-footer:after {
	content: "";
	background: url("./assets/images/fleche_menu.svg");
	background-size: cover;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
	display: flex;
	align-items: center;
	opacity: 0;
	margin-right: 6px;
	position: absolute;
	top: 3px;
	left: -20px;
}
.global_accordion .acc-footer .acc-head-footer h4{
	color: #D0D5DD;
	font-size: 14px;
	display: flex;
	align-items: center;
	line-height: 20px;
	padding-right: 10px;
	
}
footer .global_accordion .acc-head-footer {
	position: relative;
	left: 0px;
	transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}
.global_accordion .acc-footer .acc-head-footer:hover {
	left: 20px;
}
.global_accordion .acc-footer .acc-head-footer:hover:after {
	opacity: 1;
}
.global_accordion .acc:hover .acc-head h3,
.global_accordion .acc:hover .acc-head h4 {
	color: #FFC933;
}

.global_accordion .acc-head.active::before {
	content: "";
	background: url("./assets/images/icon_close_faq.svg");
	float: right;
	width: 35px;
	height: 35px;
	background-size: 60%;
	background-repeat: no-repeat;
}

.global_accordion .acc-head::before{
	content: "";
	background: url("./assets/images/icon_open_faq.svg");
	float: right;
	width: 35px;
	height: 35px;
	background-size: 60%;
	background-repeat: no-repeat;
}
.global_accordion .acc-head-footer.active::before {
	content: "";
	background: url("./assets/images/flech_accordion_footer_up.svg");
	float: right;
	width: 20px;
	height: 20px;
	background-size: 60%;
	background-repeat: no-repeat;
	position: relative;
	top: 6px;
}

.global_accordion .acc-head-footer::before {
	content: "";
	background: url("./assets/images/fleche_accordion_location.svg");
	float: right;
	width: 20px;
	height: 20px;
	background-size: 60%;
	background-repeat: no-repeat;
	position: relative;
	top: 6px;
}
footer .global_accordion .acc-head-footer {
	max-width: fit-content;
}
.global_accordion .acc-content {
	color: #4F4F4F;
	margin-top: 15px;
	padding: 0;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	width: 60%;
}
.global_accordion .acc-content-footer {
	padding-top: 10px;
	padding-left: 15px;
}
.global_accordion .acc-content-footer p {
	color: #fff;
	font-size: 11px;
}
.global_accordion .acc-head h3{
	box-shadow: none;
	border: none;
	background-color: transparent;
	color: #30373E;
	font-size: 16px !important;
	font-style: normal;
	font-weight: 500;
	line-height: 26px;
	letter-spacing: -0.32px;
	margin-bottom: 0;
	transition: all 0.3s;
}

.global_accordion .acc-content,
.global_accordion .acc-content-footer
{
	display: none;
}
/* end accordion */
/* careers */
.careers_bannier {
	height: 100vh;
	width: 100%;
	position: relative;
}
.careers_bannier .content_bannier_careers {
	z-index: 4;
	position: absolute;
	top: 70%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}
.careers_bannier .content_bannier_careers h1 {
	font-size: 96px;
	font-weight: 300;
	line-height: 115px;
	color: #fff;
	width: 70%;
}
.careers_bannier .content_bannier_careers p {
	font-size: 18px;
	font-weight: 400;
	line-height: 27px;
	color: #fff;
	width: 26%;
	margin: auto 0 0 auto;
}
.talents_careers {
	padding-top: 192px;
	padding-bottom: 192px;
	background: #fff;
}
.talents_careers .wrapper_talent_careers {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 100%;
	align-items: end;
}
.talents_careers .wrapper_talent_careers .title
{
	width: 48%;
}
.talents_careers .wrapper_talent_careers .title h2 {
	font-size: 60px;
	font-weight: 300;
	color: #030303;
	line-height: 72px;
	margin-bottom: 30px;
}
.talents_careers .wrapper_talent_careers .group_talent {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	height: 100%;
	width: 44%;
}
.talents_careers .wrapper_talent_careers .group_talent .item {
	width: 48%;
	padding: 30px;
	border: 1px solid #030303;
	margin-bottom: 25px;
	transition: all 0.4s;
}
.talents_careers .wrapper_talent_careers .group_talent .item span {
	font-size: 60px;
	line-height: 72px;
	font-weight: 300;
	color: #FFC933;
}
.talents_careers .wrapper_talent_careers .group_talent .item h3 {
	font-size: 28px;
	font-weight: 500;
	line-height: 36px;
	color: #030303;
	margin-top: 10px;
	margin-bottom: 10px;
}
.talents_careers .wrapper_talent_careers .group_talent .item p {
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
}
.talents_careers .wrapper_talent_careers .group_talent .item:hover {
	background: #FFC933;
}
.talents_careers .wrapper_talent_careers .group_talent .item:hover span {
	color: #030303;
}
.talents_careers .wrapper_talent_careers .group_talent .item:nth-child(3),
.talents_careers .wrapper_talent_careers .group_talent .item:nth-child(4)
{
	margin-bottom: 0;
}
.process_careers {
	/* padding-top: 192px; */
	padding-bottom: 192px;
	background: #fff;
}
.process_careers .wrapper_process_careers .title h2 {
	position: relative;
	font-size: 20px;
	font-weight: 500;
	color: #030303;
	width: fit-content;
	padding-left: 77px;
}
.process_careers .wrapper_process_careers .title h2:before {
	content: "";
	background: url("./assets/images/line_title_black.svg");
	background-size: contain;
	background-repeat: no-repeat;
	width: 70px;
	height: 8px;
	top: 8px;
	left: 0;
	position: absolute;
}
.process_careers .wrapper_process_careers .description {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 100%;
}
.process_careers .wrapper_process_careers .description p {
	color: #030303;
	font-size: 60px;
	line-height: 72px;
	font-weight: 300;
	width: 47%;
}
.process_careers .wrapper_process_careers .description img {
	width: 47%;
}
.process_careers .group_process {
	margin-top: 60px;
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 100%;
}
.process_careers .group_process .title_process {
	width: 22%;
}
.process_careers .group_process .title_process h3 {
	font-size: 40px;
	line-height: 48px;
	font-weight: 300;
	color: #030303;
}
.process_careers .wrapper_group_process {
	width: 75%;
}
.process_careers .wrapper_group_process h4 {
	color: #030303;
	line-height: 36px;
	font-size: 28px;
	font-weight: 500;
	margin-bottom: 15px;
}
.process_careers .wrapper_group_process p {
	font-size: 18px;
	font-weight: 400;
	line-height: 27px;
}
.process_careers .wrapper_group_process .item {
	margin-bottom: 60px;
}
.process_careers .wrapper_group_process .item:last-child {
	margin-bottom: 0;
}
.job {
	background: #fff;
	padding-bottom: 152px;
}
.job .wrapper_title {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 100%;
}
.job .wrapper_title .title {
	width: 28%;
}
.job .wrapper_title .title h2 {
	font-size: 60px;
	font-weight: 300;
	line-height: 72px;
	margin-bottom: 15px;
}
.job .wrapper_title .title p {
	font-size: 18px;
	font-weight: 500;
	line-height: 27px;
}
.job .line {
	width: 70%;
	border-top: 1px solid #030303;
}
.job .group_job {
	margin-top: 60px;
	display: flex;
	flex-flow: wrap;
	/* justify-content: space-between; */
	width: 100%;
}
.job .group_job a {
	width: 22%;
	color: #030303;
	border: 1px solid #030303;
	padding: 24px;
	margin-bottom: 30px;
	margin-left: 15px;
	margin-right: 15px;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
}
.job .group_job a h4 {
	font-size: 14px;
	font-weight: 500;
	line-height: 19px;
	margin-bottom: 24px;
}
.job .group_job a h3 {
	font-size: 20px;
	font-weight: 500;
	line-height: 26px;
	margin-bottom: 12px;
}
.job .group_job a h5 {
	font-size: 18px;
	font-weight: 400;
	line-height: 26px;
}
.job .group_job a p {
	color:#6D6D6D;
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	margin-bottom: 0;
}
.job .group_job a .item {
	margin-bottom: 41px;
}
.job .group_job a:hover {
	background: #FFC933;
}
.job .group_job a:hover p {
	color: #030303;
}
.job_form {
	padding-top: 192px;
	padding-bottom: 192px;
	background: #030303;
}
.job_form .wrapper_job_form {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 100%;
	/* align-items: end; */
}
.job_form .wrapper_job_form .title
{
	width: 34%;
}
.job_form .wrapper_job_form .form {
	width: 50%;
	/* height: 100%; */
	margin-top: 120px;
}
.job_form .wrapper_job_form .title h2 {
	position: relative;
	font-size: 20px;
	font-weight: 500;
	color: #fff;
	width: fit-content;
	padding-left: 77px;
}
.job_form .wrapper_job_form .title h2:before {
	content: "";
	background: url("./assets/images/line_title.svg");
	background-size: contain;
	background-repeat: no-repeat;
	width: 70px;
	height: 8px;
	top: 8px;
	left: 0;
	position: absolute;
}
.job_form .wrapper_job_form .title h3 {
	font-size: 60px;
	font-weight: 300;
	line-height: 72px;
	color: #fff;
	margin-top: 15px;
	margin-bottom: 15px;
}
.job_form .wrapper_job_form .title p {
	font-size: 18px;
	font-weight: 300;
	line-height: 27px;
	color: #fff;
}
.job_form .wrapper_job_form .form .info p {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
}
.job_form .wrapper_job_form .form .info p span {
	width: 48%;
}
.job_form .wrapper_job_form .form input{
	border: none;
	padding: 0;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	border-bottom: 1px solid #fff;
	border-radius: initial;
	background: transparent;
	/* margin-bottom: 15px; */
}
.job_form .wrapper_job_form .form label {
	color: #fff;
	font-size: 12px;
	font-weight: 500;
}
.job_form .wrapper_job_form .form button {
	background: transparent;
	width: 100%;
	border: 1px solid #fff;
	padding: 15px;
	border-radius: 50px;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	margin-top: 40px;
	width: 100%;
}
.job_form .wrapper_job_form .form input::placeholder {
	color: #fff;
	opacity: 0.5;
}
.job_form .wrapper_job_form .form input::-ms-input-placeholder {
	color: #fff;
	opacity: 0.5;
}
.job_form .wrapper_job_form .form input[type="file"] {
	color: #fff;
	opacity: 0.5;
	width: 100%;
	margin-top: 20px;
	padding-bottom: 5px;
	border-bottom: none;
}
.job_form .wrapper_job_form .form input[type="file"]::file-selector-button {
	border-radius: none !important;
	background-color: transparent;
	color: #fff;
	opacity: 0.5;
	cursor: pointer;
	display: none;
}
.job_form .wrapper_job_form .form input:focus{
	box-shadow: none;
}
.job_form .wpcf7 form.invalid .wpcf7-response-output,
.job_form .wpcf7 form.unaccepted .wpcf7-response-output,
.job_form .wpcf7 form.payment-required .wpcf7-response-output {
	color: #fff;
}
.job_form .wpcf7-form-control-wrap[data-name="file-cv"] {
	border-bottom: 1px solid #fff;
	padding-bottom: 7px;
}
/* end careers */
/* page R&D */
.rd_bannier {
	height: 100vh;
	width: 100%;
}
.rd_bannier .content_bannier_rd {
	position: absolute;
	bottom: 100px;
	width: 100%;
}
.rd_bannier .content_bannier_rd h1 {
	font-size: 90px;
	color: #fff;
	line-height: 110px;
	font-weight: 300;
	width: 75%;
}
.about_rd {
	padding-top: 192px;
	padding-bottom: 192px;
	background: #fff;
}
.about_rd .wrapper_title {
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
	margin-bottom: 192px;
	width: 100%;
}
.about_rd .wrapper_title .title {
	width: 48%;
}
.about_rd .wrapper_title .description {
	width: 35%;
	margin-top: 50px;
}
.about_rd .wrapper_title .title h2 {
	position: relative;
	font-size: 20px;
	font-weight: 500;
	color: #030303;
	width: fit-content;
	padding-left: 77px;
}
.about_rd .wrapper_title .title h2:before {
	content: "";
	background: url("./assets/images/line_title_black.svg");
	background-size: contain;
	background-repeat: no-repeat;
	width: 70px;
	height: 8px;
	top: 8px;
	left: 0;
	position: absolute;
}
.about_rd .wrapper_title .title p {
	color: #030303;
	font-size: 60px;
	line-height: 72px;
	font-weight: 300;
	margin-top: 15px;
	margin-bottom: 15px;
}
.about_rd .wrapper_title .description p {
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-align: justify;
}
.about_rd .image_bottom img {
	width: 100%;
}
.focus_rd {
	background: #fff;
	padding-bottom: 100px;
}
.focus_rd .wrapper_title .title h2 {
	position: relative;
	font-size: 20px;
	font-weight: 500;
	color: #030303;
	width: fit-content;
	padding-left: 77px;
}

.focus_rd .wrapper_title .title h2:before {
	content: "";
	background: url("./assets/images/line_title_black.svg");
	background-size: contain;
	background-repeat: no-repeat;
	width: 70px;
	height: 8px;
	top: 8px;
	left: 0;
	position: absolute;
}

.focus_rd .wrapper_title .title p {
	color: #030303;
	font-size: 60px;
	line-height: 72px;
	font-weight: 300;
	margin-top: 15px;
	margin-bottom: 15px;
}
.focus_rd .wrapper_title {
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
	align-items: center;
	width: 100%;
}

.focus_rd .wrapper_title .title {
	width: 48%;
}

.focus_rd .wrapper_title .description {
	width: 35%;
}
.focus_rd .wrapper_title .description p {
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: #030303;
	text-align: justify;
}
.focus_rd .group_focus {
	margin-top: 92px;
}
.focus_rd .group_focus .item h3 {
	font-size: 28px;
	font-weight: 500;
	line-height: 36px;
	color: #030303;
	height: 75px;
}
.focus_rd .group_focus .item p {
	font-size: 18px;
	font-weight: 400;
	line-height: 27px;
	color: #030303;
}
.focus_rd .slick-slide {
	margin-left: 75px;
	margin-right: 75px;
}

.focus_rd .slick-list {
	margin-left: -75px;
	margin-right: -75px;
}
.focus_rd .slick-list {
	overflow: visible;
	padding: 0 20% 0 0;
	position: relative;
	margin-bottom: 100px;
}

.focus_rd .slick-list::after {
	content: ' ';
	position: absolute;
	top: 0px;
	bottom: 0px;
	width: 100%;
	right: 100%;
	background-color: white;
}
.focus_rd .slick-custom-arrow-left svg path {
	fill: #030303;
}
.focus_rd .slick-custom-arrow-left {
	position: absolute;
	bottom: -65px;
	left: 0%;
	z-index: 2;
	cursor: pointer;
	background-color: transparent;
	border: 1px solid #030303;
	border-radius: 20px;
	width: 70px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.4s;
}
.focus_rd .slick-custom-arrow-left.slick-disabled,
.focus_rd .slick-custom-arrow-right.slick-disabled
{
	border: 1px solid #D1D1D1;
}
.focus_rd .slick-custom-arrow-left.slick-disabled svg path,
.focus_rd .slick-custom-arrow-right.slick-disabled svg path{
	fill:#D1D1D1;
}
.focus_rd .slick-custom-arrow-right {
	position: absolute;
	bottom: -65px;
	left: 85px;
	z-index: 2;
	cursor: pointer;
	background-color: transparent;
	border: 1px solid #030303;
	border-radius: 20px;
	width: 70px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.4s;
}
.focus_rd .description_bottom p {
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: #030303;
	width: 46%;
	margin-top: 130px;
}
.separator_rd {
	height: 100vh;
	width: 100%;
	position: relative;
	
}
.separator_rd .content_separator_rd {
	position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
}
.separator_rd .content_separator_rd h2 {
	font-size: 60px;
	line-height: 72px;
	font-weight: 300;
	text-align: center;
	width: 55%;
	color: #030303;
	margin: auto;
}
.process_rd {
	background: #fff;
	padding-top: 192px;
	padding-bottom: 192px;
}
.process_rd .wrapper_process_rd .title h2 {
	position: relative;
	font-size: 20px;
	font-weight: 500;
	color: #030303;
	width: fit-content;
	padding-left: 77px;
}

.process_rd .wrapper_process_rd .title h2:before {
	content: "";
	background: url("./assets/images/line_title_black.svg");
	background-size: contain;
	background-repeat: no-repeat;
	width: 70px;
	height: 8px;
	top: 8px;
	left: 0;
	position: absolute;
}

.process_rd .wrapper_process_rd .title p {
	color: #030303;
	font-size: 60px;
	line-height: 72px;
	font-weight: 300;
	margin-top: 15px;
	margin-bottom: 15px;
	width: 35%;
}
.process_rd .group_process {
	margin-top: 64px;
	display: flex;
	flex-flow: wrap;
	width: 100%;
	justify-content: space-between;
}
.process_rd .group_process .wrapper_group_process {
	width: 35%;
}
.process_rd .group_process .description_process {
	width: 35%;
}
.process_rd .group_process .wrapper_group_process .item {
	display: flex;
	font-size: 24px;
	font-weight: 400;
	line-height: 31px;
	margin-bottom: 40px;
	color: #030303;
}
.process_rd .group_process .wrapper_group_process .item:last-child {
	margin-bottom: 0;
}
.process_rd .group_process .description_process p {
	font-size: 16px;
	margin-bottom: 0;
	line-height: 24px;
	font-weight: 400;
	color: #030303;
	text-align: justify;
}
.width_process_rd .process_rd {
	padding-top: 0px;
}
/* end page R&D */
/* Page about */
.about_bannier {
	height: 100vh;
	width: 100%;
}
.about_bannier .content_bannier_about {
	position: absolute;
	bottom: 100px;
	width: 100%;
}
.about_bannier .content_bannier_about h1 {
	font-size: 90px;
	color: #fff;
	line-height: 110px;
	font-weight: 300;
	width: 60%;
}
.about_page {
	background: #fff;
	padding-top: 192px;
	padding-bottom: 192px;
}
.about_page .wrapper_about {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 100%;
}
.about_page .title {
	width: 48%;
}
.about_page .image {
	width: 48%;
}
.about_page .image img {
	display: block;
	margin: auto;
}
.about_page .title h2 {
	font-size: 40px;
	line-height: 48px;
	font-weight: 500;
	color: #030303;
	width: 100%;
	margin-bottom: 24px;
}
.about_page .title p {
	font-size: 18px;
	line-height: 26px;
	font-weight: 400;
	color: #000000;
	width: 100%;
	margin-bottom: 30px;
}
.about_page .title p:last-child {
	margin-bottom: 0;
}
.about_page .content_about {
	margin-top: 64px;
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 100%;
}
.about_page .content_about .image,
.about_page .content_about .info {
	width: 48%;
}
.about_page .content_about .info p {
	position: relative;
	font-size: 40px;
	line-height: 48px;
	color: #030303;
}
.about_page .content_about .info p:before {
	content: "";
	background: url("./assets/images/quote.svg");
	width: 29px;
	height: 29px;
	background-size: cover;
	position: absolute;
	left: -50px;
	background-repeat: no-repeat;
}
.about_page .content_about .info p:after {
	content: "";
	background: url("./assets/images/quote1.svg");
	width: 29px;
	height: 29px;
	position: absolute;
	background-size: cover;
	bottom: -15px;
	right: 50px;
	background-repeat: no-repeat;
}
.about_page .content_about .info img {
	margin-top: 70px;
}
.distingue_about {
	padding-bottom: 128px;
	background: #fff;
}
.distingue_about .title h2 {
	font-size: 60px;
	line-height: 72px;
	font-weight: 300;
	color: #030303;
}
.distingue_about .group_distingue {
	padding-top: 80px;
	padding-bottom: 80px;
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 100%;
}
.distingue_about .group_distingue .item {
	width: 22%;
}
.distingue_about .group_distingue .item h4 {
	font-size: 28px;
	font-weight: 500;
	line-height: 36px;
	color: #030303;
}
.distingue_about .group_distingue .item p {
	font-size: 16px;
	line-height: 24px;
	color: #030303;
	font-weight: 400;
	width: 85%;
}
.distingue_about .description_distingue p {
	font-size: 16px;
	line-height: 24px;
	color: #030303;
	font-weight: 400;
	width: 50%;
}
.about_type2 {
	background: #fff;
	padding-bottom: 192px;
}
.about_type2 .wrapper_about_type2 {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 100%;
}
.about_type2 .wrapper_about_type2 .title,
.about_type2 .wrapper_about_type2 .image {
	width: 48%;
}
.about_type2 .wrapper_about_type2 .title h2 {
	font-size: 60px;
	line-height: 72px;
	font-weight: 300;
	color: #030303;
}
.about_type2 .wrapper_about_type2 .title p {
	margin-bottom: 0;
	font-size: 18px;
	line-height: 27px;
	font-weight: 400;
	color: #030303;
	width: 60%;
	margin-top: 20px;
	margin-bottom: 40px;
}
.about_type2 .wrapper_about_type2 .title a {
	border: 1px solid #030303;
	color: #030303;
	border-radius: 30px;
	padding: 15px 20px;
}
.width_title_separator_rd .separator_rd h2 {
	width: 90%;
}
.about_qualite {
	background: #030303;
	padding-top: 192px;
	padding-bottom: 192px;
}
.about_qualite .wrapper_qualite_about {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 100%;
	align-items: end;
}
.about_qualite .wrapper_qualite_about .title,
.about_qualite .wrapper_qualite_about .image {
	width: 48%;
}
.about_qualite .wrapper_qualite_about .title h2 {
	color: #fff;
	font-size: 60px;
	line-height: 72px;
	font-weight: 300;
}
.about_qualite .wrapper_qualite_about .title p {
	color: #fff;
	font-size: 20px;
	line-height: 26px;
	font-weight: 500;
	width: 85%;
	margin-top: 15px;
	padding-bottom: 70px;
}
.width_partner .partner {
	padding-top: 192px;
	padding-bottom: 192px;
}
.approach_about {
	background: #fff;
	padding-bottom: 128px;
}
.approach_about .title {
	width: 48%;
}
.approach_about .title h2 {
	position: relative;
	font-size: 20px;
	font-weight: 500;
	color: #030303;
	width: fit-content;
	padding-left: 77px;
}
.approach_about .title h2:before {
	content: "";
	background: url("./assets/images/line_title_black.svg");
	background-size: contain;
	background-repeat: no-repeat;
	width: 70px;
	height: 8px;
	top: 8px;
	left: 0;
	position: absolute;
}
.approach_about .title p {
	font-size: 60px;
	line-height: 72px;
	font-weight: 300;
	color: #030303;
}
.approach_about .group_approach {
	margin-top: 70px;
	padding-left: 99px;
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 100%;
}
.approach_about .group_approach .item {
	width: 40%;
	font-size: 18px;
	font-weight: 400;
	line-height: 27px;
	color: #030303;
	display: list-item;
	margin-bottom: 50px;
}
.width_title_separator_rd .separator_rd .content_separator_rd h2 {
	font-size: 96px;
	line-height: 115px;
	font-weight: 300;
	width: 100%;
}
/* end page about */
/* Page 404 */
.page_404 {
	height: 100vh;
	width: 100%;
	/* background: url("./assets/images/page404.jpg"); */
	background: #030303;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}
.page_404 .content_page_404 {
	z-index: 4;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}
.page_404 .content_page_404 h2 {
	font-size: 140px;
	font-weight: 300;
	line-height: 115px;
	color: #fff;
	width: 100%;
	text-align: center;
}
.page_404 .content_page_404 h1 {
	font-size: 96px;
	font-weight: 300;
	line-height: 115px;
	color: #fff;
	width: 100%;
	text-align: center;
}
.page_404 .content_page_404 a {
	font-size: 18px;
	color: #fff;
	line-height: 27px;
	font-weight: 500;
	text-align: center;
	width: 100%;
	display: block;
	margin-top: 40px;
}
/* end page 404 */
/* list_blog */
.bannier_blog {
	background: #030303;
	height: 100vh;
	width: 100%;
	position: relative;
}
.bannier_blog .content_bannier_blog {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 100%;
	position: absolute;
	top: 30%;
	width: 100%;
}
.bannier_blog .content_bannier_blog .title {
	width: 48%;
}
.bannier_blog .content_bannier_blog .title h1 {
	font-size: 96px;
	line-height: 115px;
	color: #fff;
	font-weight: 300;
}
.bannier_blog .content_bannier_blog .title h1 b {
	color: #FFC933;
}
.bannier_blog .content_bannier_blog .description {
	width: 27%;
}
.bannier_blog .content_bannier_blog .description h2,
.bannier_blog .content_bannier_blog .description h1
{
	color: #fff;
	font-size: 40px;
	line-height: 50px;
	font-weight: 500;
	margin-bottom: 36px;
}
.bannier_blog .content_bannier_blog .description .wrapper_description {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
}
.bannier_blog .content_bannier_blog .description .wrapper_description p {
	margin-bottom: 0;
	font-size: 20px;
	line-height: 26px;
	font-weight: 500;
	color: #888888;
	width: 40%;
}
.list_blog {
	position: relative;
	top: -70px;
}
.list_blog .description {
	display: flex;
	width: 100%;
	justify-content: space-between;
	flex-flow: wrap;
}
.list_blog .content_list_blog {
	display: flex;
	flex-flow: wrap;
	/* justify-content: space-between; */
	width: 100%;
}
.list_blog .content_list_blog a {
	width: 22%;
	margin-bottom: 32px;
	color: #030303;
	margin-left: 15px;
	margin-right: 15px;
}
.list_blog .content_list_blog a.first {
	margin-bottom: 60px;
}
.list_blog .content_list_blog a.first {
	width: 100%;
}
.list_blog .content_list_blog a .image img {
	width: 100%;
	/* object-fit: cover; */
	/* height: 350px!important; */
}
.list_blog .content_list_blog a h5 {
	font-size: 20px;
	line-height: 26px;
	font-weight: 500;
}
.list_blog .content_list_blog a.first h5 {
	font-size: 28px;
	line-height: 36px;
	font-weight: 500;
}
.list_blog .content_list_blog a:hover {
	transform: translateY(-15px);
}
.list_blog .content_list_blog a:hover span {
	color: #FFC933;
}
.list_blog .content_list_blog a:hover svg {
	transform: rotate(45deg);
}
.list_blog .content_list_blog a span {
	font-size: 14px;
	color: #667085;
}
.list_blog .content_list_blog a .description {
	margin-top: 12px;
}
.list_blog .content_list_blog a.first .description {
	margin-top: 24px;
}
.list_blog .content_list_blog a .date {
	display: none;
}
.list_blog .content_list_blog a.first .date {
	display: block;
}
.blog_form {
	background: #FFC933;
	padding-top: 128px;
	padding-bottom: 128px;
}
.blog_form .wrapper_blog_form {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 100%;
	align-items: end;
}
.blog_form .wrapper_blog_form .title {
	width: 48%;
}
.blog_form .wrapper_blog_form .title h2 {
	font-weight: 300;
	font-size: 56px;
	line-height: 72px;
}
.blog_form .wrapper_blog_form .form {
	width: 48%;
}
.blog_form .wrapper_blog_form .form input,
.form_single_blog input
{
	border: none;
	padding: 0;
	color: #030303;
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	border-bottom: 1px solid #030303;
	border-radius: initial;
	background: transparent;
}
.blog_form .wrapper_blog_form .form .info p,
.form_single_blog .info p
{
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
}
.blog_form .wrapper_blog_form .form button,
.form_single_blog button
{
	background: transparent;
	width: 100%;
	border: 1px solid #030303;
	line-height: 21px;
	border-radius: 50px;
	font-size: 16px;
	font-weight: 700;
	color: #030303;
	padding: 15px;
	width: 100%;
	margin-top: 35px;
}
.blog_form .wrapper_blog_form .form input:focus,
.form_single_blog input:focus
{
	box-shadow: none;
}
/* End list_blog */
/* Single blog */

.bannier_single_blog {
	background: #030303;
	height: 630px;
	width: 100%;
	position: relative;
}
.bannier_single_blog .wrapper_bannier_single_blog {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 100%;
	position: absolute;
	top: 30%;
	align-items: center;
}
.bannier_single_blog .wrapper_bannier_single_blog .image {
	width: 48%;
}
.bannier_single_blog .wrapper_bannier_single_blog .image img {
	width: 100%;
	height: 100%!important;
/* 	object-fit: cover; */
}
.bannier_single_blog .wrapper_bannier_single_blog .content_bannier {
	width: 48%;
}
.bannier_single_blog .wrapper_bannier_single_blog .content_bannier h1 {
	font-weight: 500;
	font-size: 40px;
	line-height: 52px;
	color: #fff;
	margin-bottom: 36px;
}
.bannier_single_blog .wrapper_bannier_single_blog .content_bannier .info {
	display: flex;
}
.bannier_single_blog .wrapper_bannier_single_blog .content_bannier .info .date {
	padding-right: 20px;
	border-right: 1px solid #888888;
}
.bannier_single_blog .wrapper_bannier_single_blog .content_bannier .info .date span,
.bannier_single_blog .wrapper_bannier_single_blog .content_bannier .info .time_read span
{
	font-size: 12px;
	line-height: 16px;
	font-weight: 500;
	color: #667085;
}
.bannier_single_blog .wrapper_bannier_single_blog .content_bannier .info .time_read {
	padding-left: 15px;
}
.bannier_single_blog .wrapper_bannier_single_blog .content_bannier .share {
	margin-top: 32px;
}
.bannier_single_blog .wrapper_bannier_single_blog .content_bannier .share ul {
	display: flex;
}
.bannier_single_blog .wrapper_bannier_single_blog .content_bannier .share ul li {
	width: 30px;
	height: 30px;
	background: #fff;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 15px;
	transition: all 0.4s;
}
.bannier_single_blog .wrapper_bannier_single_blog .content_bannier .share ul li:hover {
	background: #FFC933;
}
.content_single_blog {
	font-size: 18px;
	color: #030303;
	line-height: 27px;
	padding-top: 128px;
	padding-bottom: 97px;
	background: #fff;
}
.share_single_blog {
	padding-bottom: 192px;
	background: #fff;
}
.content_single_blog ul {
	list-style: disc;
	padding: 0px 40px;
}
.share_single_blog .info_blog{
	display: flex;
	/* flex-flow: column; */
	margin-bottom: 32px;
}
.share_single_blog .date span,
.share_single_blog .time_read span
{
	font-size: 12px;
	line-height: 16px;
	color: #030303;
	font-weight: 500;
}
.share_single_blog .date {
	padding-right: 20px;
	border-right: 1px solid #888888;
}
.share_single_blog .time_read {
	padding-left: 20px;
}
.share_single_blog .share ul {
	display: flex;
}
.share_single_blog .share ul li {
	width: 30px;
	height: 30px;
	background: #fff;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 15px;
	box-shadow: 0px 4px 8px #03030324;
	transition: all 0.4s;
}
.share_single_blog .share ul li:hover {
	background: #FFC933;
}
.form_single_blog {
	background: #FFC933;
	padding-top: 128px;
	padding-bottom: 128px;
}
.form_single_blog .wrapper_form_single_blog {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 100%;
	align-items: end;
}
.form_single_blog .title {
	width: 48%;
}
.form_single_blog .title h3 {
	font-weight: 300;
	font-size: 56px;
	line-height: 72px;
}
.form_single_blog .form {
	width: 48%;
}
/* End single blog */
/* single job */
.bannier_single_job {
	background: #030303;
	height: 630px;
	width: 100%;
	position: relative;
}
.bannier_single_job .title {
	/* display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 100%; */
	position: absolute;
	top: 50%;
	width: 100%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.bannier_single_job .title h1 {
	text-align: center;
	font-size: 60px;
	line-height: 72px;
	font-weight: 300;
	color: #fff;
	width: 50%;
	margin: auto;
}
.content_single_job {
	padding-top: 192px;
	padding-bottom: 108px;
	background: #fff;
}
.content_single_job .wrapper_content_single_job {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 100%;
}
.content_single_job .wrapper_content_single_job .info {
	background: #FAFAFF;
	padding: 24px;
}
.content_single_job .wrapper_content_single_job .info .content_info .item h3 {
	font-size: 12px;
	line-height: 16px;
	font-weight: 500;
	color: #6D6D6D;
	margin-bottom: 0;
}
.content_single_job .wrapper_content_single_job .info .content_info .item {
	margin-bottom: 12px;
}
.content_single_job .wrapper_content_single_job .info .content_info .item p {
	font-size: 16px;
	line-height: 21px;
	font-weight: 500;
	color: #030303;
	margin-bottom: 0;
}
.content_single_job .wrapper_content_single_job .info .content_info .bottom_info {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	margin-bottom: 20px;
}
.content_single_job .wrapper_content_single_job .info .content_info .bottom_info h3 {
	font-size: 20px;
	font-weight: 500;
	line-height: 26px;
	color: #030303;
	margin-bottom: 30px;
}
.content_single_job .wrapper_content_single_job .info .content_info .bottom_info a {
	border: 1px solid #030303;
	color: #030303;
	border-radius: 30px;
	padding: 15px 20px;
}
.content_single_job .wrapper_content_single_job .content {
	width: 55%;
}
.content_single_job .wrapper_content_single_job .content ul {
	list-style: unset;
	margin-left: 15px;
}
.content_single_job .wrapper_content_single_job .content ul li{
	padding-bottom: 10px;
}
.content_single_job .wrapper_content_single_job .info {
	width: 24%;
	height: 100%;
}
.content_single_job .wrapper_content_single_job .content h4 {
	font-weight: 500;
	font-size: 32px;
	line-height: 42px;
	color: #030303;
	margin-bottom: 24px;
	margin-top: 24px;
}
.content_single_job .wrapper_content_single_job .content p {
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #030303;
	margin-bottom: 20px;
}
.content_single_job .wrapper_content_single_job .content .share h3 {
	font-size: 12px;
	line-height: 16px;
	font-weight: 500;
	color: #030303;
	margin-bottom: 15px;
}
.content_single_job .wrapper_content_single_job .content .share ul {
	display: flex;
}
.content_single_job .wrapper_content_single_job .content .share ul li {
	width: 30px;
	height: 30px;
	background: #fff;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 15px;
	box-shadow: 0px 4px 8px #03030324;
}


.form_single_job .wrapper_job_form {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 100%;
	/* align-items: end; */
}
.form_single_job .wrapper_job_form .title {
	width: 34%;
}
.form_single_job .wrapper_job_form .title h2 {
	position: relative;
	font-size: 20px;
	font-weight: 500;
	color: #030303;
	width: fit-content;
	padding-left: 77px;
}
.form_single_job {
	background: #fff;
	padding-bottom: 192px;
}
.form_single_job .wrapper_job_form .title h2:before {
	content: "";
	background: url("./assets/images/line_title.svg");
	background-size: contain;
	background-repeat: no-repeat;
	width: 70px;
	height: 8px;
	top: 8px;
	left: 0;
	position: absolute;
}
.form_single_job .wrapper_job_form .title h3 {
	font-size: 60px;
	font-weight: 300;
	line-height: 72px;
	color: #030303;
	margin-top: 15px;
	margin-bottom: 15px;
}
.form_single_job .wrapper_job_form .form {
	width: 50%;
}
.form_single_job .wrapper_job_form .form .info p {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
}
.form_single_job .wrapper_job_form .form .info p span {
	width: 48%;
}
.form_single_job .wrapper_job_form .form input {
	border: none;
	padding: 0;
	color: #030303;
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	border-bottom: 1px solid #030303;
	border-radius: initial;
	background: transparent;
	/* margin-bottom: 15px; */
}
.form_single_job .wrapper_job_form .form input[type="file"] {
	color: #030303;
	opacity: 0.5;
	width: 100%;
	margin-top: 20px;
	padding-bottom: 5px;
	border-bottom: none;
}
.form_single_job .wrapper_job_form .form label {
	color: #030303;
	font-size: 12px;
	font-weight: 500;
}
.form_single_job .wrapper_job_form .form button {
	background: transparent;
	width: 100%;
	border: 1px solid #030303;
	padding: 15px;
	border-radius: 50px;
	font-size: 16px;
	font-weight: 700;
	color: #030303;
	margin-top: 40px;
	width: 30%;
	float: right;
}
.form_single_job .wrapper_job_form .form input[type="file"]::file-selector-button {
	border-radius: none !important;
	background-color: transparent;
	color: #fff;
	opacity: 0.5;
	cursor: pointer;
	display: none;
}

.form_single_job .wrapper_job_form .form input:focus {
	box-shadow: none;
}

.form_single_job .wpcf7 form.invalid .wpcf7-response-output,
.form_single_job .wpcf7 form.unaccepted .wpcf7-response-output,
.form_single_job .wpcf7 form.payment-required .wpcf7-response-output {
	color: #030303;
}

.form_single_job .wpcf7-form-control-wrap[data-name="file-cv"] {
	border-bottom: 1px solid #030303;
	padding-bottom: 7px;
}

/* End single job */
/* Page partner */
.about_partner_page {
	background: #fff;
	padding-top: 192px;
	padding-bottom: 192px;
}
.about_partner_page .title h2 {
	font-size: 60px;
	line-height: 72px;
	font-weight: 300;
	width: 40%;
	color: #030303;
}
.about_partner_page .description {
	margin-top: 64px;
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 100%;
}
.about_partner_page .description img {
	width: 48%;
}
.about_partner_page .description p {
	font-size: 18px;
	line-height: 24px;
	color: #030303;
	font-weight: 400;
	width: 40%;
}
.page_partner {
	background: #FAFAFF;
	padding-top: 148px;
	padding-bottom: 148px;
}
.page_partner .content_page_partner {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 100%;
}
.page_partner .content_page_partner .title h2 {
	font-size: 60px;
	line-height: 72px;
	font-weight: 300;
	color: #030303;
}
.page_partner .content_page_partner .title {
	width: 40%;
}
.page_partner .content_page_partner .line {
	border-top: 1Px solid #030303;
	width: 50%;
	height: 2px;
}
.page_partner .page_partenaire {
	margin-top: 102px;
	display: flex;
	flex-flow: wrap;
	width: 100%;
}
.page_partner .page_partenaire .item {
	width: 21%;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 32px;
	padding: 50px;
	border: 1px solid #030303;
	transition: all 4s;
}
.page_partner .page_partenaire .item  a img {
	margin: auto;
	width: 100%;
	height: 100px!important;
	/* aspect-ratio: 3/2; */
	transition: all 4s;
}
/* .page_partner .page_partenaire .item  a img.img_hover {
	display: none;
}
.page_partner .page_partenaire .item a:hover img.img_hover {
	display: block;
}
.page_partner .page_partenaire .item a:hover img.img {
	display: none;
} */
/* End page partner */
.hero .logo_3D {
	background: #fff;
	width: 100%;
	height: 100vh;
}
.hero_content_info .wrapper_title .title {
	top: 75%;
	text-align: center;
}
.hero.hide_logo_3D .logo_3D {
	opacity: 0;
	-webkit-animation: fade-out 1s ease-out both;
	animation: fade-out 1s ease-out both;
}
.hero__cover .hero_content_info {
	background: none!important;
}
/* .hero.hide_logo_3D .hero_content_info {
	background-image: url("./assets/images/image_zoom.svg")!important;
	background-size: cover;
	background-position: center center;
	translate: none;
	rotate: none;
	scale: none;
	transform: translate(-50%, -50%) translate(0px, -0.1px);
} */
/* Page global */
.bannier_global	{
	background: #030303;
	height: 630px;
	width: 100%;
	position: relative;
}
.bannier_global .title {
	position: absolute;
	top: 50%;
	width: 100%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.bannier_global .title h1 {
	text-align: center;
	font-size: 60px;
	line-height: 72px;
	font-weight: 300;
	color: #fff;
	width: 50%;
	margin: auto;
}
.text_global {
	background: #fff;
	padding-top: 192px;
	padding-bottom: 192px;
}
.text_global .content {
	font-size: 16px;
	line-height: 24px;
	font-weight: 300;
}
.text_global .content h4 {
	font-size: 32px;
	line-height: 41px;
	font-weight: 500;
}
.text_global .content ul {
    list-style: unset;
	margin-left: 20px;
}
/* end page global */
.has-spinner {
	display: none;
}
/* newsletter */
.content_newsletter form.tnp-subscription {
	max-width: 100%;
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
}
.content_newsletter .tnp-field label {
	display: none;
}
.content_newsletter .tnp-subscription div.tnp-field {
	width: 48%;
}
.content_newsletter .tnp-subscription div.tnp-field.tnp-field-button {
	width: 100%!important;
}
.form_single_blog input {
	border: none !important;
	padding: 0 !important;
	color: #030303 !important;
	font-size: 14px !important;
	font-weight: 400;
	line-height: 21px !important;
	border-bottom: 1px solid #030303 !important;
	border-radius: initial!important;;
	background-color: transparent !important;
}
/* End newsletter */
.wpcf7-spinner {
	position: absolute;
	bottom: -4px;
	left: -30px;
	margin: 0;
}
.wpcf7-form-control-wrap button {
	position: relative;
}
.wpcf7 form.invalid .wpcf7-response-output  {
	display: flex;
	margin: 0!important;
	padding: 0!important;
}
body.lang-fr .cybersecurity .solution_bannier .wrapper_solution_bannier .content_bannier_solution .title h1 {
	width: 840px;
}
body.lang-fr .bannier_digital .solution_bannier .wrapper_solution_bannier .content_bannier_solution .title h1 {
	width: 610px;
}
body.lang-fr header .menu-item-has-children ul li {
	padding: 0;
}
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output {
    padding: 0;
    border-color: transparent;
    margin: 0;
    line-height: 25px;
}
/* Page Gitex */
.gitex_bannier {
	height: 100vh;
	position: relative;
}

.gitex_bannier video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	z-index: 2;
	-webkit-filter: blur(5px) grayscale(100%);
	-moz-filter: blur(5px) grayscale(100%);
	-ms-filter: blur(5px) grayscale(100%);
	-o-filter: blur(5px) grayscale(100%);
	filter: blur(5px) grayscale(100%);
	filter: gray;
}
.gitex_bannier .video-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(rgba(3, 3, 3, 0.7), rgba(3, 3, 3, 0.8), rgba(3, 3, 3, 1));
	z-index: 2;
}
.gitex_bannier .content_bannier {
	z-index: 4;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}
.gitex_bannier .content_bannier .count_time {
	display: flex;
	flex-flow: wrap;
	color: #FFC933;
	text-align: center;
	font-size: 80px;
	font-weight: 400;
}
.gitex_bannier .content_bannier .count_time .separator_time {
	margin-right: 27px;
	margin-left: 27px;
}
.gitex_bannier .content_bannier .count_time .type_time {
	font-size: 12px;
}
.gitex_bannier .content_bannier h1 {
	color: #fff;
	font-size: 68px;
	font-weight: 500;
	line-height: 81px;
	width: 830px;
	margin-top: 16px;
	margin-bottom: 16px;
}
.gitex_bannier .content_bannier p {
	color: #fff;
	font-size: 24px;
	font-weight: 300;
	line-height: 31px;
	width: 640px;
	/* margin-top: 16px; */
	margin-bottom: 36px;
}
.gitex_bannier .content_bannier a {
	font-size: 18px;
	color: #fff;
	line-height: 27px;
	font-weight: 500;
	border: 1px solid #fff;
	border-radius: 30px;
	padding: 15px 30px;
}
.gitex_bannier .bottom_bannier {
	z-index: 4;
	position: absolute;
	bottom: 16px;
	left: 0;
	width: 100%;
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	align-items: end;
	padding-left: 55px;
	padding-right: 55px;
}
.gitex_bannier .bottom_bannier .share ul {
	display: flex;
	flex-flow: wrap;
	margin-bottom: 0;
}
.gitex_bannier .bottom_bannier .share ul li a {
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	margin-right: 24px;
}
.gitex_bannier .bottom_bannier .share ul li a:hover {
	color: #FFC933;
}
.gitex_bannier .bottom_bannier .info {
	display: flex;
	flex-direction: column;
}
.gitex_bannier .bottom_bannier .info a {
	font-size: 24px;
	font-weight: 400;
	color: #fff;
	margin-bottom: 8px;
}
.gitex_bannier .bottom_bannier .info a:last-child {
	margin-bottom: 0px;
}
.gitex_bannier .bottom_bannier .info a:hover {
	color: #FFC933;
}
header .hide_top_bar {
	display: none;
}
.about_gitex {
	background: #FFC933;
	padding-bottom: 80px;
}
.about_gitex .marquee {
	padding: 0;
	background: transparent;
}
.about_gitex .marquee .content span{
	font-size: 128px;
	font-weight: 500;
	text-transform: uppercase;
}
.about_gitex .content_info {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 100%;
	margin-top: 55px;
}
.about_gitex .title {
	width: 50%;
}
.about_gitex .title h2 {
	position: relative;
	font-size: 20px;
	font-weight: 500;
	color: #030303;
	width: fit-content;
	padding-left: 77px;
}
.about_gitex .title h2:before {
	content: "";
	background: url("./assets/images/line_title_black.svg");
	background-size: contain;
	background-repeat: no-repeat;
	width: 70px;
	height: 8px;
	top: 8px;
	left: 0;
	position: absolute;
}
.about_gitex .title p {
	color: #030303;
	font-size: 60px;
	line-height: 72px;
	font-weight: 300;
	margin-top: 30px;
	margin-bottom: 30px;
}
.about_gitex .description {
	width: 28%;
	padding-top: 55px;
}
.about_gitex .description p {
	font-size: 18px;
	color: #030303;
	font-weight: 400;
	line-height: 27px;
}
.about_gitex .description ul {
	list-style: disc;
	padding-left: 30px;
	padding-top: 8px;
}
.about_gitex .description ul li {
	padding-bottom: 16px;
}
.about2_gitex {
	background: #030303;
	padding-top: 107px;
	padding-bottom: 100px;
}
.about2_gitex .content_about2 {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 100%;
}
.about2_gitex .content_about2 .logo3d {
	width: 48%;
}
.about2_gitex .content_about2 .info {
	width: 48%;
}
.about2_gitex .content_about2 .info h2 {
	color: #fff;
	font-weight: 300;
	font-size: 60px;
	line-height: 72px;
}
.about2_gitex .content_about2 .description h3 {
	color: #fff;
	font-weight: 500;
	font-size: 24px;
	line-height: 31px;
	margin-bottom: 16px;
}
.about2_gitex .content_about2 .description p {
	color: #fff;
	font-weight: 400;
	font-size: 18px;
	line-height: 27px;
}
.about2_gitex .content_about2 .description {
	padding-left: 192px;
	margin-top: 32px;
}
.about2_gitex .group_number {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 100%;
	margin-top: 84px;
}
.about2_gitex .group_number .item {
	display: flex;
	flex-flow: wrap;
	align-items: center;
}
.about2_gitex .group_number .item h3 {
	color: #ffc933;
	font-size: 128px;
	margin-bottom: 0;
	font-weight: 500;
	margin-right: 8px;
}
.about2_gitex .group_number .item h4 {
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 0;
}
.separator_image_gitex {
	background: transparent;
	position: absolute;
	top: -112px;
	right: 0;
	z-index: 1;
}
.separator_image_gitex img {
	margin: auto 0 0 auto;
	display: block;
}
.visibilite {
	overflow: visible !important;
}
.program_gitex {
	background: #fff;
	padding-top: 98px;
}
.program_gitex .content_program_gitex {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 100%;
	padding-bottom: 189px;
}
.program_gitex .content_program_gitex h2 {
	color: #030303;
	font-size: 96px;
	font-weight: 500;
	width: 46%;
	line-height: 115px;
	text-transform: uppercase;
}
.program_gitex .content_program_gitex p {
	color: #030303;
	font-size: 24px;
	font-weight: 500;
	line-height: 31px;
	width: 40%;
}
.program_gitex .image {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 100%;
	position: absolute;
	top: 390px;
	z-index: 1;
}
.program_gitex .image img {
	height: 100% !important;
}
.program_gitex .global_content {
	position: relative;
}
.program_gitex .image img.img2 {
	position: relative;
	top: -190px;
}
.program2_gitex .image {
	text-align: end;
	padding-top: 136px;
	margin-right: 96px;
}
.program2_gitex .content_program {
	margin-top: 209px;
	padding-bottom: 197px;
}
.program2_gitex .content_program ul {
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
	width: 100%;
	border-bottom: 1px solid #030303;
}
.program2_gitex .content_program ul li a{
	font-size: 96px;
	font-style: normal;
	font-weight: 500;
	line-height: 115px;
	color: rgba(3, 3, 3, 0.20);
}
.program2_gitex .content_program ul li a.active {
	color: #030303;
}
.program2_gitex .tab-content .content {
	padding-top: 62px;
}
.program2_gitex .tab-content .content .content_date {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 100%;
	border-bottom: 1px solid rgba(3, 3, 3, 0.30);
	padding-top: 24px;
}
.program2_gitex .tab-content .content .content_date .time h3 {
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 31px;
}
.program2_gitex .tab-content .content .content_date .time p {
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 19px;
}
.program2_gitex .tab-content .content .content_date .info h2 {
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 31px;
	text-transform: uppercase;
}
.program2_gitex .tab-content .content .content_date .info h4 {
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 19px;
	/* 19.6px */
}
.program2_gitex .tab-content .content .content_date .info p {
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 27px;
	margin-bottom: 32px;
	margin-top: 32px;
}
header .menu ul.menu_gitex li a:before {
	display: none;
}
header .menu ul.menu_gitex li.current_page_item a {
	color: #98A2B3 !important;
}
header .menu ul.menu_gitex li a:hover {
	left: -15px;
	color: #ffc933!important;
}
header .menu ul.menu_gitex li:nth-child(1) a:after {
	content: "";
	background:#98A2B3;
	width: 4px;
	height: 4px;
	position: relative;
	top: -5px;
	left: 3px;
	border-radius: 100%;
}
header .menu ul.menu_gitex li:nth-child(1) a:hover:after {
	background: #ffc933;
}
header .menu ul.menu_gitex li:nth-child(2) a:after {
	content: "";
	background: url("./assets/images/fleche_menu_white.svg");
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	background-size: contain;
	background-repeat: no-repeat;
	/* opacity: 0; */
	margin-left: 6px;
}
header .menu ul.menu_gitex li:nth-child(2) a:hover:after {
	content: "";
	background: url("./assets/images/fleche_menu_orange.svg");
	background-repeat: no-repeat;
}
/* header .menu ul.menu_gitex li:nth-child(2) a:hover:after {
	background: url("./assets/images/fleche_link.svg");
} */
.gitex_form {
	padding-top: 192px;
	padding-bottom: 192px;
	background: #030303;
}
.gitex_form .wrapper_gitex_form {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 100%;
}
.gitex_form .wrapper_gitex_form .title {
	width: 40%;
}
.gitex_form .wrapper_gitex_form .form {
	width: 48%;
}
.gitex_form .wrapper_gitex_form .title h2 {
	position: relative;
	font-size: 20px;
	font-weight: 500;
	color: #fff;
	width: fit-content;
	padding-left: 77px;
}
.gitex_form .wrapper_gitex_form .title h2:before {
	content: "";
	background: url("./assets/images/line_title.svg");
	background-size: contain;
	background-repeat: no-repeat;
	width: 70px;
	height: 8px;
	top: 8px;
	left: 0;
	position: absolute;
}
.gitex_form .wrapper_gitex_form .title h3 {
	font-size: 60px;
	font-style: normal;
	font-weight: 300;
	line-height: 72px;
	color: #fff;
}
.gitex_form .wrapper_gitex_form .title p {
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 27px;
	color: #fff;
}
.gitex_form .wrapper_gitex_form .form input {
	border: none;
	padding: 0;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	border-bottom: 1px solid #fff;
	border-radius: initial;
	background: transparent;
	/* margin-bottom: 15px; */
}
.gitex_form .wrapper_gitex_form .form .info p {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	margin-bottom: 30px;
}
.gitex_form .wrapper_gitex_form .form button {
	background: transparent;
	width: 100%;
	border: 1px solid #fff;
	padding: 15px;
	border-radius: 50px;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	margin-top: 40px;
	width: 100%;
}


.gitex_form .wrapper_gitex_form .form input[type=checkbox] {
	-webkit-appearance: none;
	appearance: none;
	vertical-align: sub;
	background: transparent;
	font-size: 14px;
	display: inline-block;
	border: 1px solid #fff;
	width: 14px;
	height: 14px;
	margin-bottom: 0;
	margin-right: 5px;
	position: relative;
	cursor: pointer;
}
.gitex_form .wrapper_gitex_form .form input[type=checkbox]:before,
.gitex_form .wrapper_gitex_form .form input[type=checkbox]:after {
	content: "";
	position: absolute;
	background: #fff;
	width: calc(2px* 3);
	height: 2px;
	top: 50%;
	left: 10%;
	transform-origin: left center;
}
.gitex_form .wrapper_gitex_form .form input[type=checkbox]:before {
	transform: rotate(45deg) translate(calc(2px / -2), calc(2px / -2)) scaleX(0);
	transition: transform 200ms ease-in 200ms;
}
.gitex_form .wrapper_gitex_form .form input[type=checkbox]:after {
	width: calc(2px* 5);
	transform: rotate(-45deg) translateY(calc(2px* 2)) scaleX(0);
	transform-origin: left center;
	transition: transform 200ms ease-in;
}
.gitex_form .wrapper_gitex_form .form input[type=checkbox]:checked:after {
	width: calc(2px* 5);
	transform: rotate(-45deg) translateY(calc(2px* 2)) scaleX(1);
	transition: transform 200ms ease-out 200ms;
}
.gitex_form .wrapper_gitex_form .form input[type=checkbox]:checked:before {
	transform: rotate(45deg) translate(calc(2px / -2), calc(2px / -2)) scaleX(1);
	transition: transform 200ms ease-in;
}
.gitex_form .wrapper_gitex_form .wpcf7-checkbox .wpcf7-list-item-label {
	font-size: 12px;
	font-weight: 500;
	color: #fff;
	vertical-align: bottom;
}
.gitex_form .wrapper_gitex_form .wpcf7 form.failed .wpcf7-response-output,
.gitex_form .wrapper_gitex_form .wpcf7 form.aborted .wpcf7-response-output {
	border: none;
	color: #fff;
}
.form-control:focus {
	box-shadow: none;
}
.gitex_form .wrapper_gitex_form .form span.item_select {
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
	color: #fff;
	width: 100%;
	margin-bottom: -8px;
	display: block;
}


.gitex_form .wrapper_gitex_form .form .content_select input[type=checkbox]:before {
	display: none;
}
.gitex_form .wrapper_gitex_form .form .content_select input[type=checkbox]:after {
	display: none;
}
.gitex_form .wrapper_gitex_form .form .content_select input[type=checkbox] {
	-webkit-appearance: none;
	appearance: none;
	vertical-align: sub;
	background: transparent;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 25px;
	border: none;
	position: relative;
	cursor: pointer;
	width: auto;
	height: auto;
	margin: 0;
}
.gitex_form .wrapper_gitex_form .form .content_select .wpcf7-list-item-label {
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 25px;
	color: #fff;
	border-radius: 100px;
	border: 1px solid #FFF;
	cursor: pointer;
	padding: 19px 58px 19px 19px;
	position: relative;
	margin-right: 25px;
	margin-bottom: 0px;
	display: block;
}
.gitex_form .wrapper_gitex_form .form .content_select .selected .wpcf7-list-item-label {
	border: 1px solid #FFC933;
	color: #FFC933;
}
.gitex_form .wrapper_gitex_form .form .content_select p {
	display: block;
}
.gitex_form .wrapper_gitex_form .form .content_select .wpcf7-list-item-label:after {
	content: "";
	background: url("./assets/images/icon_check.svg");
	background-size: contain;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	top: 19px;
	right: 18px;
	position: absolute;
}
.gitex_form .wrapper_gitex_form .form .content_select .selected .wpcf7-list-item-label:after {
	background: url("./assets/images/icon_check_orange.svg");
}
.gitex_form .wpcf7-form-control-wrap {
	position: relative;
	width: 48%;
}
.gitex_form .wpcf7 form.invalid .wpcf7-response-output {
	color: #fff;
}
.about2_gitex .content_about2 .logo3d_simple {
	width: 48%;
}
.program2_gitex .content_program .upcoming {
	margin-top: 83px;
	border-radius: 16px;
	border: 1px solid #030303;
	padding: 168px 56px;
}
.program2_gitex .content_program .upcoming p {
	font-size: 96px;
	font-style: normal;
	font-weight: 500;
	line-height: 115px;
	color: #030303;
	text-align: center;
}
body.page-id-15037 .header .content_item_menu_sidebar .langue_sidebar,
body.page-id-15037 footer .copyright .langue_footer,
body.page-id-15037 header .content_header .langue .content_langue .lang,
body.page-id-15037 header .content_header .langue
{
	display: none;
}
/* End PAge gitex */
/* Edit partner */
.partner .partner_type2 {
	position: relative;
	display: flex;
	align-items: center;
	margin-top: 90px;
}
.partner .content_partner_type2 {
	position: relative;
	white-space: nowrap;
	padding: 0;
	margin: 0;
	will-change: transform;
	cursor: auto!important;
}
.partner .item_content_partner_type2 {
	padding: 20px;
/* 	width: 20%; */
	display: inline-block;
	margin-right: 2rem;
}
.partner .item_content_partner_type2 a img {
	width: 180px;
	margin: auto;
	display: block;
	aspect-ratio: 3 / 2;
}
.partner .content_partner_type2::after {
	content: ' ';
	position: absolute;
	top: 0px;
	bottom: 0px;
	width: 100%;
	right: 100%;
	background-color: white;
}
/*End Edit partner */
/* Edit 23-5-2024 */
header .menu ul li a:before {
	display: none;
}
header .menu ul li a.dropdown-toggle::after {
	content: "";
	background: url("./assets/images/icon_harmony/chevron-down.svg");
	background-size: cover;
	background-repeat: no-repeat;
	width: 14px;
	height: 14px;
	display: flex;
	align-items: center;
	border-top: 0;
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
	margin-right: 6px;
	transition: all 0.3s;
}
header .menu ul li a {
	font-size: 14px;
	left: 0;
}
header .content_header {
	border-bottom: 1px solid #1C1C1C;
}
header .menu ul li {
	padding: 30px 15px 30px;
}
header .menu .btn_right a {
	border: none;
	padding: 0;
	font-size: 14px;
	font-weight: 500;
}
header .menu {
	width: 100%;
	justify-content: space-between;
}
header .menu .btn_right a.style_link_white span.icon:after {
	background-size: cover;
	width: 12px;
	height: 12px;
}
header .menu .btn_right a span.icon {
	position: relative;
	top: -1px;
}
header .menu .box_border {
	background: #1C1C1C;
	width: 1px;
	height: 32px;
}
.wrapper_bannier {
	background: #030303;
}
.expertise {
	background: #030303;
}
.expertise .content_expertise .title {
	padding-top: 53px;
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 100%;
	padding-bottom: 58px;
	border-right: 1px solid;
	border-left: 1px solid;
	border-image: linear-gradient(to bottom, #3d3d3d00, #3d3d3db5) 1;
	position: relative;
}
.expertise .content_expertise .title:after {
	content: "";
	position: absolute;
	height: -webkit-fill-available;
	width: 1px;
	border-left: 1px solid #000;
	border-image: linear-gradient(to bottom, #3d3d3d00, #3d3d3db5) 1;
	right: 50%;
}
.expertise .content_expertise .title h2 {
	font-size: 48px;
	font-style: normal;
	font-weight: 600;
	line-height: 54px;
	color: #fff;
	width: 48%;
	padding-left: 36px;
	margin-bottom: 0;
}
.expertise .content_expertise .title p {
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	color: #888;
	width: 48%;
	margin-bottom: 0;
	padding-right:36px;
}
.expertise .content_expertise .title b {
	color: #fff;
	font-weight: 500;
}
.expertise .content_expertise .services {
	border-top: 1px solid #3D3D3D;
	/* margin-top: 58px; */
}
.expertise .content_expertise .services .content_services{
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 100%;
	
}
.expertise .content_expertise .services .item {
	width: 25%;
	border-right: 1px solid #3D3D3D;
	transition: all 0.3s;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
}
.expertise .content_expertise .services .item .wrapper_item {
	padding: 36px;
}
.expertise .content_expertise .services .item .link {
	padding: 36px;
}
.expertise .content_expertise .services .item .link a.hover{
	display: none;
}
.expertise .content_expertise .services .item:hover .link a.hover{
	display: block;
	color: #fff;
}
.expertise .content_expertise .services .item:hover .link a.style_link_black {
	display: none;
}
.expertise .content_expertise .services .item:hover {
	background: rgb(255 255 255 / 5%);
}
.expertise .content_expertise .services .item:hover .link {
	background: rgba(255, 255, 255, 0.05);
}
.expertise .content_expertise .services .item:first-child {
	border-left: 1px solid #3D3D3D;
}
.expertise .content_expertise .services h3 {
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 22px;
	color: #fff;
	padding-bottom: 16px;
}
.expertise .content_expertise .services p {
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 22px;
	color: #7F7D83;
	margin-bottom: 80px;
	width: 95%;
}
.expertise .content_expertise .services a {
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
	color: #2D2B32;
}
.expertise .content_expertise .services .item .image {
	padding-bottom: 48px;
}
a.style_link.style_link_black span.icon:before {
	content: '';
	background: url("./assets/images/icon_harmony/arrow-up-right.svg");
	background-repeat: no-repeat;
	background-size: cover;
	width: 20px;
	height: 20px;
	transform: translate3d(-70%, 70%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
	transform-style: preserve-3d;
}
a.style_link.style_link_black span.icon:after {
	content: '';
	background: url("./assets/images/icon_harmony/arrow-up-right.svg");
	background-repeat: no-repeat;
	background-size: cover;
	width: 20px;
	height: 20px;
	transform: translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
	transform-style: preserve-3d;
}
a.style_link.style_link_black span.title_link {
	position: relative;
	margin-right: 25px;
}
a.style_link.style_link_black:hover span.title_link::after {
	transform: scaleX(1);
	transform-origin: bottom left;
}
a.style_link.style_link_black:hover span.icon:before{
	opacity: 1;
	right: 0;
	transform: translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
	transform-style: preserve-3d;
}
a.style_link.style_link_black:hover span.icon:after {
	opacity: 0;
	transform: translate3d(100%, -100%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
	transform-style: preserve-3d;
}
a.style_link.style_link_black span.icon:before,
a.style_link.style_link_black span.icon:after {
	content: '';
	background: url("./assets/images/icon_harmony/arrow-up-right.svg");
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	position: absolute;
	z-index: 1;
	top: 0px;
	right: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}
.industry {
	background: #030303;
	border-top: 1px solid #3D3D3D;
}
.industry .content_industry .title {
	padding-top: 81px;
	padding-left: 36px;
	border-right: 1px solid #3D3D3D;
	border-left: 1px solid #3D3D3D;
	position: relative;
}
.industry .content_industry .title:after {
	content: "";
	position: absolute;
	top: 0;
	height: 100%;
	width: 1px;
	background: #3D3D3D;
	right: 50%;
}
.industry .content_industry .title h2 {
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
	color: #fff;
	padding: 6px 16px;
	border-radius: 44px;
	background: #232223;
	width: max-content;
	margin-bottom: 16px;
}
.industry .content_industry .title p {
	font-size: 28px;
	font-style: normal;
	font-weight: 600;
	line-height: 32px;
	color: #fff;
	margin-bottom: 0px;
}
.industry .content_industry .slider_industry a .image {
	background: #00000099;
	position: relative;
}
.industry .content_industry .slider_industry a .image p {
	position: absolute;
	top: 50%;
	left: 28%;
	display: flex;
	align-items: center;
	margin-bottom: 0;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
	color: #fff;
	border-radius: 44px;
	background: rgba(0, 0, 0, 0.40);
	backdrop-filter: blur(5px);
	padding: 6px 16px;
	visibility: hidden;
	/* transition: all 0.6s; */
}
.industry .content_industry .slider_industry a .image img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.industry .content_industry .slider_industry a:hover .image img {
	opacity: .6;
}
.industry .content_industry .slider_industry a:hover .image p {
	visibility: visible;
}
.industry .content_industry .slider_industry a .image img {
	width: 100%;
	height: 250px !important;
    object-fit: cover;
}
.industry.industry_type2 .content_industry .slider_industry a .image img {
	height:100%!important;
}
.industry .content_industry .slider_industry .slick-list {
	padding-left: -10px;
	padding-right: -10px;
	overflow: visible;
}
.industry .content_industry .slider_industry .slick-slide {
	padding-top: 24px;
	padding-left: 10px;
	padding-right: 10px;
	border-left: 1px solid #3D3D3D;
}
.industry .content_industry .slider_industry .link {
	padding: 12px 16px 48px;
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 100%;
}
.industry .content_industry .slider_industry .link h3 {
	width:90%;
	height: 24px;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 22px;
	color: #fff;
	margin-bottom: 0;
}
.industry .content_industry .slider_industry .slick-custom-arrow-left {
	position: absolute;
	top: -35px;
	right: 83px;
	z-index: 2;
	cursor: pointer;
	background-color: transparent;
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .4s;
}
.industry .content_industry .slider_industry .slick-custom-arrow-right {
	position: absolute;
	top: -35px;
	right: 30px;
	z-index: 2;
	cursor: pointer;
	background-color: transparent;
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .4s;
}
.industry .content_industry .slider_industry .slick-slide.slick-current + .slick-active {
	border-left: 1px solid #3D3D3D;
	border-image: linear-gradient(to bottom, #3d3d3d47, #3D3D3D) 1;
	margin-left: -2px;
}
.industry .content_industry .slider_industry .slick-slide.slick-active+.slick-active+.slick-active {
	margin-right: -0.2px !important;
	border-left: 1px solid #3D3D3D;
}
.industry .content_industry .slider_industry .slick-slide.slick-current+.slick-active+.slick-active+.slick-active {
	border-left: 1px solid #3D3D3D;
	border-image: linear-gradient(to bottom, #3d3d3d47, #3D3D3D) 1;
}
.valeur_type2 {
	background: #FFC933;
}
.valeur_type2 .content_valeur_type2 {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 100%;
	border-left: 1px solid rgba(0, 0, 0, 0.15);
	border-right: 1px solid rgba(0, 0, 0, 0.15);
}
.valeur_type2 .content_valeur_type2 {
	padding-left: 36px;
}
.valeur_type2 .content_valeur_type2 .title {
	width: 35%;
	padding-top: 70px;
	border-right: 1px solid rgba(0, 0, 0, 0.15);
}
.valeur_type2 .content_valeur_type2 .title h2 {
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
	color: #fff;
	border-radius: 44px;
	background: #000;
	padding: 6px 16px;
	width: max-content;
}
.valeur_type2 .content_valeur_type2 .title p {
	font-size: 28px;
	font-style: normal;
	font-weight: 600;
	line-height: 32px;
	color: #0A090B;
	width: 90%;
	margin-top: 22px;
}
.valeur_type2 .content_valeur_type2 .wrapper_valeur_type2 {
	width: 65%;
	margin-top: 66px;
	border-top: 1px solid rgba(0, 0, 0, 0.15);
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
}
.valeur_type2 .content_valeur_type2 .wrapper_valeur_type2 .item {
	padding-top: 24px;
	padding-bottom: 24px;
	padding-left: 24px;
	padding-right: 24px;
	width: 33.33%;
	border-right: 1px solid rgba(0, 0, 0, 0.15);
	transition: all 0.6s;
}
/* .valeur_type2 .content_valeur_type2 .wrapper_valeur_type2 .item:nth-child(1) {
	padding-left: 64px;
} */
.valeur_type2 .content_valeur_type2 .wrapper_valeur_type2 .item:hover {
	background: rgba(255, 255, 255, 0.25);
}
.valeur_type2 .content_valeur_type2 .wrapper_valeur_type2 .item:hover svg path {
	fill: #280000;
}
.valeur_type2 .content_valeur_type2 .wrapper_valeur_type2 .item:last-child {
	border-right: none;
}
.valeur_type2 .content_valeur_type2 .wrapper_valeur_type2 .item h3 {
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 22px;
	color: #0A090B;
	padding-top: 36px;
	margin-bottom: 8px;
}
.valeur_type2 .content_valeur_type2 .wrapper_valeur_type2 .item p {
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
	color: rgba(0, 0, 0, 0.5);
}
.valeur_type2 .bottom_valeur {
	padding: 32px 36px;
	border-top: 1px solid rgba(0, 0, 0, 0.15);
	border-right: 1px solid rgba(0, 0, 0, 0.15);
	border-left: 1px solid rgba(0, 0, 0, 0.15);
	display: flex;
	flex-flow: wrap;
}
.valeur_type2 .bottom_valeur p {
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
	color: rgba(0, 0, 0, 0.7);
	margin-right: 12px;
	margin-bottom: 0px;
}
.valeur_type2 .bottom_valeur a {
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 22px;
	color: rgba(10, 9, 11, 1);
}
.rd_type2 {
	background: #fff;
	padding-top: 52px;
	padding-bottom: 52px;
}
.rd_type2 .content_rd_type2 {
	display: flex;
	flex-flow: wrap;
	position: relative;
	/* align-items: center; */
	width: 100%;
	justify-content: space-between;
	/* border-top: 1px solid rgba(0, 0, 0, 0.15); */
	/* border-bottom: 1px solid rgba(0, 0, 0, 0.15); */
	border-left: 0.01em solid #E6E6E6;
	border-right: 0.01em solid #E6E6E6;
	/* padding-top: 48px; */
}
.rd_type2 .content_rd_type2:after {
	content: "";
	height: 0.01em;
	background: #E6E6E6;
	top: 12px;
	left: -12px;
	position: absolute;
	width: 102%;
}
.rd_type2 .content_rd_type2:before {
	content: "";
	height: 0.01em;
	background: #E6E6E6;
	bottom: 12px;
	left: -12px;
	position: absolute;
	width: 102%;
}
.rd_type2 .content_rd_type2 .title {
	width: 30%;
	padding-left: 36px;
	padding-top: 48px;
}
.rd_type2 .content_rd_type2 .title h2 {
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
	color: rgba(10, 9, 11, 1);
	border-radius: 44px;
	background: #FFC933;
	padding: 6px 16px;
	width: max-content;
	margin-bottom: 22px;
}
.rd_type2 .content_rd_type2 .title p {
	font-size: 28px;
	font-style: normal;
	font-weight: 600;
	line-height: 32px;
}
.rd_type2 .content_rd_type2 .image {
	width: 25%;
	padding-bottom: 19px;
	/* border-right: 0.01em solid rgba(0, 0, 0, 0.15); */
	position: relative;
	padding-top: 20px;
}
.rd_type2 .content_rd_type2 .image img {
	position: relative;
	z-index: 1;
}
.rd_type2 .content_rd_type2 .image:after {
	content: "";
	position: absolute;
	width: 0.01em;
	height: 100%;
	top: 0px;
	right: 65px;
	background: #E6E6E6;
}
.rd_type2 .content_rd_type2 .description {
	width: 45%;
	padding-top: 48px;
}
.rd_type2 .content_rd_type2 .description p {
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	color: #7F7D83;
	width: 79%;
}
.rd_type2 .content_rd_type2 .description p b {
	font-weight: 500;
	color: #0A090B;
}
.rd_type2 .content_rd_type2 .description a {
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 22px;
	color: #0A090B;
}
.technology {
	background: #F9F9F9;
	border-bottom: 0.01em solid #E6E6E6;
}
.technology .content_technology .info {
	display: flex!important;
	flex-flow: wrap;
	justify-content: space-between;
	width: 100%;
}
.technology .content_technology .info .wrapper_info {
	width: 50%;
	border-right: 0.01em solid #E6E6E6;
	border-left: 1px solid #E6E6E6;
}
.technology .content_technology .info .wrapper_info .content_info {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	
}
.technology .content_technology .info .wrapper_info .content_info .title {
	border-right: 0.01em solid #E6E6E6;
	width: 49.9%;
}
.technology .content_technology .info .wrapper_info .content_info h2{
	font-size: 36px;
	font-style: normal;
	font-weight: 600;
	line-height: 42px;
	padding-top: 80px;
	padding-right: 36px;
	padding-left: 32px;
}
.technology .content_technology .info .wrapper_info .content_info .description{
	width: 50%;
	padding-top: 80px;
	padding-left: 36px;
	padding-right: 36px;
/* 	padding-bottom: 66px; */
	min-height: 360px;
}
.technology .content_technology .info .wrapper_info .content_info .description p{
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
	color: #7F7D83;
}
.technology .content_technology .info .wrapper_info .content_info .description p b{
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 22px;
	color: #0A090B;
}
.technology .content_technology .info .wrapper_info .content_info .description a {
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 22px;
	color: #0A090B;
	transition: none;
}
.technology .content_technology .info .wrapper_info .bottom_content_info {
	display: none;
}
.technology .content_technology .info .image {
	width: 50%;
	background: #fff!important;
}
.technology .content_technology {
	position: relative;
}
.technology ul.slide-dots {
	position: absolute;
	bottom: 0;
	display: flex;
	flex-flow: wrap;
	padding-left: 32px;
	padding-top: 46px;
	padding-bottom: 46px;
	width: 50%;
	margin-bottom: 0;
	border-top: 0.01em solid #E6E6E6;
	/* border-bottom: 0.01em solid #E6E6E6; */
}
.technology ul.slide-dots li a {
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
	color: #7F7D83;
	margin-right: 28px;
	padding-bottom: 8px;
	cursor: pointer;
	transition: none;
}
.technology ul.slide-dots li a svg {
	margin-right: 6px;
	width: 16px;
}
.technology ul.slide-dots li.slick-active a {
	font-weight: 600;
	color: #0A090B;
	border-bottom: 2px solid #000;
	
}
.technology ul.slide-dots li.slick-active a svg path {
	stroke:#0A090B;
}
.technology ul.slide-dots li.slick-active {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
header .menu ul li ul.dropdown-menu li{
	padding: 0!important;
}
header .menu ul li ul.dropdown-menu li a{
	padding: 32px !important;
}
header .menu ul li ul.dropdown-menu li:first-child a {
	padding: 0 !important;
}
header .menu-item-has-children ul li:first-child {
	width: 18%;
}
header .menu-item-has-children ul li {
	width: 20%;
}
header .dropdown-menu .dropdown-item {
	padding: 0;
}
header .menu-item-has-children ul li a span {
	width: 100%;
}
header .menu ul li.menu_principal_service ul.dropdown-menu li:first-child a {
/* 	background: url("./assets/images/icon_harmony/icon_service_menu/bg_service.jpg"); */
	background: url("https://pack.harmony.ma/wp-content/uploads/2024/07/Rectangle-506.svg");
	background-size: cover;
	background-repeat: no-repeat;
}
header .menu ul li.menu_industry > .dropdown-menu li.bg_sous_menu:first-child a {
/* 	background: url("./assets/images/icon_harmony/icon_service_menu/bg_industry.png"); */
	background: url("https://pack.harmony.ma/wp-content/uploads/2024/07/Rectangle-505.svg");
	background-size: cover;
	background-repeat: no-repeat;
}
header .menu ul li.menu_group_expertise>.dropdown-menu li.bg_sous_menu:first-child a {
	/* background: url("./assets/images/icon_harmony/icon_service_menu/bg_expertise.jpg"); */
	background: url("https://pack.harmony.ma/wp-content/uploads/2024/07/Rectangle-506-5.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	height: 317px;
}
header .menu ul li.menu_principal_service ul.dropdown-menu li:first-child a:hover span,
header .menu ul li.menu_principal_type2 > ul.dropdown-menu > li:first-child a:hover span
{
	color: #fff !important;
}
header .menu ul li.menu_principal_service ul.dropdown-menu li:first-child a span,
header .menu ul li.menu_principal_type2 > ul.dropdown-menu > li:first-child a span
{
	display: flex;
	height: 100%;
	align-items: end;
	justify-content: end;
	font-size: 67px;
	font-style: normal;
	font-weight: 600;
	line-height: 53px;
	text-transform: uppercase;
	padding-right: 14px;
	padding-bottom: 28px;
	text-align: end;
}
header .menu-item-has-children ul li.sous_category a:after {
	display: none!important;
}
header .menu-item-has-children ul li a span.menu-item-description {
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	color: #ADACB0;
}

header .menu-item-has-children ul li.sous_category.bg_digital a:before {
	content: "";
	display: block !important;
	background: url("./assets/images/icon_harmony/icon_service_menu/consulting.svg");
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	background-size: contain;
	opacity: 1;	
}

header .menu-item-has-children ul li.sous_category.bg_education a:before {
	content: "";
	display: block !important;
	background: url("./assets/images/icon_harmony/icon_service_menu/education.svg");
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	background-size: contain;
	opacity: 1;
}

header .menu-item-has-children ul li.sous_category.bg_iot a:before {
	content: "";
	display: block !important;
	background: url("./assets/images/icon_harmony/icon_service_menu/iot.svg");
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	background-size: contain;
	opacity: 1;
}

header .menu-item-has-children ul li.sous_category.bg_cybersecurity a:before {
	content: "";
	display: block!important;
	background: url("./assets/images/icon_harmony/icon_service_menu/security.svg");
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	background-size: contain;
	opacity: 1;
}
header .menu-item-has-children ul li.sous_category a:hover {
	background: transparent!important;
}
header .menu-item-has-children ul li a:hover span {
	color: #fff!important;
}
header .menu-item-has-children ul li a:hover span.menu-item-description {
	color: #fff !important;
}
header .menu-item-has-children ul li:not(:first-child) a span.title_sous_menu {
	margin-top: 30px;
	margin-bottom: 8px;
}
header .menu ul li.sous_categorie a.dropdown-toggle::after {
	display: none;
}





header .menu ul li ul.dropdown-menu li.sous_categorie {
	padding: 0px 48px !important;
	margin-bottom: 77px;
}
header .menu ul li ul.dropdown-menu li.sous_categorie a{
	padding: 0 !important;
}
header .menu ul li ul.dropdown-menu li.sous_categorie ul.dropdown-menu{
	position: initial;
	display: block;
	animation: none;
	padding: 0 !important;
}
header .menu ul li ul.dropdown-menu li.sous_categorie ul.dropdown-menu li.sous_categorie2 {
	width: 100%;
}
header .menu ul li ul.dropdown-menu li.sous_categorie ul.dropdown-menu li.sous_categorie2 a span {
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	color: #C9C9CC;
	margin-top: 12px;
	margin-bottom: 12px;
}

header .dropdown.active>.dropdown-menu {
	padding-top: 94px;
	position: absolute;
	z-index: -1;
	top: 0;
}
body.style_header_black header {
	position: relative;
}
body.style_header_black header .content_header {
	background: #030303;
}
.expertise_bannier {
/* 	height: calc(100vh - 90px); */
	height: 100vh;
	width: 100%;
	position: relative;
}
.expertise_bannier .content {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: #030303;
}
.expertise_bannier .content .wrapper_content {
	padding-top: 56px;
	padding-bottom: 56px;
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
.expertise_bannier .content .wrapper_content .title {
	width: 48%;
}
.expertise_bannier .content .wrapper_content .title p {
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
	color: rgba(250, 250, 255, 0.40);
	margin-bottom: 12px;
}
.expertise_bannier .content .wrapper_content .title p b{
	color: rgba(250, 250, 255, 0.70);
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
}
.expertise_bannier .content .wrapper_content .title h1{
	color: #FFF;
	font-size: 48px;
	font-style: normal;
	font-weight: 600;
	line-height: 54px;
}
.expertise_bannier .content .wrapper_content .description {
	width: 43%;
}
.expertise_bannier .content .wrapper_content .description p {
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	color: #ADACB0;
	margin-bottom: 33px;
}
.expertise_bannier .content .wrapper_content .description a {
	border-radius: 100px;
	background: rgba(255, 255, 255, 0.10);
	padding: 10px 16px 10px 20px;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
	color: #fff;
}
.expertise_about {
	background: #fff;
}
.expertise_about .content {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 100%;
}
.expertise_about .content .image {
	width: 50%;
	text-align: end;
}
.expertise_about .content .image img {
	width: 100%;
	height: 100%!important;
	object-fit: cover;
}
.expertise_about .content .info {
	width: 50%;
	border-left: 0.01em solid #E6E6E6;
}
.expertise_about .content .info h2 {
	font-size: 36px;
	font-style: normal;
	font-weight: 600;
	line-height: 42px;
	color: #0A090B;
	margin-bottom: 24px;
}
.expertise_about .content .info p {
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px;
	color: #7F7D83;
	width: 80%;
	margin-bottom: 196px;
}
.expertise_about .content .info p b {
	color: #0A090B;
	font-weight: 500;
}
.expertise_about .content .info .container {
	width: 644.5px;
	margin-left: 0;
	padding-top: 106px;
	padding-left: 106px;
	border-right: 0.01em solid #E6E6E6;
	height: 100%;
}
.expertise_service {
	background: #fff;
}
.expertise_service .content {
	padding-left: 64px;
	border-right: 1px solid #E6E6E6;
	border-left: 1px solid #E6E6E6;
}
.expertise_service .content .title {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 100%;
	
}
.expertise_service .content .title h2{
	width: 35%;
	font-size: 36px;
	font-style: normal;
	font-weight: 600;
	line-height: 40px;
	color: #0A090B;
	border-right: 1px solid #E6E6E6;
	padding-top: 64px;
	
}
.expertise_service .content .title .description {
	width: 48%;
	padding-top: 64px;
}
.expertise_service .content .title .description p {
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
	margin-bottom: 18px;
	color: #0A090B;
	width: 85%;
}
.expertise_service .content .title .description a {
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 22px;
	color: #0A090B;
}
.expertise_service .content .content_service {
	display: flex;
	flex-flow: wrap;
	width: 100%;
	padding-top: 66px;
	padding-bottom: 48px;
}
.expertise_service .content .content_service .item p {
	margin-bottom: 16px;
  	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 22px;
	color: #0A090B;
	border-radius: 70px;
	background: #FFC933;
	padding: 8px 16px;
	margin-right: 8px;
}
.industry.industry_type2 .content_industry .slider_industry .slick-slide.slick-current+.slick-active {
	border-left: 1px solid rgba(255, 255, 255, 0.10);
	border-image: none;
	margin-left: -2px;
}
.industry.industry_type2 .content_industry .slider_industry .slick-slide.slick-active+.slick-active+.slick-active {
	margin-right: -0.2px !important;
	border-left: 1px solid rgba(255, 255, 255, 0.10);
	border-image: none;
}
.industry.industry_type2 .content_industry .slider_industry .slick-slide {
	border-left: 1px solid rgba(255, 255, 255, 0.10);
}
.industry.industry_type2 .content_industry .title {
	border-right: 1px solid rgba(255, 255, 255, 0.10);
	border-left: none;
	padding-bottom: 18px;
}
.industry.industry_type2 .slick-slider .slick-track:before {
	content: "";
	position: relative;
	width: 100%;
	height: 0.01em;
	top: 24px;
	background: rgba(255, 255, 255, 0.10);
}
.industry.industry_type2 .content_industry .title:after {
	background: rgba(255, 255, 255, 0.10);
	right: 11.5%;
}
.industry.industry_type2 .content_industry .slider_industry .slick-custom-arrow-left,
.industry.industry_type2 .content_industry .slider_industry .slick-custom-arrow-right
{
	position: absolute;
	top: -60px;
}
.industry.industry_type2 .content_industry .slider_industry .slick-slide {
	padding-top: 61px;
}
.industry.industry_type2 .content_industry .title:after {
	content: "";
	position: absolute;
	top: 0;
	height: calc(100% + 24px);
	width: 1px;
}
.industry.industry_type2 .content_industry .slider_industry .link {
	padding: 12px 16px 34px;
}
.industry.industry_type2 .content_industry {
	padding-bottom: 32px;
}
.expertise_faq {
	background: #fff;
}
.expertise_faq .content {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 100%;
}
.expertise_faq .content .title {
	width: 48%;
	padding-top: 70px;
	border-left: 1px solid #E6E6E6;
	padding-left: 64px;
}
.expertise_faq .content .content_faq {
	width: 48%;
	padding-top: 64px;
	padding-bottom: 64px;
	border-right: 1px solid #E6E6E6;
	border-left: 1px solid #E6E6E6;
}
.expertise_faq .content .title h2 {
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
	color: #0A090B;
	border-radius: 44px;
	background: #FFC933;
	padding: 6px 16px;
	margin-bottom: 22px;
	width: max-content;
}
.expertise_faq .content .title p {
	font-size: 36px;
	font-style: normal;
	font-weight: 600;
	line-height: 40px;
}
.expertise_faq .content_faq.global_accordion .global_accordion .acc .acc-head h4{
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
	color: #0A090B;
}
.expertise_faq .content_faq.global_accordion .acc {
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 36px;
	padding-right: 12px;
}
.expertise_faq .content_faq.global_accordion .acc-head::before {
	content: "";
	background: url("./assets/images/icon_harmony/plus.svg");
	float: right;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	transition: all 0.4s;
}
.expertise_faq .content_faq.global_accordion .acc-head.active::before {
	content: "";
	background: url("./assets/images/icon_harmony/plus.svg");
	float: right;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	transform: rotate(45deg);
	transition: all 0.4s;
}
/* .expertise_faq .content_faq.global_accordion .acc:first-child .acc-content{
	display: none!important;
} */
.expertise_faq .content_faq.global_accordion .acc:last-child {
	border-bottom: none;
}
.expertise_help {
	background: #FFC933;
}
.expertise_help .content {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 100%;
	align-items: center;
	padding-left: 64px;
	padding-right: 64px;
	border-right: 1px solid rgba(0, 0, 0, 0.15);
	border-left: 1px solid rgba(0, 0, 0, 0.15);
}
.expertise_help .content h2 {
	font-size: 36px;
	font-style: normal;
	font-weight: 600;
	line-height: 40px;
	color: #0A090B;
	padding-top: 48px;
	padding-bottom: 48px;
	margin-bottom: 0;
}
.expertise_help .content p {
	color: rgba(0, 0, 0, 0.60);
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
	width: 36%;
	padding-top: 48px;
	padding-bottom: 48px;
	margin-bottom: 0;
}
.expertise_help .content .link {
	padding-left: 64px;
	padding-top: 75px;
	padding-bottom: 75px;
	height: 100%;
	border-left: 1px solid rgba(0, 0, 0, 0.15);
}
.expertise_help .content .link a {
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 28px;
	color: #fff;
	border-radius: 100px;
	background: #232223;
	padding: 14px 22px 14px 30px;
}
 .expertise_help .content .link a.style_link span.icon:after {
	top: 8px;
 }
#modalContact .modal-dialog {
	max-width: 90%;
	
}
#modalContact .modal-dialog .modal-content {
	background: rgba(3, 3, 3, 0.92);
	backdrop-filter: blur(50px);
}
#modalContact .modal-dialog .modal-content .content_contact {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 100%;
}
#modalContact .modal-dialog .modal-content .content_contact .form {
	width: 44%;
	padding: 10px 80px;
}
#modalContact .modal-dialog .modal-content .video {
	width: 55%;
	position: relative;
}
#modalContact .modal-dialog .modal-content .video video {
	width: 100%;
	border-radius: 6px;
	height: 100%;
	object-fit: cover;
	position: absolute;
	z-index: 2;
}
#modalContact .modal-dialog .modal-content .video .video-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(3, 3, 3, .7);
	z-index: 2;
}
#modalContact .modal-dialog .modal-content .video .title {
	z-index: 4;
	position: absolute;
	top: 0px;
	width: 100%;
	padding: 64px;
}
#modalContact .modal-dialog .modal-content .video .title h3 {
	color: rgba(255, 255, 255, 0.20);
	font-size: 90px;
	font-style: normal;
	font-weight: 600;
	line-height: 84px;
}
#modalContact .modal-dialog .modal-content .video video {
	width: 100%;
}
#modalContact .modal-dialog .modal-content .content_contact .form .blockclose button {
	font-size: 13px;
	font-style: normal;
	font-weight: 600;
	line-height: 19px;
	letter-spacing: -0.13px;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.10);
	float: initial;
	margin-bottom: 67px;
}
#modalContact .modal-dialog .modal-content .content_contact .form .content_form h2 {
	font-size: 13px;
	font-style: normal;
	font-weight: 600;
	line-height: 19px;
	letter-spacing: -0.13px;
	text-transform: uppercase;
	color: rgba(250, 250, 255, 0.40);
	margin-bottom: 24px;
}
#modalContact .modal-dialog .modal-content .content_contact .form .content_form h3 {
	color: #FFF;
	font-size: 28px;
	font-style: normal;
	font-weight: 600;
	line-height: 32px;
	letter-spacing: -0.84px;
	margin-bottom: 4px;
}
#modalContact .modal-dialog .modal-content .content_contact .form .content_form p.description_contact {
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	color: #ADACB0;
	margin-bottom: 24px;
}
#modalContact .modal-dialog .modal-content .content_contact .form .content_form .info p {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	margin-bottom: 24px;
}
#modalContact .modal-dialog .modal-content .content_contact .form .content_form .info p span {
	width: 48%;
}
#modalContact .modal-dialog .modal-content .content_contact .form .content_form input,
#modalContact .modal-dialog .modal-content .content_contact .form .content_form textarea
{
	border: none;
	padding: 0;
	color: #7F7D83;
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.30);
	border-radius: initial;
	background: transparent;
	/* margin-bottom: 15px; */
}
#modalContact .modal-dialog .modal-content .content_contact .form .content_form .wpcf7-checkbox .wpcf7-list-item {
	margin: 0;
}
#modalContact .modal-dialog .modal-content .content_contact .form .content_form input[type=checkbox] {
	-webkit-appearance: none;
	appearance: none;
	vertical-align: sub;
	background: transparent;
	font-size: 14px;
	display: inline-block;
	width: 12px;
	height: 12px;
	border: 1.2px solid rgba(255, 255, 255, 0.30);
	border-radius: 2px;
	margin-bottom: 2px;
	margin-right: 5px;
	position: relative;
	cursor: pointer;
}
#modalContact .modal-dialog .modal-content .content_contact .form .content_form input[type=checkbox]:before {
	transform: rotate(45deg) translate(calc(1.5px / -2), calc(1.5px / -2)) scaleX(0);
	transition: transform 200ms ease-in 200ms;
}
#modalContact .modal-dialog .modal-content .content_contact .form .content_form input[type=checkbox]:before {
	content: "";
	position: absolute;
	background: #ADACB0;
	width: calc(1.5px * 3);
	height: 1.5px;
	top: 50%;
	left: 10%;
	transform-origin: left center;
}
#modalContact .modal-dialog .modal-content .content_contact .form .content_form input[type=checkbox]:after {
	width: calc(1.5px * 5);
	transform: rotate(-45deg) translateY(calc(1.5px * 2)) scaleX(0);
	transform-origin: left center;
	transition: transform 200ms ease-in;
}
#modalContact .modal-dialog .modal-content .content_contact .form .content_form input[type=checkbox]:before,
#modalContact .modal-dialog .modal-content .content_contact .form .content_form input[type=checkbox]:after {
	content: "";
	position: absolute;
	background: #ADACB0;
	width: calc(1.5px * 3);
	height: 1.5px;
	top: 50%;
	left: 10%;
	transform-origin: left center;
}
#modalContact .modal-dialog .modal-content .content_contact .form .content_form .wpcf7-checkbox .wpcf7-list-item-label {
	font-size: 13px;
	font-weight: 500;
	color: #ADACB0;
}
#modalContact .modal-dialog .modal-content .content_contact .form .content_form input[type=checkbox]:checked:after {
	width: calc(1.5px* 5);
	transform: rotate(-45deg) translateY(calc(1.5px* 2)) scaleX(1);
	transition: transform 200ms ease-out 200ms;
}
#modalContact .modal-dialog .modal-content .content_contact .form .content_form input[type=checkbox]:checked:before {
	transform: rotate(45deg) translate(calc(1.5px / -2), calc(1.5px / -2)) scaleX(1);
	transition: transform 200ms ease-in;
}
#modalContact .modal-dialog .modal-content .content_contact .form button.style_link {
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
	color: #fff;
	border-radius: 6px;
	background: rgba(255, 255, 255, 0.10);
	padding: 12px 20px 12px 24px;
	width: 100%;
	margin-top: 32px;
	display: block;
	text-align: center;
	cursor: pointer;
	border: none;
}
#modalContact .modal-dialog .modal-body {
	padding: 32px;
}
#modalContact .wpcf7 form.invalid .wpcf7-response-output {
	color: #fff;
}
#modalContact .wpcf7 form.failed .wpcf7-response-output,
#modalContact .wpcf7 form.aborted .wpcf7-response-output {
	border-color: none;
	border: none;
	color: #fff;
}
.industrie_about {
	background: #fff;
}
.industrie_about .content {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 100%;
	padding-top: 64px;
	padding-bottom: 64px;
	padding-right: 32px;
	/* border-left: 1px solid #E6E6E6; */
	border-right: 1px solid #E6E6E6;
}
.industrie_about .content h2 {
	font-size: 36px;
	font-style: normal;
	font-weight: 600;
	line-height: 42px;
	width: 32%;
	color: #0A090B;
}
.industrie_about .content .description {
	width: 55%;
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
}
.industrie_about .content .description .item {
	width: 50%;
}
.industrie_about .content .description .item p {
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px;
	margin-bottom: 0;
	color: #7F7D83;
}
.industrie_about .content .description .item:first-child {
	padding-right: 36px;
	border-right: 1px solid #E6E6E6;
}
.industrie_about .content .description .item:last-child {
	padding-left: 36px;
}
.industry.industry_type2.industrie_service .title h2 {
	font-size: 36px;
	font-style: normal;
	font-weight: 600;
	line-height: 40px;
	color: #fff;
	background: transparent;
	margin-bottom: 0;
}
.industry.industry_type2.industrie_service .content_industry .slider_industry .slick-list {
	overflow: hidden;
}


.industry.industry_type2.industrie_service .content_industry .slider_industry a .image img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
/* 	opacity: 0.7;
	background: #000; */
}
.industry.industry_type2.industrie_service .content_industry .slider_industry a .image > img {
	opacity: 0.7;
	background: #000;
}
.industry.industry_type2.industrie_service .content_industry .slider_industry a:hover .image img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
/* 	opacity: 1; */
}
.industry.industry_type2.industrie_service .content_industry .slider_industry a:hover .image > img {
	opacity: 1;
}
.industry.industry_type2.industrie_service .content_industry .slider_industry .link {
	position: absolute;
	padding: 20px 24px;
	top: 0;
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 100%;
	align-items: start;
}
.industry.industry_type2.industrie_service .content_industry .slider_industry a .image .link img {
	width: auto;
}
.industry.industry_type2.industrie_service .content_industry .slider_industry .link a {
	color: rgba(255, 255, 255, 0.80);
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
}
.industry.industry_type2.industrie_service .content_industry .slider_industry .link h3 {
	color: rgba(255, 255, 255, 0.80);
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
	width: 90%;
}
.industry.industry_type2.industrie_service .slick-slider .slick-track:before {
	content: "";
	display: none;
}
.industry.industry_type2.industrie_service .content_industry .slider_industry .slick-slide {
	padding-top: 40px;
}
.industry.industry_type2.industrie_service .content_industry .title:after {
	content: "";
	height: calc(100% + 20px);
	width: 1px;
}
.industry.industry_type2.industrie_service .content_industry .slider_industry a .image {
	padding-bottom: 35px;
}
.industry.industry_type2.industrie_service  .top_border {
	position: relative;
}
.industry.industry_type2.industrie_service .top_border span{
	position: absolute;
	width: 100%;
	height: 0.01em;
	background: rgba(255, 255, 255, 0.10);
	top: 20px;
}
header .menu ul li.menu_group_expertise > ul li.group_menu > a > span.title_sous_menu {
	display: none;
}
header .menu ul li.menu_group_expertise>ul li.group_menu>a {
	margin-top: 32px;
}
header .menu ul li.menu_principal_service.menu_principal_parent ul.dropdown-menu li.sous_category a:hover {
	background: #ffffff14!important;
}
.header .content_menu_sidebar .top_header_sidebar .logo img {
	width: 100%;
}
.expertise_faq .global_accordion .acc-content {
	width: 90%;
}
header .menu ul li.menu_principal_parent.menu_principal_type2.menu_group_expertise ul.dropdown-menu li.sous_categorie ul.dropdown-menu li.sous_categorie2 a span
{
	font-size: 16px;
	color: #fff;
	margin-bottom: 16px;

}

body.front_page_home header .content_header{
	background:transparent;
}
header .content_header {
	background: #030303;
}
.for_item_value .valeur_type2 .content_valeur_type2 {
	padding-left: 0px;
}
.for_item_value .valeur_type2 .content_valeur_type2 .title {
	width: 100%;
	padding-left: 64px;
	padding-top: 64px;
	padding-bottom: 64px;
	border-right: none;
}
.for_item_value .valeur_type2 .content_valeur_type2 .wrapper_valeur_type2 {
	width: 100%;
	margin-top: 0;
}
.for_item_value .valeur_type2 .content_valeur_type2 .wrapper_valeur_type2 .item {
	width: 25%;
}
.for_item_value .valeur_type2 .content_valeur_type2 .title p {
	margin-bottom: 0px;
}
header {
	position: fixed!important;
}
header.hide {
	transform: translateY(-100%);
}
header.changebgMenu {
	background: #030303;
}
/* header .menu ul li:hover a span {
	color: #fff;
} */
.technology .content_technology .slick-custom-arrow-left {
	position: absolute;
	bottom: 136px;
	left: 30px;
	z-index: 2;
	cursor: pointer;
	background-color: transparent;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .4s;
}

.technology .content_technology .slick-custom-arrow-right {
	position: absolute;
	bottom: 136px;
	left: 66px;
	z-index: 2;
	cursor: pointer;
	background-color: transparent;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .4s;
}
.header ul>li.menu_principal_parent.active ul {
	opacity: 1;
}
.header ul>li.menu_principal_parent ul.hide {
	opacity: 0;
}
header .menu nav ul.navbar-nav > li:hover > a span {
	color: #fff;
}
.header ul>li.menu_principal_parent.active >a span{
	color: #fff!important;
}
header .menu ul li > ul.dropdown-menu > li:first-child {
	height: 327px!important;
	display: inline;
}
header .menu_principal_sidebar .dropdown-menu.active,
header .menu_principal_sidebar .menu_group_expertise .dropdown-menu.active ul.dropdown-menu
{
	display: contents!important;
}
header .menu ul li.menu_principal_parent.active a.dropdown-toggle::after {
	transform: rotate(180deg);
}
/* Pagination */
.pagination_post {
	width: 100%;
	margin-top: 40px;
	margin-bottom: 40px;
}

.pagination_post .pagination {
	display: inline-block;
	margin: 0;
	padding: 0;
	font-size: 14px;
	width: 100%;
	text-align: center;
	border-radius: 4px;
}

.pagination_post .pagination li {
	display: inline-block;

	margin: 0px 5px;
}

.pagination_post .pagination li a {
	color: #030303;
	border: 1px solid #030303;
	padding: 10px 15px;
	margin: 0;
}

.pagination_post .pagination li a img {
	width: 20%;
}

.pagination_post .pagination li.next a img {
	transform: rotate(180deg);
}

.pagination_post .pagination li.next a,
.pagination_post .pagination li.prev a {
	background-color: #030303;
	border-color: #030303;
	border: 1px solid #030303;
	color: #fff;
}

.pagination_post .pagination li a:hover,
.pagination_post .pagination li.active a {
	color: #fff;
	border-radius: 0;
	background-color: #030303;
	border-color: #030303;
	border: 1px solid #030303;
}

/* End Pagination */
header .menu_sidebar .content_menu_sidebar {
	display: flex;
	flex-flow: column;
	justify-content: space-between;
}
header .menu_sidebar .langue_sidebar{
	padding: 10px 26px;
}
header .menu_sidebar .langue_sidebar .lang a {
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
	color: #fff;
	padding-right: 15px;
	text-transform: uppercase;
}
header .menu_sidebar .langue_sidebar .lang a.current_lang {
	color: #FFC933;
}
/* preloader */
#preloader .content_preloader {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
/* old css preloader */
#preloader #status {
	bottom: 0;
	height: 100%;
}
#preloader #status .progress-number {
	color: rgba(250, 250, 255, 1);
	font-size: 18px;
	font-weight: 500;
}
#preloader.active {
	visibility: hidden;
	-webkit-animation: slide-out-top 1s;
	animation: slide-out-top 1s;
	transition: all 1s;
}
/* end old css preloader */
#preloader .content_barprogres {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	align-items: center;
	margin-top: 16px;
}
#preloader .content_barprogres .text span {
	color: rgba(250, 250, 255, 1);
	font-size: 18px;
	font-weight: 500;
}
#preloader #status .progress-number {
	margin-bottom: 0px;
}
/* end preloader */
/* change footer map */
footer .menu_footer .content_menu_footer .content_map {
	position: relative;
}
footer .menu_footer .content_menu_footer .content_map img.map{
	width: 100%;
}
footer .menu_footer .content_menu_footer .content_map .list_pays {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
footer .menu_footer .content_menu_footer .content_map .list_pays .pays a {
	width: 12px;
	height: 12px;
	position: relative;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	background-color: #dbe8e8;
	display: block;
}
footer .menu_footer .content_menu_footer .content_map .list_pays .pays a:before {
	content: "";
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: #dbe8e8;
	border-radius: 50%;
	animation: pxl_pulse_border 1e3ms ease-out infinite;
	-webkit-animation: pxl_pulse_border 1e3ms ease-out infinite;
	z-index: -2;
	border-radius: inherit;
}
footer .menu_footer .content_menu_footer .content_map .list_pays .pays a span {
	position: absolute;
	background-color: #dbe8e8;
	color: #1b1b1b;
	white-space: nowrap;
	padding: 0 8px;
	font-size: 13px;
	top: auto;
	bottom: 100%;
	left: 50%;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 220ms linear 0ms;
	-khtml-transition: all 220ms linear 0ms;
	-moz-transition: all 220ms linear 0ms;
	-ms-transition: all 220ms linear 0ms;
	-o-transition: all 220ms linear 0ms;
	transition: all 220ms linear 0ms;
	line-height: 25px;
	transform: translate(-50%, 0);
	font-weight: 500;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 25px;
}
footer .menu_footer .content_menu_footer .content_map .list_pays .pays a span:after {
	content: '';
	border-style: solid;
	border-color: transparent transparent transparent #dbe8e8;
	border-width: 6px;
	position: absolute;
	bottom: -12px;
	left: 50%;
	transform: translateX(-50%) rotate(90deg);
}
footer .menu_footer .content_menu_footer .content_map .list_pays .pays a:hover span {
	opacity: 1;
	visibility: visible;
	margin-bottom: 17px;
}
footer .menu_footer .content_menu_footer .content_map .list_pays .pays.maroc {
	position: absolute;
	top: 42%;
	transform: translate(0, -50%);
	left: 45%;
}
footer .bottom_footer .content_bottom_footer {
	width: 90%;
}
footer .menu_footer .content_menu_footer h3 {
	border-bottom: none;
	position: relative;
}
footer .menu_footer .content_menu_footer h3:after{
	content: "";
	background: #344054;
	width: 160px;
	bottom: 0;
	left: 0;
	height: 0.01em;
	position: absolute;
}
footer .content_menu_footer:nth-child(3) {
	width: 34%;
}
@keyframes pxl_pulse_border {
	0% {
		transform: scale(1);
		opacity: .67
	}

	100% {
		transform: scale(2.2);
		opacity: 0
	}
}

@-webkit-keyframes pxl_pulse_border {
	0% {
		transform: scale(1);
		opacity: .67
	}

	100% {
		transform: scale(2.2);
		opacity: 0
	}
}
/* End footer Map */
/* end Edit 23-5-2024 */