/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 31 2025 | 07:46:23 */
/* Ajouter votre code CSS ici.
                     
Par exemple:
.exemple {
    color: red;
}

Pour améliorer vos connaissances en CSS, visitez http://www.w3schools.com/css/css_syntax.asp

Fin du commentaire */ 

/*------------New code by Ameni--------*/
.contact-form .wpforms-submit-container{
	text-align:center;
}
.contact-form  .wpforms-submit{
	color: rgba(225, 10, 25, 1)!important;
    background-color: #fff!important;
    border-radius: 50px!important;
	height:auto!important;
    padding: 15px 35px!important;
    border: 1px solid rgba(225, 10, 25, 1)!important;
}
.contact-form  .wpforms-submit:hover,
.contact-form  .wpforms-submit:focus{
	background:none!important;
	outline:none!important;
	background-color:#fff!important;
	box-shadow:0 2px 1px 1px rgba(225, 10, 25, 1)!important;
}
div.wpforms-container-full input[type=checkbox]:checked:before, div.wpforms-container-full input[type=radio]:checked:before{
	border-color: #1c7878!important;
    box-shadow: 0 0 0 1px #1c7878, 0px 1px 2px rgba(0, 0, 0, 0.15)!important;
}
div.wpforms-container-full input[type=checkbox]:checked:after{
	    border-left: 4px solid #1c7878!important;
    border-bottom: 4px solid #1c7878!important;
}
.contact-form  .wpforms-field-label{
	 color:rgba(28, 120, 120, 1)!important;
	    font-family: "Poppins", Sans-serif;
	font-weight:400!important;
	font-size:18px;
}
.contact-form  .wpforms-field-medium{
	background-color:rgba(242, 246, 246, 1)!important;
	border:1px solid rgba(28, 120, 120, 1)!important;
	border-radius:50px!important;
}
.contact-form  textarea.wpforms-field-medium{
	border-radius:20px!important;
}
div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner{
		background-color:rgba(242, 246, 246, 1)!important;
	border:1px solid rgba(28, 120, 120, 1)!important;
	border-radius:50px!important;
}
 
.produit-item{
position:relative;
}
.btn-read-more{
	transform: translate(50%, -50%);
    left: 0!important;
    bottom: 0!important;
	visibility:hidden;
	opacity:0;
}
.blog-item a{
	display:block;
	width:100%;
}
body {
    max-width: 1920px;
    margin: 0 auto;
}
.bottom-box-border,.box-image{
	position:relative;
}

.bottom-box-border:after {
content: "";
    position: absolute;
    bottom: -30px;
    left: 0;
    width: 100%;
    height: 0;
    border-left: 190px solid transparent;
    border-right:190px solid transparent;
    border-top: 30px solid #1BB7B3;
}
.produit-item {
	position:relative;
}
.produit-item:hover .btn-read-more ,
.produit-item:focus .btn-read-more {
	bottom:0!important;
	opacity:1!important;
	visibility:visible;
}
.video-box,
.video-box .elementor-custom-embed-image-overlay{
	height: 250px;
}
.video-box .elementor-custom-embed-image-overlay {
	border-radius:100%;
}
.box-image {
  position: relative;
}


/* CHEVRON = BORDURE */
.chevron {
position: absolute;
    bottom: -12px;
    left: 0;
    width: 100%;
    height: 95px;
    background: #22b8b2;
    z-index: 1;
    clip-path: polygon(0 0, 100% 0, 100% 30%, 50% 100%, 0 30%);
}

/* IMAGE par-dessus */
.box-image img {
display: block;
    width: 100%;
	height:450px;
	object-fit:cover;
    position: relative;
    z-index: 2;
    clip-path: polygon(0 0, 100% 0, 100% 85%, 50% 100%, 0 85%);
}

.box-image  .elementor-widget-image{
	display: inline-block;
  overflow: hidden;
		height:460px;
}
.box-image  .elementor-widget-image img {
  transition: transform 0.3s ease;  
}

.box-image:hover .elementor-widget-image img {
  transform: scale(1.05); /* Scales the image to 110% when hovered */
}

.box-image:hover  .chevron {
position: absolute;
    bottom: -18px;
	height:95px;
	
}

.blur-bg{
	backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);  
}
.hover-box:hover{
	background-color:#fff;
	background-image:none;
}
.hover-box:hover .box-title{
	background-color:rgba(225, 10, 25, 1)!important;
	
}
.hover-box .elementor-background-video-container,
.testmonials-block .elementor-background-video-container{
    z-index: -9;	
}
.hover-box:hover .elementor-background-video-container,
.testmonials-block:hover .elementor-background-video-container {
    z-index: 0;	
}
.hover-box:hover .box-title h3{
	color:#fff!important;
}

.video-box{
	position:relative;
}
.video-box:after{
	position:absolute;
	background-image:url('https://mybeers-preprod.kwantic.dev/wp-content/uploads/2025/12/tdesign_quote-filled.svg');
	content:'';
	top:0;
	right:-25px;
	width:140px;
	height:140px;
	background-repeat:no-repeat;
	background-size:contain;
}
.video-box:before{
	position:absolute;
	background-image:url('https://mybeers-preprod.kwantic.dev/wp-content/uploads/2025/12/Vector-7.svg');
	content:'';
	bottom:0;
	left:0;
	width:327px;
	height:470px;
	background-repeat:no-repeat;
	background-size:contain;
}
.social-links .elementor-icon-list-item a .elementor-icon-list-icon{
	display:flex;
	width:60px;
	align-items:center;
	justify-content:center;
	height:60px;
	border:1px solid #fff;
	border-radius:50%;
}
 .social-links .elementor-icon-list-item a:hover .elementor-icon-list-icon{
	border:1px solid rgba(44, 181, 180, 1);
	background:#fff;
}
.footer .social-links .elementor-icon-list-item a .elementor-icon-list-icon{
	border:1px solid rgba(44, 181, 180, 1);
}
.footer .social-links .elementor-icon-list-item a:hover .elementor-icon-list-icon{
	border:1px solid rgba(44, 181, 180, 1);
	background:rgba(44, 181, 180, 1);
}
.social-links .elementor-icon-list-item a .elementor-icon-list-icon svg{
	margin:0;
}
 
.newsletter .wpforms-form {
   display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 80%;
}
.newsletter .wpforms-field-container{
	width: 100%;
}
.newsletter .wpforms-field.wpforms-field-email{
	display: flex;
    justify-content: flex-end;
}
.newsletter .wpforms-form input[type="email"] {
    padding: 10px;
    border-radius: 50px;
    border:0;
       width: 100%;
    font-size: 16px;
}
.newsletter .wpforms-container .wpforms-submit-container{
	margin-top:0!important;
}
.newsletter .wpforms-container .wpforms-field{
	padding:0;
}
.newsletter  .wpforms-container{
	margin-top:0!important;
}
.newsletter .wpforms-submit {
    padding: 10px 20px;
    background-color: #fff!important;
    color: rgba(225, 10, 25, 1)!important;
    border: 1px solid rgba(225, 10, 25, 1)!important;
    border-radius: 85px!important;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
.newsletter .wpforms-submit:hover{
	background:none!important;
	background-color:#fff!important;
	    box-shadow: 0px 2px 1px 1px #E10A19;
}
 
.newsletter .wpforms-form input[type="submit"]:hover {
    background-color: #0056b3;
}
.red-title{
	color:rgba(225, 10, 25, 1);
}
.blog-item a{
	display:block;
	width:100%;
}
/*-----------responsive--------------------*/

@media screen and (min-width: 1024px) and (max-width: 1595px) {
	.bottom-box-border:after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 100%;
    height: 0;
    border-left: 130px solid transparent;
    border-right: 130px solid transparent;
    border-top: 20px solid #1BB7B3;
}
}
@media (max-width: 1024px) {
	.newsletter .wpforms-form{
		width:100%;
	}
	.bottom-box-border:after{
		    border-left: 170px solid transparent;
    border-right: 170px solid transparent;
	}
	.video-box:after,
	.video-box:before{
		display:none;
	}
	.social-links .elementor-icon-list-item a .elementor-icon-list-icon{
		width:45px;
		height:45px;
	}
}