/*
Theme Name:   Twenty Twenty Child
Description:  Theme for DFC-Studio
Author:       Val G, Geo T
Template:     twentytwenty
Version:      1.0.0
*/


/* ----- BASES ----- */

/* */
body {
	background-color: #0D0B35;
	/* background-color: #FFFFFF; */
	box-sizing: border-box;
	color: #FFFFFF;
	font-family: "GilroyRegular", sans-serif;
	font-size: 10px;
	font-weight: 400 !important;
	letter-spacing: -0.015em;
	overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
img,
ul,
li {
	border: none;
	margin: 0;
	padding: 0;
	text-align: inherit;
}
/* scroll bar */
* {
	scrollbar-width: thin;
	scrollbar-color: #F9D128 ivory;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
	width: 0.75rem;
}

*::-webkit-scrollbar-track {
	background: ivory;
}

*::-webkit-scrollbar-thumb {
	background-color: #F9D128;
	border-radius: 20px;
}

/* scroll bar */

header{
	margin-top: 1.5rem;
}

::selection,
::-moz-selection {
	background-color: #EDDEFD;
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

/* ----- FIN ----- */

/* ----- ELEMENTS ----- */

h1 {
	font-family: "GilroyBold", sans-serif;
	font-size: 3.5rem;
	font-weight: 400;
	line-height: 5rem;
	color: #FFFFFF;
}

h2 {
	font-family: "GilroyBold", sans-serif;
	font-size: 3rem;
	font-weight: 400;
	line-height: 4rem;
	color: #FFFFFF;
}

h3 {
	font-family: "GilroyBold", sans-serif;
	font-size: 3rem;
	font-weight: 400;
	line-height: 4rem;
	color: #FFFFFF;
}

h4 {
	font-family: "GilroyRegular", sans-serif;
	font-size: 2rem;
	font-weight: 400;
	line-height: 3rem;
	color: #FFFFFF;
}

h5 {
	font-family: "GilroyBold", sans-serif;
	font-size: 3rem;
	font-weight: 400;
}

h6 {
	font-weight: 400;
}

a {
	font-family: "GilroyRegular", sans-serif;
	font-size: 2rem;
	font-weight: 400;
	line-height: 3rem;
	/* text-decoration: none; */
}

p{
	font-family: "GilroyRegular", sans-serif;
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 3rem;
	color: #FFFFFF;
}

ul li {
	font-family: "GilroyRegular", sans-serif;
	font-size: 2.5rem;
	font-weight: 400;
	line-height: 4.5rem;
	color: #0D0B35;
}

.dfcpink {
	color:#EB1C7C;
}


/* ----- FIN ----- */


/* ----- FONTS ----- */
@font-face {
	font-family: "GilroyBold";
	src: url(./assets/fonts/roboto/Gilroy-Bold.ttf);  
	font-display: swap;
}

@font-face {
	font-family: "GilroyRegular";
	src: url(./assets/fonts/roboto/Gilroy-Regular.ttf);  
	font-display: swap;
}

@font-face {
	font-family: "GilroyLight";
	src: url(./assets/fonts/roboto/Gilroy-Medium.ttf);  
	font-display: swap;
}

@font-face {
	font-family: "GilroyBlack";
	src: url(./assets/fonts/roboto/Gilroy-Black.ttf);  
	font-display: swap;
}

/* ----- FIN ----- */

/* List display */
.dfc-team,
.dfc-family,
.dfc-choose-wrap,
.dfc-home-knlw-wrap{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}

.dfc-choose-elt,
.dfc-team-post-content,
.dfc-navigation,
.career-list,
.dfc-office-beijing,
.dfc-office-lyon,
.step-wrap,
.partner-wrap,
.dfccase-tag,
.case-wrapper,
.naviguer,
.dfccase-retour{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}
/* End List display */


/* Colors */
.office-wrap,
.dfc-home-knlw, 
.knowledge-list,
.dfc-team,
.dfc-family,
.dfc-team-post,
.service-wrap,
.partner,
.career-wrapper,
.dfc-office,
.blog-text-wrap{
	background-color: #fff;
}

.contact-form, 
.knlw-form-wrap,
.knowledge-text-wrap  {
	background-color: #F8FAFF;
}

.knlw-title-wrapper,
.knlw-content-wrap,
.menu-modal-inner,
#site-footer,
#dfc-footer-menu,
#primary  {
	background-color: #0D0B35;
}

.dfc-choose-us {
	background-color: #FFFFFF; 
}

.knlw-form-title,
.dfc-team-post-title h2,
.dfc-team-post-name h3,
.career-available {
	color: #0D0B35;
}

.dfc-team-text h2,
.service-widget h2,
.dfc-service-text p,
.footer-nav-widgets-wrapper div > h2,
.textwidget li,
h3.dfc-office-title,
.dfc-team-text p,
.dfccontact-title  {
	color: #05022B;
}

.to-the-content-wrapper a,
.footer-copyright a,
.powered-by-wordpress a {
	color: #ffffff;
}

.powered-by-wordpress a:hover {
	color: #F9D128;
	text-decoration: none !important;
}

.next-step h3,
.next-step h4,
.partner-title{
	color: #A65DF5;
}

.dfccase-center > a{
	color: #0D0B35;
}

/* end colors */

/*   navbar */
#site-header{
	position: sticky;
	top: 0;
	z-index: 25;
	background-color: #0D0B35;
}

.header-inner {
	max-width: unset;
	padding: 1.5rem 0;
}

.header-titles-wrapper{
	justify-content: start;
	padding-left: 1.5rem;
	text-align: left;
}

img.custom-logo{
	height: 4.7rem !important;
}
/* end navbar */

/* front page & hero*/
.front-page,
.front-singular {
	height: auto;
	background-color: #0D0B35;
	display: flex;
	/* align-items: center; */
	min-height: calc(100vh - 77px);
}

.front-singular {
	text-align: center;
	align-items: center;
	min-height: calc(60vh - 77px);
}

.dfc-home-presentation{
	display: flex;
	flex-direction: column;
}

.dfc-home-presentation > div:first-of-type {
	padding-bottom: 5vw;
}

.dfc-singular-presentation{
	margin-bottom: 77px;
}

.dfc-home-presentation h2 {
	font-family: "GilroyLight", sans-serif;
	font-size: 2rem;
	font-weight: 400;
	line-height: 3rem;
	padding-bottom: 3rem;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.dfc-home-presentation img {
	width: auto;
}

.front-page h1 {
	padding-top: 3rem;
	padding-bottom: 3rem;
}

.front-singular .sous-titre {
	padding-top: 3rem;
	color:#F9D128;
}

.to-the-content-wrapper {
	position: absolute;
	left: 0;
	right: 0;
	top: calc(100vh - 7.5rem);
}

.dfc-singular-presentation h2{
	font-family: "GilroyRegular", sans-serif;
	font-size: 2rem;
	line-height: 3rem;
}

/* end front page & hero*/

/* page home*/
.dfc-home-about{
	background-image: url('https://dfc-studio.com/wp-content/uploads/2021/10/banner-abous-us.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 13rem 0;
	text-align: center;
}

.dfc-home-about-wrap {
	display: flex;
	justify-content: center;
	flex-direction: row;
	padding-bottom: 5rem ;
}

.dfc-home-about h2 {
	width: 24rem;
	font-size: 4rem;
	line-height: 5rem;
}

.dfc-home-about a {
	background: #DBE5EE !important;
	border-radius: 3px;
	color: #A65DF5;
	cursor: pointer;
	display: inline-block;
	line-height: 5rem;
	padding: 1rem 4rem;
	position: relative;
	pointer-events: auto;
	text-decoration: none;
	font-family: "GilroyBold", sans-serif;
}

.dfc-home-knlw{
	padding-top: 8rem;
}

.dfc-home-knlw-title h3 {
	color:#0D0B35;
	padding-bottom: 5rem;
}


/* widget footer */
.footer-top-visible .footer-nav-widgets-wrapper,
.footer-nav-widgets-wrapper div > h2 {
	margin-top: 0;
}

div.footer-nav-widgets-wrapper.header-footer-group > div {
	margin-left: 6px;
	margin-right: 10px;
	padding: 7.5rem 0 7.5rem 3rem;
}

.service-widget p {
	color: #0D0B35;
	font-size: 1.8rem;
}

.service-last {
	margin-bottom: 4em;
}

.textwidget li {
	list-style-type: disc;
	font-size: 2.5rem;
	list-style-position: outside;
	margin: 0 0 0 -1rem;
	line-height: 1.3;
}

aside.footer-widgets-outer-wrapper {
	border-bottom: 0;
	padding: 0;
}

.item-image-wrapper {
	justify-content: start;
	margin-top: 8rem;
}

.item-service-wrapper:first-of-type .item-image-wrapper{
	margin-top: 0;
}

.widget-image{
	height: 8rem;
	margin-right: 5rem;
	padding-bottom: 3rem;
}

.widgettitle,
.widget .widget-title{
	color: #EB1C7C;
	margin: 0 0 2rem 0;
	font-family: "GilroyBlack", sans-serif !important;
}

.textwidget ul {
	margin-left: 3.5rem;
}

.wp-block-columns{
	margin: 0 !important;
}

.playground-list{
	background-color: #EDF2F6;
	padding: 8rem 0;
}

.playground-title{
	color: #0D0B35;
	font-family: "GilroyBold", sans-serif;
	font-size: 2.5rem;
}


.playground-elt img{
	border-radius: 10px;
}

.playground-text{
	display: flex;
	justify-content: center;
	margin-top: 1.3rem;
	font-family: "GilroyBold", sans-serif;
	font-size: 1.3rem;
	line-height: 2.1rem;
	white-space: nowrap;
	color: #0D0B35;
}

.playground-wrap {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.playground-elt{
	width: calc(((100vw - 6rem) - (100vw - 100%)) / 3);
	padding: 0;
	margin-top: 5rem;
}

.playground-elt:nth-child(3n + 1),
.playground-elt:nth-child(3n + 2){
	margin-right: 1.5rem;
}

.playground-elt:nth-child(3n + 2),
.playground-elt:nth-child(3n + 3) {
	margin-left: 1.5rem;
}

/* end widget footer */

.dfcyellow {
	color: #F9D128;
}

.partner-carousel {
	background: #DBE5EE;
}

.partner-carousel-title {
	font-family: "GilroyRegular", sans-serif;
	font-size: 3rem;
	line-height: 4rem;
	color: #05022B;
	text-align: center;
	padding-top: 5rem;
}

.home-service {
	background: #FFFFFF;
	padding: 6rem 8.33vw 5rem 8.33vw;
}

.home-service a {
	text-decoration: none;
}

.home-service-title p {
	font-family: "GilroyRegular", sans-serif;
	font-size: 3rem;
	line-height: 4rem;
	color: #0D074C;
	text-align: center;
}

.home-service-title p strong {
	font-family: "GilroyBold", sans-serif;
	font-weight: 400;
}

.home-service-wrap {
	padding-top: 4rem;
}

.home-service-text-wrap {
	padding: 4rem 0;
}

.home-service-wrap-elt {
	border: #0D0B35 1px solid;
	border-radius: 4rem;
	background: #F8FAFF;
	margin-top: 3rem;
}

.home-service-wrap-elt:first-of-type {
	margin-top: 0;
}

.home-service-elt-title,
.home-playground h2 {
	font-family: "GilroyBold", sans-serif;
	font-size: 3rem;
	line-height: 3.5rem;
	color: #05022B;
	text-align: left;
	padding-bottom: 1rem;
}

.home-service-elt-content,
.home-playground p {
	font-family: "GilroyLight", sans-serif;
	font-size: 1.8rem;
	line-height: 2.5rem;
	color: #05022B;
	text-align: left;
	padding-bottom: 3rem;
}

.home-playground {
	background: #F8FAFF;
	padding: 5rem 8.33vw 5rem 8.33vw;
}

.home-playground h2 {
	padding-bottom: 3rem;
}

.home-playground+.wrap-hubspot-knowledge{
	padding-left: 0;
	padding-right: 0;
}

.dfc-home-blog {
	background: #FFFFFF;
	padding-top: 5rem;
}

.dfc-carousel {
	background: #FFFFFF;
}

.dfc-home-blog h3,
.dfc-carousel h3 {
	font-family: "GilroyBold", sans-serif;
	font-size: 3rem;
	line-height: 3.5rem;
	color: #05022B;
	padding-bottom: 4rem;
	text-align: center;
}

.dfc-home-blog h2.knowledge-title{
	text-align: left
}

.home-button-wrap{
	padding: 4rem 0;
}
/* end page home*/


/* page services */
.dfc-service-text h3 {
	color: #05022B;
	padding-bottom: 3rem;
}

.partner{
	padding: 7rem 0;
}

.dfc-choose-us {
	padding: 7.5rem 0 5px;
}

.partner-title {
	text-align: center;
	margin-bottom: 4rem;
}

.partner-bottom{
	text-align: center;
	margin-top: 4rem;
	color: #05022B;
}

.img-partner{
	width: calc(((100vw - 3rem) - (100vw - 100%)) / 2);
	margin-bottom: 3rem;
}

div.img-partner:nth-child(2n+1) {
	margin-right: 3rem;
}
/* end page services */

/* page about */
.dfc-team-text {
	padding: 7.5rem 0;
}

.dfc-team-text p {
	padding-top: 3rem;
}

.dfc-team-text p:last-of-type {
	padding-bottom: 0 !important;
}

.dfc-team-img img{
	width: 100%
}

.dfc-choose-us h2 {
	padding-bottom: 6rem;
	letter-spacing: 0.05rem;
	text-align: center;
	color: #0D0B35;
}

.dfc-team-post-title h2 {
	letter-spacing: -0.015em;
	padding-bottom: 6rem;
	text-align: center;
}

.dfc-team-post-name h3{
	font-size: 2.5rem;
	font-weight: normal;
	letter-spacing: -0.015em;
	padding-top: 1.2rem;
}

.dfc-team-post-position p{
	font-size: 2rem;
	color:#596AEA;
}

.dfc-team-post-elt{
	padding-bottom: 4rem;
}

.dfc-team-post-elt:last-of-type{
	padding-bottom: 0;
}

.dfc-choose-icon >img{
	width: 8.33vw;
	min-width: 5.5rem;
}

.dfc-team-post {
	padding-top: 7.5rem;
	padding-bottom: 5rem;
}

/* end page about */

/* page knowledge*/
.knowledge-img img {
	width: 100%;
}

.blog-text-wrap p,
.knowledge-text-wrap p {
	font-family: "GilroyBold", sans-serif;
	line-height: 3.5rem;
	color:#596AEA;
}

.blog-text-wrap h2,
.knowledge-text-wrap h2 {
	color:#0D0B35;
	padding: 2rem 0;
	font-size: 2.5rem;
	line-height: 3.5rem;
}

.blog-text-wrap a,
.knowledge-text-wrap a {
	color:#0D0B35;
	text-decoration: none;
	line-height: 5rem;
	letter-spacing: 1px;
}

.knowledge-text-wrap a::before {
	content: url('data:image/svg+xml;charset=UTF-8, <svg width="2.5em" height="1.5em" viewBox="0 -1 16 14" class="bi bi-arrow-right" fill="%23F9D128" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"/></svg>');
	margin-right: 1.5rem;
}

.knowledge-link:hover{
	color: #F9D128;
}

/* knowledge single */
.knlw-title-wrap {
	padding-bottom: 4.5rem;
}
.knlw-title {
	padding-bottom: 1.5rem;
}

.single-dfcstudio-blog .knlw-title{
	font-family: "GilroyBold", sans-serif;
	font-size: 3rem;
	line-height: 4rem;
}


.knlw-content,
.knlw-form-wrap,
.footer-menu img,
.dfc-service-text,
.dfccase-retour-wrapper,
.dfccase-wrapper,
.knowledge-text-wrap,
.career-available,
.dfccontact-title {
	padding: 5rem 0;
}

.dfccase-presentation{
	padding: 0;
}

.knlw-form-title{
	padding-bottom: 3.5rem;
	text-align: center;
}

.knowledge-list{
	padding: 5rem 0;
}

button[data-bs-toggle="pill"] span{
	pointer-events: none;
}

.knowledge-button {
	margin-top: 4rem;
}

.knowledge-button .nav-item{
	padding: 0 1rem;
	display: flex;
}

.blog-wrap,
.blog-content-wrap,
.blog-author-wrap{
	background-color: #FFF;
}

.blog-content-wrap p{
	color: #0D0B35;
}

.blog-last-posts{
	background-color: #fff;
	padding: 0 0 5rem 0;
}

.read-also{
	display: flex;
	justify-content: center;
	color: #0D0B35;
	padding: 0 0 5rem 0;
	line-height:3.5rem;
}
}

.blog-author-wrap-col{
	padding-top: 5rem;
}

.blog-author-col{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding-top: 2rem;
}

.blog-author-col-text{
	display: flex;
	flex-direction: column;
	margin-left: 1.5rem;
}

.blog-author-col-text div{
	display: flex;
	align-items: center;
	font-size: 1.6rem;
	font-family: "GilroyRegular", sans-serif;
	color: #0D0B35;
	line-height: 3rem;
}

.author-name{
	font-size: 1.8rem !important;
	font-family: "GilroyBold", sans-serif !important;
	font-weight: 700 !important;
}

.blog-author-col-text span {
	margin-right: 1.5rem;
}

.blog-author{
	display: flex;
	flex-direction: column;
}

.blog-author div{
	display: flex;
	justify-content: center;
}

.author-img{
	border-radius: 50%;
	border: 1px solid #586AEA;
	width: 12.8rem;
	height: 12.8rem;
}

.blog-content-wrap img,
.blog-content {
	padding-top: 5rem;
}

.blog-subtitle{
	padding-top: 5rem;
	color: #A65DF5 !important;
	font-size: 2.5rem;
	font-family: "GilroyBold", sans-serif;
}

.blog-text-wrap {
	padding: 2.5rem 0;
}

.blog-author{
	background-color: #DBE5EE;
	padding: 2.5rem 0;
}

.blog-author div:nth-child(2){
	color: #0D0B35;
	font-size: 2.5rem;
	font-weight: 700;
	margin-top: 2rem;
}

.blog-author div a{
	color: #0D0B35;
	font-size: 2.5rem;
	font-weight: 700;
	margin-top: 0;
	text-decoration: none;
}

.blog-author div a:hover{
	color: #586AEA;
}

.blog-author div:nth-child(3){
	color: #586AEA;
	font-size: 1.8rem;
	margin-top: 1rem;
}

.dfc-author-bio{
	padding-top:3rem;
}

.blog-author .dfc-author-bio p{
	font-family: "GilroyRegular", sans-serif;
	font-size: 1.8rem;
	line-height: 2.3rem;
	color: #05022B;
	font-style: italic;
	padding: 0 8.33vw;
}

.dfc-blog-post-elt{
	padding-bottom: 0;
}

p.knlw-description{
	font-family: "GilroyRegular", sans-serif;
	font-size: 2rem;
	font-weight: 400;
	line-height: 3rem;
	color: #FFFFFF;
	padding: 0;
	margin: 0;
	text-align: inherit;
	letter-spacing: -0.0415625em;
}
/* end page knowledge*/

/* Single page blog*/
.blog-content-wrap2{
	padding: 3rem 0 5rem 0;
}

.dfcblog-presentation-body p,
.blog-content-wrap2 p{
	color: #0D0B35;
	font-family: "GilroyRegular", sans-serif;
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 2.6rem;
	margin-left: 8.33vw;
	margin-right: 8.33vw;
	padding-top: 1.5rem;
}

.blog-content-wrap2 p.dfc-highlight {
	color: #586AEA;
}

.dfcblog-presentation-body p:first-of-type,
.blog-content-wrap2 p:first-of-type{
	padding-top: 0;	
}

/* TODO delete if ok */
/* .blog-content-wrap2 h2{
color: #A65DF5;
font-family: "GilroyBold", sans-serif;
font-size: 2.5rem;
font-weight: 400;
line-height: 3rem;
margin-left: 8.33vw;
margin-right: 8.33vw;
padding-top: 5rem;
} */


.dfcblog-presentation {
	background-color: #F9D128;
	padding: 5rem 8.33vw;
}

.dfcblog-presentation-title h2,
.blog-content-wrap2 h2{
	color: #586AEA;
	font-family: "GilroyLight", sans-serif;
	font-size: 2.5rem;
	font-weight: 400;
	line-height: 3rem;
	margin-left: 8.33vw;
	margin-right: 8.33vw;
	padding-top: 5rem;
}

.blog-content-wrap2 h2:first-child{
	padding-top: 0;
}

.dfcblog-presentation-title h2{
	color: #05022B;
	padding: 0 0 3rem;
	margin: 0;
}

.dfcblog-presentation-body p{
	margin: 0;
}

.blog-content-wrap2 img{
	margin: 0;
}
.blog-content-wrap2 ul {
	list-style-position: inside;
}

.blog-content-wrap2 li {
	color: #0D0B35;
	font-family: "GilroyRegular", sans-serif;
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 2.6rem;
	padding-top: 1.5rem; 
	margin-left: 8.33vw;
	margin-right: 8.33vw;
}

.blog-content-wrap2 li a{
	font-family: "GilroyRegular", sans-serif;
	font-size: 1.8rem;
	line-height: 2.6rem;
}

.blog-last-posts .dfc-team-post-elt:last-of-type .blog-text-wrap,
.blog-last-posts .dfc-team-post-elt:last-of-type .knowledge-title{
	padding-bottom: 0;
}

/* End single page blog*/
.dfccase-title{
	font-size: 3rem;
	line-height: 4rem
}

.dfccase-presentation,
.dfccase-description {
	font-size: 1.8rem;
}

.dfccase-presentation,
.dfccase-description {
	color: #FFFFFF;   
}

.dfccase-description {
	margin-top: 1.5rem;
	margin-bottom: 2rem;
	font-family: "GilroyRegular", sans-serif;
	line-height: 1.5;
	letter-spacing: -0.015em;
}

.blog-content-wrap{
	padding-bottom: 5rem;
}

/* page career */

/* Pour la bordure relevée */
.dfccareer-shadow {
	padding: 3.5rem 0;
	margin-bottom: 2rem;
	border: none;
	border-radius: 0.75rem;
	filter:drop-shadow(0px 0px 0.75rem #E5E5E5);
	transition: 0.5s
}

.career-duration {
	font-family: "GilroyBold", sans-serif;
	color: #596AEA;
	text-transform: uppercase;
	font-weight: 400;
	text-align: center;
	padding: 0;
	margin: 3.5rem 0 2rem 0;
}

.career-title {
	font-size: 3rem;
	font-weight: 400;
	margin-top: 0;
	padding: 0 0 4rem 0;
	text-align: center;
	text-transform: capitalize;
	font-family: "GilroyBold", sans-serif;
	color: #0D0B35;
}

.switch-button.active,
.job-button {
	background: #DBE5EE !important;
	border-radius: 3px;
	color: #0D0B35;
	cursor: pointer;
	display: inline-block;
	font-size: 1.8rem;
	font-weight: 400;
	padding: 1.5rem 3rem;
	position: relative;
	pointer-events: auto;
	letter-spacing: normal;
	text-decoration: none !important;
	text-transform: none;
	-webkit-transition: all .35s ease;
	-o-transition: all .35s ease;
	transition: all .35s ease;
	cursor: pointer;
	position: relative;
	font-family: "GilroyBold", sans-serif;
	border: none;
}

.switch-button.active{
	border: 1px solid transparent;
	padding: 1.5rem 1.5rem;
}


.switch-button{
	background: transparent !important;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 1.8rem;
	font-weight: 400;
	padding: 1.5rem 1.5rem;
	position: relative;
	pointer-events: auto;
	letter-spacing: normal;
	text-decoration: none !important;
	text-transform: none;
	-webkit-transition: all .35s ease;
	-o-transition: all .35s ease;
	transition: all .35s ease;
	cursor: pointer;
	position: relative;
	font-family: "GilroyBold", sans-serif;
}

.load-more {
	margin-top: 4.5rem;
}

.switch-button.active span,
.load-more span {
	color: #A65DF5;
}

.blanquette {
	background-color: #DBE5EE;
	padding: 8rem 0;
	border-radius: 0;
	justify-content: center;
	text-align: center;
}

.blanquette h2 {
	color:#0D0B35;
	line-height: normal;
	font-size: 3rem;
	margin-bottom: 2.5rem;
}

.drop-button {
	background: #F9D128 !important;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 2rem;
	font-weight: 400;
	padding: 1.5rem 3rem;
	position: relative;
	pointer-events: auto;
	text-decoration: none !important;
	text-transform: none;
	-webkit-transition: all .35s ease;
	-o-transition: all .35s ease;
	transition: all .35s ease;
	cursor: pointer;
	position: relative;
}

.drop-button span,
.job-button span{
	letter-spacing: unset
}

/* Career single */
.dfccareer-wrapper {
	padding: 6vw 15vw 6vw 15vw;
	background-color:#0D0B35;
}

.career-text p:first-of-type{
	line-height: 4.5rem;
	margin-top: 1.5rem;
	margin-bottom: 0;
}
.career-text p:last-of-type{
	line-height: 4.5rem;
	margin-top: 0;
	margin-bottom: 2rem;
}

.dfcpres {
	background-color: #fff;
	padding: 6vw 12vw 6vw 12vw;
	margin-bottom: 70px;
}

.dfcpres h2 {
	color: #05022B;
	font-size: 7vw;
	padding: 3rem 0 ;	font-family: "GilroyBold", sans-serif;
	font-weight: 400;
	margin: 0;
	text-align: inherit;
	letter-spacing: -0.0415625em;
}

.dfcpres h2::before {
	font-size: 1.2em;
	color: #F9D128;
	content: "— ";
}

.dfcpres P {
	color: #05022B;
	text-transform: none;
	font-family: "GilroyRegular", sans-serif;
    font-size: 1.6rem;
	line-height: 1.25;
	font-weight: 400;
	text-align: inherit;
	letter-spacing: 0.03125em;
}

a.apply {
	width: 100%;
	border: none;
	border-radius: 0;
	outline: 0;
	display: inline-block;
	background-color: #DBE5EE;
	padding: 2rem 0;
	text-align: center;
	cursor: pointer;
	position: fixed;
	bottom: 0;
	z-index: 9;
	text-decoration: none;
	font-size: 2.5rem;
	color: #A65DF5;
	font-weight: 400;
	letter-spacing: 0.0333em;
	line-height: 1.25;
	font-family: "GilroyBold", sans-serif;
}

a.apply:hover {
	background-color: #A65DF5;
	color: #FFF !important;
	transition: all ease-out 0.3s;
} 
/* end page career */

/* page contact */

.dfc-office-text{
	z-index: 2;
}

#Hello-slide {
	font-size: 5rem;
	font-family: "GilroyBold", sans-serif;
}

.dfc-office-lyon,
.dfc-office-beijing {
	border-bottom: 6px solid #A65DF5;
	margin-bottom: 5rem;
}

.office-wrap h4 {
	color: #A65DF5;
	padding: 3rem 0 1.5rem 0;
}

.office-wrap h3{
	color: #000F29;
}

.dfc-office-title-wrap{
	text-align: center;
	padding:5rem 0;
}

.dfc-office-wrap {
	background-color: red;
	border-bottom: 6px #A65DF5;
}

.office-wrap p{
	color:#0D0B35;
	padding: 2rem 0;
}

.contact-form-wrap{
	background-color: #F8FAFF;
	padding-bottom: 6rem ;
}

.next-step {
	background-color:#DBE5EE ;
	padding: 6rem 0;
	text-align: center;
}

.next-step h4 {
	font-size: 3rem;
	padding-top: 3rem;
}

.step-icon {
	display: flex;
	justify-content: center;
}

.step-icon > img {
	width: 16.66vw;
	min-width: 8rem;
}

.step-elt {
	padding: 3rem 0;
}

/* end page contact*/

/* case study */
.dfc-hovering-wrap{
	position: relative;
	/* margin-bottom: 3px; */
}
.dfc-hovering-wrap:last-of-type {
	margin-bottom: 0;
}

.dfc-hovering-link{
	display: flex;
	position: absolute;
	justify-content: center;
	align-items: center;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	color: transparent;
	visibility: hidden;
	opacity: 0;
	text-align: center;
	padding: 0;
	text-decoration: none;
}

.dfc-hovering-link:hover {
	content:'';
	background: rgba(5, 2, 43, 0.5);
	transition: opacity .2s, visibility, .2s transform 0.3s ;                                                       
}

.dfc-hovering-wrap:hover .dfc-hovering-link {
	visibility: visible;
	text-decoration: none;
	opacity: 1;
	-webkit-transition-duration: 600ms;
	-moz-transition-duration: 600ms;
	-o-transition-duration: 600ms;
	transition-duration: 600ms;
}

.dfc-hovering-wrap:hover .dfc-hovering-image {
	filter: brightness(10%); 
	-webkit-transition-duration: 600ms;
	-moz-transition-duration: 600ms;
	-o-transition-duration: 600ms;
	transition-duration: 600ms;
}

.dfc-hovering-image{
	width: 100%;
}

.dfc-bandeau{
	margin-bottom: 0;
	columns: #fff;
}

.naviguer {
	margin: 0;
	padding: 3rem 0;
	background-color: #DBE5EE;
}

.naviguer a {
	font-size: 3.5rem;
	letter-spacing: 3.5px;
	text-decoration: none;
	display: flex;
	align-items: center;
	font-family: "GilroyBold", sans-serif;
	transition: all 0.5s ease-in-out;
	border-bottom: 3px solid transparent;
}

.naviguer .dfccase-center a:hover {
	border-color: #0D0B35;
}

.dfccase-center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.dfccase-previous,
.dfccase-next {
	padding: 0;
	margin: 0;
}
.dfccase-previous > a{
	padding-left: 8.33vw;
}

.dfccase-previous svg path{
	fill: #0D0B35;
	transition: all 0.5s ease-in-out;
}

.dfccase-next > a{
	display: flex;
	justify-content: flex-end;
	margin-right: 8.33vw;
}

.dfccase-next svg path{
	fill: #42516D;
	transition: all 0.5s ease-in-out;
}

.dfccase-previous a:hover svg path,
.dfccase-next a:hover svg path{
	fill: #F9D128;
}

.dfccase-image-wrapper img{
	margin-bottom: 1.5rem
}
/* end case study */




/* navigation */
.slide-join,
.slide-contact {
	padding: 3rem 0;
	background-color: #DBE5EE;
	display: flex;
}

.slide-join a {
	color:#3CCBDA;
	text-decoration: none;
	font-size: 3rem;
	transition: all 0.5s ease-in-out;
}

.slide-contact a {
	color:#A65DF5;
	text-decoration: none;
	font-size: 3rem;
	transition: all 0.5s ease-in-out;
}

.slide-contact h5,
.slide-join h5 {
	display: flex;
	align-items: center;
}

.slide-join h5 span.join-after,
.slide-contact h5 span {
	margin-left: 3rem;
}

.slide-join h5 span.join-before{
	margin-right: 3rem;
	display: none;
}

.contact-after svg path{
	fill: #995CD4 ;
	transition: all 0.5s ease-in-out;
}

.join-before svg path,
.join-after svg path {
	fill: #3CCBDA;
	transition: all 0.5s ease-in-out;
}

.slide-join a:hover,
.slide-contact a:hover,
.slide-join a:hover .join-after svg path,
.slide-join a:hover .join-before svg path,
.slide-contact a:hover .contact-after svg path {
	color: #07002D;
	fill: #07002D;
}

/* end navigation */

/* retour */
.dfccase-retour {
	display: flex;
	align-items: center;
	font-size: 2rem;
	text-decoration: none;
	color: #DBE5EE;
}

.dfccase-retour svg{
	transform: rotate(180deg);
	fill: #F9D128;
	margin-right: 1rem ;
}

.dfccase-retour:hover {
	color: #F9D128;
}
/* end retour */

/* formulaire */
/* ACFs */
.acf-fields > .acf-field {
	border-top: none !important;
	padding: 1.5rem 0 2.1rem 0 !important;
}

.acf-label label {
	color:#A65DF5;
	font-size: 1.6rem;
	font-family: "GilroyLight", sans-serif;
	font-weight: 400;
}

.acf-input-wrap input,
.act-input select {
	border-color: #DBE5EE;
	border-width: 2px;
}

.acf-form-submit {
	text-align: right;
}

.acf-form-submit button {
	background: #DBE5EE !important;
	border-radius: 3px;
	color: #A65DF5;
	cursor: pointer;
	display: inline-block;
	font-size: 2rem;
	padding: 1.5rem 4.5rem;
	position: relative;
	pointer-events: auto;
	text-decoration: none;
	text-transform: none;
}

#acf-field_5fc741c82ce5d,
#acf-field_5fc742102ce5e,
#acf-field_5fc7429fc33b6,
#acf-field_61443bbe1fe8f,
#acf-field_61443bbe23bdd,
#acf-field_635cd809ba6d8,
#acf-field_635cd809ba70f,
#acf-field_635cd887589db,
#acf-field_635cd88758a13{
	border: 2px solid #DBE5EE;
	height: 31.6px;
	font-size: 1.6rem;
}

.acf-field.acf-field-text.acf-field-5fc736423143b{
	padding-top:  0 !important;
}

input[type="text"],
input[type="email"],
textarea{
	font-size: 1.6rem !important;
}

/* end formulaire */

/* logo header */
#site-header .toggle.nav-toggle.mobile-nav-toggle > .toggle-inner,
#site-header .toggle.nav-toggle.mobile-nav-toggle > .toggle-inner > .toggle-icon{
	height: auto;
	width: auto;
	padding-top: 0;
}

.img-menu-header{
	height: auto;
	max-width: 4.7rem;
}

.img-menu-close{
	height: 5rem;
	width: 11.44rem;
}

.menu-dfc-desktop{
	display: none;
}

#site-header .header-inner .toggle{
	padding-left: 0 !important;
}

/* end logo header */

/* page 404 */
.dfc-404-wrapper {
	background-color: #0D0B35;
	position: fixed;
	height: calc(100vh - 77px);
}

.dfc-404-bg {
	position: absolute;
	font-size: 150px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #F7F7F7;
	opacity: 0.1;
	text-align: center;
	width: 100%;
}

.dfc-404-text {
	position: absolute;
	font-size: 40px;
	top: 50%;
	left: 50%;
	color: white;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
	width: 100%;
}

.dfc-404-text > div{
	margin-bottom: 2rem;
}

.dfc-404-link {
	font-size: 16px;
	position: absolute;
	top: 60%;
	left: 50%;
	color: #F9D128;
	transform: translate(-50%, 0%);
	text-decoration: none;
	-ms-transform: translate(-50%, 0%);
	justify-content: center;
	display: inline-flex;
}

#btn-to-top{
	display: none !important;
}
/* end page 404 */


.switch-button::before,
.dfc-home-about a::before,
.job-button::before {
	content:'';
	position: absolute;
	color: transparent;
	border-radius: 3px;
	top: 0;
	left: 0;
	width: 0%;
	height: 100%;
	background-color: #F9D128;
	-webkit-transition: all .35s ease;
	-o-transition: all .35s ease;
	transition: all .35s ease; 
}

.switch-button:hover:before,
.dfc-home-about a:hover::before,
.job-button:hover:before {
	width: 100%;
}

.switch-button:hover span,
.dfc-home-about a:hover span,
.job-button:hover span {
	font-family: "GilroyBold", sans-serif;
	position: relative;
	color: #fff ;
	z-index:2;
}

.switch-button:hover{
	border: 1px solid #A65DF5;
}

.drop-button::before {
	content:'';
	position: absolute;
	color: transparent;
	border-radius: 3px;
	top: 0;
	left: 0;
	width: 0%;
	height: 100%;
	background-color: #fff;
	-webkit-transition: all .35s ease;
	-o-transition: all .35s ease;
	transition: all .35s ease; 
}

.drop-button:hover:before {
	width: 100%;
	color: transparent;
}

.career-apply .drop-button span {
	font-family: "GilroyBold", sans-serif;
	font-size: 1.6rem;
	letter-spacing: unset;
}

.drop-button:hover span {
	font-family: "GilroyBold", sans-serif;
	position: relative;
	color: #F9D128 !important;
	z-index:2;
}

.cookie-button {
	background: #DBE5EE !important;
	border-radius: 3px;
	color: #596AEA !important;
	cursor: pointer;
	display: inline-block;
	font-size: 1.8rem;
	padding: 0.5rem 2rem;
	position: relative;
	pointer-events: auto;
	letter-spacing: normal;
	text-decoration: none !important;
	text-transform: none;
	-webkit-transition: all .35s ease;
	-o-transition: all .35s ease;
	transition: all .35s ease;
	cursor: pointer;
	position: relative;
	font-family: "GilroyBold", sans-serif;
	border: none;
	letter-spacing: unset;
}

.cookie-button:hover {
	box-shadow: inset 70px 0 0 0 #596AEA !important;
	color: #FFF !important;
}

#cookie-notice{
	background-color: #0D0B35 !important;
	opacity: 0.9;
}

a.blog-elt{
	text-decoration: none;
}

a.blog-elt h2{
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

a.blog-elt p,
a.blog-elt:hover h2{
	color: #586AEA;
}

.social-icons a:focus,
.social-icons a:hover {
	transform: none !important;
}


/* Single page blog*/

/* TODO delete if ok */
/* .blog-content-wrap2 h1{
color: #FA1689;
margin-left: 8.33vw;
margin-right: 8.33vw;
font-size: 3rem;
} */
/* TODO delete if ok */
/* 
.blog-content-wrap2 h1+p,
.blog-content-wrap2 h2+p,
.blog-content-wrap2 h3+p,
.blog-content-wrap2 h5+p{
padding-top: 2.5rem !important;
}

.blog-content2 h3{
color: #50546D;
font-family: "GilroyBold", sans-serif;
font-size: 2rem;
line-height: 2rem;
margin-left: 8.33vw;
margin-right: 8.33vw;
} */

.blog-content-wrap2 h2+p,
.blog-content-wrap2 h3+p,
.blog-content-wrap2 h4+p,
.blog-content-wrap2 h5+p{
	padding-top: 1.5rem !important;
}

.blog-content-wrap2 h5+p{
	padding-top: 1rem !important;
}

.blog-content2 h3{
	color: #50546D;
	font-family: "GilroyLight", sans-serif;
	font-size: 2rem;
	line-height: 2rem;
	margin-left: 8.33vw;
	margin-right: 8.33vw;
	padding-top: 2.5rem;
}

.blog-content2 h3 a {
	font-family: "GilroyLight", sans-serif;
	font-size: 2rem;
	line-height: 2rem;
}

.blog-content2 h4{
	color: #0D0B35;
	font-family: "GilroyLight", sans-serif;
	font-size: 2rem;
	line-height: 2rem;
	margin-left: 8.33vw;
	margin-right: 8.33vw;
	padding-top: 2rem;
}

.blog-content2 h4 a{
	font-family: "GilroyLight", sans-serif;
	font-size: 2rem;
	line-height: 2rem;
}

.blog-content2 h5{
	color: #F9D128;
	font-family: "GilroyLight", sans-serif;
	font-size: 2rem;
	line-height: 2rem;
	margin-left: 8.33vw;
	margin-right: 8.33vw;
	padding-top: 1rem;
}

.blog-content2 h5 a{
	font-family: "GilroyLight", sans-serif;
	font-size: 2rem;
	line-height: 2rem;
}

/* End single page blog*/


/* DFC service */
.service div{
	--bs-gutter-x: 0;
}
.dfc-service-presentation{
	margin-top: 8rem;
	margin-bottom: 6rem;
}

.dfc-service-presentation h1{
	width: fit-content;
    font-family: "GilroyRegular", sans-serif;
    font-size: 1.8rem;
    line-height: 2.5rem;
    background-color: #50546D;
    padding: 1rem 1.5rem;
    margin: 3rem 0 4rem;
    border-radius: 3rem;
    text-transform: uppercase;
}

.dfc-service-presentation h2{
	font-family: "GilroyBold", sans-serif;
	font-size: 3.5rem;
	line-height: 4rem;
	padding-bottom: 3rem;
}

.dfc-service-presentation p{
	font-family: "GilroyRegular", sans-serif;
	font-size: 2rem;
	line-height: 3.3rem;
	padding: 0 0 3rem 0;
	margin: 0;
	font-weight: 400;
	color: #FFFFFF;
	text-align: inherit;
}

.dfc-service-intro{
	background-color: white;
	padding: 6rem 0;
}

.dfc-service-intro p{
	font-family: "GilroyRegular", sans-serif;
	font-size: 2.5rem;
	color: #0D0B35;
	line-height: 3.5rem;
}

.dfc-service-intro p strong{
	font-family: "GilroyBold", sans-serif;
}

.dfc-service-grey{
	background-color: #F8FAFF;
	padding: 5rem 0;
}

.dfc-service-white{
	background-color: white;
	padding: 5rem 0;
}

.dfc-service-content h2,
.dfc-service-content h1{
	font-family: "GilroyBold", sans-serif;
	font-size: 3rem;
	color: #05022B;
	line-height: 3.5rem;
	padding-bottom: 3rem;
}

.dfc-service-content p{
	font-family: "GilroyRegular", sans-serif;
	font-size: 1.8rem;
	color: #05022B;
	line-height: 2.5rem;
	padding-top: 1rem;
}

.dfc-service-content p:first-of-type {
	padding-top: 0;
}

.dfc-service-content ul{
	padding-top: 2rem;
	padding-bottom: 3rem;
	list-style: none;
}

.dfc-service-content li{
	font-family: "GilroyRegular", sans-serif;
	font-size: 1.8rem;
	line-height: 2.5rem;
	color: #596AEA;
}

.dfc-service-content li > strong{
	font-family: "GilroyBold", sans-serif;
}

.dfc-service-content li span:before{
	color: #596AEA;
	content: "\2192   ";
}

.wrap-hubspot-knowledge{
	background-color: white;
	padding: 5rem 1.5rem;
}

.wrap-hubspot-contact,
.wrap-hubspot-blog-contact{
	background-color: #F8FAFF;
	padding: 5rem 0;
}

.wrap-hubspot-contact h2,
.wrap-hubspot-blog-contact h2{
	font-family: "GilroyBold", sans-serif;
	font-size: 3rem;
	line-height: 3.5rem;
	color: #05022B;
	text-align: center;
	padding-bottom: 5rem;
}

/* fin DFC service */

/* WP contact */

.knowledge-form,
.knowledge-cpt-form{
	border: #0D0B35 1px solid;
	border-radius: 3.9rem;
	background-color: #F8FAFF;
	color: #0D0B35;
}

.newsletter-form{
	background-color: #F8FAFF;
	color: #0D0B35;
}

.wp-contact-text p,
.newsletter-text p{
	font-family: "GilroyBold", sans-serif;
	font-size: 2.5rem;
	line-height: 3rem;
	color: #0D0B35;
	text-align: center;
	padding: 4rem 2rem 0 2rem;
}

.newsletter-text p{
	padding: 0;
}

.newsletter-text p:nth-of-type(2){
	padding-top: 2rem;
}

.newsletter-text p span{
	font-family: "GilroyLight", sans-serif;
}

.wp-image img{
	padding: 4rem 2rem;
}

.newsletter-image img{
	padding: 2.5rem 0 4rem 0;
}

.hubspot-wp-form{
	padding: 0 2rem 3rem 2rem;
}

/* fin WP contact */

/* Btn service */

.service a {
	text-decoration: none;
}

.dfc-yellow,
.dfc-home-mobile-yellow,
.dfc-home-mobile-blue{
	display: flex !important;
	position: relative;
	transition: all .2s ease;
	width: fit-content;
	text-decoration: none;
}

.dfc-yellow:before,
.dfc-home-mobile-yellow:before,
.dfc-home-mobile-blue:before {
	content: "";
	position: absolute;
	right: 0;
	display: block;
	border-radius: 2.4rem;
	background: #F9D128;
	width: 2.4rem;
	height: 2.4rem;
	transition: all .3s ease;
}

.dfc-yellow span,
.dfc-home-mobile-yellow span,
.dfc-home-mobile-blue span {
	position: relative;
	font-family: "GilroyBold", sans-serif;
	font-size: 1.8rem;
	line-height: 2.4rem;
	color: #F9D128;
	vertical-align: middle;
	transition: all .3s ease;
	margin-right: 2rem;
}

.dfc-yellow svg,
.dfc-home-mobile-yellow svg,
.dfc-home-mobile-blue svg {
	position: relative;
	right: 0.5rem;
	fill: none;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke: #FFF;
	stroke-width: 2;
	transition: all .3s ease;
}

.dfc-yellow:hover:before,
.dfc-home-mobile-yellow:hover:before,
.dfc-home-mobile-blue:hover:before {
	width: 110%;
	background: #F9D128;
}

.dfc-yellow:hover span,
.dfc-home-mobile-yellow:hover span,
.dfc-home-mobile-blue:hover span {
	color: #FFF;
}

.dfc-yellow:active,
.dfc-home-mobile-yellow:active,
.dfc-home-mobile-blue:active {
	transform: scale(0.96);
}

.dfc-home-mobile-blue:before,
.dfc-home-mobile-blue:hover:before {
	background: #596AEA;
}

.dfc-home-mobile-blue span {
	color: #596AEA;
}

/* fin Btn service */

/* page contact */
.dfc-contact{
	background-color:#FFFFFF;
}
.newsletter-form-contact{
	background-color:#F8FAFF;
	padding: 5rem 0 4rem 0;
}

.dfc-contact{
	padding-top: 6rem;
	padding-bottom: 5rem;
}

.contact-image{
	padding-bottom: 6rem;
}

.dfc-contact-title{
	font-family: "GilroyBold", sans-serif;
	font-size: 3rem;
	line-height: 3.5rem;
	color: #596AEA;
}

.dfc-contact-subtitle{
	font-family: "GilroyRegular", sans-serif;
	font-size: 2.5rem;
	line-height: 3.5rem;
	color: #0D0B35;
	padding-top: 2rem;
	padding-bottom: 4rem;
}

.dfc-office-text-wrap h3,
.dfc-office-text-wrap p{
	color: #0D0B35;
}
/* fin page contact */

/* TOC blog */
.lwptoc{
	padding: 0 8.33vw 5rem 8.33vw;
	margin: 0 !important;
}

.lwptoc_i{
	width: 100%;
	padding: 0 !important;
	background-color: transparent !important;
}

.lwptoc_header{
	font-family: "GilroyBold", sans-serif;
	font-size: 2.5rem;
	line-height: 4.5rem;
	color: #0D0B35;
	padding-bottom: 3rem;
	margin: 0 !important;
}

.lwptoc_item a:visited{
	color: #596AEA;
}

.lwptoc_item a{
	font-family: "GilroyLight", sans-serif !important;
	font-size: 1.8rem;
	color: #596AEA;
	line-height: 2.5rem;
	margin: 0;
}

.lwptoc_item{
	padding-top: 1.5rem!important;
	margin-top: 0 !important;
}

.lwptoc_item:first-of-type{
	padding-top: 0 !important;
}

.blog-author-wrap-col .blog-desktop-toc .dfc-toc .lwptoc_i .lwptoc_items .lwptoc_itemWrap .lwptoc_item a:hover {
	border-bottom: #596AEA 1px solid !important
}


.lwptoc-transparent .lwptoc_i{
	border: none !important;
}

.blog-author-wrap {
	display: flex;
	justify-content: center;
	flex-direction: column;
}
/* Fin TOC blog */

.dfc-padding{
	padding-left: 8.33vw;
	padding-right: 8.33vw;
}

/* pagination */

.blog-last-posts .knowledge-img.blog-img img,
.dfc-blog-post-elt .knowledge-img img {
	border-radius: 2rem;
}

.wp-pagenavi {
	display: flex;
	justify-content: center;
	align-items: center;
}

.wp-pagenavi > * {
	margin: 0 1rem;
}
.wp-pagenavi span,
.wp-pagenavi a {
	font-family: "GilroyLight", sans-serif !important;
	font-size: 1.4rem;
	line-height: 2.1rem;
	color: #0D0B35;
	text-decoration: none;
	width: 3.3rem;
	height: 3.3rem;
	border-radius: 1rem;
	background: #DBE5EE;
	display: flex;
	justify-content: center;
	align-items: center;

}

.wp-pagenavi span{
	color: #FFFFFF;
	background: #596AEA;
}

.wp-pagenavi span.extend{
	color: #0D0B35;
	background: #DBE5EE;
}

.article-list .knowledge-list{
	padding-bottom: 4rem;
}

.article-list .dfc-home-knlw{
	padding-top: 0;
}

.article-list  .knowledge-text-wrap{
	background-color: #FFFFFF
}

/* Fin pagination */

/* Page Learn */
.wp-list {
	background: #FFFFFF;
}

.wp-list .knowledge-elt {
	margin-top: 1rem;
}

.wp-list .knowledge-elt:first-of-type {
	margin-top: 0;
}

.knowledge-list-blog{
	padding-top: 5rem;
}

.wp-list .dfc-home-knlw-title{
	text-align: center;
}

.wp-list .wp-pagenavi{
	padding: 5rem 8.33vw 0 8.33vw;
}

/* Fin page Learn */


/* CSS pour le ruban client */
.slider-clients-wrapper {
	background: #DBE5EE;
	margin: auto;
	overflow: hidden;
	position: relative;
	width: 100%;
}


.slider-clients {
	animation: scroll 40s linear infinite;
	display: flex;
	width: calc(100vw * 14);
}

.slide-clients {
	width: 50vw;
}

.slide-clients img {
	height: 20rem;
	width: auto;
}

/* Fin CSS pour le ruban client */

.home-playground a {
	text-decoration: none
}

.hpb-wrap{
	padding-top: 6rem;
}

.home-playground-button{
	font-family: "GilroyBold", sans-serif;
	font-size: 1.8rem;
	color: #FFFFFF;
	background: #596AEA;
	border-radius: 5px;
	padding:1.3rem 1.6rem;
}

.home-playground-button: hover{
	color: #FFFFFF;
}

/* carousel */
.dfc-reference {
	margin-bottom: 5.75rem;
}

.carousel-elt-bandeau {
	background: red;
	padding: 3rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.carousel-elt-title,
.carousel-elt-desc {
	font-size: 2.5rem;
	line-height: 3.5rem;
	color: #FFF;
	font-family: "RobotoBold", sans-serif;
	width: 100%;
}

.carousel-elt-title {
	margin-top: auto;
	margin-bottom: 0.25rem;
}

.carousel-elt-desc {
	font-family: "RobotoRegular", sans-serif;
	margin-top: 0.25rem;
	margin-bottom: auto;
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
	display: flex;
}

.carousel-inner .carousel-item>div {
	display: none;
}

.carousel-inner .carousel-item>div:first-child {
	display: block;
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
	opacity: 0.5;
}

.singular-block div.dfc-expertise {
	padding-bottom: 6rem;
}

.dfc-carousel .dfc-hovering-wrap {
	height: 48rem
}

.dfc-carousel .dfc-hovering-image {
	height: 100%;
	object-fit: cover;
}

.dfc-carousel button {
	height: fit-content !important;
	width: fit-content !important;
	margin: auto 1.5rem;
	opacity: 1;
}

.dfc-carousel button:hover {
	opacity: 1;
}

.dfc-carousel button svg {
	height: 3.6rem;
	width: 3.6rem;
}

.carousel-item .dfc-hovering-wrap:hover img {
	filter: brightness(100%) !important;
}

/*fin carousel */

/* menu */
.menu-modal .menu-wrapper.section-inner {
	width: 100%;
}

.menu-modal nav.mobile-menu {
	width: calc(100% - 0.75rem);
	margin: 0;
}

.modal-menu li.menu-item,
.modal-menu button {
	border: none !important;
}

.modal-menu button {
	padding-right: 8.33vw !important;
}

.modal-menu button svg {
	color: #FFFFFF;
}

ul.modal-menu>li>div.ancestor-wrapper {
	padding: 1.5rem 0 0 8.33vw;
}

ul.modal-menu>li a {
	font-family: "GilroyRegular", sans-serif;
	font-size: 3rem;
	color: #FFFFFF;
	text-decoration: none !important;
	padding-left: 0;
	padding-top: 0;
	padding-bottom: 0;
}

.modal-menu ul li {
	border: none;
	background: #F9D128;
}

.modal-menu ul li a {
	font-family: "GilroyRegular", sans-serif;
	font-size: 1.8rem;
	padding: 2rem 0 0 8.33vw;
	color: #0D0B35;
	text-decoration: none !important;
}

.modal-menu ul li:first-of-type a {
	padding-top: 2.5rem;
}

.modal-menu ul li:last-of-type a {
	padding-bottom: 2.5rem;
}

.mobile-menu ul.modal-menu li.no-link>div>a{
	pointer-events: none;
}

/*
.no-link a{
pointer-events: none;
cursor: default;
}
*/

.menu-bottom .social-menu li {
	margin: 0 1.7rem;
}

.menu-bottom .social-menu a {
	background-color: transparent;
	color: #C9C9C9;
}

/* fin menu */

/* footer */
#dfc-footer-menu {
	display: none;
}

#site-footer {
	padding: 2rem 0 1rem 0;
}

#site-footer .section-inner {
	justify-content: center;
}

.powered-by-wordpress a,
#site-footer .footer-copyright {
	font-family: "GilroyRegular", sans-serif;
	font-size: 1.6rem;
}

/* fin footer */
.social-menu a:hover {
	color: #F9D128 !important;
}

/* wechat */
.dfc-modal-wechat{
	position: fixed;
	display: none;
	width: 100vw;
	background-color: white;
	flex-direction: column;
	top: 0;
	bottom: 0;
	z-index: 199;
	overflow-y: hidden;
	overflow-x: hidden;
	height: 100%;
	background-color: #0D0B35;
}

.dfc-wechat-qrcode{
	position: absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%, -50%);
	z-index:999;
	font-size: 300px;
	text-align: center;
}

.close-wechat{
	background-color: transparent;
	margin-left: auto;
	padding-top: 3rem;
	fill: #7FCACB;
}

/*wechat*/

/* terms & conditions */
.dfc-terms-conditions {
	background: #FFFFFF;
}

.dfc-terms-wrap {
	padding: 5rem 0;
}

.dfc-terms-conditions h2 {
	font-family: "GilroyLight", sans-serif;
	font-size: 2.5rem;
	font-weight: 400;
	line-height: 3rem;
	color: #586AEA;
	padding-bottom: 3rem;
}

.dfc-terms-conditions p {
	font-family: "GilroyRegular", sans-serif;
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 2rem;
	color: #0D0B35;
	padding-bottom: 1.5rem;
}

.dfc-terms-conditions p:last-of-type{
	padding-bottom: 0;
}

/* fin termes & conditions */

/* FAQ */
.accordion>* {
	background-color: #F9D128 !important;
}

.dfc-faq {
	background-color: #F9D128;
	padding: 0 8.33vw;
}

.dfc-faq-wrap {
	padding: 6rem 0;
}

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

.faq-image{
	width: 13rem;
}

.dfc-faq-title {
	text-align: center;
	font-family: "GilroyBold", sans-serif;
	font-size: 3rem;
	line-height: 4rem;
	color: #0D0B35;
	padding: 1.8rem 0 6rem 0
}

.accordion-item {
	border: none;
}

.accordion-button:focus {
	border-color: none;
	box-shadow: none;
}

.accordion-body {
	padding: 0;
}

.dfc-faq-accordion {
	border-bottom: #0D0B35 1px solid !important;
}

.dfc-faq-accordion:first-of-type {
	border-top: #0D0B35 1px solid !important;
}

.dfc-faq-accordion button {
	padding: 2rem 0;
	text-transform: none;
	font-family: "GilroyRegular", sans-serif;
	font-size: 1.8rem;
	line-height: 2.5rem;
	color: #0D0B35;
	background-color: #F9D128;
}

.dfc-faq-accordion button::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='%230D0B35'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.dfc-faq-accordion button {
	text-decoration: none !important;
}

.accordion-button:not(.collapsed) {
	color: #0D0B35;
	background-color: #F9D128;
	box-shadow: none;
	font-family: "GilroyBold", sans-serif;
}

.accordion-button:not(.collapsed):after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230D0B35'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.dfc-faq-answer {
	white-space: pre-wrap !important;
	font-family: "GilroyLight", sans-serif;
	font-size: 1.5rem;
	line-height: 2rem;
	color: #0D0B35;
	background-color: #F9D128;
	padding-bottom: 3rem;
}

/* END FAQ */

.dfc-breadcrump {
    padding: 2.5rem 8.33vw 0 8.33vw;
	width: fit-content;
}

.dfc-breadcrump a,
.dfc-breadcrump span {
    font-family: "GilroyRegular", sans-serif;
    font-size: 1.6rem;
    color: #05022B;
    line-height: 1.8rem;
    text-align: left;
    text-decoration: none;
    margin: 0 0.5rem 0 0;
	white-space: nowrap;
}

.dfc-breadcrump span.dfc-article{
	white-space:normal
}

span.dfc-breadcrump a.dfc-breadcrump-link:hover{
    color: #596AEA !important;
}

.dfc-date,
.dfc-date time{
  text-transform: capitalize  
}

.dfc-services {
    background-color: #FFFFFF;
    padding: 6rem 8.33vw;
}

.dfc-services h2 {
    font-family: "GilroyBold", sans-serif;
    font-size: 3rem;
    line-height: 3.5rem;
    padding-bottom: 5rem;
    text-align: center;
    color: #0D074C;
}

.blog-page-service-single {
    background-color: #F8FAFF;
    padding: 6rem 0;
}

.blog-page-service-single .knowledge-img.blog-img,
.blog-page-service-single .blog-text-wrap {
    background-color: #F8FAFF;
}

.page-service-wrapper {
    background-color: #FFFFFF;
    padding: 0 8.33vw 10rem;
}

.page-specialisation-wrapper {
    background-color: #F8FAFF;
    padding: 10rem 8.33vw;
}

.page-service-wrapper .home-service-title {
    padding: 11rem 0 6rem;
}

.page-service-title h2 {
    font-family: "GilroyBold", sans-serif;
    font-size: 3rem;
    line-height: 3.5rem;
    padding-bottom: 5rem;
    color: #0D074C !important;
    text-align: center;
}

.blog-page-service {
    padding-top: 10rem;
}

.blog-page-service h2 {
    font-family: "GilroyBold", sans-serif;
    font-size: 3rem;
    line-height: 3.5rem;
    padding-bottom: 5rem;
    color: #05022B !important;
    text-align: center;
}

.dfc-engagement {
    padding: 10rem 0;
}

.dfc-engagement-presentation {
    display: flex;
    flex-wrap: wrap;
}

.dfc-engagement-image {
    padding-bottom: 4rem;
}

.dfc-engagement-image img {
    border-radius: 51px;
    box-shadow: 0px 3px 6px #00000029;
}

.dfc-engagement-citation{
    padding-bottom: 0.7rem;
}

.dfc-engagement-citation p {
    font-family: "GilroyLight", sans-serif;
    font-size: 2.5rem;
    line-height: 3.5rem;
    color: #0D0B35;
}

.dfc-engagement-position {
    font-family: "GilroyBold", sans-serif;
    font-size: 2.5rem;
    line-height: 3.5rem;
    color: #596AEA;
}

.dfc-engagement-seniority {
    font-family: "GilroyRegular", sans-serif;
    font-size: 2rem;
    color: #596AEA;
}

.dfc-engagement-elt-wrap {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    padding: 0 8.33vw;
}

.dfc-engagement h2 {
    font-family: "GilroyBold", sans-serif;
    font-size: 3rem;
    line-height: 3.5rem;
    color: #05022B;
    padding: 8rem 0 5rem;
    text-align: center;
}

.dfc-engagement-elt {
    background-color: #F8FAFF;
    border-radius: 50px;
    padding: 3rem;
    box-shadow: 0px 3px 6px #00000029;
}

.dfc-engagement-elt-icon {
    font-size: 3rem;
}

.dfc-engagement-elt-title {
    font-family: "GilroyBold", sans-serif;
    font-size: 2.5rem;
    line-height: 3rem;
    color: #0D0B35;
    padding: 1.5rem 0;
}

.dfc-engagement-elt-content {
    font-family: "GilroyLight", sans-serif;
    font-size: 1.8rem;
    line-height: 2.5rem;
    color: #0D0B35;
}

.service-mgt-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 0;
}

.service-mgt-elt {
    display: flex;
    align-items: stretch;
}

.service-mgt-elt-wrp{
    width: 100%;
}

.service-mgt-wrapper a {
    text-decoration: none;
    display: flex;
    flex-direction: column;
    border-radius: 6.5rem;
    height: 100%;
    width: 100%;
    padding: 3rem;
    box-shadow: 0px 3px 6px #00000029;
    transition: .6s;
}

.service-mgt-wrapper a .service-mgt-title{
    text-decoration: underline;
    text-decoration-color: transparent;
    text-decoration-thickness: 1px;
    text-underline-offset: 8px;
    transition: .6s;
}

.service-mgt-wrapper a:hover .service-mgt-title{
    text-decoration-color: inherit;
}
    
.service-mgt-wrapper a:hover{
    box-shadow: 0px 6px 12px #00000029;
}

.service-mgt-title {
    font-family: "GilroyBold", sans-serif;
    font-size: 2.5rem;
    line-height: 3rem;
    padding: 1.5rem 0 .8rem;
}

.service-mgt-content {
    font-family: "GilroyLight", sans-serif;
    font-size: 1.8rem;
    line-height: 2.5rem;
}

@media (min-width: 372px){
	.switch-button,
	.switch-button.active{
		padding: 1.5rem 3rem;
	}
}

@media ( min-width: 768px ) { 

	h1,
	#Hello-slide {
		font-family: "GilroyBold", sans-serif;
		font-size: 10rem;
		line-height: 10rem;
		color: #FFFFFF;
	}

	h2 {
		font-family: "GilroyBold", sans-serif;
		font-size: 6rem;
		line-height: 5rem;
		color: #FFFFFF;
	}

	h3 {
		font-family: "GilroyBold", sans-serif;
		font-size: 5rem;
		line-height: 4rem;
		color: #FFFFFF;
	}

	h4 {
		font-family: "GilroyRegular", sans-serif;
		font-size: 3.5rem;
		line-height: 4rem;
		color: #FFFFFF;
	}

	h6{
		font-family: "GilroyRegular", sans-serif;
		font-size: 2rem;
		line-height: 4rem;
		color: #FFFFFF;
	}

	p{
		font-family: "GilroyRegular", sans-serif;
		font-size: 2.5rem;
		line-height: 4.5rem;
		color: #FFFFFF;
	}

	ul li {
		font-family: "GilroyRegular", sans-serif;
		font-size: 2.5rem;
		line-height: 4.5rem;
		color: #0D0B35;
	}

	#site-header{
		opacity: 1;
	}

	.dfccase-presentation,
	.dfccase-description,
	.dfc-home-about a,
	p.knlw-description,
	.service-widget p,
	.blog-text-wrap p,
	.knowledge-text-wrap p  {
		font-size: 2.5rem;
	}

	.service-widget h2{
		line-height: 6rem
	}

	.service-widget p{
		line-height: 3.2rem
	}

	.blog-text-wrap h2,
	.knowledge-text-wrap h2 {
		font-size: 3.5rem;
		line-height: 3.5rem;
	}

	.dfc-office-title-wrap{
		padding: 0 0 10rem 0;
	}

	/* paddings */
	.slide-join,
	.slide-contact,
	.knlw-content,
	.next-step,
	.contact-form-wrap{
		padding: 10rem 0;
	}

	.dfccase-presentation{
		padding: 6rem 0;
	}

	.service-title {
		line-height: 5rem;
		padding-bottom: 2rem !important;
	}

	.service-content {
		line-height: 3.5rem;
	}

	.dfc-service-text,
	.dfc-family,
	.knowledge-list{
		padding: 13rem 0;
	}
	
	.dfc-choose-us{
		padding-top: 15rem;
	}

	.dfc-office {
		padding: 13rem 0 0 0;
	}

	.dfc-office-lyon {
		padding-bottom: 12rem;
	}

	.partner-title{
		padding: 6rem 0;
	}

	.dfccase-title{
		margin-bottom: 4rem;
		font-size: 6rem;
		line-height: 5rem;
	}

	.slide-join h5,
	.slide-contact h5 {
		font-family: "GilroyBold", sans-serif;
		font-size: 3.5rem;
	}

	.widgettitle,
	.partner-bottom,
	.partner-title {
		font-size: 4rem;
	}
	
	.dfc-home-presentation h1{
		font-size: 4.2vw;
		line-height: 4.7vw;
	}

	.dfc-singular-presentation h1{
		font-size: 5.2vw;
		line-height: 5.2vw;
	}

	.dfc-singular-presentation h2{
		font-size: 1.8vw;
		line-height: 2.1vw;
	}
	
	.dfc-home-presentation h2{
		font-size: 2.5rem;
		line-height: 2.3vw;
	}

	.front-page h1{
		padding-top: 0;
		padding-bottom: 1.56vw;
	}

	.front-singular .sous-titre {
		/* padding-top: 2.77vh */
		padding-top: 1.56vw;
	}

	/* page home */
	.dfc-home-knlw-wrap{
		flex-direction: row;   
	}

	.dfc-home-knlw {
		padding: 15rem 0 10rem 0;
	}

	.dfc-home-about h2 {
		width: 50rem;
		font-size: 6rem;
		line-height: 7rem;
	}

	.dfc-home-about a {
		padding: 1rem 4rem;
		color: #A65DF5;
		line-height: 4rem;
		font-size: 2rem;
	}

	.sauteed {
		padding-top: 12rem !important;
	}

	.playground-list{
		padding: 10rem 0;
	}

	.playground-title{
		font-size: 4rem;
		text-align: center;
	}

	.playground-text{
		margin-top: 2rem;
		font-size: 2.2rem;
		line-height: 3.5rem;
	}

	.playground-wrap {
		flex-wrap: nowrap;
	}

	.playground-elt{
		width: calc(((100vw - 32rem) - (100vw - 100%)) / 9);
		padding: 0;
		margin: 7rem 2rem 0 2rem !important;
	}

	.playground-elt:first-of-type{
		margin-left: 0 !important;
	}

	.playground-elt:last-of-type{
		margin-right: 0 !important;
	}

	.dfc-home-presentation {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 77px;
		padding-right: 3vw;
	}

	.dfc-singular-presentation {
		margin-bottom: 77px;
	}

	.dfc-home-presentation a {
		padding: 0;
	}
	
	.dfc-home-presentation > div:first-of-type {
		padding-bottom: 0;
	}

	/* fin existe deja */

	.partner-carousel-title {
		font-size: 3.5rem;
		line-height: 5rem;
		padding-top: 5rem;
	}

	.home-service {
		padding-top: 12rem;
		padding-bottom: 12rem;
	}

	.home-service-title p {
		font-size: 4.5rem;
		line-height: 5.5rem;
	}

	.home-service-text-wrap {
		padding: 7rem 0 3.5rem 0;
	}

	.home-service-wrap {
		display: flex;
		padding-top: 12rem;
	}

	.home-service-wrap-elt {
		display: flex;
		width: calc(33.33% - 2rem);
		margin: 0 1.5rem;
		border: #0D0B35 1.5px solid;
		border-radius: 6.5rem;
	}

	.home-service-wrap-elt:hover {
		border-color: #596AEA;
	}

	.home-service-wrap-elt:first-of-type {
		margin-left: 0;
	}

	.home-service-wrap-elt:last-of-type {
		margin-right: 0;
	}

	.home-service-wrap-elt:hover .home-service-elt-title {
		color: #596AEA;
		text-decoration: underline;
	}
	
	.home-service-wrap-elt > a.home-service-elt{
		display: flex;
	}
	
	.home-service-wrap-elt > a.home-service-elt .home-service-text-wrap {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.home-service-elt-title {
		font-size: 4rem;
		line-height: 4.8rem;
		padding-bottom: 3.5rem;
	}

	.home-playground p,
	.home-service-elt-content {
		font-size: 2.2rem;
		line-height: 3rem;
	}

	.home-playground {
		display: flex;
		padding: 6.4rem 8.33vw;
		align-items: center;
	}

	.home-playground h2 {
		font-size: 4.5rem;
		line-height: 5rem;
		padding-bottom: 3rem;
	}
	
	.home-playground img {
		max-height:512px;
		width: auto;
	}

	.dfc-home-blog,
	.dfc-carousel {
		padding-top: 5rem;
	}

	.dfc-home-blog h3,
	.dfc-carousel h3 {
		font-size: 5rem;
		line-height: 7rem;
		padding-bottom: 6rem;
	}

	.dfc-home-blog p.white-paper,
	.blog-text-wrap p.white-paper{
		font-size: 2.2rem;
		padding-bottom: 1rem;
	}

	.dfc-home-blog h2.knowledge-title,
	.blog-text-wrap h2.knowledge-title {
		font-size: 3.2rem;
		line-height: 4.1rem;
		padding: 0;
		text-align: left;
	}

	.dfc-home-blog a.blog-elt,
	.dfc-home-blog .blog-text-wrap{
		padding-bottom: 0;
		margin-bottom: 0;
	}

	.dfc-home-blog{
		padding: 15rem 0;
	}


	/* end page home */

	/* page services */

	.dfc-service-text{
		display: flex;
		justify-content: center;
	}

	.img-partner{
		width: calc(((100vw - 6rem) - (100vw - 100%)) / 3);
	}

	div.img-partner:nth-child(3n+1),
	div.img-partner:nth-child(3n+2){
		margin-right: 3rem;
	}

	div.img-partner:nth-child(3n+3){
		margin-right: 0;
	}

	/* end page services */


	/* page about*/
	.dfc-team{
		flex-direction: row-reverse;
		padding: 15rem 0 0 0;
	}

	.dfc-team-img img{
		height: auto;
	}

	.dfc-team-text {
		padding: 0;
	}
		
	.dfc-team-text h2 {
		font-size: 2.6vw;
		line-height: 3.6vw;
	}


	.dfc-choose-wrap{
		flex-direction: row;
		padding-top: 6.5rem;
	}

	.dfc-family{
		flex-direction: row;
		padding-top: 15rem;
	}

	.dfc-choose-wrap .pcustomtxt{
		line-height: unset;
	}

	.dfc-team-post-title,
	.career-list, 
	.dfccontact-title{
		padding-bottom: 10rem;
	}

	.dfc-team-post-title h2{
		font-size: 2.6vw;
		line-height: 3.6vw;
		padding-bottom: 0;
	}
	
	.dfc-choose-us h2{
		font-size: 2.6vw;
		line-height: 3.6vw;
	}

	.dfc-team-post-position p{
		line-height: 2.25rem;
	}

	.dfc-choose-icon > img{
		min-width: 9rem;
	}

	.dfc-choose-elt{
		width: calc(((100vw - 9rem) - (100vw - 100%)) / 3);
	}

	.dfc-choose-elt:nth-child(3n + 1),
	.dfc-choose-elt:nth-child(3n + 2) {
		margin-right: 4.5rem;
	}

	.dfc-team-post-elt{
		width: calc(((100vw - 9rem) - (100vw - 100%)) / 4);
	}
	
	.dfc-team-post-elt:last-of-type{
		padding-bottom: 4rem;
	}

	.dfc-team-post-elt:nth-child(4n + 1),
	.dfc-team-post-elt:nth-child(4n + 2),
	.dfc-team-post-elt:nth-child(4n + 3) {
		margin-right: 3rem;
	}

	.dfc-team-text p {
		font-size: 2.1rem;
		line-height: 3.5rem;
		margin-bottom: 2.5rem;
	}
	
	.dfc-team-post {
		padding-top: 15rem;
		padding-bottom: 3.5rem;
	}
	
	.dfc-team-post + .dfc-home-blog{
		padding: 10rem 0;
	}
	/* end page about*/

	/* page contact*/
	.dfc-office-lyon, .dfc-office-beijing {
		border-bottom: none;
		height: 100%;
		background-color: #FFF;
		align-items: center;
	}

	.dfc-office-beijing {
		margin-bottom: 12rem;
	}

	.dfc-office-beijing > .dfc-office-image{
		position: absolute;
	}

	.dfc-office-beijing > .dfc-office-text{
		background-color: #F8FAFF;
		border-left: 6px solid #A65DF5;
		position: relative;
		left: 100%;
		transform: translateX(calc(-100% - 8.33vw));
		padding: 6rem 0 6rem 8rem;
	}

	.office-wrap h4 {
		font-family: "GilroyBold", sans-serif;
		font-size: 3rem;
		line-height: 3.5rem;
		letter-spacing: 0;
		color: #A65DF5;
		padding: 0 0 1.8rem 0;
	}
	.office-wrap h3{
		font-size: 3.5rem;
		line-height: 4.5rem;
	}

	.office-wrap p{
		padding-top: 3.5rem;
		padding-bottom: 0;
		font-size: 2.1rem;
		line-height: 3.5rem;
		letter-spacing: 0;
	}

	.dfc-office-lyon{
		display: flex;
		flex-wrap: wrap;
		flex-direction: row-reverse;
		margin-bottom: 0;
	}

	.dfc-office-lyon > .dfc-office-image{
		position: relative;
	}

	.dfc-office-lyon > .dfc-office-text{
		background-color: #F8FAFF;
		border-right: 6px solid #A65DF5;
		position: absolute;
		right: 100%;
		transform: translateX(100%);
		text-align: end;
		padding: 6rem 8rem 6rem 0;
	}

	.step-icon > img {
		width: 8.33vw;
	}
	/* end page contact*/

	/* page knowledge */
	.knowledge-elt{
		display: flex;
		flex-direction: row;
		align-items: center;
		background-color: #F8FAFF;
		margin-bottom: 5rem;
	}

	.blog-elt{
		display: flex;
		flex-direction: column;
		align-items: center;
		background-color: #FFF;
		margin-bottom: 5rem;
	}

	.knlw-title-wrap,.knlw-title {
		font-size: 5rem;
		padding: 3.5rem 0 2.3rem 0;
		line-height: 5rem;
	}

	.knlw-title-wrap{
		padding-bottom: 11rem;
	}

	.single-dfcstudio-blog .knlw-title{
		font-size: 5rem;
		line-height: 5rem;
	}

	p.knlw-description {
		line-height: 3.5rem;
	}

	.knlw-form-title {
		padding: 8.5rem 0;
	}

	.knowledge-button .nav-item:first-of-type{
		justify-content: flex-end;
	}

	.knowledge-button .nav-item:last-of-type{
		justify-content: flex-start;
	}

	.knowledge-button .nav-item{
		padding: 0 1.5rem;
	}

	.dfc-blog-post-elt{
		width: calc(((100vw - 6rem) - (100vw - 100%)) / 3);
	}

	.dfc-blog-post-elt:nth-child(3n + 1),
	.dfc-blog-post-elt:nth-child(3n + 2) {
		margin-right: 3rem;
	}
	
	.blog-text-wrap {
		padding: 4rem 0 3rem 0;
	}

	.load-more {
		margin-top: 2rem;
	}

	/* end page knowledge */

	/* page career */
	.career-available{
		font-size: 6rem;
		font-weight: 400;
		padding: 11rem 0 8rem 0;
		text-transform: none !important;
	}

	.dfccareer-shadow {
		padding: 3.5rem 0;
		margin: 0 2rem 2rem 0;
		filter: drop-shadow(0px 0px 0.75rem #E5E5E5);
	}

	.career-duration {
		color: #596AEA;
		text-transform: uppercase;
		font-size: 1.7rem;
		font-weight: 400;
		text-align: center;
		padding: 0;
		margin: 3.5rem 0 2.5rem 0;
		line-height: unset;
	}
	.career-title {
		font-size: 3.2rem;
		padding: 0 1rem 5rem 1rem;
		letter-spacing: 0;
	}

	.dfcpres h2 {
		color: #05022B;
		font-size: 4rem;
		padding: 2rem 0;
	}

	.next-step .step-title {
		padding-bottom: 5rem;
	}

	.dfccareer-shadow:hover {
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.09);
	}


	.career-detail-wrap{
		display: flex;
	}

	.career-text p:first-of-type{
		white-space: nowrap;
		margin-bottom: 0;
		margin-right: 6rem;
	}

	.career-text p:last-of-type{
		white-space: nowrap;
		margin-top: 1.5rem;
		margin-bottom: 0;
	}

	.dfcpres {
		letter-spacing: unset;
		padding: 6vw 14vw 6vw 14vw;
		margin-bottom: 0;
	}

	.dfcpres p {
		padding-bottom: 4.5rem;
		font-size: 2rem;
		line-height: 4rem;
		text-transform: none;
		letter-spacing: 0.03125em;
	}

	/* end page career */
	.dfccontact-title {
		text-align: center;
	}

	/* case study */
	.dfc-bandeau {
		position: absolute;
		left: 0;
		bottom: 0;
		margin-bottom: 6rem;
	}

	.dfc-bandeau > h3 {
		text-align: left;
		margin-left: calc(3rem + 0.5vw);
		margin-bottom: 2rem;
	}

	.dfccase-tag {
		margin-top: 0;
		margin-left: 3rem;
		margin-right: 3rem;
		text-align: center;
		font-size: 50px;
	}

	.dfccase-tag > h6 {
		color: #DBE5EE;
		font-family: "GilroyLight", sans-serif;
		font-size: 2rem;
		margin-top: 0;
		margin-bottom: 1rem;
		margin-left: 0.5vw;
		margin-right: 0.5vw;
		text-transform: none;
		line-height: 2rem;
	}

	.dfccase-image-wrapper,
	.dfccase-wrapper {
		padding-left: 0;
		padding-right: 0;
		margin-right: auto;
		margin-left: auto;
	} 

	.dfccase-description {
		line-height: 45px;
		margin-top: 1.5rem;
		margin-bottom: 2rem;
	}

	.naviguer {
		padding: 7.5rem 0;
	}

	/* end case study */

	.dfc-family,
	.dfc-team {
		align-items: center;
	}

	/* navigation */

	.slide-join h5 span.join-after{
		display: none;
	}

	.slide-join h5 span.join-before{
		display: inline;
		margin-left: 8.33vw;
	}

	.slide-contact a {
		display: flex;
		justify-content: flex-end;
		padding-right: 8.33vw;
	}

	.bandeau-btn,
	.dfccontact-title{
		white-space: nowrap;
	}

	/* end navigation */

	/* page 404 */
	.dfc-404-bg {
		font-size: 400px;
	}

	.dfc-404-text {
		font-size: 50px;
	}

	.dfc-404-text > div{
		margin-bottom: 3rem;
	}

	.dfc-404-link {
		font-size: 25px;
	}
	/* end page 404 */

	/* logo header */
	#site-header .nav-toggle{
		width: auto;
	}

	/* logo header */

	.grid-container {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap
	}

	.item-service-wrapper {
		display: flex;
		flex-direction: row;
		margin: 0;
		padding: 0;
		margin-bottom: 5rem;
	}

	.dfc-watermark {
		background-image: url("https://dfc-studio.com/wp-content/uploads/2021/08/dfc-background.svg");
		background-repeat: no-repeat;
		background-position: center; 
		height:  242px;
		padding: 25px 0;
	}

	/* à intégrer dans le php ? */
	.footer-top-visible .footer-nav-widgets-wrapper{
		display: flex;
		justify-content: space-around;
	}

	.widget-image {
		height: 13rem;
		margin-right: 5rem;
		padding-bottom: 3rem;
	}

	.textwidget li {
		line-height: 5rem;
	}

	.item-image-wrapper {
		display: flex;
		margin: 0;
		padding: 0;
		justify-content: flex-end;
	}
	/*end a trier  */
	.dfccontact-title{
		line-height: 5rem;
		padding-bottom: 5rem;
	}

	#btn-to-top {
		display: inline-flex !important;
		position: sticky;
		/* display: none;
		position: fixed; */
		bottom: 10vw;
		right: 0px;
		z-index: 99;
		font-size: 16px;
		border: none;
		outline: none;
		background-color: transparent;
		color: #fff !important;
		cursor: pointer;
		padding: 0;
		border-radius: 4px;
		/* transform: rotate(0.25turn); */
		transform-origin: right;
		transform: translate(60vw, 0) rotate(90deg) ;
		width: auto;
		white-space: nowrap;
		align-items: flex-start;
		text-transform: none;
		transition: .5s;
	}

	#btn-to-top:hover {
		color: #F9D128 !important;
		text-decoration: none !important;
	}

	#btn-to-top svg  {
		fill: #FFF;
		margin-right: 1rem;
		transition: .5s;
		width: 25px;
		height: 25px;
	} 

	#btn-to-top:hover svg{
		fill: #F9D128 !important;
	}

	input[type="text"],
	input[type="email"],
	textarea{
		font-size: 2rem !important;
	}

	#acf-field_5fc741c82ce5d,
	#acf-field_5fc742102ce5e,
	#acf-field_5fc7429fc33b6,
	#acf-field_61443bbe1fe8f,
	#acf-field_61443bbe23bdd,
	#acf-field_635cd809ba6d8,
	#acf-field_635cd809ba70f,
	#acf-field_635cd887589db,
	#acf-field_635cd88758a13{
		height: 40px;
		font-size: 2rem;
	}

	.blog-author-wrap{
		padding: 0 8.33vw;
	}
	/* single-blog */


	.blog-author-wrap-col{
		padding-top: 5rem;
	}

	.blog-content-wrap img,
	.blog-content {
		padding-top: 6rem;
	}

	.blog-content:first-child{
		padding-top: 10rem !important;
	}

	.blog-subtitle{
		padding-top: 6rem;
		font-size: 4rem;
	}

	.blog-wrap{
		display: flex;
		padding-left: 8.33vw;
		padding-right: 8.33vw;
	}
	/*
	.blog-author-col{
		flex-direction: column;
	}
	*/
	.blog-author{
		padding: 3.5rem 0;
		border-radius: 3.9rem
	}

	.author-img{
		border-width: 2px;
	}

	.blog-author-col-text{
		margin-top: 1.5rem;
	}
	
	.dfc-author-bio{
		padding-bottom: 0.5rem;
	}

	.blog-author .dfc-author-bio p{
		font-size: 2rem;
		line-height: 3rem;
		padding: 0 5vw;
	}

	/* Single page blog*/
	.blog-content-wrap2{
		padding: 2rem 0 5rem 0;
	}

	/* TODO Delete if ok	 */
	/* .blog-content-wrap2 p{
	font-size: 2.5rem;
	line-height: 4.5rem;
	margin-left: 0;
	margin-right: 0;
} */
	

	.dfcblog-presentation-body p,
	.blog-content-wrap2 p{
		font-size: 2.3rem;
		line-height: 3.4rem;
		margin-left: 0;
		margin-right: 0;
		padding-top: 0;
		padding-bottom: 2.3rem;
	}

	.blog-content-wrap2 p:first-of-type{
		padding-top: 0;	
	}
	
	.dfcblog-presentation-body p:last-of-type{
		padding-bottom: 10rem;
	}

	/* TODO Delete if ok	 */
	/* .blog-content-wrap2 h2{
	font-size: 4rem;
	line-height: 4.5rem;
	margin-left: 0;
	margin-right: 0;
}
	*/
		
	.dfcblog-presentation-title h2,
	.blog-content-wrap2 h2{
		font-size: 4rem;
		line-height: 4.5rem;
		padding-top: 5rem;
		margin-left: 0;
		margin-right: 0;
	}
	
	
	.blog-content-wrap2 h2:first-child{
		padding-top: 5rem;
	}
	
	.dfcblog-presentation-title h2{
		padding: 10rem 0 5rem;
	}

	.blog-content-wrap2 img{
		margin: 0;
	}
		/*
		.dfcblog-presentation-text {
		width: 60%;
		padding-left: 8.33vw;
	}

		.dfcblog-presentation-image{
		position: relative;
		width: 35%;
	}

		.dfcblog-presentation-image img{
		position: absolute;
		top: 0;
		bottom: 0;
		height: 100%;
		width: 100%;
		object-fit: contain;
	}
		*/
	/* TODO Delete if ok	 */
	/* .blog-content-wrap2 h1{
	margin-left: 0;
	margin-right: 0;
}

	.blog-content2 h3{
	margin-left: 0;
	margin-right: 0;
}
	*/

	.blog-content2 h3{
		font-size: 3.5rem;
		line-height: 3.6rem;
		padding-top: 4rem;
		margin-left: 0;
		margin-right: 0;
	}
	
	.blog-content2 h3 a{
		font-size: 3.5rem;
		line-height: 3.6rem;
	}

	.blog-content2 h4{
		font-size: 3rem;
		line-height: 3.2rem;
		padding-top: 2.3rem;
		margin-left: 0;
		margin-right: 0;
	}
	
	.blog-content2 h4 a{
		font-size: 3rem;
		line-height: 3.2rem;
	}

	.blog-content2 h5{
		font-size: 2.3rem;
		line-height: 2.5rem;
		padding-top: 1.5rem;
		margin-left: 0;
		margin-right: 0;
	}
	
	.blog-content2 h5 a{
		font-size: 2.3rem;
		line-height: 2.5rem;
	}

	.blog-content-wrap2 li {
		font-size: 2.3rem;
		line-height: 3.5rem;
		margin-left: 0;
		margin-right: 0;
		padding-top: 1.5rem;
	}

	/* End single page blog*/
	/* end single-blog */



	/* Test */	

	a.blog-elt h2{
		font-size: 2rem
	}

	/* DFC service */



	.dfc-service-presentation{
		margin-top: 7.5rem;
		margin-bottom: 5rem;
	}

	.dfc-service-presentation-title{
		display: flex;
		flex-direction: column;3
		align-content: center;
		justify-content: center;
	}

	.dfc-service-presentation h1 {
        font-size: 2.1rem;
        line-height: 2.7rem;
        margin: 3rem 0 3rem;
        border-radius: 3rem;
    }
	
	.dfc-service-presentation h2{
		font-size: 4.4vw;
		line-height: 5vw;
		padding-bottom: 2.5rem;
	}

	.dfc-service-presentation p{
		width: 75%;
		font-size: 2.1rem;
		line-height: 2.6rem;
		padding-bottom: 5rem;
	}
	
	.dfc-service-presentation-image{
		height: fit-content;
	}

	.dfc-service-intro{
		padding: 10rem 0;
	}

	.dfc-service-intro p{
		font-size: 3.3rem;
		line-height: 2.8vw;
		text-align: center;
	}

	.dfc-service-grey,
	.dfc-service-white{
		padding: 12rem 0;
	}

	.dfc-service-grey .dfc-service-content{
		padding-right: 4.1vw;
	}

	.dfc-service-grey .dfc-service-image{
		padding-left: 4.1vw;
		/* display: flex; */
	}

	.dfc-service-image img {
		align-items: center;
		width:auto;
	}

	.dfc-service-white div:first-of-type{
		flex-direction: row-reverse;
	}

	.dfc-service-white .dfc-service-content{
		padding-left: 4.1vw;
	}

	.dfc-service-white .dfc-service-image{
		padding-right: 4.1vw;
	}

	.dfc-service-content h2,
	.dfc-service-content h1{
		font-size: 4rem;
		line-height: 3vw;
		padding-bottom: 3.2rem;
	}

	.dfc-service-content p{
		font-size:2.1rem;
		line-height: 2.7rem;
		padding-top: 3rem;
	}

	.dfc-service-content ul{
		padding-top: 3rem;
		padding-bottom: 3rem;
	}

	.dfc-service-content li{
		font-size: 2.3rem;
		line-height: 3.4rem;
	}

	.dfc-service-grey button,
	.dfc-service-white button{
		font-family: "GilroyBold", sans-serif;
		font-size: 1.1vw;
		color: white;
		background-color: #596AEA;
		padding: 1.5rem 2.5rem;
		border-radius: 5px;
	}

	.wrap-hubspot-knowledge,
	.wrap-hubspot-newsletter{
		background-color: white;
		padding: 10rem 0;
	}

	.wrap-hubspot-contact h2,
	.wrap-hubspot-blog-contact h2{
		font-size: 2.6vw;
		line-height: 3.6vw;
		padding-bottom:9rem
	}

	/* fin DFC service */

	/* WP contact */

	.knowledge-form,
	.knowledge-cpt-form{
		display: flex
	}

	.knowledge-form{
		align-items: center;
	}

	.wp-image{
		display: flex;
		height: 100%;
		align-items: center;
		justify-content: center;
  }

	/*
	.wp-image img,
	.newsletter-image img{
	padding: 6.25vw 3.125vw 6.25vw 6.25vw;
}
	*/

	.wp-contact-text{
		padding: 5rem 2rem 0 2rem;
	}

	.hubspot-wp-form{
		padding: 3rem 2rem 0 2rem;
	}

	.wp-contact-text p{
		font-size: 2vw;
		line-height: 2.4vw;
		color: #0D0B35;
		text-align: center;
		padding: 0;
	}

	.newsletter-text p{
		font-size: 2.3vw;
		line-height: 2.8vw;
		color: #0D0B35;
		text-align: center;
		padding: 0;
	}

	/* fin WP contact */

	/* Slide btn */
	.service a{
		text-decoration: none;
	}

	.dfc-slide-btn {
		display: flex !important;
		position: relative;
		transition: all .2s ease;
		width: fit-content;
	}

	.dfc-slide-btn:before {
		content: "";
		position: absolute;
		right: 0;
		display: block;
		border-radius: 1.75vw 1.75vw;
		background: #596AEA;
		width: 1.75vw;
		height: 1.75vw;
		transition: all .3s ease;
	}

	.wrap-text{
		width: calc(100% + 1.75vw);
	}

	.dfc-slide-btn span {
		position: relative;
		font-family: "GilroyBold", sans-serif;
		font-size: 1.8rem;
		line-height: 1.3rem;
		color: #596AEA;
		vertical-align: middle;
		transition: all .3s ease;
		margin-right: 1.75vw;
	}

	.dfc-slide-btn svg {
		position: relative;
		right: 0.65vw;
		fill: none;
		stroke-linecap: round;
		stroke-linejoin: round;
		stroke: #FFF;
		stroke-width: 2;
		transition: all .3s ease;
		width:0.5vw;
	}

	.dfc-slide-btn:hover:before {
		width: 110%;
		background: #596AEA;
	}

	.dfc-slide-btn:hover span {
		color: #FFF;
	}

	.dfc-slide-btn:active {
		transform: scale(0.96);
	}

	.dfc-service-white .wrap-text{
		flex-direction: row !important;
	}

	.dfc-yellow{
		background-color: transparent;
		padding: 0
	}

	.dfc-yellow .wrap-text{
		width: calc(100% + 3vw);
	}

	.dfc-yellow span {
		color: #F9D128;
		font-size: 2rem;
		line-height: 2.6vw;
		margin-right: 2vw;
	}

	.dfc-yellow svg {
		display: inline-flex;
		right: 0.75vw;
		width: 1vw
	}

	.dfc-yellow:before,
	.dfc-yellow:hover:before {
		background: #F9D128;
	}

	.dfc-yellow:before{
		border-radius: 2.5vw 2.5vw;
		width: 2.5vw;
		height: 2.5vw;
	}

	.dfc-home-yellow{
	font-family: "GilroyBold", sans-serif;
	font-size: 1.8rem;
	background-color: transparent;
	padding: 0;
	border-radius: 5px;
	width: fit-content;
	text-decoration: none
	}

	.dfc-home-yellow .wrap-text{
		width: calc(100% + 3vw);
	}

	.dfc-home-yellow span {
		color: #F9D128;
		font-size: 2rem;
		line-height: 2.6vw;
		margin-right: 2vw;
	}

	.dfc-home-yellow svg {
		display: inline-flex;
		right: 0.75vw;
		width: 1vw
	}

	.dfc-home-yellow:before,
	.dfc-home-yellow:hover:before {
		background: #F9D128;
	}

	.dfc-home-yellow:before{
		border-radius: 2.5vw 2.5vw;
		width: 2.5vw;
		height: 2.5vw;
	}
	/*fin Slide service */

	/* page contact */

	.dfc-contact{
		padding-top: 10rem;
		padding-bottom: 15rem;
	}


	.dfc-contact-title{
		font-size: 2vw;
		line-height: 2vw;
	}

	.dfc-contact-subtitle{

		font-size: 3rem;
		line-height: 4rem;

	}


	.dfc-contact-city h3{
		font-family: "GilroyBold", sans-serif;
		font-size: 3rem;
		line-height: 3.5rem;
		letter-spacing: 1.5px;
		color: #0D0B35;
		padding-bottom: 1.5rem;
	}

	.dfc-contact-address p{
		font-family: "GilroyRegular", sans-serif;
		font-size: 1.8rem;
		line-height: 2.5rem;
		color: #0D0B35;
	}

	.dfc-contact-text-wrap {
		max-width: 50%;
	}

	.dfc-contact-wrap-right{
		padding-right: 4.165vw
	}

	.dfc-contact-wrap-left{
		padding-left: 4.165vw
	}

	.contact-image{
		padding-bottom: 0;
		padding-top: 6rem;
	}

	.newsletter-form-contact{
		padding: 10rem 0;
	}

	.newsletter-image img {
		padding: 0;
	}

	.newsletter-form{
		align-items: center;	
	}

	.hubspot-newsletter-form{
		padding-top: 4rem;
	}

	/* fin page contact */
	/* TOC blog */

	.blog-desktop-toc{
		position: sticky;
		top: 0;
	}

	.blog-content2 .lwptoc{
		display: none;
	}

	.blog-author-col{
		display: block;
		padding-top: 0;
	}
	
	.blog-author-col-text{
		margin-left: 0;
	}

	.blog-desktop-toc {
		padding-right: 1.5rem;
	}

	.blog-desktop-toc .lwptoc_i {
		padding: 0;
	}

	.lwptoc{
		padding: 0;
	}

	.lwptoc_header{
		margin: 0 !important;
		padding-top: 9rem;
		padding-bottom: 1.5rem;
		font-size: 3.5rem;
		line-height: 4.5rem;
	}

	.lwptoc_item a{
		font-size: 2rem;
		line-height: 2.3rem;
		margin: 0;
	}


	/* fin TOC blog */

	.blog-author-wrap + .wrap-hubspot-knowledge{
		padding: 9rem 8.33vw;
	}

	.blog-last-posts + .wrap-hubspot-contact{
		padding: 10rem 0;
	}

	.blog-last-posts{
		padding-bottom: 9rem;
	}

	.blog-last-posts .dfc-team-post-elt,
	.blog-last-posts .dfc-team-post-elt .blog-elt,
	.blog-last-posts .dfc-team-post-elt .blog-elt .blog-text-wrap,
	.blog-last-posts .dfc-team-post-elt .blog-elt .blog-text-wrap .knowledge-title{
		padding-bottom: 0;
		margin-bottom: 0;
	}

	.knowledge-img.blog-img img{
		border-radius: 2rem;
	}
	/* pagination */
	.wp-pagenavi {
		justify-content: center;
	}

	.wp-pagenavi span,
	.wp-pagenavi a {
		margin: 0 1rem;
	}

	/* Fin pagination */

	.article-list .knowledge-list{
		padding-bottom: 15rem;
	}

	/*

	.article-list  .knowledge-elt{
	background: #FFFFFF;
}

	.article-list  .knowledge-text-wrap{
	background-color: #F8FAFF;
	display: flex;
	align-items: center;
}
	*/
	.knowledge-img img {
		border-radius: 4rem 0 0 4rem;
	}
	/* Page Learn */
	.blog-wrapper.wp-list {
		padding-top: 12rem;
	}

	.knowledge-list-blog {
		padding-top: 10rem;
	}

	.wp-list .dfc-blog-post-elt{
		margin-right: 3rem;
	}

	.wp-list .dfc-blog-post-elt:last-of-type{
		margin-right:0;
	}

	.article-list .knowledge-elt,
	.wp-list .knowledge-elt{
		background: #FFFFFF;
		align-items:normal;
	}

	.article-list .knowledge-text-wrap,
	.wp-list .knowledge-text-wrap {
		padding: 0;
	}

	.article-list .knowledge-text,
	.wp-list .knowledge-text {
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.article-list .knowledge-text-wrap {
		background-color: #F8FAFF;
	}

	/* Fin page Learn */

	/* CSS pour le ruban client */
	.slider-clients {
		animation: scroll 40s linear infinite;
		display: flex;
		width: calc(25rem * 14);
	}

	.slide-clients {
		width: 25rem;
		margin-right: -1rem;
	}
	/* Fin CSS pour le ruban client */

	/* carousel */
	.carousel-inner .carousel-item>div {
		display: block;
		/* width: 25vw; */
	}

	.carousel-inner .carousel-item>div:first-child {
		display: block;
	}

	.carousel-inner .carousel-item-end.active,
	.carousel-inner .carousel-item-next {
		transform: translateX(calc(25%));
	}

	.carousel-inner .carousel-item-start.active,
	.carousel-inner .carousel-item-prev {
		transform: translateX(calc(-25%));
	}

	.carousel-item .carousel-elt {
		margin-left: 0;
	}

	.carousel-inner .carousel-item-end,
	.carousel-inner .carousel-item-start {
		transform: translateX(0);
	}

	.singular-block div.dfc-expertise {
		padding-bottom: 10rem;
	}

	.dfc-carousel .dfc-hovering-wrap {
		height: auto;
	}

	.dfc-carousel button {
		margin: auto 3rem;
		opacity: 0.5;
	}

	.dfc-carousel button svg {
		height: 6.3rem;
		width: 6.3rem;
	}

	.slide-clients img {
		height: 16rem;
		width: auto;
	}

	/* fin carousel */

	.dfc-home-blog .dfc-blog-post-elt{
		margin-right: 3rem;
	}
	.dfc-home-blog .dfc-blog-post-elt:last-of-type{
		margin-right: 0;
	}
	
	/* terms & conditions */
	.dfc-terms-wrap {
		padding: 10rem 0;
	}

	.dfc-terms-conditions h2 {
		font-size: 4rem;
    	line-height: 4.5rem;
		padding-bottom: 5rem;
	}
	
	.dfc-terms-conditions p {
		font-size: 2.3rem;
    	line-height: 3.4rem;
		padding-bottom: 2.3rem;
	}
	
	/* fin termes & conditions */
	
	/* FAQ */
	
	.faq-image{
		width: 16rem;
	}

	.dfc-faq-wrap {
		padding: 10rem 0;
	}

	.dfc-faq-title {
		font-size: 5rem;
		line-height: 7rem;
		padding: 3rem 0 6rem 0
	}

	.dfc-faq-accordion button {
		padding: 2.5rem 0;
		font-size: 2.5rem;
		line-height: 3.5rem;
	}

	.dfc-faq-answer {
		font-size: 2.2rem;
		line-height: 3rem;
		padding-bottom: 3rem;
	}


	/* END FAQ */
	.dfc-breadcrump{
		margin-left: auto !important;
		margin-right: auto !important;
	}
	
	.dfc-breadcrump a,
	.dfc-breadcrump span {
		line-height: 3.5rem;
		text-align: center;
	}
	
	.btn-services {
		display: flex;
		justify-content: center;
		padding-top: 6rem;
	}

	.dfc-services h2,
    .service-single .read-also,
    .service-single .dfc-faq-title {
        font-size: 2.6vw;
        line-height: 3.6vw;
    }
    
    .service-single .dfc-slide-btn span{
        font-size: 2rem;
    }

    .page-service-title h2 {
        font-size: 2.6vw;
        line-height: 3.6vw;	
        padding-bottom: 9rem;
    }

    .blog-page-service h2 {
        font-size: 2.6vw;
        line-height: 3.6vw;
    }

	.page-about .dfc-home-blog h3{
		font-size: 2.6vw;
    	line-height: 3.6vw;
	}
}

@media (min-width: 992px) {


    .dfc-engagement-image {
        padding-bottom: 0;
    }

    .dfc-engagement-image img {
        border-radius: 65px;
        width: 66%;
        object-fit: contain;
        display: block;
        margin: 0 auto;
    }

    .dfc-engagement-presentation-text{
        display: flex;
        flex-direction: column;
        justify-content: center;

    }

    .dfc-engagement-citation p {
        font-size: 3.5rem;
        line-height: 4.5rem;
    }

    .dfc-engagement-position {
        font-size: 2vw;
        line-height: 3.25vw;
    }

    .dfc-engagement-seniority {
        font-size: 1.6vw;
    }
    
    .dfc-engagement h2 {
        font-size: 2.6vw;
        line-height: 3.6vw;
    }

    .dfc-engagement-elt-wrap {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 30px 0;
    }

    .dfc-engagement-elt-wrap>div:nth-child(3n+1) {
        padding-right: 20px;
    }

    .dfc-engagement-elt-wrap>div:nth-child(3n+2) {
        padding: 0 10px;
    }

    .dfc-engagement-elt-wrap>div:nth-child(3n+3) {
        padding-left: 20px;
    }

    .dfc-engagement-elt {
        border-radius: 65px;
        padding: 5rem;
        height: 100%;
    }

    .dfc-engagement-elt-icon {
        font-size: 4.5rem;
    }

    .dfc-engagement-elt-title {
        font-size: 2vw;
        line-height: 2.4vw;
        padding: 1vw 0;
    }

    .dfc-engagement-elt-content {
        font-family: "GilroyLight", sans-serif;
        font-size: 2.2rem;
        line-height: 3rem;
    }

    .service-mgt-wrapper .service-mgt-elt:nth-child(3n+1) .service-mgt-elt-wrp {
        padding-right: 20px;
    }

    .service-mgt-wrapper .service-mgt-elt:nth-child(3n+2) .service-mgt-elt-wrp {
        padding-left: 10px;
        padding-right: 10px;
    }

    .service-mgt-wrapper .service-mgt-elt:nth-child(3n+3) .service-mgt-elt-wrp {
        padding-left: 20px;
    }

    .service-mgt-wrapper a {
        padding: 5rem;
    }

    .service-mgt-title {
        font-size: 2vw;
        line-height: 2.4vw;
        padding: 1vw 0;
    }

    .service-mgt-content {
        font-family: "GilroyLight", sans-serif;
        font-size: 2.2rem;
        line-height: 3rem;
    }
    
    .dfc-engagement-elt-icon {
        font-size: 4.5rem;
    }

}

@media ( min-width: 1000px ) { 

	a.blog-elt h2{
		font-size: 2.5rem
	}

	/* modal */
	.mobile-nav-toggle {
		display: none !important;
	}

	.menu-modal {
		display: none !important;
	}

	/* fin modal */

	/* navbar */
	.header-navigation-wrapper {
		align-items: center;
		display: flex;
	}

	#site-header ul.primary-menu {
		display: flex;
		align-items: center;
	}

	#site-header ul.primary-menu>li {
		margin: 0;
		margin-left: 2.4rem;
		padding: 1.5rem 0;
	}

	#site-header #menu-item-wpml-ls-2-fr {
		margin-left: 5px;
	}

	#site-header ul.primary-menu>li a {
		font-family: "GilroyRegular", sans-serif;
		font-size: 2.2rem;
		color: #DBE5EE;
		text-decoration: none !important;
	}

	#site-header ul.primary-menu>li span {
		color: #DBE5EE;
	}
	
	#site-header ul.primary-menu>li a:hover,
	#site-header ul.primary-menu>li a:hover+span {
		color: #F9D128 !important;
		transition: none;
	}
	
	#site-header ul.sub-menu:before,
	#site-header ul.sub-menu:after {
		display: none;
	}

	#site-header ul.sub-menu {
		/*left: 0;*/
		background: #DBE5EE;
		border-radius: 1.4rem;
		padding: 2.5rem 1rem 2.5rem 1rem;
		width: fit-content;
	}

	#site-header ul.sub-menu>li {
		padding-top: 2rem;
		width: fit-content;
		white-space:nowrap;
	}

	#site-header ul.sub-menu>li:first-of-type {
		padding-top: 0
	}

	#site-header ul.sub-menu>li>a {
		color: #0D0B35;
		padding: 0.7rem 1.5rem;
		border-radius: 1rem;
	}

	#site-header ul.sub-menu>li>a:hover {
		background: #F9D128;
		border-radius: 1rem;
		color: #0D0B35 !important;
		transition: none;
	}
	
	#site-header .wpml-ls-menu-item {
		opacity: 0.4;
	}

	#site-header .wpml-ls-menu-item.wpml-ls-current-language {
		opacity: 1;
}

	/* fin navbar */

	/* footer */
	
	.footer-menu li{
		margin-left: 0;
		margin-top: 0;
	}

	#dfc-footer-menu {
		display: flex;
		margin-top: 9rem;
	}

	#dfc-footer-menu>.footer-inner.section-inner {
		width: 100%;
		margin: 0 8.33vw;
		max-width: 100%;
		padding: 0;
	}

	#dfc-footer-menu .footer-top {
		padding: 0 0 9rem 0;
		display: flex;
		align-items: last baseline;
		border-bottom: 1px solid rgba(222, 223, 223, 0.7);

	}

	#dfc-footer-menu nav.footer-menu-wrapper {
		/* modif
		width: 100%;
		*/
	}

	#dfc-footer-menu nav.footer-menu-wrapper ul.footer-menu {
		margin: 0;
		display: flex;
		align-items: center;
		/* modif
		justify-content: space-between;
		*/
	}

	#dfc-footer-menu nav.footer-menu-wrapper ul.footer-menu li ul.sub-menu li {
		margin: 0;
	}

	/*
	#dfc-footer-menu nav.footer-menu-wrapper ul.footer-menu li:first-of-type {
		width: auto !important;
	}
	*/

	#dfc-footer-menu nav.footer-menu-wrapper ul.footer-menu li:first-of-type img {
		height: auto;
		width: 19rem;
	}

	#dfc-footer-menu nav.footer-menu-wrapper ul.footer-menu li>a {
		font-family: "GilroyLight", sans-serif;
		font-size: 2.2rem;
		line-height: 4.4rem;
		color: #596AEA;
		text-decoration: none !important;
	}

	#dfc-footer-menu nav.footer-menu-wrapper ul.footer-menu li li a {
		font-family: "GilroyRegular", sans-serif;
		font-size: 2.5rem;
		line-height: 4.4rem;
		color: #FFFFFF;
	}


	#dfc-footer-menu nav.footer-social-wrapper {
		flex: none;
		margin-left: 0;
		/* modif
		margin-left: 16vw;
		*/
	}

	#dfc-footer-menu nav.footer-social-wrapper ul.social-menu {
		width: fit-content;
	}

	#dfc-footer-menu nav.footer-social-wrapper ul.social-menu li {
		margin: 0;
	}

	#dfc-footer-menu nav.footer-social-wrapper ul.social-menu li:last-of-type {
		margin-left: 2rem;
	}

	#dfc-footer-menu nav.footer-social-wrapper ul.social-menu li a {
		background: none;
	}

	#site-footer .section-inner {
		justify-content: space-between;
		max-width: 100%;
		margin: 0;
		padding: 0 8.33vw;
		width: 100%;
	}
	
	#dfc-footer-logo,
	.footer-services,
	.footer-discover{
		margin-right: 8.33vw !important;
	}

	.wpml-ls-item {
		height: auto !important;
		width: auto !important;
	}

	.footer-menu  ul.sub-menu a:hover {
		color: #F9D128 !important;
	}
	
	.footer-menu li.no-link>a{
		pointer-events: none;
		cursor: default;
	}
	
	#site-header ul.primary-menu>li.menu-item-has-children:hover >ul.sub-menu{
		right: auto;
		top:100%;
	}
	
	img.wpml-ls-flag {
		height: 28px!important;
		width: 28px!important;
	}
	
	.dfcblog-presentation {
		padding: 0 8.33vw;
	}
	
	.dfcblog-presentation-text {
		/* padding-left: 0; */
	}

	.dfcblog-presentation-image{
		position: relative;
	}

	.dfcblog-presentation-image img{
		position: absolute;
		top: 0;
		bottom: 0;
		height: 100%;
		width: 100%;
		object-fit: contain;
	}
	
	.footer-services,
	.footer-discover,
	.footer-connect{
		margin-bottom: auto !important;
	}
}


@media ( min-width: 1300px ) { 

	a.blog-elt h2{
		font-size: 3.5rem
	}

}

@media (min-width: 1340px) {

	#site-header ul.primary-menu>li {
		margin: 0;
		margin-left: 7rem;
	}

	#site-header #menu-item-wpml-ls-2-fr {
		margin-left: 2.6rem;
	}

}


.blog-content2 img.alignleft,
.blog-content2 img.alignright{
	max-width: 100% !important;
}


.blog-content2 img.aligncenter{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

@media ( max-width: 768px ) { 

	/* Language mobile */
	.language-block{
		width: 100%;
		/* justify-content: unset; */
	}

	/* End Language mobile */
}