/**
 * Theme Name:     Divi Child
 * Author:         Elegant Themes
 * Template:       Divi
 * Text Domain:	   divi-child
 * Description:    Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
 */

#footer-bottom .container{
    display: flex !important;
    align-items: center;
	justify-content: center !important;
}
.et_header_style_left #et-top-navigation nav>ul>li>a {
    padding-bottom: 10px !important;
}
.how-btn{
	color: #fff !important;
    background-color: #02c4b3;
    padding-top: 10px;
    margin-bottom: 20px;
}
.devis-btn{
	color: #fff !important;
    background-color: #007ac2;
	padding-top: 10px;
    margin-bottom: 20px;
}
.how-btn a, .devis-btn a{
	color: #fff !important;
	font-weight: 700 !important;
}
#top-menu li {
	padding-left: 22px !important;
}
#top-menu>li:last-child{
	padding-right: 20px !important;
}
.gform_title{
	color: #02c4b3 !important;
	margin-top: 2%;
}
.style-bg:after, .steps-container:after, .header-bg img:after{
	content: '';
	display : block;
	position: absolute;
	top : 0;
	width: 100%;
	height : 100%;
	background: linear-gradient(0deg,rgba(0,0,0,0.3),rgba(0,0,0,0.1)),linear-gradient(180deg,rgb(0 122 194 / 60%),rgb(0 122 194 / 20%));
}
.title-white{
	color: #fff !important;
	font-weight: 700 !important;
}
.title-blue{
	color: #007ac2;
}
span{
	font-weight: 700;
}
.step-circle{
	border-radius: 50px;
	line-height: 40px;
	font-size: 30px;
    font-weight: 700;
    color: #004aad; 
}
.step:before{
	content: "";
	position: absolute;
	z-index: -10;
	height: 0px;
    width: 240px;
    left: -100px;
	bottom: 20px;
	border-bottom: 2px solid #fff !important;
}
/** form **/
.gfield_radio{
	display: flex !important;
    justify-content: center !important;
	flex-wrap: wrap !important;
}
.gchoice {
    width: 25% !important;
    box-shadow: 0 4px 20px #0000001a !important;
    padding: 20px;
    margin: 0 10px 10px 0;
	cursor: pointer !important;
}
.gform_wrapper.gravity-theme .gfield-choice-input {
    vertical-align: top !important;
	cursor: pointer !important;
}
label{
	display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
	cursor: pointer !important;
}
.gform_wrapper.gravity-theme .gfield-choice-input+label {
    max-width: 100% !important;
}
.label-style{
	padding-top: 2%;
}
/* .how-many .gfield-choice-input{
	display : none !important;
} */
.how-many label{
	font-size: 20px;
    font-weight: 700;
    color: #004aad;
}
.gform_page_footer{
	text-align: center !important;
}
.gform_previous_button.button, .gform_next_button.button, .gform_button{
	color: #ffffff!important;
    border-color: #004aad !important;
    background-color: #004aad !important;
    border: 2px solid transparent !important;
    padding: 0.6em 1.4em !important;
}
.gchoice:hover{
    box-shadow: 0 16px 16px -5px rgb(42 49 69 / 20%) !important;	
}
.number{
	display: inline-block;
    width: 35px !important;
    height: 35px !important;
    line-height: 35px !important;
    background-color: #004aad !important;
    border: 1px solid #004aad !important;
	border-radius: 50px !important;
	color: #fff !important;
	text-align: center !important;
	margin-right : 12px !important;
}
.table-column{
	padding-right: 1%;
    padding-left: 1%;
}
/** responsive **/
@media only screen and (max-width: 1062px){
	.gchoice {
    	width: 33% !important;
	}
}
@media only screen and (max-width: 980px){
	.steps-container .et-last-child{
		width : 100% !important;
	}
	.col-reverse{
		display : flex !important;
		flex-direction: column-reverse !important;
		padding-top: 0 !important;
	}
	.col-reverse-img{
		margin-bottom : 20px !important;
	}
	.header-section .et_pb_row{
		display: flex;
    	flex-direction: column-reverse;
	}
	.et_pb_section.et_pb_section_0.header-section.et_pb_with_background{
		background-size: 100% 100% !important;
	}
	.et_pb_with_border.et_pb_module.dsm_dual_heading.dsm_dual_heading_0.header-title{
		padding-top: 40px !important;
	}
	.devis-btn .et_pb_button_module_wrapper.et_pb_button_1_wrapper{
		text-align: center !important;
	}
}
@media only screen and (max-width: 700px){
	.gchoice {
    	width: 33% !important;
	}
}
@media only screen and (max-width: 510px){
	.gchoice {
    	width: 50% !important;
	}
	.description-img img{
		min-height : auto !important;
	}
	.cout-img .et_pb_image_5{
		width: 100% !important;
	}
}