/*
Theme Name: Qi
Theme URI: https://qodeinteractive.com/qi-theme
Description: Qi theme is the latest free offering developed by Qode Interactive, winners of multiple awards and accolades in the fields of web design and development and one of bestselling WordPress theme creators. We approached Qi the same way we do when we develop premium themes - this means that the theme features comprehensive modules for your portfolio, shop, blog, a beautiful selection of contemporary premade inner page templates great for a wide array of purposes, and all the options and functionalities you may ever need to set up a professional website the easy way. Qi theme features 100 beautifully designed starter sites for all types of modern websites. Alongside stunningly designed websites for all types of businesses including spa, beauty salon, medical, SaaS, marketing, gym, and dentist websites, just to name a few, Qi also has a huge collection of sites great for personal uses. Do you wish to create a new CV or a resume, or perhaps you are a restaurant owner, a videographer or an SEO expert? Or maybe you’re just looking for a captivating yet simple way to announce your wedding? Whatever it might be, Qi has you covered! Top all this off with the authentic design style that Qode Interactive collective is known for, and you get a true creative powerhouse that’s fast, reliable and comes with virtually limitless customization options!
Author: Qode Interactive
Author URI: https://qodeinteractive.com
Text Domain: qi
Version: 1.2
Requires at least: 5.0
Tested up to: 6.1
Requires PHP: 5.6
Tags: food-and-drink, e-commerce, portfolio, grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, featured-images, custom-logo, custom-menu, footer-widgets, post-formats, full-width-template, sticky-post, threaded-comments, translation-ready, editor-style
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/* le modification de css fait 31 mai 2023 */

.elementor-section.elementor-top-section.elementor-element.elementor-element-0c9b38f.elementor-section-stretched.elementor-section-boxed.elementor-section-height-default {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}
  @media (min-width: 768px)
.elementor-318 .elementor-element.elementor-element-a42963c {
  width: 170.14%;
}
.hfe-nav-menu__layout-horizontal li.menu-item, .hfe-nav-menu__layout-horizontal > li.menu-item {
  font-size: small;
}
.hfe-nav-menu-icon {
  display: inline-block;
  line-height: 1;
  text-align: center;
  position: absolute;
  top: -60px;
  right: -260px;
}
body:not(.rtl) .elementor-318 .elementor-element.elementor-element-0ed114a .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child) {
  margin-right: 15px;
}
.elementor-18 .elementor-element.elementor-element-76754a0 > .elementor-widget-container {
  background-color: #FFFFFF;
  border-radius: 46px;
  margin-top: 38px;
}

/* ********************fegma*************** */
.n2-ss-layer.n2-ow.n-uc-3ePArVa9zC8y {
  position: absolute;
  width: 1643px;
height: 827px;
  left: -9px;
  top: -9px;
  background: rgba(0, 0, 0, 0.31);
    background-attachment: scroll;
  mix-blend-mode: normal;
} 

.elementor-section.elementor-top-section.elementor-element.elementor-element-0c9b38f.elementor-section-stretched.elementor-section-boxed.elementor-section-height-default {
  background-color: transparent;
}

/*  ***************************** */
.n2-ss-no-bga-fixed {
  position: absolute;
  width: 1619px;
  height: 750px;
  left: -9px;
  top: -9px;
  background: rgba(0, 0, 0, 0.31);
  mix-blend-mode: normal;
}
/* start  section 2 rose */
.elementor-section.elementor-top-section.elementor-element.elementor-element-eda6e2b.elementor-section-boxed.elementor-section-height-default {
  position: absolute;
  width: 1706px;
  height: 241px;
  left: 0px;
  top: 741px;
  background: #5D2A5B;
}
.elementor-column.elementor-col-100.elementor-top-column.elementor-element.elementor-element-819e2b5 {
  position: absolute;
  left: 2.5%;
  right: 6.38%;
  top: 11.56%;
  bottom: 87.6%;
  font-family: 'Fahkwang';
  font-style: normal;
  font-weight: 400;
  font-size: 33px;
  line-height: 43px;
  text-align: center;
  text-transform: capitalize;
  color: #FFFDFD;
}
.apropos-img{
 position: sticky;
    top: 131px;
}
/* end section 2 */
/* start section 3 */

.elementor-column.elementor-col-50.elementor-top-column.elementor-element.elementor-element-bb232a7 {
  position: absolute;
  width: 799px;
  height: 782px;
  left: 100px;   /* modification 100px */ 
  top: 1180px;
  background: #FFFFFF;
  box-shadow: 5.9px 6.8px 15.5px rgba(190, 205, 226, 0.28), -2.8px -2.8px 8px rgba(255, 255, 255, 0.81), inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15);
  z-index: 4;
}
.elementor-section.elementor-top-section.elementor-element.elementor-element-0c9b38f.elementor-section-stretched.elementor-section-boxed.elementor-section-height-default {
    background-color: #3d8997 !important;
}
a:focus, a:hover, p a:focus, p a:hover {
    text-decoration: none !important;
}
/* --------------footer --------------*/
/*
.elementor.elementor-65 {
  position: absolute;
  width: 1768px;
  height: 958px;
  left: -84px;
  top: 6075px;
  background: #F1E0EE;
  mix-blend-mode: normal;
  /* transform: matrix(1, 0, 0, -1, 0, 0);*/
}
*/
.elementor-section.elementor-top-section.elementor-element.elementor-element-bebd32f.elementor-section-boxed.elementor-section-height-default {
  position: absolute;
  width: 1768px;
  height: 656px;
  left: -84px;
  top: 4461px;
  background: #FDFAFC;
}



*/
.attachment-large.size-large.wp-image-698 {
  position: absolute;
  width: 1768px;
  height: 547px;
  left: 0px;
  top: 2711px;
  background: rgba(0, 0, 0, 0.31);
  mix-blend-mode: normal;
}
/* image de madame sylvie */

.elementor-column.elementor-col-50.elementor-top-column.elementor-element.elementor-element-1eaeb47 {
  position: absolute;
  width: 804px;
  height: 895px;
  left: 694px;
  top: 1115px;
}

.elementor-element.elementor-element-b4e4939.elementor-widget__width-initial.elementor-absolute.elementor-widget.elementor-widget-text-editor {
  position: absolute;
  width: 369px;
  height: 293px;
  left: 297px;
  top: 837px;
}
/* ********section de votre experience********** */
.elementor-column.elementor-col-100.elementor-top-column.elementor-element.elementor-element-668023f {
  position: absolute;
  width: 1768px;
  height: 466px;
  left: -96px;
  top: 2245px;
  background: #F4E6F2;
  opacity: 0.2;
}
.temoignages{
  box-shadow: 5.9px 6.8px 15.5px rgba(190, 205, 226, 0.28), -2.8px -2.8px 8px rgba(255, 255, 255, 0.81), inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15) !important;

}
/* tittre */
.elementor-element.elementor-element-381be28.elementor-widget.elementor-widget-heading {
  position: absolute;
  left: 5%;
  right: 7.88%;
  top: 33.73%;
  bottom: 65.43%;
  font-family: 'Fahkwang';
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 39px;
  text-align: center;
  text-transform: capitalize;
  color: #5D2A5B;
}
.elementor-element.elementor-element-8b94c08.elementor-widget.elementor-widget-text-editor {
  position: absolute;
  left: 21.75%;
  right: 23.25%;
  top: 45.9%;
  bottom: 63.8%;
  font-family: 'Avenir';
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 41px;
  text-align: center;
  text-transform: capitalize;
  color: #5D2A5B;
}
.massage-effet {
    
    color: #5D2A5B !important;
    
}
.massage-effett {
    color: #5D2A5B !important;
    font-size: 19px !important;
    line-height: 1.2em !important;
    font-weight: 500 !important;
}
/*
.elementor-element.elementor-element-631c668.elementor-widget.elementor-widget-text-editor {
  position: absolute;
  left: 5.69%;
  right: 7.19%;
  top: 36.83%;
  bottom: 62.33%;
  font-family: 'Avenir';
  font-style: normal;
  font-weight: 400;
  font-size: 21px;
  line-height: 29px;
  text-align: center;
  text-transform: capitalize;
  color: #5D2A5B;
}
*/
.elementor-element.elementor-element-631c668.elementor-widget.elementor-widget-text-editor {
  position: absolute;
  left: 5.69%;
  right: 7.19%;
  top: 75.83%;
  bottom: 62.33%;
  font-family: 'Avenir';
  font-style: normal;
  font-weight: 400;
  font-size: 21px;
  line-height: 29px;
  text-align: center;
  text-transform: capitalize;
  color: #5D2A5B;
}

/*---------------- la acceuil f ----------------------------------------------------*/
/* header _____________ */
.elementor-section.elementor-top-section.elementor-element.elementor-element-0c9b38f.elementor-section-stretched.elementor-section-full_width.elementor-section-height-default.animated.fadeIn {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
}
.neurosomato{
  margin:10PX;
}
/* image */
.elementor-757 .elementor-element.elementor-element-4e182d8 > .elementor-element-populated {
    box-shadow: 5.9px 6.8px 15.5px rgba(190, 205, 226, 0.28), -2.8px -2.8px 8px rgba(255, 255, 255, 0.81), inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15) !important;
   
}

.elementor-757 .elementor-element.elementor-element-b87a991 > .elementor-element-populated {
    box-shadow: 5.9px 6.8px 15.5px rgba(190, 205, 226, 0.28), -2.8px -2.8px 8px rgba(255, 255, 255, 0.81), inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15) !important;
   
}
.elementor-757 .elementor-element.elementor-element-cbb593d > .elementor-element-populated {
     box-shadow: 5.9px 6.8px 15.5px rgba(190, 205, 226, 0.28), -2.8px -2.8px 8px rgba(255, 255, 255, 0.81), inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15) !important;
}
.elementor-757 .elementor-element.elementor-element-45b0983 > .elementor-element-populated {
    box-shadow: 5.9px 6.8px 15.5px rgba(190, 205, 226, 0.28), -2.8px -2.8px 8px rgba(255, 255, 255, 0.81), inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15) !important;
}
.elementor-757 .elementor-element.elementor-element-c21baf3 > .elementor-element-populated {
    box-shadow: 5.9px 6.8px 15.5px rgba(190, 205, 226, 0.28), -2.8px -2.8px 8px rgba(255, 255, 255, 0.81), inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15) !important;
}
.elementor-757 .elementor-element.elementor-element-eed0684 > .elementor-element-populated {
    box-shadow: 5.9px 6.8px 15.5px rgba(190, 205, 226, 0.28), -2.8px -2.8px 8px rgba(255, 255, 255, 0.81), inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15) !important;
}
.elementor-757 .elementor-element.elementor-element-90b25ae > .elementor-element-populated  {
    box-shadow: 5.9px 6.8px 15.5px rgba(190, 205, 226, 0.28), -2.8px -2.8px 8px rgba(255, 255, 255, 0.81), inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15) !important;
}
.elementor-testimonial-wrapper .elementor-testimonial-meta .elementor-testimonial-image img {
    width: 90px !important; 
    height: auto !important; 
    border-radius: 0px !important;
    -o-object-fit: cover;
    object-fit: cover;
    max-width: none;
}
.elementor-sticky--effects .elementor-nav-menu {
  background-color: rgba(255, 255, 255, 0.7); /* Modifier les valeurs d'opacité selon vos besoins */
  transition: background-color 0.3s ease-in-out; /* Ajouter une transition fluide */
}
/* section 2 */


/* section qui contient deux colonnes */

.elementor-757 .elementor-element.elementor-element-87edda0 {
  z-index: 1;
  background: #FFFFFF;
  box-shadow: 5.9px 6.8px 15.5px rgba(190, 205, 226, 0.28), -2.8px -2.8px 8px rgba(255, 255, 255, 0.81), inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15);
  /*width: 500px;*/
    right: -62PX;
    top: 56px;
}
}

/* ********section 3**************** */
.elementor-757 .elementor-element.elementor-element-55ce2b6 .elementor-heading-title {
  color: #5D2A5B;
  font-family: 'Fahkwang';
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 39px;
  text-align: center;
  text-transform: capitaliz;
}
/* text */
.elementor-757 .elementor-element.elementor-element-8b55aef {
  text-align: center;
  font-family: 'Avenir';
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 41px;
  text-align: center;
  text-transform: capitalize;
}
/* sous titre */

.elementor-757 .elementor-element.elementor-element-7e56ab5 {
  text-align: center;
  font-family: 'Avenir';
  font-style: normal;
  font-weight: 400;
  font-size: 21px;
  line-height: 29px;
  text-align: center;
  text-transform: capitalize;
  color: #3D8997;
}
/* section 4 image plus text plus botton */
.elementor-element.elementor-element-16bf844.elementor-widget.elementor-widget-text-editor {
  font-family: 'Fahkwang';
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  line-height: 43px;
  text-align: center;
  text-transform: capitalize;
  color: #FFFFFF;
  mix-blend-mode: normal;
}


/*  mobile ________________________________ */

 /*  @media (max-width: 767px).elementor-757 {
.elementor-757 .elementor-element.elementor-element-87edda0 {
  z-index: 1;
  background: #FFFFFF;
  box-shadow: 5.9px 6.8px 15.5px rgba(190, 205, 226, 0.28), -2.8px -2.8px 8px rgba(255, 255, 255, 0.81), inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15);
  width: 500px;
  height: 548px;
  left: 0Px;
  top: 56px; #7cd2d0
}
}*/
/* les boxes */
.elementor-column.elementor-col-33.elementor-top-column.elementor-element.elementor-element-08cdb09 {
  background: #FDFAFC;
  box-shadow: 5.9px 6.8px 15.5px rgba(190, 205, 226, 0.28), -2.8px -2.8px 8px rgba(255, 255, 255, 0.81), inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15);
}
.elementor-column.elementor-col-33.elementor-top-column.elementor-element.elementor-element-2041094 {
  background: #FFFFFF;
  box-shadow: 5.9px 6.8px 15.5px rgba(190, 205, 226, 0.28), -2.8px -2.8px 8px rgba(255, 255, 255, 0.81), inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15);
}
.elementor-column.elementor-col-33.elementor-top-column.elementor-element.elementor-element-0c250bd {
  background: #FFFFFF;
  box-shadow: 5.9px 6.8px 15.5px rgba(190, 205, 226, 0.28), -2.8px -2.8px 8px rgba(255, 255, 255, 0.81), inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15);
}
/* mobile */
@media screen and (min-width: 200px) and (max-width: 1024px){
.elementor-757 .elementor-element.elementor-element-87edda0 {
  
  left: 0;
  top: 74px;
}
.elementor-column.elementor-col-50.elementor-top-column.elementor-element.elementor-element-d242ebd {
  margin-top: 153px;
}
/* dev */
.elementor-757 .elementor-element.elementor-element-dc2887b:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-757 .elementor-element.elementor-element-dc2887b > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  
  height: 233px;
}
.elementor-757 .elementor-element.elementor-element-dc2887b:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-757 .elementor-element.elementor-element-dc2887b > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  right: 0;
}
.hfe-nav-menu-icon {
    display: inline-block;
    line-height: 1;
    text-align: center;
    position: absolute;
    top: 0PX ;
    right: 0px;
    font-size: 31px !important;
    color: white;
}
.hfe-nav-menu__breakpoint-tablet .hfe-active-menu + .hfe-nav-menu__layout-horizontal, .hfe-nav-menu__breakpoint-tablet .hfe-active-menu + .hfe-nav-menu__layout-vertical {
    
    margin-top: 52PX !important;
    height: auto;
}
}
/* slider */
/*
#n2-ss-2-arrow-previous {
  color: #5D2A5B;
  right: -587px;
  background-color: #5D2A5B;
  z-index: 2px;
  position: relative;
  top: 276px;
}
#n2-ss-2-arrow-next {
  right: 39%;
background-color: #5D2A5B;
}*/
.elementor-757 .elementor-element.elementor-element-dc2887b:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-757 .elementor-element.elementor-element-dc2887b > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  
  height: 313px;
}
/* div de l'image */
.elementor-element.elementor-element-3643209.elementor-widget__width-initial.elementor-absolute.elementor-widget.elementor-widget-text-editor {
  font-family: 'Fahkwang';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 194%;
  display: flex;
  align-items: center;
  text-transform: capitalize;
  color: #FFFFFF;
}
/* la page bienfait */
.elementor-column.elementor-col-50.elementor-top-column.elementor-element.elementor-element-43b245a {
  z-index: 1;
  background: #FFFFFF;
  box-shadow: 5.9px 6.8px 15.5px rgba(190, 205, 226, 0.28), -2.8px -2.8px 8px rgba(255, 255, 255, 0.81), inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15);
  width: 500px;
  height: 50%;
  left: 140px;
  top: 56px;
}
@media screen and (min-width: 200px) and (max-width: 1024px){
.elementor-column.elementor-col-50.elementor-top-column.elementor-element.elementor-element-43b245a {
  
  left: 0;
  top: -10px;
}
}
/* ******la section qui contient div ******* */

.elementor-18 .elementor-element.elementor-element-94c27b5 {
  background: #FFFFFF;
  box-shadow: 5.9px 6.8px 15.5px rgba(190, 205, 226, 0.28), -2.8px -2.8px 8px rgba(255, 255, 255, 0.81), inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15);
  width: 500px;
  height: 502PX;
  left: 140px;
  top: 21px;
  z-index: 1;
  margin-bottom: 61px;
}
/* mobile de bienfait */
@media screen and (min-width: 200px) and (max-width: 1024px){
.elementor-18 .elementor-element.elementor-element-94c27b5 {
  
  left: 0;
  top: 20px;
}
}
