/*
Theme Name: Chauffage Racine (ACF)
Theme URI: https://chauffageracine.com
Author: Chauffage Racine
Description: Theme personnalisé pour Chauffage Racine, avec champs ACF intégrés pour tous les contenus de page et les réglages globaux.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: chauffage-racine
*/

:root {
	--black: #000000;
	--white: #ffffff;
	--thm-orng: #EA621F;
	--thm-lite: #E8E1D9;
}

*{
	margin: 0;
	padding: 0;
	font-family: "Poppins-Regular", sans-serif;
}
body{
	background-color: #E8E1D9;
	position: relative;
	opacity: 0;
    transition: opacity 1s ease-in-out;
}
body.loaded {
    opacity: 1;
}
body.show_overlay{
	overflow-y: hidden;
}
section{
	padding-left: 20px;
	padding-right: 20px;
}
.div_container{
	max-width: 1400px;
	margin: 0 auto;
}
a{
	color: var(--black);
	text-decoration: none;
}
.txt_white a{
	color: var(--white);
}
hr{
	border: none;
	border-top: 2px solid var(--black);
}

.no-transition .sec_menu_popup {
	transition: none !important; /* Disable transition */
}

header{
	position: sticky;
	/*	position: absolute;*/
	top: 0;
	left: 0;
	width: 100%;
	height: 80px;
	margin-bottom: -80px;
	z-index: 1000;
}
header > div{
	display: flex;
	justify-content: end;
	align-items: center;
	
	max-width: 1400px;
	margin: 0 auto;
	height: 100%;
}
#mob_header{
	transition: top 0.5s;
}
.header_lite_color > div{
	justify-content: space-between;
}
header ul{
	list-style: none;
	display: flex;
	gap: 40px;
}
header ul li{
	position: relative;
	cursor: pointer;
	display: flex;
	align-items: center;
}
header ul li a{
	font-size: 20px;
	font-weight: 600;
	padding: 10px;
}
.header_lite_color{
	background-color: var(--thm-lite);
	border-bottom: 2px solid var(--black);
	margin-bottom: 0;
	padding: 0 20px;
	width: calc(100% - 40px);
}
.header_lite_color ul li a{
	color: var(--black);
	text-shadow: none;
}
header a, header img, header svg,
.menu_popup_top a, .menu_popup_top img, .menu_popup_top svg{
	display: block;
}

/* .sec_banner_home{
	height: 100vh;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	
	padding: 0;
	position: relative;
}
.div_banner_home svg{
	width: 100%;
} */
.div_banner_logo{
	width: calc(100% - 80px);
	max-width: 1400px;
	text-align: center;
	position: absolute;
	bottom: 10%;
	left: 50%;
	transform: translateX(-50%);
}

.div_banner_logo svg{
	width:100%;
}

.kerning_animation {
	overflow: hidden; /* Prevent text overflow during animation */
	display: inline-block; /* To apply spacing animations correctly */
}

.sec_banner_home {
    position: relative;
    height: 100vh; /* Adjust as needed */
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
	padding:0;
}

.parallax-container {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ensures the image doesn't show outside this container */
}

.parallax-image {
    position: absolute;
    width: 100%; /* Full width for responsive design */
    height: 140%;
	object-fit: cover;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
	z-index: -1;
}

.sec_propos_home .parallax-container,
.sec_votre_projet .parallax-container {
	height:884px;
	margin-left:-20px;
}

.slidingup_animation {
	display: inline-block;
	/* transform: translateY(100%); */
  }

/* .div_banner_logo svg, */
.div_banner_logo h1 {
	opacity: 0;
}

.div_banner_home .banner_logo{
	width: 100%;
}
.div_banner_home h1{
	color: var(--white);
	font-size: 60px;
	font-weight: 400;
	margin-top: 20px;
}

.div_notre_approche{
	padding: 80px 0;
}
.div_notre_approche h5{
	font-size: 20px;
	font-weight: 600;
}
.div_notre_approche .div_cols2{
	display: flex;
	justify-content: space-between;
	gap: 50px;
	margin-top: 40px;
}
.div_notre_approche .div_cols2 h3, 
.div_notre_approche .div_cols2 > div{
	flex: 1;
}
.div_notre_approche h3{
	font-size: 40px;
	font-weight: 400;
}
.div_notre_approche p{
	font-size: 24px;
	padding-right: 20px;
}
.div_notre_approche a{
	font-size: 20px;
	font-weight: 600;
	padding: 20px 40px;
	display: inline-block;
	border-radius: 50px;
	margin-top: 40px;
}

.brown_button {
	border: 2px solid var(--black)!important;
	color:black!important;
	background-color:transparent!important;
}

.orange_button_inverse {
	transition: background-color 0.3s ease, color 0.3s ease, border 0.3s ease;
}

.orange_button_inverse:hover {
	color: var(--white)!important;
	background-color: var(--thm-orng)!important;
	border: 2px solid var(--thm-orng)!important;
}

.white_button_inverse {
	transition: background-color 0.3s ease, color 0.3s ease, border 0.3s ease;
}

.white_button_inverse:hover {
	color: var(--thm-orng);
	background-color: var(--white);
	border: 2px solid var(--white)!important;
}

.animation_bounce {
	transition: transform 0.2s ease-in-out;
}

.animation_bounce:hover {
	transform: scale(1.1);
}



.brown_button_inverse {
	border: 2px solid var(--black);
	color:black;
	background-color:transparent;
	transition: background-color 0.3s ease, color 0.3s ease;
}

.brown_button_inverse:hover {
	color:rgb(232, 225, 217);
	background-color:var(--black);
}

.green_button_inverse {
	transition: background-color 0.3s ease, color 0.3s ease;
}

.green_button_inverse:hover {
	color:#165126;;
	background-color:rgb(232, 225, 217);
}

.orangeblack_button_inverse {
	background-color:transparent;
	transition: background-color 0.3s ease, color 0.3s ease;
}

.orangeblack_button_inverse:hover {
	color: var(--thm-orng);
	background-color: var(--black);
}

.beige_button_inverse {
	border: 3px solid var(--black);
	color:black;
	background-color:transparent;
	transition: background-color 0.3s ease, color 0.3s ease;
}

.beige_button_inverse:hover {
	color: var(--white);
	background-color:var(--black);
}

.div_projects_home{
	padding: 20px 0;
	
}
.div_projects_home .div_project{
	position: relative;
	margin-bottom: 20px;
	border-radius: 25px;
    overflow: hidden;
	max-height: 100vh;
}
.div_projects_home .div_project ul{
	list-style: none;
	position: absolute;
	top: 40px;
	left: 50px;
	display: flex;
	gap: 40px;
	z-index: 2;
}
.div_projects_home .div_project li{
	color: var(--thm-lite);
	padding: 10px 20px;
	font-size: 20px;
	font-weight: 600;
}
.div_projects_home .div_project li a{
	color: var(--thm-lite);
}
.div_projects_home .div_project li.projet_tag{
	border: 2px solid var(--thm-lite);
	border-radius: 30px;
}
.div_projects_home .div_project img{
	width: 100%;
    object-fit: cover;
	background: #D9D9D9;
	mix-blend-mode: multiply;
	/* transform: scale(1.2); */
}

.div_project .sliding_up_animation_container {
	position: absolute;
	left: 50px;
	bottom: 70px;
	width: 80%;
	overflow: hidden;
}

.div_projects_home .div_project h2{
	font-size: 90px;
	font-weight: 400;
	line-height: 1.2;
	color: #E8E1D9;
}
.div_projects_home .div_project h2 a{
	color: var(--thm-lite);
}

.sliding_up_animation_container {
	overflow: hidden; /* Prevent container overflow */
}
  

.slidingup_animation {
font-size: 3rem;
line-height: 1.2;
margin: 0;
white-space: normal; /* Allow text wrapping */
}

.word-wrapper {
display: inline-block; /* Treat each word as an inline block */
overflow: hidden; /* Ensure the animation does not overflow the wrapper */
}

.word {
display: inline-block;
transform: translateY(100%); /* Start hidden below */
}

.div_btn_voir_plus{
	text-align: center;
	display: flex;
    justify-content: center;
}
.div_btn_voir_plus .btn_voir_plus{
	font-size: 40px;
	border: 2px solid var(--black);
	border-radius: 44px;
	display: inline-block;
	margin-top: 40px;
	width: 430px;
	height: 88px;
	display: flex;
    justify-content: center;
    align-items: center;
}
.sec_votre_projet{
	padding-top: 50px;
	padding-bottom: 50px;
}
.div_votre_projet{
	max-width: 1240px;
	margin: 0 auto;
	padding: 40px 20px;
	background-color: var(--white);
	border-radius: 25px;
	
	display: flex;
	gap: 30px;
	/*	align-items: center;*/
}
.div_votre_projet h3, .div_votre_projet > div{
	flex: 1;
}
.div_votre_projet h3{
	font-size: 60px;
	font-weight: normal;
	line-height: 1.2;
}
.div_votre_projet p{
	font-size: 24px;
	max-width: 500px;
}
.div_votre_projet a{
	font-size: 20px;
	font-weight: 600;
	display: inline-block;
	border: 2px solid var(--black);
	border-radius: 40px;
	padding: 20px 40px;
	margin-top: 40px;
}

.sec_nos_serv_home{
	padding: 0;
}
.div_nos_serv_home{}
.div_nos_serv_home hr{
	border-top: 2px solid var(--black);
}

.div_nos_serv_home .nos_service ul {
	margin-top:25px;
}

.div_nos_serv_home .nos_service li {
	list-style:none;
}

.div_nos_serv_home > h3{
	font-size: 60px;
	font-weight: 400;
	padding-top: 10px;
	padding-bottom: 10px;
}
.div_nos_serv_home > div, .div_nos_serv_home > h3{
	max-width: 1200px;
	margin: 0 auto;
	
	padding-left: 20px;
	padding-right: 20px;
	
	position: relative;
}
.div_nos_serv_home .nos_service{
	display: flex;
	gap: 50px;
	align-items: center;
	padding-top: 20px;
	padding-bottom: 40px;
}
.div_nos_serv_home .nos_service > div:first-child{
	position: relative;
	align-self: start;
	margin-top: 50px;
}
.div_nos_serv_home .nos_service span{
	color: var(--white);
	font-size: 60px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.div_nos_serv_home .nos_service h4{
	font-size: 24px;
	font-weight: 500;
}
.div_nos_serv_home .nos_service h3{
	font-size: 60px;
	font-weight: 400;
	line-height: 1.2;
}
.div_nos_serv_home .nos_service a{
	font-size: 20px;
	font-weight: 600;
	display: inline-block;
	border: 2px solid var(--black);
	border-radius: 40px;
	padding: 20px 40px;
	margin-top: 30px;
}

.sec_propos_home{}
.div_propos_home{
	padding-top: 30px;
	padding-bottom: 50px;
}
.div_propos_home h5{
	font-size: 20px;
	font-weight: 600;
}
.div_propos_home .propos_content{
	display: flex;
	gap: 50px;
	margin-top: 40px;
}
.div_propos_home .propos_content div{
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	flex: 1;
}

.div_propos_home .propos_content .kerning_animation {
	overflow: visible;
}


.div_propos_home h2{
	font-size: 60px;
	font-weight: 400;
	line-height: 1.1;
	flex: 1;
}
.div_propos_home p{
	font-size: 24px;
	max-width: 600px;
}
.div_propos_home a{
	font-size: 20px;
	font-weight: 600;
	display: inline-block;
	border: 2px solid var(--black);
	border-radius: 40px;
	padding: 20px;
	margin-top: 30px;
	align-self: start;
	text-align: center;
	min-width: 276px;
}

.sec_infolettre_home{
	padding-top: 40px;
	padding-bottom: 60px;
}
.div_infolettre_home{
	max-width: 1440px;
	margin: 0 auto;
	background-color: var(--white);
	border-radius: 25px;
	padding: 30px 20px;
}

footer{
	background-color: var(--thm-orng);
	padding: 50px 20px 30px;
}
.div_footer h5, .div_footer p, .div_footer a{
	color: var(--white);
}

.div_footer_top{
	display: flex;
	gap: 20px;
	padding-left: 0 !important;
}
.div_footer_top > div{
	flex: 1;
	position: relative;
}
.div_footer_top h5{
	font-size: 24px;
	font-weight: 600;
	font-family: poppins-bold;
}

.column_footer_mobile a{
	font-size: 24px;
	line-height: 32px;
	font-family: poppins-bold;
}

.div_footer_top .h5_heures{
	margin-top: 40px;
}
.div_footer_top ul{
	list-style: none;
	color: white;
	font-size: 24px;
}
.div_footer_top ul li a, .div_footer_top p{
	font-size: 24px;
	font-weight: 400;
}
.div_footer_top .btn_nous_ftr{
	font-size: 20px;
	font-weight: 600;
	display: inline-block;
	border: 2px solid var(--white);
	border-radius: 40px;
	padding: 20px;
	margin-top: 30px;
	align-self: start;
	text-align: center;
	min-width: 226px;
	
	position: absolute;
	left: 0;
	bottom: 0;
}
.div_footer_bot{
	position: relative;
	margin-top: 40px;
}
.div_footer_bot .a_footer_logo{
	position: absolute;
	right: 0;
	bottom: 20px;
	width: 100%;
	max-width: 500px;
	display: block;
	border: none;
}
.div_footer_bot img, .div_footer_bot svg{
	width: 100%;
}
.div_footer_bot p{
	font-size: 16px;
	font-weight: 600;
}
.div_footer_bot a{
	margin-left: 40px;
	border-bottom: 1px solid var(--white);
}


/*Menu Popup CSS*/
.sec_menu_popup{
	background-color: #ea621f3d;
	
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	overflow-y: scroll;
	z-index: 1001;
	padding: 0;
	
	transform: translateY(-100%);
	transition: transform 1s;	
	/*	overflow-y: scroll;*/
}
.sec_menu_popup.show_menu{
	transform: translateY(0);
	/*	height: 100vh;*/
}

.div_menu_popup{
	/*	padding: 20px 0;*/
	background-color: var(--thm-orng);
	min-height:100%;
}
.div_menu_popup hr{
	border-top: 2px solid var(--white);
}
.menu_popup_top{
	background-color: var(--thm-orng);
	border-bottom: 2px solid var(--white);
	
	position: sticky;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 5;
}
.menu_popup_top > div{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px;
}
.menu_popup_top > a{
	/*	margin-bottom: -8px;*/
}
.menu_popup_top img{
	max-width: 186px;
}
.menu_popup_top .menu_mob_logo, header .menu_mob_logo{
	display: none;
}
.menu_popup_top ul{
	list-style: none;
	display: flex;
	gap: 40px;
	align-items: center;
}
.menu_popup_top ul li{
	position: relative;
	cursor: pointer;
}
.menu_popup_top ul li a{
	color: var(--white);
	font-size: 20px;
	font-weight: 600;
	padding: 10px;
}

.menu_popup_mid{
	padding: 20px;
	max-width:1400px!important;
}
.menu_popup_mid a{
	color: var(--white);
}
.menu_popup_mid ul{
	list-style: none;
}
.menu_popup_mid .ul_tags, .menu_popup_mid .ul_tags li{
	display: inline;
}
.menu_popup_mid .ul_tags{
	display: flex;
	flex-wrap: wrap;
	opacity: 0;
    visibility: hidden; /* Ensures it doesn't take up space or interfere with layout */
    transition: opacity 0.3s ease, visibility 0.3s ease; /* Smooth transition */
	justify-content: flex-start;
	padding-left: 60px;
    max-width: 900px;
}

.menu_projects_item:hover .ul_tags{
	opacity: 1;
    visibility: visible;
	width: 100%;
}

.menu_popup_mid > ul > li:first-child{
	display: flex;
	align-items: center;
}
.menu_popup_mid > ul li a{
	font-size: 80px;
	font-weight: 400;
	line-height: 1.4;
	white-space: nowrap;
}
.menu_popup_mid .ul_tags li{
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.menu_popup_mid .ul_tags li a{
	font-size: 20px;
	font-weight: 500;
	display: block;
	border: 2px solid var(--white);
	border-radius: 30px;
	padding: 15px 20px;
}
.menu_popup_mid h4{
	color: var(--white);
	font-size: 40px;
	font-weight: 600;
	margin-top: 20px;
}
.div_menu_popup .div_footer{
	padding: 30px 0;
    max-width: 1400px;
    margin: auto;
	padding-left: 20px;
    padding-right: 20px;
}
.div_menu_popup .div_footer > div{
	/* padding: 0 20px; */
}




.sec_nos_proj, .sec_blogs_pg, .sec_debuter_proj{
	padding: 0;
	padding-bottom: 60px;
	border-bottom: 2px solid var(--black);
}
.div_nos_proj h2, .div_blogs_pg h2, .div_debuter_proj h2{
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 20px;
	
	font-size: 90px;
	font-weight: 400;
}

.div_filter_btns{
	/*max-width: 1400px;
	margin: 0 auto;*/
	
	display: flex;
	gap: 40px;
	align-items: center;
	padding: 20px;
	background-color: rgb(232, 225, 217);
    position: relative;
    z-index: 5;
	height: 110px;
}
.div_filter_btns p{
	font-size: 20px;
	font-weight: 500;
}
.div_filter_btns button, .div_filter_btns .fltr_btn{
	font-size: 20px;
	font-weight: 500;
	background: transparent;
	border: 2px solid var(--black);
	min-width: 80px;
	margin-right: 20px;
	cursor: pointer;
	color: black;
	padding: 15px 30px;
    border: 2px solid var(--black);
    border-radius: 60px;
}
.div_filter_btns button.is-checked, .div_filter_btns .fltr_btn.active{
	background-color: var(--thm-orng);
	border-color: var(--thm-orng);
}
.div_nos_proj > div > p{
	width: calc(100% - 40px);
	max-width: 1400px;
	margin: 0 auto;
	
	font-size: 20px;
	font-weight: 500;
	padding: 30px 20px;
    height: 90px;
}

.nos_proj_single .div_nos_proj {
	border-top: 2px solid var(--black);
}

/*Nos Proj Filter CSS*/
.list_items, .grid_items{
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	z-index: 4;
}
.list_items li {
	width: 100%;
	border-bottom: 2px solid var(--black);
	max-height: 0;
	opacity: 0;
	border-width: 0;
	/* transition: all 0.5s; */
	z-index:-1;
	border-top: none;
	/* transition: all 1s; */
	border-left: none;
    border-right: none;
	height:150px;
}

.ul_items.updating li {
	opacity: 0; /* Hide items during updates */
}

.div_footer_mobile {
	display:none
}

/* .list_grid li {
	display:none;
} */

.list_grid li.item_show {
	display:list-item;
}

.list_items li.item_show{
	opacity: 1;
	border-width: 2px;
	z-index:7;
}
.list_items li h3{
    max-width: 1400px;
    margin: 0 auto;
	overflow: hidden;
}
.list_items li h3 a {
    display: inline-block; /* Prevent it from behaving as a block */
    color: var(--black);
    font-size: 90px;
    font-weight: 400;
    line-height: 1.2;
    text-overflow: ellipsis; /* Add ellipsis if content overflows */
    white-space: nowrap; /* Prevent wrapping */
    overflow: hidden; /* Ensure text doesn't spill out */
    padding: 20px 0 20px 0; /* Adjust padding without breaking layout */
}
.grid_items{
	/*	justify-content: space-between;*/
	/* gap: 30px; */
	max-width: 1400px;
	margin: 0 auto;
	/*	padding: 10px 0;*/
	overflow: hidden;
}
.grid_items li{
	width: calc(100% / 3 - 60px) ;
	/* display: none; */
	/* max-width: 0; */
	position: relative;
	/* transform: scale(0); */
	/* opacity: 0; */
	/* transition: opacity 0.5s ease-in-out; */
	margin:20px;
	cursor:pointer;
}
.grid_items li.item_show{
	display: block;
	/* transform: scale(1); */
	opacity: 1;
	max-width: 100%;
	border: none !important;
	transition: opacity 0.5s ease-in-out;

}
@starting-style{
	.grid_items li.item_show{
		transform: scale(0);
		opacity: 0;
		max-width: 0;
	}
}

.grid_items img{
	width: 100%;
	display: block;
	border-radius: 15px;
	/*	box-shadow: 0 0 3px #999;*/
}
.grid_items h5 {
	color: var(--white);
	font-size: 40px;
	font-weight: 400;
	line-height: 1;
	
	position: absolute;
	left: 20px;
	bottom: 20px;
}


.sec_votre_projet.bagdam_bg{
	background-image: url('../img/des_sol_proj_bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding-bottom: 80px;
    will-change: background-position; /* Improve performance */
}
.des_sol_cont{
	display: flex;
	gap: 40px;
	
	max-width: 1240px;
	margin: 0 auto 70px;
}
.des_sol_cont h3, .des_sol_cont p{
	flex: 1;
}
.des_sol_cont h3{
	font-size: 60px;
	font-weight: 400;
	line-height: 1.2;
	overflow: visible;
}
.des_sol_cont p{
	font-size: 24px;
	margin-top: 10px;
}

.sec_nos_proj.nos_proj_single{
	border: none;
	padding: 0;
}

.nos_proj_single .grid_items .animation_bounce{
	transition: transform 0.2s ease-in-out!important;
}

.sec_banr_sngl_proj{
	padding: 0;
}
.div_banr_sngl_proj{
	padding: 0 20px;
}
.sngl_proj_title{
	border-bottom: 2px solid var(--black);
	/*	padding: 10px 0;*/
}
.sngl_proj_title h2{
	font-size: 90px;
	font-weight: 400;
	padding: 10px 20px;
	
	max-width: 1400px;
	margin: 0 auto;
}
.sngl_proj_info{
	display: flex;
	gap: 50px;
	padding: 40px 0;
}
.sngl_proj_info h6{
	font-size: 20px;
	font-weight: 1000;
}
.sngl_proj_info p{
	font-size: 20px;
	margin-top: 10px;
}
.sngl_proj_info hr{
	display: none;
}
.sngl_proj_img{
	position: relative;
}
.sngl_proj_img img{
	width: 100%;
	border-radius: 25px;
}
.sngl_proj_img p{
	font-size: 16px;
	font-weight: 500;
	color: var(--white);
	
	position: absolute;
	bottom: 30px;
	right: 50px;
}



.sec_sngl_proj_dtls{
	padding-top: 50px;
	/*	padding-bottom: 40px;*/
}
.div_sngl_proj_dtls{}
.div_sngl_proj_dtls > div{
	display: flex;
	gap: 30px;
	margin-bottom: 50px;
}
.div_sngl_proj_dtls > div > *{
	flex: 1;
}
.div_sngl_proj_dtls h3{
	font-size: 60px;
	font-weight: 400;
}
.div_sngl_proj_dtls p, .div_sngl_proj_anec p{
	font-size: 24px;
}
.div_sngl_proj_dtls > div img{
	width: calc(50% - 15px);
	align-self: start;
	border-radius: 25px;
}
.div_sngl_proj_dtls h4, .div_sngl_proj_anec h4{
	font-size: 32px;
	font-weight: 400;
}
.div_sngl_proj_dtls hr{
	border: none;
	border-top: 2px solid var(--black);
	margin: 20px 0;
}
.sec_sngl_proj_anec{
	border-bottom: 2px solid var(--black);
	padding-bottom: 50px;
}
.div_sngl_proj_anec .proj_single_img img{
	width: 100%;
	border-radius: 25px;
}
.div_sngl_proj_anec .proj_multi_imgs{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 30px;
	padding: 50px 0;
}
.div_sngl_proj_anec .proj_multi_imgs img{
	width: calc(33.33% - 20px);
	border-radius: 15px;
}
.div_img_anec{
	display: flex;
	gap: 30px;
	
}
.div_img_anec > div{
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 30px;
}
.div_img_anec img{
	width: 100%;
}

.sec_srvc_banner{
	/*	padding-top: 50px;*/
	padding: 0;
}
.services_title, .about_title, .gform_title
{
	border-bottom: 2px solid var(--black);
}
.contact_title{
	border-bottom: 2px solid var(--white);
}
.services_title h2, .about_title h2, .contact_title h2,
.gform-conversational__screens h2{
	font-size: 90px;
	font-weight: 400;
	padding: 10px 20px;
	
	max-width: 1400px;
	margin: 0 auto;
}

.gform-conversational__screens h2{
	width: 100%!important;
	padding-left:0px!important;
}

.gform_title {
	height: 155px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.gform-conversational.gform-theme--foundation .active-step {
	z-index:3;
}

/* .gform-conversational__screens h2 {
	margin:0!important;
} */

.contact_title h2{
	color: var(--white);
}
.div_srvc_banner, .div_abt_banner{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	padding: 50px 20px;
}
.div_srvc_banner img, .div_abt_banner img{
	width: 100%;
	border-radius: 25px;
	height: 560px;
    object-fit: cover;
}

.div_abt_banner img {
	object-position: center 15%;
}

.div_srvc_banner h3, .div_srvc_des_sol h3, .div_abt_banner h3{
	font-size: 60px;
	font-weight: 400;
	/* width: calc(50% - 15px); */
	line-height: 1.3;
}

.div_srvc_banner h3{
	width: calc(50% - 15px);
}

.div_srvc_des_sol div:first-child{
	/* width: calc(50% - 15px); */
}

.div_srvc_banner p, .div_srvc_des_sol p, .div_abt_banner p{
	font-size: 24px;
	width: calc(50% - 15px);
	margin-top: 10px;
}
.div_srvc_des_sol{
	background-color: var(--white);
	border-radius: 25px;
	margin-top: 50px;
	padding: 30px;
	width: calc(100% - 100px);
	max-width: 1400px;
	
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}
.div_srvc_des_sol > h3, .div_srvc_des_sol > p, .div_srvc_des_sol > div{
	width: calc(50% - 15px);
}
.div_srvc_des_sol img{
	width: 100%;
	max-width: 395px;
	border-radius: 25px;
}
.div_srvc_steps{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.div_srvc_steps span{
	display: inline-block;
	width: 48px;
	height: 48px;
	position: relative;
}

.div_srvc_steps .service_steps_line {
	position: absolute;
}

.div_srvc_steps span img{
	/*	width: 100%;*/
}
.div_srvc_steps .final_step{
	width: 98px;
	height: 98px;
	background-color: var(--thm-orng);
	border-radius: 50%;
	
	display: flex;
	justify-content: center;
	align-items: center;
}
.div_srvc_steps .final_step:after{
	display: none;
}

.sec_srvc_list{
	padding: 0;
	padding-top: 50px;
	overflow: hidden;
}
.sec_srvc_list hr{
	margin: 30px 0;
}
.srvc_list_title{}
.srvc_list_title h3{
	font-size: 60px;
	font-weight: 400;
	text-align: center;
	
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 20px;
}
.div_srvc_list{
	display: flex;
	align-items: center;
	gap: 30px;
	height: 215px;
	padding-left: 20px;
    padding-right: 20px;
	justify-content: space-between;
}
.div_srvc_list h2{
	font-size: 90px;
	font-weight: 400;
	
	/* width: calc(42% - 10px); */
}
.div_srvc_list.last_srvc h2{
	letter-spacing: -4px;
}
.div_srvc_list > div{
	width: calc(50% - 10px);
	display: flex;
	justify-content: center;
	/*	align-items: center;*/
	justify-content: space-between;
}
.div_srvc_list p{
	font-size: 24px;
	
	width: calc(50% - 10px);
}

.div_serv_icon_geo {
	margin-top: 20px;
}

.div_serv_icon_elec {
	margin-right: -15px;
}

.div_serv_icon_prop {
	margin-right: 5px;
}

.div_srvc_prcd .fd_col_mob div:first-child{
	/* width: calc(50% - 15px); */
}

.sec_ser_grn_box{}
.div_ser_grn_box{
	color: var(--white);
	background-color: #165126;
	border-radius: 25px;
	padding: 50px;
	margin: 50px auto;
	
	display: flex;
	gap: 80px;
}
.div_ser_grn_box > div{
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 40px;
}
.div_ser_grn_box h3{
	font-size: 60px;
	font-weight: 400;
	line-height: 1.2;
}
.div_ser_grn_box span{
	display: block;
	height: 75px;
	border-radius: 40px;
	margin: 40px 0;
    background-size: 100%; /* Make the gradient stretch for smooth scrolling */
}
.div_ser_grn_box p{
	font-size: 24px;
	max-width: 600px;
}
.div_ser_grn_box ul li{
	list-style: none;
	max-width: 80%;
	border-bottom: 2px solid var(--white);
	padding: 5px 0; 
}
.div_ser_grn_box ul li:first-child{
	border-top: 2px solid var(--white);
}
.div_ser_grn_box ul li a{
	color: var(--white);
	font-size: 32px;
	
}

.sec_srvc_prcd{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	min-height: 450px;
	padding-top: 30px;
	padding-bottom: 50px;
}
.div_srvc_prcd{}
.div_srvc_prcd > div{
	display: flex;
	gap: 30px;
	margin-top: 50px;
}
.div_srvc_prcd h3{
	font-size: 60px;
	font-weight: 400;
	line-height: 1.2;
	max-width: 800px;
}
.div_srvc_prcd p{
	font-size: 24px;
	max-width: 600px;
}

.sec_srvc_notre{
	padding-top: 50px;
}
.div_srvc_notre{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 25px;
	min-height: 500px;
	color: var(--white);
	padding-top: 40px;
	/*	padding-bottom: 40px;*/
}
.div_srvc_notre > div{
	display: flex;
	gap: 30px;
	padding: 50px 40px;
}
.div_srvc_notre h3{
	font-size: 60px;
	font-weight: 400;
	line-height: 1.2;
	max-width: 780px;
	width:
}
.div_srvc_notre p{
	font-size: 24px;
	max-width: 600px;
}
.div_srvc_notre > p{
	padding-left: 40px;
}
.div_srvc_notre .div_wrench_icon{
	padding-top: 50px;
}

.sec_abt_banner{
	padding: 0;
	padding-bottom: 80px;
}


.sec_about_owner {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%; /* Starting position */
    padding-top: 50px;
    padding-bottom: 30px;
    position: relative;
    overflow: hidden; /* Ensures smooth scrolling effect */
}
.div_about_owner{
	display: flex;
	gap: 30px;
}
.div_about_owner > div{
	flex: 1;
}
.div_about_owner h3{
	font-size: 60px;
	font-weight: 400;
	line-height: 1.2;
	max-width: 500px;
}
.div_about_owner p{
	font-size: 24px;
	/*	margin: 30px 0;*/
}
.div_about_owner img{
	display: block;
	margin: 30px 0;
	width: 440px;
    height: 660px;
    border-radius: 25px;
}

.sec_notre_abt{
	padding-top: 40px;
}
.sec_notre_abt p{
	font-size: 24px;
	margin-bottom: 30px;
}
.div_notre_abt{
	background-color: var(--white);
	border-radius: 25px;
	padding-top: 10px;
}
.div_notre_abt{}
.div_notre_abt > div{
	display: flex;
	gap: 50px;
	padding: 40px;
	overflow: hidden;
}
.div_notre_abt > div h3{
	font-size: 60px;
	font-weight: 400;
	line-height: 1.2;
	max-width: 800px;
}
.div_notre_abt > div p{
	font-size: 24px;
	max-width: 600px;
	margin-bottom: 20px;
}
.div_notre_abt h4{
	font-size: 36px;
	font-weight: 400;
	line-height: 1.2;
	width: 100%;
}
.div_notre_abt span{
	font-size: 60px;
	display: inline-block;
	width: 200px;
	text-align: center;
}


.sec_faire_partie{
	padding-top: 40px;
	padding-bottom: 50px;
}
.div_faire_partie{
	max-width: 1200px;
	margin: 0 auto;
	background-color: var(--thm-orng);
	border-radius: 25px;
	padding: 50px 40px;
	
	display: flex;
	gap: 30px;
}
.div_faire_partie > div{
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: start;
}
.div_faire_partie h3{
	font-size: 60px;
	font-weight: 400;
	line-height: 60px;
}
.div_worker_icon{
	width: 250px;
	height: 250px;
	background-color: var(--white);
	border-radius: 50%;
	
	display: flex;
	justify-content: center;
	align-items: center;
}
.div_faire_partie p{
	font-size: 24px;
	margin-bottom: 30px;
}
.div_faire_partie p strong{
	font-weight: 500;
}
.div_faire_partie a{
	font-size: 20px;
	font-weight: 600;
	min-width: 320px;
	text-align: center;
	padding: 20px;
	border: 2px solid var(--black);
	border-radius: 40px;
}

.sec_actual_abt{
	padding-top: 40px;
}
.div_actual_abt{}
.div_actual_abt .act_abt_content{
	display: flex;
	gap: 50px;
	
	max-width: 1280px;
	margin: 0 auto;
}
.div_actual_abt .act_abt_content > div{
	flex: 1;
}
.div_actual_abt h3{
	font-size: 60px;
	font-weight: 400;
	line-height: 1.2;
}
.div_actual_abt ul{
	display: flex;
	gap: 30px;
	list-style: none;
	margin: 30px 0;
}
.div_actual_abt a{
	font-size: 20px;
	font-weight: 600;
} 
.div_actual_abt .show_mobile{
	display: none;
}
.div_actual_abt p{
	font-size: 24px;
	margin-bottom: 40px;
}
.div_actual_abt a.btn_lire{
	max-width: 320px;
	text-align: center;
	padding: 20px;
	border: 2px solid var(--black);
	border-radius: 40px;
	display: block;
	margin-top: 30px;
}
.hide_mobile{}


.div_blogs_pg .div_filter_btns button{
	margin-top: 5px;
	margin-bottom: 5px;
}

.div_blogs_pg .list_grid{
	max-width: 1280px;
	margin: 50px auto 0;
	list-style: none;
	padding: 0 10px;
	
	/*justify-content: space-between !important;
	gap: 60px;*/
	
}
.div_blogs_pg .list_grid li{
	background-color: var(--white);
	border-radius: 25px;
	padding: 20px;
	width: calc(100% / 3 - 67px) ;
	margin: 0 10px 20px;
}
.div_blogs_pg .list_grid img{
	width: 100%;
	display: block;
	border-radius: 15px;
}
.div_blogs_pg .list_grid h5{
	font-size: 24px;
	font-weight: 400;
	line-height: 1.2;
	margin-top: 15px;
	margin-bottom: 30px;
	height: 58px;
	overflow: hidden;
}
.div_blogs_pg .list_grid p{
	font-size: 20px;
	height: 120px;
	overflow: hidden;
}
.div_blogs_pg .list_grid a{
	font-size: 20px;
	font-weight: 600;
	display: block;
	border-radius: 40px;
	padding: 20px;
	text-align: left;
	margin-top: 20px;
}

.sec_blogs_pg .list_grid li .blog_link_button {
	text-align: center;
}

.div_sngl_pst_cntnt{
	display: flex;
	flex-wrap: wrap;
	gap: 50px;
	
	max-width: 1280px;
	margin: 50px auto 0;
	padding: 0 20px;
}

.div_sngl_pst_cntnt a {
	text-decoration: underline;
}

.div_sngl_pst_cntnt strong,
.div_sngl_pst_cntnt strong a{
	font-family:"Poppins-Bold";
}

.div_sngl_pst_cntnt > div{
	flex: 1;
	width: 100%;
}
.div_sngl_pst_cntnt img{
	display: block;
	width: 100%;
	border-radius: 25px;
}

.div_sngl_pst_cntnt h1{
	font-size: 60px;
	font-weight: 400;
	line-height: 1.2;
}

.div_sngl_pst_cntnt h2{
	font-size: 50px;
	font-weight: 400;
	line-height: 1.2;
	padding-left:0;
	margin-bottom:40px;
	margin-top:50px;
}

.div_sngl_pst_cntnt h3{
	font-size: 40px;
	font-weight: 400;
	line-height: 1.2;
	margin-bottom:20px;
}

.div_sngl_pst_cntnt blockquote {
	font-style: italic;
	font-size: 1.2em;
	color: #555;
	border-left: 5px solid black;
	padding-left: 15px;
	margin: 20px 0;
	position: relative;
}

.div_sngl_pst_cntnt ul{
	display: flex;
	gap: 40px;
	list-style: none;
	padding: 20px 0 30px;
}
.div_sngl_pst_cntnt ul li a{
	font-size: 20px;
	font-weight: 600;
}
.div_sngl_pst_cntnt p{
	font-size: 24px;
	margin-bottom: 20px;
}


.div_chat_box,
.gform-conversational__form-fields{
	width: calc(100% - 40px);
	max-width: 1280px;
	margin: 30px auto 0;
	background-color: #D9E7BA;
	border-radius: 25px;
	min-height: 800px; 
	max-height: 90vh;
}

.gform_confirmation_wrapper.gform_wrapper {
	display: flex!important;
	justify-content: flex-start!important;
	margin-top: 70px!important;
}

.gform_confirmation_wrapper.gform_wrapper h3{
	color: #000!important;
	text-align: center!important;
	font-family: "Poppins-Regular"!important;
	font-size: 40px!important;
	font-style: normal!important;
	font-weight: 400!important;
	line-height: 42px!important; /* 105% */
}

.gform_confirmation_wrapper.gform_wrapper h4{
	color: #000!important;
	text-align: center!important;
	font-family: "Poppins-Regular"!important;
	font-size: 24px!important;
	font-style: normal!important;
	font-weight: 400!important;
	line-height: 32px!important; /* 133.333% */
}

.gform-conversational.gform-theme--foundation {
	overflow:hidden;
}

.gform-conversational.gform-theme--foundation .gform-conversational__screen-content {
	width: calc(100% - 40px)!important;
	max-width: 1280px!important;
	padding-bottom:0!important;
	max-height: 100vh;
    min-height: 855px;
}

.gform-conversational.gform-theme--foundation {
	max-block-size: unset!important;
}

.gform-conversational.gform-theme--framework .gform-conversational__progress-bar-outer {
	background-color: white;
	min-width: 100%!important;
}

.gform-conversational.gform-theme--framework .gform-conversational__progress-bar-inner {
	background-color: var(--thm-orng);
}

.gfield_label,
.ginput_container,
.gform-conversational__field-footer,
.gfield_label {
	padding-left:225px!important;
	padding-right:225px!important;
}

.gform-conversational__form-nav {
	position:relative!important;
	background-color: transparent!important;
    bottom: 150px!important;
	width: calc(100% - 160px) !important;
    max-width: 1160px !important;
    margin: auto!important;
	border-top: 2px solid #000;
	/* min-height:150px!important; */
}

.gform-conversational.gform-theme--foundation .gform-conversational__screens {
	flex-direction: column;
	background-color: #E8E1D9;
}

.gform-conversational__form-nav-wrapper {
	min-width: 100%;
	padding-top:30px;
}

.gform-field-label,
.gform_button.button {
	color: #000!important;
	font-family: "Poppins-Regular"!important;
	font-size: 24px!important;
	font-style: normal!important;
	font-weight: 400!important;
	line-height: 32px!important; /* 133.333% */
}

.gform-conversational__field-footer {
	/* display:none!important; */
}

.gform-conversational__field-nav-helper-text {
	display:none!important;
}

.gform-conversational__field-footer .gform-conversational__field-nav{
	display: none!important;
}

/* .gform-conversational__field-form-footer-submit */
.gform_button.button {
	background-color: transparent!important;
	width: 200px!important;
    margin: auto!important;
	border: 2px black solid!important;
	padding-inline-end: 0px !important;
	border-radius: 40px!important;
    height: 70px!important;
	width: 400px!important;
    margin-top: 50px !important;
}

.gform-conversational__field-form-footer-submit input {
	box-shadow: none!important;
}

.gform-conversational__field-form-footer-submit .gform_button{
	padding-left:0!important;
	margin-top: 15px !important;
}

.gform-conversational__nav-button--prev{
	width: 83px!important;
	height: 83px!important;
	border-radius:50px!important;
	border: 2px solid #000!important;
	background-color:transparent!important;
	color: #000!important;
}

.gform-conversational__nav-button--next {
	display: flex!important;
	width: 164px!important;
	height: 83px!important;
	flex-direction: column!important;
	justify-content: center!important;
	border-radius: 44px!important;
	border: 2px solid #000!important;
	background-color:transparent!important;
}

.gform-orbital-icon--arrow-sm-left:before {
	font-size: 50px!important;
}

.gform-orbital-icon--arrow-sm-right:before {
    content: "suivant";
	color: #000!important;
	text-align: center!important;
	font-family: "Poppins-Regular"!important;
	font-size: 20px!important;
	font-style: normal!important;
	font-weight: 600!important;
	line-height: normal!important;
}

.gform-conversational__progress-bar-label {
	color: #000!important;
	font-family: "Poppins-Regular"!important;
	font-size: 24px!important;
	font-style: normal!important;
	font-weight: 400!important;
	line-height: 32px!important; /* 133.333% */
}

.gform-conversational__progress-bar-outer {
	min-width: 810px!important;
	height: 44px!important;
	border-radius: 50px!important;
	border: 2px solid #000!important;
	overflow: hidden!important;
}

.gform-conversational__progress-bar-inner {
	height:100%!important;
	border-radius: 0!important;
}

.ginput_container_racine_contact {
	display: grid;
	grid-template-columns: 50% 50%;
	grid-gap: 20px;
}

.gform-theme--framework input[type=radio]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before {
    background-color: var(--thm-orng);
}

.gform-theme--framework input[type=radio]::before {
	width:var(--gf-ctrl-choice-size)!important;
	height:var(--gf-ctrl-choice-size)!important;
}

.gform-theme--framework input[type]:where(:not(.gform-text-input-reset):not([type=hidden])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus {
	outline-color: transparent;
}

.gform-theme--framework input[type=radio]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
	border-color:transparent;
	background-color:#F5F5F5 !important;
}

.gform-field-label:where(:not(.gfield_header_item):not(.ginput_quantity_label)) {
	margin-top:0!important;
}

.ginput_container_racine_contact input,
.textarea {
	border-radius: 12px!important;
	background-color: #F5F5F5!important;
	border: none!important;
	font-family: 'Poppins-Regular' !important;
	color: #9E9E9E!important;
	font-size: 16px!important;
	font-style: normal!important;
	font-weight: 400!important;
	line-height: 32px!important; /* 200% */
}

#input_23_1_1_container,
#input_23_1_6_container {
	grid-column: span 2;
}

.div_chat_box > div:first-child{
	/*	margin-top: 80px;*/
	padding: 60px 30px 20px;
	
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
	align-items: center;
}
.div_chat_box .span_worker_icon{
	width: 152px;
	height: 152px;
	background-color: var(--white);
	border-radius: 50%;
	
	display: flex;
	justify-content: center;
	align-items: center;
}
.div_chat_box p{
	font-size: 24px;
}
.div_chat_box .show_mobile{
	display: none;
}

.form_chatbox{}
.form_chatbox .chat_area{
	max-width: 820px;
	margin: 0 auto;
	padding: 10px 30px;
}
.form_chatbox .chat_area p{
	padding-left: 50px;
}
.form_chatbox textarea{
	font-size: 24px;
	width: calc(100% - 30px);
	border: none;
	border-radius: 10px;
	background-color: var(--white);
	margin: 10px 0;
	padding: 15px;
}
.form_chatbox textarea::placeholder{
	font-size: 16px;
	opacity: 0;
}
.form_chatbox .txt_gray{
	color: #9E9E9E;
	font-size: 16px;
	padding-left: 50px;
}
.div_chat_box .chtbx_stp_strp{
	display: block;
	width: 100%;
	height: 40px;
	border: 2px solid var(--black);
	border-radius: 25px;
	background: linear-gradient(to right, #EA621F 5%, #fff 30%);;
}
.form_chatbox .chatbox_steps{
	display: flex;
	gap: 30px;
	justify-content: space-between;
	align-items: center;
	padding: 20px 30px 30px;
}
.form_chatbox .chatbox_steps > div{
	width: 100%;
}
.form_chatbox .chatbox_steps p{
	margin-bottom: 20px;
}
.form_chatbox .chatbox_steps .div_arrow_icon{
	width: 121px;
}
.form_chatbox .chatbox_steps .div_arrow_icon svg{
	width: 100%;
}
.form_chatbox .chatbox_steps button{
	font-size: 20px;
	font-weight: 600;
	background-color: transparent;
	border: 2px solid var(--black);
	border-radius: 40px;
	padding: 20px;
	width: 200px;
	cursor: pointer;
}

.sec_contact_pg{
	padding: 0;
	padding-bottom: ;
	border-bottom: 2px solid var(--white);
}
.bg_green{
	background-color: #165126;
}
.header_lite_color.bg_green{
	border-color: var(--white);
}
.header_lite_color.bg_green a img{
	max-width: 186px;
}
.header_lite_color.bg_green ul li a{
	color: var(--white);
}
.header_lite_color.bg_green ul li.toggle_menu:before, 
.header_lite_color.bg_green ul li.toggle_menu:after {
	background-color: var(--white);
}
.div_contact_info{
	display: grid;
	gap: 40px 80px;
	padding: 50px 20px;
	grid-template-columns: 1fr 1fr;
}
.div_contact_info > div{
	flex: 1;
}
.div_contact_info h3{
	font-size: 60px;
	font-weight: 400;
	line-height: 1.2;
	color: var(--white);
	margin-bottom: 30px;
	line-height: 1;
} 
.div_contact_info img{
	width: 100%;
	max-width: 520px;
	border-radius: 25px;
}
.div_contact_info p{
	font-size: 24px;
	margin-bottom: 40px;
	color: var(--white);
	max-width: 600px;
}
.div_contact_info p strong{
	font-weight: 600;
}

.gt-current-lang{
	display: none!important;
}

.menu_popup_mid ul:nth-child(2):not(.ul_tags) li a{
	font-size:40px;
	display: flex;
	flex-direction: column;
}

.gform-theme--foundation .gfield input.large {
	border-radius:25px!important;
	border:none;
	color: #9E9E9E !important;
	background-color: #F5F5F5 !important;
	border-radius: 12px !important;
}

.cursor-thumbnail {
    position: absolute;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    pointer-events: none; /* Prevent interaction */
    display: none; /* Hidden by default */
    z-index: 9999;
    transform: translate(25%, -60%); /* Center the image around the cursor */
    border-radius: 8px; /* Optional rounded corners */
	width: 400px;
	height: 250px;
	object-fit: cover;
}

.column_footer_mobile {
	display: flex;
	flex-direction: column;
}

.hide_on_desktop {
	display:none;
}

.gfield_validation_message {
	display:none!important;
}

.ginput_container_fileupload input {
	border-radius:25px;
}

.gform-conversational.gform-theme--foundation .gform-conversational__logo {
	max-block-size:unset!important;
	max-inline-size: 100%!important;;
}

#cmplz-cookiebanner-container{
	display: flex!important;
    justify-content: center!important;
}

.cmplz-cookiebanner {
	border-radius: 25px!important;
	background: #E8E1D9!important;
	max-width: 1400px !important;
	width: calc(100% - 80px) !important;
}

.cmplz-cookiebanner .cmplz-message {
	color: #000!important;
	font-family: "Poppins-Regular"!important;
	font-size: 24px!important;
	font-style: normal!important;
	font-weight: 400!important;
	line-height: 30px!important;
}

.cmplz-cookiebanner .cmplz-link.cookie-statement{
	color: #000!important;
	font-family: "Poppins-Regular"!important;
	font-size: 16px!important;
	font-style: normal!important;
	font-weight: 400!important;
	line-height: 30px!important;
	text-decoration-line: underline!important;
	text-decoration-style: solid!important;
	text-decoration-skip-ink: none!important;
	text-decoration-thickness: auto!important;
	text-underline-offset: auto!important;
	text-underline-position: from-font!important;
}

.cmplz-cookiebanner .cmplz-btn {
	border-radius: 44px!important;
	border: 3px solid #000!important;
	width: 250px !important;
    height: 70px !important;
	background-color:transparent!important;
	color: #000!important;
	text-align: center!important;
	font-family: "Poppins-Regular"!important;
	font-size: 20px!important;
	font-style: normal!important;
	font-weight: 600!important;
	line-height: normal!important;
}

.cmplz-cookiebanner .cmplz-buttons {
	gap: 40px!important;
}

.div_abt_banner .kerning_wrapper{
	width: calc(50% - 15px);
}

.div_blogs_pg button {
	padding: 20px 30px;
}

.sec_votre_projet .parallax-container {
	margin-top:-50px;
}

.div_serv_icon_gas {
	transform:translate(0,15px);
}

.div_serv_icon_prop {
	transform:translate(0,15px);
}

.act_abt_content img{
	width: 100%;
	border-radius: 25px;
}

@media only screen and (max-width: 1399px){
	.gform-conversational__screens h2{
		padding-left:20px!important;
	}
}

/*** Responsive CSS For Tablet ***/
/*===============================*/

@media only screen and (max-width: 1024px){
	
	.div_serv_icon_gas {
		transform:unset;
	}
	
	.div_serv_icon_prop {
		transform:unset;
	}

	.sec_propos_home .parallax-container,
	.sec_votre_projet .parallax-container {
		height:1090px;
	}

	.cmplz-buttons {
		justify-content: center!important;
	}

	.menu_popup_mid > ul li a, .sngl_proj_title h2{
		font-size: 64px;
	}
	.menu_popup_mid .ul_tags{
		display: none;
	}
	
	.div_banner_home h1{
		font-size: 28px;
	}
	.div_projects_home .div_project h2, .div_sngl_proj_dtls h3{
		font-size: 48px;
	}
	.div_btn_voir_plus .btn_voir_plus{
		font-size: 32px;
		width:320px;
	}
	.div_propos_home h2{
		font-size: 52px;
	}
	.div_propos_home p{
		font-size: 20px;
	}
	
	.div_nos_serv_home .nos_service h3{
		font-size: 32px;
		margin-top: 5px;
	}
	
	.div_footer_top .btn_nous_ftr{
		min-width: 300px;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.div_footer_top h5, .div_footer_top ul li a, 
	.div_footer_top p,
	.column_footer_mobile a {
		font-size: 20px;
	}
	.div_footer_top h5 {
		font-family:"Poppins-Bold"

	}

	.div_footer_bot .a_footer_logo {
		bottom: 0px;
		max-width: 320px;
	}
	.div_footer_bot p a{
		display: block;
		border: none;
		margin: 0;
		margin-top: 10px;
		text-decoration: underline;
	}
	
	.div_filter_btns{
		gap: 20px;
	}
	.div_filter_btns p{
		font-size: 18px;
	}
	.div_filter_btns button{
		font-size: 18px;
		margin-right: 2px;
		padding: 10px 20px;
	}
	
	.div_nos_proj h2, .div_blogs_pg h2, .div_debuter_proj h2{
		font-size: 64px;
	}
	.list_items li h3 a{
		font-size: 44px;
	}

	.list_items li {
		height:100px;
	}
	
	.grid_items li {
		width: calc(100% / 2 - 40px);
	}
	.grid_items h5{
		font-size: 24px;
	}

	.div_srvc_prcd .fd_col_mob div:first-child {
		min-width:unset!important;
		width: calc(50% - 15px);
	}

	.div_filter_btns{
		align-items: normal;
		height:unset;
	}

	.div_srvc_banner img, .div_abt_banner img {
		height: 300px;
	}

	.div_filter_btns button {
		margin-bottom: 10px;
	}

	.div_nos_proj > div > p {
		height: 40px;
	}

	.list_items li h3 a {
		padding-left:20px;
	}

	.des_sol_cont {
		margin-bottom:0;
	}

	.des_sol_cont{
		gap: 20px;
	}
	.div_votre_projet h3, .des_sol_cont h3 {
		font-size: 40px;
	}
	.div_votre_projet p{
		font-size: 20px;
	}
	.des_sol_cont p {
		font-size: 18px;
		margin-top: 0;
	}
	.div_votre_projet a {
		font-size: 20px;
		margin-top: 20px;
		width:318px;
		height:88px;
		display: flex;
		justify-content: center;
		align-items: center;
		font-family: "Poppins-Bold";
		padding:0;
	}
	
	.div_sngl_proj_dtls p, .div_sngl_proj_anec p{
		font-size: 22px;
	}
	
	.div_sngl_proj_dtls h4, .div_sngl_proj_anec h4{
		font-size: 28px;
	}
	.div_sngl_proj_anec .proj_multi_imgs img {
		width: calc(50% - 15px);
	}
	
	.sngl_proj_info{
		gap: 25px;
	}
	.sngl_proj_info p {
		font-size: 18px;
	}
	
	.div_srvc_banner h3, .div_srvc_des_sol h3, .div_abt_banner h3{
		font-size: 38px;
	}
	.div_srvc_banner p, .div_srvc_des_sol p, .div_abt_banner p{
		font-size: 20px;
	}
	
	.div_srvc_steps span{
		width: 32px;
		height: 32px;
	}
	.div_srvc_steps span svg{
		width: 100%;
		height: 100%;
	}
	.div_srvc_steps .final_step{
		width: 64px;
		height: 64px;
	}
	.div_srvc_steps .final_step svg{
		width: 40px;
	}
	.div_srvc_steps span:after{
		width: 70px;
	}
	
	.srvc_list_title h3{
		font-size: 48px;
	}
	.div_srvc_list{
		flex-wrap: wrap;
		height:unset;
	}
	.div_srvc_list h2{
		font-size: 60px;
		width: calc(80% - 35px);
		padding-left: 20px;
	}
	.div_srvc_list > div{
		width: calc(20% - 35px);
		padding-right: 20px;
	}
	.div_srvc_list p{
		font-size: 22px;
		width: 100%;
		/* border-top: 2px solid var(--black); */
		padding: 20px 20px 0;
	}
	.div_srvc_list.last_srvc h2 {
		letter-spacing: 0px;
	}

	.div_srvc_list {
		gap:0;
	}
	
	.div_ser_grn_box {
		border-radius: 20px;
		padding: 40px 20px;
		margin: 40px auto;
		gap: 40px;
	}
	.div_ser_grn_box h3, .div_srvc_prcd h3, .div_srvc_notre h3{
		font-size: 48px;
		overflow: visible;
	}
	.div_ser_grn_box span{
		height: 55px;
	}
	.div_ser_grn_box p, .div_srvc_prcd p, .div_srvc_notre p{
		font-size: 22px;
	}
	.div_ser_grn_box ul li{
		max-width: 100%;
	}
	.div_ser_grn_box ul li a{
		font-size: 28px;
	}
	
	.div_srvc_prcd > div{
		gap: 30px;
		margin-top: 30px;
		flex-direction: row;
	}
	.div_srvc_prcd h3, .div_srvc_prcd p, .div_srvc_notre h3, .div_srvc_notre > div > div{
		flex: 1;
	}
	
	.div_srvc_notre{
		padding-top: 30px;
	}
	
	.div_srvc_notre > p{
		padding-left: 20px;
	}
	.div_srvc_notre > div {
		gap: 30px;
		padding: 30px 20px;
	}
	.services_title h2, .about_title h2, .contact_title h2,
	.gform-conversational__screens h2{
		font-size: 64px;
	}
	
	
	.sec_abt_banner {
		padding-bottom: 30px;
	}
	.div_srvc_banner img, .div_abt_banner img{
		border-radius: 20px;
	}
	
	.div_actual_abt h3, .div_about_owner h3, .div_notre_abt > div h3{
		font-size: 48px;
	}
	.div_actual_abt .act_abt_content{
		gap: 30px;
		margin-top: 30px;
	}
	.div_actual_abt p, .div_about_owner p, .sec_notre_abt p{
		font-size: 22px;
	}
	.div_notre_abt > div{
		gap: 30px;
		padding: 30px 20px;
	}

    .div_notre_abt > .fd_col_mob div {
		flex:1;
	}

	.div_notre_abt > div h3, .div_notre_abt > div p{
		flex: 1;
	}
	.div_notre_abt span{
		width: 100px;
	}
	.div_notre_abt h4{
		font-size: 30px;
	}
	
	.div_faire_partie{
		padding: 30px 20px;
	}
	.div_faire_partie h3{
		font-size: 48px;
	}
	.div_faire_partie p{
		font-size: 22px;
	}
	.div_faire_partie a{
		min-width: 200px;
		padding: 16px 20px;
	}
	
	.div_blogs_pg .div_filter_btns{
		flex-direction: column;
		align-items: flex-start;
	}
	.div_blogs_pg .div_filter_btns button{
		margin-right: 10px;
		margin-bottom: 10px;
	}
	.div_blogs_pg .list_grid li{
		border-radius: 20px;
		width: calc(100% / 2 - 70px) ;
	}
	.div_blogs_pg .list_grid h5{
		font-size: 22px;
		height: 54px;
	}
	.div_blogs_pg .list_grid p {
		font-size: 18px;
		height: 108px;
	}
	
	.div_sngl_pst_cntnt img{
		border-radius: 20px;
	}

	.div_sngl_pst_cntnt h1{
		font-size: 40px;
	}
	
	.div_sngl_pst_cntnt h2{
		font-size: 35px;
	}

	.div_sngl_pst_cntnt h3 {
		margin-top:10px;
	}

	.div_sngl_pst_cntnt h3, .div_contact_info h3{
		font-size: 30px;
	}
	.div_sngl_pst_cntnt ul{
		gap: 30px;
	}
	.div_sngl_pst_cntnt p, .div_contact_info p{
		font-size: 22px;
	}
	
	.div_chat_box p, .form_chatbox textarea{
		font-size: 22px;
	}
	
	.gfield_label,
	.ginput_container,
	.gform-conversational__field-footer,
	.gfield_label {
		padding-left:25px!important;
		padding-right:25px!important;
	}
	
	.gform-conversational.gform-theme--foundation .gform-conversational__progress-bar {
		width:100%;
	}
	.gform-conversational.gform-theme--framework .gform-conversational__progress-bar-outer {
		min-width: 70vw !important;
	}
	.gform-conversational__field-footer .gform-conversational__field-nav,
	.gform-conversational__field-form-footer {
		display:unset!important;
		padding-right:0!important;
		margin: auto;
	}

	.gform-conversational__field-footer .gform-conversational__field-nav button,
	.gform_button.button{
		width: 150px!important;
		height: 34px!important;
		border-radius: 44px!important;
		border: 2px solid #000!important;
		color: #000!important;

		text-align: center!important;
		font-family: Poppins-Regular!important;
		font-size: 16px!important;
		font-style: normal!important;
		font-weight: 400!important;
		line-height: normal!important;
		background-color: transparent!important;
	}

	.gform-conversational__nav-button--prev,
	.gform-conversational__nav-buttons {
		display:none!important;
	}

	.gform-conversational.gform-theme--foundation .gform-conversational__field-footer {
		flex-direction:column;
	}

	.ginput_container_racine_contact input {
		height:35px!important;
	}

	.div_chat_box > div:first-child {
		padding-top: 20px;
	}

	.gform-conversational.gform-theme--foundation .gform-conversational__field-form-footer-submit {
		width:200px!important;
		margin-top:0!important;
		border:none!important;
	}

	.gform-conversational.gform-theme--foundation .gform-conversational__field-form-footer-submit input {
		padding-left: 5px !important;
		width: 150px !important;
		height: 70px !important;
	}
	.gform-conversational__field-footer:has(.gform-conversational__field-form-footer-submit.active) 
	.gform-conversational__field-nav {
		display: none!important;
	}

	.gform-conversational.gform-theme--foundation .active-step {
		z-index:5;
	}

	.gform-conversational.gform-theme--framework .gform-conversational__form-nav {
		z-index:6;
	} 
	.hide_on_desktop {
		display:flex;
	}

	.div_srvc_list_top {
		width: 100%!important;
		padding: 0!important;
		display: flex!important;
		align-items: center!important;
		justify-content: space-between!important;
		height: 120px!important;
	}
}



/*** Responsive Design For MOBILE ***/
/*==================================*/

@media only screen and (max-width: 767px){
	
	.sec_propos_home .parallax-container,
	.sec_votre_projet .parallax-container{
		height:1155px;
	}

	.cmplz-buttons {
		align-items: center!important;
	}

	.cmplz-cookiebanner {
		width: calc(100%) !important;
		grid-gap: 0px!important;
		top: 10% !important;
        height: 180px !important;
	}

	.cmplz-cookiebanner .cmplz-message {
		font-size: 12px!important;
	}

	.cmplz-cookiebanner .cmplz-link.cookie-statement{
		font-size: 12px!important;
	}

	.cmplz-cookiebanner .cmplz-btn {
		font-size: 12px!important;
		height: 50px !important;
		border: 2px solid black!important
	}

	.cmplz-cookiebanner .cmplz-buttons {
		flex-direction: row!important;
		width: calc(100vw - 40px)!important;
	}


	header{
		height: 64px;
	}
	header ul{
		gap: 30px;
	}
	.div_banner_home svg{
		/* height: 120px; */
		width:100%;
		height:73px;
	}
	
	.sec_menu_popup{
		transform: translateX(-100%);
	}
	.sec_menu_popup.show_menu{
		transform: translateX(0);
	}

	.div_notre_approche {
		padding-bottom:20px;
		padding-top:40px;
	}

	.div_project .sliding_up_animation_container {
		left: 10px;
		bottom: 10px;
	}

	.div_notre_approche h5 {
		font-family: 'Poppins-bold';
	}

	.div_notre_approche .button_cont,
	.div_votre_projet .button_cont {
		display: flex;
		justify-content: center;
	}

	.div_notre_approche .button_cont a{
		width: 318px;
		height: 87px;
		padding: 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.div_banner_home h1{
		font-size: 16px;
	}

	.div_srvc_list hr {
		min-width: 150vw;
		left: -25vw;
		position: relative;
		margin:0!important;
	}
	
	.div_notre_approche .div_cols2{
		/*		flex-direction: column;*/
	}
	.div_notre_approche h3 {
		font-size: 32px;
		line-height: 1.2;
	}
	.div_notre_approche p {
		font-size: 16px;
	}
	
	
	.div_votre_projet h3{
		font-size: 32px;
	}
	.div_votre_projet p{
		font-size: 16px;
	}

	.menu_popup_mid ul:nth-child(2) li a{
		font-size: 24px!important;
	}

	.menu_popup_mid ul:nth-child(1):not(.ul_tags) {
		gap:30px;
		display: flex;
		flex-direction: column;
		margin-bottom: 30px;
	}

	.sec_menu_popup .div_footer_top {
		display:none;
	}

	.div_footer_mobile {
		display:flex!important;
	}

	.div_footer_mobile .h5_heures {
		margin-top:0;
		padding-left: 0 !important;
	}

	.div_footer_mobile h5,
	.div_footer_mobile p,
	.div_footer_mobile > div:nth-child(2) a {
		font-size:18px!important;
	}

    .div_footer_mobile div {
        display: flex;
        flex-wrap: wrap;
        column-gap: 20px;
    }

	.div_srvc_prcd > div {
		flex-direction: column;
	}

	.div_srvc_prcd .fd_col_mob div:first-child {
		width:unset!important;
	}

	.fd_col_mob{
		flex-direction: column;
		margin-bottom:0!important;
	}

	.div_footer_mobile ul li,
	.div_footer_mobile ul li h5{
		width:100%!important;
	}

	.div_footer_mobile .btn_nous_ftr{
		margin:auto;
		margin-top:-10px;
	}

	.div_footer_mobile .div_footer_bot p {
		margin-left:20px;
	}

	.div_footer_mobile > div:nth-child(2) {
		flex-direction: row!important;
	}

	.menu_popup_mid ul:nth-child(2):not(.ul_tags) {
		gap:20px;
		display: flex;
		flex-direction: column;
	}
	
	.div_projects_home .div_project img {
		border-radius: 15px;
		height: 320px;
		object-fit: cover;
		object-position: right;
	}
	.div_projects_home .div_project h2{
		font-size: 32px;
		left: 20px;
		bottom: 20px;
	}
	.div_projects_home .div_project ul {
		top: 20px;
		left: 10px;
		gap: 20px;
	}
	.div_projects_home .div_project ul li{
		font-size: 16px;
		padding: 5px 10px;
	}
	.div_btn_voir_plus .btn_voir_plus{
		font-size: 20px;
		font-family:"Poppins-Bold";
		margin-top: 20px;
	}

	.div_propos_home a {
		margin: auto;
		margin-top: 35px;
	}
	.div_propos_home .propos_content {
		gap:25px;
	}

	.sec_votre_projet {
		padding-top:30px;
		padding-bottom: 40px;
	}

	.sec_votre_projet .sec_votre_projet {
		padding-top:0;
		padding-left: 0;
    	padding-right: 0;
		padding-bottom: 0;
	}

	.list_items li h3 {
		height: 100%;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}

	.sec_votre_projet.bagdam_bg{
		padding-bottom:40px;
	}

	.sec_infolettre_home {
		padding-top:0;
	}
	
	.div_nos_serv_home > h3{
		font-size: 32px;
	}
	.div_nos_serv_home .nos_service h3{
		font-size: 24px;
	}
	.div_nos_serv_home .nos_service{
		gap: 20px;
	}
	.div_nos_serv_home .nos_service > div:first-child{
		margin-top: 0;
	}
	.div_nos_serv_home .nos_service img{
		max-width: 86px;
	}
	.div_nos_serv_home .nos_service span{
		font-size: 40px;
	}
	.div_nos_serv_home .nos_service{
		padding-top: 70px;
		padding-bottom: 125px;
	}
	.div_nos_serv_home .nos_service h4{
		font-size: 16px;
		
		position: absolute;
		left: 20px;
		top: 20px;
	}

	.div_serv_icon_geo {
		transform: scale(0.75);
	}

	.div_serv_icon_elec {
		transform: scale(0.75) translate(25px, 0);
	}

	.div_serv_icon_gas {
		transform: scale(0.8);
	}

	.div_serv_icon_prop {
		transform: scale(0.7) translate(-10px, 0);
	}


	.div_nos_serv_home .nos_service a{
		padding: 20px;
		min-width: 256px;
		text-align: center;
		
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}
	
	.div_propos_home h5{
		font-size: 16px;
	}
	.div_propos_home h2{
		font-size: 32px;
		line-height:39px;
	}
	.div_propos_home p{
		font-size: 16px;
	}
	.div_infolettre_home form{
		gap: 20px;
	}
	.div_infolettre_home form h4{
		font-size: 32px!important;
	}
	.div_infolettre_home form button{
		margin-top: 0;
	}

	.div_votre_projet a {
		height:80px!important;
	}
	
	.div_footer_top{
		flex-wrap: wrap;
	}
	.div_footer_top > div{
		width: 100%;
		flex: auto;
	}

	.div_footer_top {
		gap:60px;
	}

	.optionalParent {
		width:100%;
	}

	#mc_embed_signup .foot {
		width:100%;
	}

	#mc_embed_signup .optionalParent input {
		margin:auto;
	}

	.div_contact_info img {
		display:none;
	}

	.div_footer_top > div:nth-child(2){
		order: 1;
	}
	.div_footer_top > div:last-child{
		order: 2;
	}
	.div_footer_top > div:first-child{
		order: 3;
	}
	.div_footer_top > div:nth-child(3){
		order: 4;
	}
	.div_footer_top .btn_nous_ftr{
		position: relative;
		align-self: center;
	}
	.div_footer_top > div:first-child{
		display: flex;
		flex-wrap: wrap;
		column-gap: 20px;
	}
	.div_footer_top > div:first-child h5,
	.div_footer_top > div:first-child ul li a,
	.div_footer_top > div:first-child p{
		font-size: 18px;
	}
	.div_footer_top > div:first-child h5,
	.div_footer_top > div:first-child ul,
	.div_footer_top > div:first-child p{
		width: calc(50% - 10px);
	}
	.div_footer_top > div:first-child h5{
		order: 1;
	}
	.div_footer_top > div:first-child h5.h5_heures{
		order: 2;
		margin-top: 0;
	}
	.div_footer_top > div:first-child ul{
		order: 3;
	}
	.div_footer_top > div:first-child p{
		order: 4;
	}
	.div_footer_top > div:nth-child(2){
		display: flex;
		flex-direction: column;
		margin-bottom: -30px;

	}
	.div_footer_top > div:nth-child(2) h5,
	.div_footer_top > div:nth-child(2) a{
		font-size:24px;
		/* padding-left: 20px; */
	}

	.div_footer_top > div:nth-child(2) .btn_nous_ftr{
		font-size: 20px;
	}

	.column_footer_mobile a{
		font-size: 24px;
	}

	.div_footer_bot {
		margin-top:60px;
	}

	.div_footer_top > div:nth-child(3){
		display: flex;
		column-gap: 20px;
	}
	.div_footer_top > div:nth-child(3) h5,
	.div_footer_top > div:nth-child(3) ul{
		flex: 1;
	}
	.div_footer_top > div:nth-child(3) h5,
	.div_footer_top > div:nth-child(3) ul li a{
		font-size: 18px;
	}
	
	.div_footer_bot .a_footer_logo{
		position: initial;
	}
	.div_footer_bot p{
		margin-top: 60px;
		font-size:14px;
	}
	.div_footer_bot a{
		margin: 0;
		display: block;
		text-decoration: underline;
		border: none;
	}

	
	header img, header .menu_desk_logo,
	.menu_popup_top img, .menu_popup_top svg{
		display: none;
	}

	.menu_popup_top .close_menu svg{
		display:list-item!important;
	}

	.menu_popup_top > div{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.menu_popup_top .menu_mob_logo, header .menu_mob_logo{
		display: block;
		max-height: 32px;
	}
	.menu_popup_top ul {
		gap: 30px;
	}
	.menu_popup_mid .ul_tags{
		display: none;
	}
	.menu_popup_mid > ul li a{
		font-size: 40px;
	}
	.menu_popup_mid h4{
		font-size: 24px;
	}
	
	.div_filter_btns button {
		font-size: 16px;
		margin-right: 5px;
		margin-bottom: 10px;
		padding: 8px;
	}
	.div_filter_btns .fltr_btn{
		font-size: 16px;
		padding: 8px;
	}
	
	
	
	.div_nos_proj h2, .div_blogs_pg h2{
		font-size: 40px;
	}
	.div_nos_proj > div > p{
		padding: 20px;
	}
	.grid_items{
		gap: 20px;
	}
	.grid_items li {
		width: calc(100% - 40px);
		margin: 0 20px;
		margin-bottom: 20px;
        margin-top: 20px;
	}
	.list_items li h3 a{
		font-size: 32px;
		padding: 10px 20px;
		height: 100%;
		display: flex;
		align-items: center;
		width: 100%;
		white-space: normal;
	}
	.grid_items h5 {
		font-size: 16px;
	}
	
	
	.des_sol_cont h3 {
		font-size: 32px;
	}
	.des_sol_cont p {
		font-size: 16px;
		margin-bottom: 30px;
	}
	
	
	.div_banr_sngl_proj{
		display: flex;
		flex-direction: column-reverse;
		padding-top: 40px;
	}
	.sngl_proj_title h2{
		font-size: 40px;
	}
	.sngl_proj_img img {
		border-radius: 15px;
	}
	.sngl_proj_info{
		flex-wrap: wrap;
		column-gap: 20px;
		row-gap: 30px;
	}
	.sngl_proj_info > div{
		width: calc(50% - 10px);
	}
	.sngl_proj_info h6 {
		font-size: 18px;
	}
	.sngl_proj_info p {
		font-size: 17px;
		margin-top: 5px;
	}
	.sngl_proj_info hr{
		display: block;
		min-width: 110vw;
		margin-left:-10vw;
	}

	.entry-content {
		overflow-x: hidden;
	}
	
	.sec_sngl_proj_dtls{
		border-top: 2px solid var(--black);
		padding-top: 30px;
	}
	.div_sngl_proj_dtls h3{
		font-size: 36px;
		line-height: 1.2;
	}

	.hide_on_mobile {
		display:none;
	}

	.div_sngl_proj_dtls p, .div_sngl_proj_anec p {
		font-size: 20px;
	}

	.fd_col_mob_first p {
		font-size: 20px;
		margin-bottom: 10px;
	}

	.nos_proj_single {
		display:none;
	}

	.div_sngl_proj_dtls > div:not(.fd_col_mob_first) {
		gap: 30px;
		margin-bottom: 30px;
		margin-top: 30px;
	}

	.div_sngl_proj_dtls > .fd_col_mob:not(.fd_col_mob_first) div {
		gap:30px!important;
	}

	.project_details_cont {
		margin-top:0!important;
	}

	.div_sngl_proj_dtls > div:last-child{
		gap: 0;
		margin-top: 30px;
	}
	.div_sngl_proj_dtls > div img {
		width: calc(100% - 0px);
	}
	.div_sngl_proj_dtls h4, .div_sngl_proj_anec h4 {
		font-size: 24px;
        line-height: 30px;
	}
	.div_sngl_proj_anec .proj_multi_imgs{
		gap: 20px;
	}
	.div_sngl_proj_anec .proj_multi_imgs img {
		width: calc(100% - 0px);
	}
	.div_img_anec img + div{
		/*		margin-top: 30px;*/
	}
	.div_img_anec img + div p{
		margin-top: 10px;
	}
	
	.services_title h2, .about_title h2, .contact_title h2,
	.gform-conversational__screens h2 {
		font-size: 40px;
	}
	.div_srvc_banner h3, .div_srvc_des_sol h3, .div_abt_banner h3 {
		font-size: 36px;
		width: calc(100% - 0px);
		line-height: 42px;
	}

	.div_abt_banner .kerning_wrapper {
		width:100%;
	}

	.div_srvc_banner p, .div_srvc_des_sol p, .div_abt_banner p{
		font-size: 20px;
		width: calc(100% - 0px);
		line-height: 24px;
	}
	
	
	.div_srvc_banner, .div_abt_banner{
		gap: 20px;
		padding-top: 30px;
		padding-bottom: 0;
	}
	.div_srvc_banner img{
		height: 300px;
		object-fit: cover;
		/* object-position: -330px center; */
	}
	.div_abt_banner img{
		height: 250px;
		object-fit: cover;
	}
	
	.div_srvc_des_sol{
		padding: 30px 20px;
		width: calc(100% - 80px);
		gap:0;
	}
	.div_srvc_des_sol > div:nth-child(3){
		order: 4;
	}
	.div_srvc_des_sol .div_srvc_steps{
		order: 3;
	}
	.div_srvc_des_sol > div{
		width: calc(100% - 0px);
	}
	
	.sec_srvc_list hr {
		min-width: 120vw;
    	margin-left: -10vw;
	}
	.srvc_list_title h3{
		font-size: 36px;
		line-height: 1.2;
		padding-bottom: 20px;
	}
	.div_srvc_list{
		flex-wrap: wrap;
		gap: 20px;
	}
	.div_srvc_list h2{
		font-size: 35px;
		width: calc(70% - 30px);
        padding-left: 20px;
	}
	.div_srvc_list > div{
		width: calc(25% - 30px);
		padding-right: 20px;
	}
	.div_srvc_list p{
		font-size: 20px;
		width: 100%;
		border-top: none;
		padding: 20px 20px 0;
		padding-top: 30px;
        padding-bottom: 30px;
	}
	.div_srvc_list.last_srvc h2 {
		letter-spacing: -2px;
	}
	
	.div_srvc_prcd > div {
		gap: 25px;
		margin-top: 30px;
	}
	.div_srvc_prcd h3{
		font-size: 36px;
	}
	.div_srvc_prcd p{
		font-size: 20px;
		line-height: 24px;
	}

	.div_srvc_list_top {
		width: 100%!important;
		padding: 0!important;
		display: flex!important;
		align-items: center!important;
		justify-content: space-between!important;
		height: 120px!important;
	}
	
	
	.div_ser_grn_box{
		margin: 30px auto;
	}
	.div_ser_grn_box h3{
		font-size: 36px;
	}
	.div_ser_grn_box p{
		font-size: 20px;
	}
	.div_ser_grn_box ul li a{
		font-size: 24px;
	}
	.div_ser_grn_box span{
		height: 55px;
		margin-bottom: 20px;
		margin-top: 0;
	}
	.div_ser_grn_box ul li{
		max-width: 100%;
	}
	
	.div_ser_grn_box {
		margin-bottom:20px!important;
	}
	
	.div_srvc_notre{
		padding-top: 30px;
		border-radius: 15px;
	}
	.div_srvc_notre p, .div_about_owner p{
		font-size: 20px;
		line-height: 24px;
	}

	.sec_srvc_notre {
		padding-bottom:0;
	}

	.div_srvc_notre > p{
		padding: 0 20px;
	}
	.div_srvc_notre > div, .div_ser_grn_box{
		gap: 20px;
		padding: 30px 20px;
	}
	.div_srvc_notre h3, .div_about_owner h3{
		font-size: 36px;
	}
	.div_wrench_icon{
		display: none;
	}

	.div_abt_banner p {
		padding-bottom:20px;
	}

	.sec_about_owner {
		padding-top:20px;
	}

	.div_notre_abt > div {
		align-items: center;
	}

	.div_notre_abt .aboutus_point {
		height: 215px;
	}
	
	.sec_abt_banner{
		padding-bottom: 0;
	}
	.div_about_owner{
		gap: 20px;
	}
	.div_about_owner img{
		width: 100%;
		max-width: 380px;
        height: 525.078px;
        object-fit: cover;
	}
	
	.div_notre_abt > div{
		padding: 20px;
		gap: 20px;
	}
	.div_notre_abt > div h3, .div_faire_partie h3{
		font-size: 36px;
		line-height: 40px;
	}
	.div_notre_abt > div p{
		font-size: 20px;
		line-height: 24px;
	}
	.div_notre_abt h4 {
		font-size: 20px;
	}
	.div_notre_abt span {
		font-size: 40px;
		width: 60px;
	}
	
	.div_faire_partie{
		gap: 30px;
		padding: 30px 20px;
	}
	.div_worker_icon{
		width: 184px;
		height: 184px;
	}
	.div_worker_icon svg{
		max-width: 90px;
	}
	.div_faire_partie > div{
		gap: 20px;
	}
	.div_faire_partie p{
		font-size: 20px;
		margin-bottom: 0;
		line-height: 24px;
	}
	.div_faire_partie a{
		padding: 15px 20px;
		min-width: 200px;
		margin:auto;
	}
	
	
	.div_actual_abt p{
		font-size: 20px;
		line-height: 24px;
	}
	.div_actual_abt h3{
		font-size: 36px;
	}
	.div_actual_abt .act_abt_content{
		flex-direction: column;
	}

	.sec_blogs_pg {
		padding-bottom:20px;
	}

	.sec_nos_proj {
		padding-bottom: 40px;
	}

	.sec_nos_proj .div_btn_voir_plus{
		padding-top:20px;
		padding-bottom: 20px;
	}
	.sec_votre_projet .des_sol_cont.fd_col_mob {
		margin-bottom:20px;
	}

	.grid_items img {
		width: 400px;
    	height: 400px;
		object-fit:cover;
		max-width: 100%;
	}

	.div_nos_proj li h5{
		color: #E8E1D9;
		font-size: 40px;
		font-weight: 400;
		line-height: 46px;
	}

	.act_abt_content img{
		width: 100%;
		max-width: 400px;
	}
	.act_abt_content .hide_mobile{
		display: none;
	}
	 
	.act_abt_content .show_mobile{
		display: block;
		border-radius: 25px;
        margin: auto;
        margin-bottom: 35px;
        margin-top: 30px;
	}

	.div_actual_abt a.btn_lire {
		margin: auto;
		margin-top: 30px;
	}
	
	.div_blogs_pg .list_grid li{
		border-radius: 15px;
		width: calc(100% - 80px) ;
	}
	.div_blogs_pg .list_grid h5{
		font-size: 20px;
		height: auto;
	}
	.div_blogs_pg .list_grid p {
		font-size: 16px;
		height: auto;
	}
	.div_blogs_pg .list_grid a{
		font-size: 18px;
	}
	
	.div_sngl_pst_cntnt{
		margin-top: 30px;
		gap: 0;
	}
	.div_sngl_pst_cntnt img{
		border-radius: 15px;
		margin-bottom: 20px;
	}

	.div_sngl_pst_cntnt img{
		border-radius: 20px;
	}

	.div_sngl_pst_cntnt h1{
		font-size: 30px;
	}
	
	.div_sngl_pst_cntnt h2{
		font-size: 25px;
	}

	.div_sngl_pst_cntnt h3, .div_contact_info h3{
		font-size: 22px;
	}
	.div_sngl_pst_cntnt ul{
		gap: 20px;

	}

	.div_sngl_pst_cntnt ul.wp-block-list {
		display: flex;
		flex-direction: column;
	}

	.div_sngl_pst_cntnt ul li a{
		font-size: 18px;
	}
	.div_sngl_pst_cntnt p{
		font-size: 20px;
	}
	
	
	
	.div_chat_box .show_mobile{
		display: block;
	}
	.div_chat_box > div:first-child{
		justify-content: space-between;
		padding: 40px 20px 20px;
	}
	.div_chat_box .span_worker_icon{
		width: 100px;
		height: 100px;
	}
	.div_chat_box .span_worker_icon svg{
		width: 50px;
	}
	.div_chat_box p, .div_contact_info p {
		font-size: 20px;
		line-height: 1.2;
	}
	.form_chatbox .chat_area{
		padding: 20px;	
	}
	.form_chatbox .chat_area p {
		padding-left: 0;
		display: none;
	}
	.form_chatbox textarea{
		font-size: 20px;
	}
	.form_chatbox textarea::placeholder{
		opacity: 1;
	}
	.form_chatbox .chatbox_steps{
		flex-wrap: wrap;
		padding: 20px 20px 30px;
	}
	.div_chat_box .chtbx_stp_strp{
		height: 30px;
	}
	.form_chatbox .chatbox_steps .div_arrow_icon{
		display: none;
	}
	.div_debuter_proj h2 {
		font-size: 36px;
	}
	
	/* .div_contact_info{
		gap: 40px;
	} */

	.div_contact_info {
		display:flex;
		gap:0;
	}

	.div_srvc_notre {
		background-repeat: no-repeat;
		background-position: center;
		min-height: 450px;
		padding-top: 30px;
		padding-bottom: 50px;
		background-position-y: 0%;
	}

	.gform_title {
		height:80px;
	}

	.gfield_label,
	.ginput_container,
	.gform-conversational__field-footer,
	.gfield_label {
		padding-left:0!important;
		padding-right:0!important;
	}

	.gform-conversational.gform-theme--framework .gform-conversational__form-nav {
		width: calc(100% - 40px) !important;
	} 
	
	.gform-conversational.gform-theme--foundation .gform-conversational__screen-content {
		padding-left: 0;
		padding-right: 0;
		padding-top: 0px;
		max-height: unset;
	}

	.div_chat_box, .gform-conversational__form-fields {
		margin-left:0;
		margin-right:0;
	}

	.div_chat_box, .gform-conversational__form-fields {
		width:100%;
	}

	.gform_fields .gfield {
		padding-left: 20px!important;
		padding-right: 20px!important;
	}

	.gform-conversational.gform-theme--framework .gform-conversational__progress-bar-label {
		font-size:16px!important;
	}





	.gform-conversational.gform-theme--foundation .gform-conversational__nav-buttons {
		display:none!important;
	}

	.gform-conversational__field-footer {
		padding-bottom:0!important;
		padding-bottom:20px!important;
	}

	.gform-field-label {
		font-size: 14px!important;
	}

	.ginput_container_racine_contact {
		grid-gap: 10px;
	}

	.sec_srvc_prcd {
		min-height:unset;
	}

}

.sec_nos_proj .div_btn_voir_plus {
	display:none;
}