/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.carroussel-wrapper img {
	width: 400px;
	height:auto;
}

.carroussel-item {
    display: flex;
    flex-wrap: nowrap;
	max-width: 1600px;
	margin: auto auto 30px auto;
	overflow-x: auto;
    scroll-behavior: smooth;
	gap:32px;
	width:1600px;
}

.carroussel-wrapper {
	margin: auto auto 50px auto;
	display: flex;
    flex-wrap: wrap;
	max-width: 1600px;
}

.tuiles-wrapper {
    display: flex;
    flex-wrap: nowrap;
    margin: auto;
	overflow-x: auto;
    scroll-behavior: smooth;
  	max-width: 100%;
	gap:32px;
}

.tuile {
    border: solid 2px #efefef;
    min-width: 31%;
	width:31%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	flex-shrink: 0;
    box-sizing: border-box;
}

.tuile-intro {
    min-width: 23%;
	width:23%;
	padding:10px;
    justify-content: flex-end;
}

.tuile-intro .tuile-form {
	margin:0;	
}

.tuile-intro h3 {
	font-size:16px;
}

.tuile form label {
	padding-bottom:10px;
}

.tuile form {
	margin:12px;
}

.tuiles-wrapper h3 {
    padding: 10px 10px 0 10px;
	font-size:17px;
	font-weight:bold;
	margin:0;
}

.tuiles-wrapper p {
    padding: 0 0 0 10px;
	font-size:16px;
	margin-block-end:0;
}

.nb-cara {
    padding: 0 10px 10px 10px!important;
	font-size:14px!important;
}

.tuiles-wrapper textarea {
    width:100%;
	display:block;
}

.carroussel-wrapper h2 {
    font-family: "Poppins", Sans-serif;
    font-size: 30px;
}

@media screen and (max-width:1024px) {
	.carroussel-wrapper {
    	max-width: 1000px;
		margin: auto auto 30px auto;
	}
	.tuiles-wrapper {
		gap:15px;
		width:480px;
	}
	.tuile {
    	min-width: 49%!important;
		width:49%!important;
	}
	.carroussel-item {
		width:480px;
	}
}
@media screen and (max-width:500px) {
	.carroussel-wrapper img {
	width: 300px;
	height:auto;
}
	.carroussel-wrapper {
    	max-width: unset;
	}
	.tuile {
   		min-width: 150px!important;
		width:150px!important;
	}
	.tuile-intro {
		min-width: 160px!important;
		width:160px!important;
	}
	.tuile p, .tuile h3, .note-wrapper label, .note-wrapper textarea {
		font-size:14px;
	}
	.tuile-intro .tuile-form {
		margin:0;
	}
	
	.tuiles-wrapper {
		width:290px;
		margin: 0 auto auto auto;
	}
	.carroussel-wrapper h2 {
    	font-size: 20px;
		line-height:25px;		
	}
	.carroussel-item {
		width:auto;
	}   		
	.carroussel-item {
    gap: 10px;
}
}