/* 
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 */

/* Padding Left Style */
.padding-left-style { padding-left: calc((100% - 1260px) / 2); }

/* Button Style */
.btn-overlay-style { position: relative; }
.btn-overlay-style:before { height: 100%; width: 100%; content:""; position: absolute; top: 0px; left: 0px; background: linear-gradient(90deg, #A2A5CF 0%, #D19ADF 22.12%, #DBD87F 60.1%, #EA9696 100%); filter: blur(15px); border-radius: 100px; }

/* Button Outline Icon Style */
.btn-outline-icon-style .elementor-button:hover .elementor-button-icon svg path { stroke: #FFFFFF; fill: transparent; }

/* Title Style */
.title-style .elementor-heading-title span { display: block; font-family: var(--e-global-typography-5dcce5a-font-family), Sans-serif; font-size: 34px; font-weight: var(--e-global-typography-5dcce5a-font-weight); font-style: var(--e-global-typography-5dcce5a-font-style); line-height: 40px; letter-spacing: var(--e-global-typography-5dcce5a-letter-spacing); }

/* Badge Style */
.badge-style  { position: relative; overflow: hidden; }
.badge-style:after { width: 170px; height: 20px; display: flex; align-items: center; justify-content: center; content:"Populaire"; position: absolute; top: 24px; right: -48px; background-color: rgba(53, 182, 210, 0.2); color: #35B6D2; font-size: 13px; font-weight: 500; line-height: 16px; letter-spacing: -0.26px; text-transform: uppercase; transform: rotate(45deg); z-index: 1; }

/* Offer Price Style */
.offer-price-style .elementor-icon-box-content .elementor-icon-box-description span { display: inline-block; position: absolute; bottom: 4px; right: -10px; background-color: #35B6D2; color: #FFFFFF; font-size: 13px; font-weight: 500; line-height: 16px; letter-spacing: -0.26px; font-family: var(--e-global-typography-text-font-family), Sans-serif; border-radius: 100px; padding: 2px 10px; }

/* Mobile Menu Style */
.mobile-menu-style .elementor-nav-menu--main .elementor-nav-menu .menu-item { padding: 15px 0; border-bottom: 1px solid #E9E9E9; }

/* Contact Form Style */
.wpcf7 .wpcf7-form .row { margin: 0 -35px; }
.wpcf7 .wpcf7-form .col-lg-6, .wpcf7 .wpcf7-form .col-12 { float: left; padding: 0 35px; margin-bottom: 30px; }
.wpcf7 .wpcf7-form .col-lg-6 { width: 50%; }
.wpcf7 .wpcf7-form .col-12 { width: 100%; }
.wpcf7 .wpcf7-form .wpcf7-form-control { display: block; width:100%; color: #696969; font-size: 16px; font-weight: 500; line-height: 22px; letter-spacing: -0.16px; border: none; border-bottom: 1px solid #E9E9E9; border-radius: 0px; padding: 10px 0; }
.wpcf7 .wpcf7-form input::focus-visible, .wpcf7 .wpcf7-form input::focus { outline: none; border: none; box-shadow: none; }
.wpcf7 .wpcf7-form .wpcf7-form-control.wpcf7-acceptance { padding: 0; border: none; }
.wpcf7 .wpcf7-form .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item { margin: 0px; }
.wpcf7 .wpcf7-form .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item label { display: flex; gap: 10px; }
.wpcf7 .wpcf7-form .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item label input { height: 22px; width: 22px; }
.wpcf7 .wpcf7-form .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item .wpcf7-list-item-label { display: flex; font-size: 13px; font-weight: 500; line-height: normal; letter-spacing: -0.26px; }
.wpcf7 .wpcf7-form .wpcf7-form-control.wpcf7-textarea { height: 172px; }
.wpcf7 .wpcf7-form .wpcf7-form-control.form-btn { width: initial; border: none; background-color: #241D1F; color: #F6F4F2; border-radius: 100px; padding: 18px 35px; }
.wpcf7 .wpcf7-form .wpcf7-form-control.form-btn:hover { background-color: #eb5f44; color: #F6F4F2; }

.wpcf7 .wpcf7-form .wpcf7-spinner { position: absolute; }
.wpcf7 .wpcf7-form .wpcf7-response-output { width: 100%; float: left; border-radius: 35px; text-align: center; margin: 0px; padding: 10px; }

/* Icon List Style */
.listing-style .elementor-icon-list-items { gap: 10px; }
.elementor-icon-list-item span { display: inline-block; background-color: var(--e-global-color-2ffe44d); fill: var(--e-global-color-secondary); color: var(--e-global-color-secondary); border-style: none; border-radius: 8px 8px 8px 8px; padding: 10px 10px 10px 10px; }

/* Video Style */
.video-style .e-hosted-video { max-height: 370px; width: 100%; position: relative; }
.video-style .e-hosted-video::before { height: 100%; width: 100%; content:""; position: absolute; top: 0; left: 0px; background-image: url('images/overlay-img.png'); background-position: top center; background-repeat: no-repeat; background-size: cover; }
.video-style .e-hosted-video video { border: 11px solid #FFFFFF; border-bottom: none; border-radius: 50px 50px 0 0; object-position: top center; }

@media only screen and (max-width: 1366px) { 
	
	.elementor-widget-n-carousel.elementor-element :is(.swiper,.swiper-container)~.elementor-swiper-button-prev {  left: auto; right: 90px; }
	.elementor-widget-n-carousel.elementor-element :is(.swiper,.swiper-container)~.elementor-swiper-button-next { left: auto; right: 80px; }
	
	.video-style .e-hosted-video { min-height: initial; max-height: 354px; }
}

@media only screen and (max-width: 767px) {
	.padding-left-style { padding-left: 20px; }
	.title-style .elementor-heading-title span { display: inline; font-style: normal; font-family: var(--e-global-typography-5abedd0-font-family), Sans-serif; font-size: var(--e-global-typography-secondary-font-size); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); }
	
	.wpcf7 .wpcf7-form .col-lg-6, .wpcf7 .wpcf7-form .wpcf7-form-control.form-btn { width: 100%; }
	
	
}