/* Prototype page A propos 2027. */
.sr-only {
	position:absolute !important;
	width:1px !important;
	height:1px !important;
	padding:0 !important;
	margin:-1px !important;
	overflow:hidden !important;
	clip:rect(0, 0, 0, 0) !important;
	white-space:nowrap !important;
	border:0 !important;
}

.about-2027-page {
	background:#202020;
	color:#fff;
}

.about-2027-page .page-scroll-nav,
.about-2027-page .hero-section-dec,
.about-2027-page .fixed-column-wrap:before,
.about-2027-page .fixed-column-wrap_title,
.about-2027-page .fixed-column-dec,
.about-2027-page .fixed-column-linedec,
.about-2027-page .scroll-notifer,
.about-2027-page .section-counter,
.about-2027-page .progress-bar-wrap,
.about-2027-page .col-wc_dec {
	display:none !important;
}

.about-2027-page .fixed-column-wrap {
	position:fixed !important;
	top:0 !important;
	right:0 !important;
	width:36% !important;
	height:100vh !important;
	float:none !important;
	background:#151515 !important;
	z-index:1 !important;
}

.about-2027-page .fixed-column-wrap-content {
	position:absolute !important;
	inset:0 !important;
	width:100% !important;
	height:100% !important;
	padding:0 !important;
	float:none !important;
	overflow:hidden !important;
}

.about-2027-page .fixed-column-wrap .slideshow-container,
.about-2027-page .fixed-column-wrap .slideshow-container_wrap,
.about-2027-page .fixed-column-wrap .swiper-container,
.about-2027-page .fixed-column-wrap .swiper-wrapper,
.about-2027-page .fixed-column-wrap .swiper-slide,
.about-2027-page .fixed-column-wrap .ms-item_fs {
	height:100% !important;
}

.about-2027-page .fixed-column-wrap .bg {
	inset:0 !important;
	filter:grayscale(1) contrast(1.08);
	transform:scale(1.01);
}

.about-2027-page .fixed-column-wrap .overlay {
	background:linear-gradient(180deg, rgba(0,0,0,0.22), rgba(0,0,0,0.56));
	opacity:1;
}

.about-2027-page .fcwc-wrap {
	right:34px;
	bottom:34px;
	z-index:6;
}

.about-2027-page .column-wrap {
	width:64% !important;
	min-height:100vh !important;
	background:#202020 !important;
	z-index:3 !important;
}

.about-2027-page .column-wrap-container {
	padding:0 !important;
}

.about-2027-page section {
	box-sizing:border-box;
}

.about-2027-container {
	width:100%;
	padding-left:clamp(30px, 5.5vw, 84px);
	padding-right:clamp(30px, 5.5vw, 84px);
	box-sizing:border-box;
}

.about-2027-intro {
	background:#202020;
	padding:0 !important;
}

.about-2027-title {
	padding:108px 0 30px;
	border-bottom:1px solid rgba(255,255,255,0.09);
	text-align:center;
}

.about-2027-title span,
.about-2027-awards__content span {
	display:block;
	margin:0 0 12px;
	color:#00abe9;
	font-size:12px;
	font-weight:800;
	letter-spacing:3px;
	text-transform:uppercase;
}

.about-2027-title h1 {
	margin:0;
	color:#fff;
	font-family:Georgia, serif;
	font-size:clamp(34px, 4vw, 50px);
	font-weight:400;
	line-height:1.08;
	text-transform:none;
}

.about-2027-lead {
	max-width:760px;
	padding:34px 0 58px;
}

.about-2027-lead p {
	margin:0 0 18px;
	color:rgba(255,255,255,0.72);
	font-size:16px;
	line-height:1.7;
	text-align:left;
}

.about-2027-lead p:first-child {
	color:rgba(255,255,255,0.86);
	font-weight:600;
}

.about-2027-awards {
	display:grid !important;
	grid-template-columns:66.667% 33.333%;
	align-items:stretch;
	background:#f7f7f7;
	color:#202020;
	padding:0 !important;
}

.about-2027-awards__content {
	display:flex;
	flex-direction:column;
	justify-content:center;
	padding:44px clamp(30px, 5.5vw, 84px);
	box-sizing:border-box;
}

.about-2027-awards__content h3,
.about-2027-section-heading h3 {
	margin:0 0 20px;
	color:#151515;
	font-family:Georgia, serif;
	font-size:34px;
	font-weight:400;
	line-height:1.12;
}

.about-2027-awards__content p {
	margin:0 0 16px;
	color:#494949;
	font-size:15px;
	font-weight:600;
	line-height:1.65;
	text-align:left;
}

.about-2027-awards__image {
	min-height:360px;
	overflow:hidden;
}

.about-2027-awards__image img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}

.about-2027-services {
	background:#181818;
	padding:46px 0 66px !important;
}

.about-2027-section-heading {
	margin:0 0 28px;
}

.about-2027-services .about-2027-section-heading h3 {
	color:#fff;
	font-family:'Mukta Vaani', sans-serif;
	font-size:28px;
	font-weight:800;
	line-height:1.2;
	margin-bottom:10px;
}

.about-2027-section-heading p {
	max-width:680px;
	margin:0;
	color:rgba(255,255,255,0.68);
	font-size:15px;
	line-height:1.6;
	text-align:left;
}

.about-2027-service-grid {
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:18px;
}

.about-2027-service-card {
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	min-height:218px;
	padding:20px 22px;
	overflow:hidden;
	background:#313131;
	color:#fff;
	text-decoration:none;
	border:1px solid rgba(255,255,255,0.07);
	transition:background 300ms ease, border-color 300ms ease, transform 300ms ease, box-shadow 300ms ease;
}

.about-2027-service-card:before {
	content:'';
	position:absolute;
	inset:0;
	z-index:2;
	background:linear-gradient(180deg, rgba(31,31,31,0.24), rgba(31,31,31,0.94));
	transition:background 320ms ease;
}

.about-2027-service-card:after {
	content:'En savoir +';
	position:absolute;
	left:24px;
	bottom:24px;
	z-index:4;
	padding:9px 14px 8px;
	background:#00abe9;
	color:#111;
	font-family:'Mukta Vaani', sans-serif;
	font-size:11px;
	font-weight:800;
	line-height:1;
	text-transform:uppercase;
	letter-spacing:0;
	opacity:0;
	transform:translateY(10px);
	transition:opacity 260ms ease, transform 260ms ease;
}

.about-2027-service-card img {
	position:absolute;
	inset:0;
	z-index:1;
	width:100%;
	height:100%;
	object-fit:cover;
	opacity:0.42;
	filter:grayscale(1);
	transform:scale(1);
	transition:transform 520ms ease, opacity 360ms ease, filter 420ms ease;
}

.about-2027-service-card h4,
.about-2027-service-card p {
	position:relative;
	z-index:3;
}

.about-2027-service-card span {
	display:none;
}

.about-2027-service-card h4 {
	margin:0 0 10px;
	color:#fff;
	font-family:'Mukta Vaani', sans-serif;
	font-size:18px;
	font-weight:800;
	line-height:1.35;
}

.about-2027-service-card p {
	margin:0 0 28px;
	color:rgba(255,255,255,0.82);
	font-size:13px;
	line-height:1.55;
	text-align:left;
}

.about-2027-service-card:hover,
.about-2027-service-card:focus {
	background:#141414;
	border-color:rgba(0,171,233,0.58);
	box-shadow:0 30px 62px rgba(0,0,0,0.38), inset 0 0 0 1px rgba(0,171,233,0.2);
	transform:translateY(-6px);
	color:#fff;
}

.about-2027-service-card:hover:before,
.about-2027-service-card:focus:before {
	background:linear-gradient(180deg, rgba(0,171,233,0.16), rgba(18,18,18,0.92));
}

.about-2027-service-card:hover:after,
.about-2027-service-card:focus:after {
	opacity:1;
	transform:translateY(0);
}

.about-2027-service-card:hover img,
.about-2027-service-card:focus img {
	opacity:0.78;
	filter:grayscale(0);
	transform:scale(1.075);
}

.about-2027-skills {
	background:#f7f7f7;
	padding:46px 0 58px !important;
	color:#202020;
}

.about-2027-skills .about-2027-section-heading h3 {
	color:#151515;
	margin-bottom:8px;
}

.about-2027-skills .about-2027-section-heading h3 span {
	display:block;
	margin-top:8px;
	color:#555;
	font-family:'Mukta Vaani', sans-serif;
	font-size:18px;
	font-weight:700;
	line-height:1.35;
}

.about-2027-skill-layout {
	display:grid;
	grid-template-columns:minmax(0, 2fr) minmax(190px, 0.8fr);
	gap:34px;
	align-items:start;
}

.about-2027-skills .skillbar-box {
	margin-top:4px;
}

.about-2027-skills .custom-skillbar {
	background:#00abe9 !important;
}

.about-2027-skills .chart {
	background:#fff !important;
}

.about-2027-skills .percent,
.about-2027-skills .piechart-holder h4,
.about-2027-skills .custom-skillbar-title span {
	color:#333 !important;
}

.about-2027-skills .piechart-holder {
	float:none;
	width:100%;
	margin:0;
	padding:0;
	display:grid;
	grid-template-columns:1fr;
	gap:18px;
}

.about-2027-skills .piechart {
	width:100%;
	margin:0;
}

@media only screen and (max-width: 1180px) {
	.about-2027-page .fixed-column-wrap {
		width:34% !important;
	}

	.about-2027-page .column-wrap {
		width:66% !important;
	}

	.about-2027-service-grid {
		grid-template-columns:1fr;
	}
}

@media only screen and (max-width: 900px) {
	.about-2027-page .fixed-column-wrap {
		position:relative !important;
		width:100% !important;
		height:320px !important;
	}

	.about-2027-page .fixed-column-wrap-content {
		position:absolute !important;
	}

	.about-2027-page .column-wrap {
		width:100% !important;
		min-height:0 !important;
	}

	.about-2027-title {
		padding:44px 0 28px;
	}

	.about-2027-lead {
		padding:30px 0 44px;
	}

	.about-2027-awards {
		grid-template-columns:1fr;
	}

	.about-2027-awards__content {
		padding:38px 32px;
	}

	.about-2027-awards__image {
		min-height:280px;
	}

	.about-2027-skill-layout {
		grid-template-columns:1fr;
	}
}

@media only screen and (max-width: 564px) {
	.about-2027-container {
		padding-left:22px;
		padding-right:22px;
	}

	.about-2027-page .fixed-column-wrap {
		height:260px !important;
	}

	.about-2027-title h1 {
		font-size:34px;
	}

	.about-2027-awards__content {
		padding:32px 22px;
	}

	.about-2027-awards__content h3,
	.about-2027-section-heading h3 {
		font-size:28px;
	}

	.about-2027-services,
	.about-2027-skills {
		padding-top:34px !important;
		padding-bottom:42px !important;
	}
}