/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.2.1.1734972397
Updated: 2024-12-23 17:46:37

*/
.cards-style .elementor-position-top{
  height:330px;
  }
.review-global .elementor-testimonial {
  height:290px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.review-global .elementor-testimonial__text {
  text-align: justify;
}
.review-global .elementor-testimonial__cite {
     position: absolute;
  bottom: 34px;
  display: flex;
padding-right:50px;
 left:15px;
  flex-direction: row;
  align-content: center;
  align-items: center;
  justify-content:space-between;
}
.review-global .elementor-testimonial__cite{
width:100%;
}
/*contact form*/
.contact-form .form-contact {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center; 
  gap: 15px;  
}
.contact-form .form-contact .input-contact {
width: 100%; 
}
.contact-form .form-contact .input-name, .contact-form .form-contact .input-email, .contact-form .form-contact .input-telephone, .contact-form .form-contact .input-adress {
width: calc(50% - 10px);
}
.contact-form .form-contact input,
.contact-form .form-contact textarea{
width: 100%; 
background: #fff;
color: #000;
border:1.7px solid #D3D3D3;
outline: none;
font-family: roboto;
font-size: 15px;
padding: 16px;
border-radius: 7px;
padding-left: 20px;
}
.contact-form .form-contact .input-name .wpcf7-form-control-wrap::after {
  content: "\f007";
  font-family: "Font Awesome 5 pro";
  color: black;
  position: absolute;
  top: 0;
  right: 10px;
  font-weight: 900;
}
.contact-form .form-contact .input-email .wpcf7-form-control-wrap::after {
  content: "\f1d8";
  font-family: "Font Awesome 5 pro";
  color: black;
  position: absolute;
  top: 0;
  right: 10px;
  font-weight: 900;
}
.contact-form .form-contact .input-telephone .wpcf7-form-control-wrap::after {
  content: "\f095";
 font-family: "Font Awesome 5 pro";
  color: black;
  position: absolute;
  top: 0;
  right: 10px;
  font-weight: 900;
}
.contact-form .form-contact .input-adress .wpcf7-form-control-wrap::after {
  content: "\f3c5";
 font-family: "Font Awesome 5 pro";
  color: black;
  position: absolute;
  top: 0;
  right: 10px;
  font-weight: 900;
}
.contact-form .form-contact .message .wpcf7-form-control-wrap::after {
  content: "\f0e0";
  font-family: "Font Awesome 5 pro";
  color: black;
  position: absolute;
  margin-top:10px;
  right: 15px;
  font-weight: 900;
}

.contact-form .form-contact textarea {
min-height: 120px;
height:100px;
}
.contact-form .form-contact .message{
width:100%;
}
.contact-form .form-contact button {
width:100%;
background: #BC9C55;
text-align: center;
border: none;
outline: none;
color: #fff;
padding: 12px;
font-weight: 600;
border-radius: 7px;
font-size: 16px;
}
.cards-style .elementor-widget-container .elementor-image-box-wrapper .elementor-image-box-img{
width: 100% !important;
text-align:end;
}
@media screen and (max-width: 1024px){
.contact-form .form-contact .input-name, .contact-form .form-contact .input-email, .contact-form .form-contact .input-telephone, .contact-form .form-contact .input-adress {
width: 100%;
}
.contact-form .form-contact input,.contact-form .form-contact textarea
{
padding: 13px; 
}
.cards-style .elementor-widget-container .elementor-image-box-wrapper .elementor-image-box-img img{
width:50px;
}
}
.footer .elementor-icon-list-item .elementor-icon-list-icon{
padding:10px;
  background-color:#BC9C55;
border-radius:50px;
padding-right:9px;
margin-right:10px;
}
.e-con-inner .review-global .elementor-swiper-button-prev{
  left:46% !important;
  }
  .e-con-inner  .review-global .elementor-swiper-button-next{
  right:46% !important;
  }
/*contact demandez le devis */
.demane-devis .form-devis {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center; 
  gap: 15px;  
}
.demane-devis .form-devis .input-holder {
width: 100%; 
}
.demane-devis .form-devis .input-siaser {
width: calc(50% - 10px);
}
.demane-devis .form-devis input, .demane-devis .form-devis select{
width: 100%; 
background: #fff;
color: #000;
border:1.7px solid #BC9C55;
outline: none;
font-family: roboto;
font-size: 15px;
padding: 12px;
border-radius: 7px;
padding-left: 20px;	
}
.demane-devis .form-devis input::placeholder, .demane-devis .form-devis select{
color:#BC9C558F;
}
.demane-devis .form-devis label{
color:black;
font-size:17px;
text-transform: capitalize;
}
.demane-devis .form-devis .full-width{
width:100%;
}
.demane-devis .form-devis button{
background-color:#0F0F23;
color:#fff;
border-radius:25px;
padding:10px 30px;
font-size:17px;
border:none;
display: block;
  margin-left: auto;
  margin-right: auto;
}
.demane-devis .form-devis .fa-arrow-right::before {
  content: "\f061";
  font-family: "Font Awesome 5 pro"; 
   color:#BC9C55FA;
  font-size: 15px;
  position:relative;
  left:10px;
  bottom:2px;
}
.faq .elementor-element-e7c253e .elementor-tab-title{
border-radius:8px;
}
.review-global .elementor-swiper-button{       
  align-items:end;
  position: absolute;
  bottom: -270PX; 
 outline:none;
}

.review-global .elementor-main-swiper .elementor-swiper-button svg{
background-color:#BC9C55;
padding:10px;
border-radius:50px;
outline:none;
}


@media screen and (max-width: 1024px){
.contact-form .form-holder .input-name, .contact-form .form-holder .input-email, .contact-form .form-holder .input-telephone, .contact-form .form-holder .input-adress {
width: 100%;
}
.cards-style .elementor-position-top{
height:320px;
}
.demane-devis .form-devis .input-siaser {
width: 100%;
}
.e-con-inner .review-global .elementor-swiper-button-prev{
left:43% !important;
}
.elementor-9 .review-global .elementor-swiper-button-next{
right:43% !important;
}
}
@media screen and (max-width: 767px){
.demane-devis .form-devis label{
font-size:15px;
}
.e-con-inner .review-global .elementor-swiper-button-prev{
left:36% !important;
}
.e-con-inner .review-global .elementor-swiper-button-next{
right:36% !important;
}
.review-global .elementor-main-swiper .elementor-swiper-button svg{
font-size:30px;
padding:6px;
}
.review-global .elementor-swiper-button{    
  bottom: -230PX; 
}
  .cards-style .elementor-position-top{
height:auto;
}
.cards-style .elementor-widget-container .elementor-image-box-wrapper .elementor-image-box-img{
  
  text-align:center;
  }
}