:root {
    --color-two : var(--e-global-color-text); 
    --color-seven: #F7F7F7; 
    --color-five-bis: rgb(110,110,116);
}
a {
    color: inherit; 
}
a:hover {
    color: inherit; 
}
h1,h2,h3,h4,h5,h6 {
    font-family: var(--e-global-typography-primary-font-family); 
}

/* ---------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------- */
/* INPUT */
/* ---------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------- */
.default-form .form-group input[type="text"], .default-form .form-group input[type="password"], .default-form .form-group input[type="tel"], .default-form .form-group input[type="email"], .default-form .form-group select {
    color: var(--black-color); 
}
.default-form .form-group textarea {
    color: var(--black-color); 
}
.btn-style-one .btn-wrap .text-one {
    color: var(--black-color); 

}

/* ---------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------- */
/* GENERAL */
/* ---------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------- */
.text, p {
    color: var(--e-global-color-text); 
}

/* ---------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------- */
/* BLOCKS */
/* ---------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------------------- */
/* Menu */
/* ---------------------------------------------------------------------------------------------------------- */
.header-style-seven .logo-box{
    height: 100px; 
    padding: 0; 
}
.header-lower .logo-box {
    height: 100%; 
    padding: 0; 
}

.header-style-seven .logo-box > .logo, 
.header-lower .logo-box > .logo {
    height: 100%; 
}
.header-style-seven .logo-box > .logo a, 
.header-lower .logo-box > .logo a {
    height: 100%;
    display: flex; 
    align-items: center;
}
.header-style-seven .logo-box > .logo img, 
.header-lower .logo-box > .logo img {
    height: 110%; 
}
.main-header .main-menu .navigation > li > a {
    color: var(--e-global-color-text); 
}
.main-header .mobile-menu .navigation li > a {
    color: var(--e-global-color-text); 
}
.main-header .mobile-menu .navigation li:hover > a, .main-header .mobile-menu .navigation li.current > a {
    color: var(--main-color);
}
.main-header.header-style-seven .nav-outer .mobile-nav-toggler {
    color: var(--e-global-color-text); 
}
/* Défilement menu */
/* ---------------------------------------------------------------------------------------------------------- */
.main-header .sticky-header .logo {
    padding: 0; 
    height: 100px; 
}
.main-header .sticky-header .logo a {
    height: 100%;
    display: flex; 
    align-items: center;
}
.main-header .sticky-header .logo img {
    height: 110%; 
}
.main-header .sticky-header > div {
    display: flex;
    align-items: center;
    justify-content: space-between;

}

/* ---------------------------------------------------------------------------------------------------------- */
/* header slider */
/* ---------------------------------------------------------------------------------------------------------- */

.main-slider{
    background-color: var(--white-color);
}
.info-section::before {
    background-color: var(--white-color);
}
.main-slider .image-layer {
    filter: none;
}
.main-slider .image-layer::before {
    opacity: 0.7;
}

/* ---------------------------------------------------------------------------------------------------------- */
/* header info section */
/* ---------------------------------------------------------------------------------------------------------- */

.info-section .inner-container {
    padding: 20px 0px; 
}

/* ---------------------------------------------------------------------------------------------------------- */
/* block services */
/* ---------------------------------------------------------------------------------------------------------- */
.services-section-five {
    padding: 80px 0px 10px; 
}

/* ---------------------------------------------------------------------------------------------------------- */
/* FAQ */
/* ---------------------------------------------------------------------------------------------------------- */
.faq-page-section {
    padding: 0px 0; 
}
.faq-page-section h2 {
    color: var(--e-global-color-text); 
}
.faq-page-section .accordion-box .block .content .text {
    color: var(--e-global-color-text); 
}

/* ---------------------------------------------------------------------------------------------------------- */
/* Fluid section two */
/* ---------------------------------------------------------------------------------------------------------- */
.fluid-section-two{
    background-color: unset; 
}

/* ---------------------------------------------------------------------------------------------------------- */
/* Client section */
/* ---------------------------------------------------------------------------------------------------------- */
.clients-section {
    padding: 50px 0; 
}

/* ---------------------------------------------------------------------------------------------------------- */
/* Contact */
/* ---------------------------------------------------------------------------------------------------------- */
.contact_blue {
    background-color: var(--e-global-color-primary) !important; 
    color: var(--white-color); 
}
.contact_blue input, .contact_blue textarea {
    background-color: var(--e-global-color-secondary) !important; 
    color: var(--white-color) !important; 
    border: none !important;
}
.contact_blue .wpforms-field-label {
    color: var(--white-color) !important; 
}

/* ---------------------------------------------------------------------------------------------------------- */
/* Avis clients */
/* ---------------------------------------------------------------------------------------------------------- */
.testimonial-section-three {
    background-color: unset;
}



/* ---------------------------------------------------------------------------------------------------------- */
/* projects projets */
/* ---------------------------------------------------------------------------------------------------------- */
.project-block-two .inner-box .image img {
    filter: grayscale(0%); 
}
.project-block-two .inner-box:hover .image img {
    filter: grayscale(100%)
}

/* ---------------------------------------------------------------------------------------------------------- */
/* our-blog */
/* ---------------------------------------------------------------------------------------------------------- */
.news-block-six .post-meta li {
    color: var(--color-five-bis); 
}
.news-block-six .post-meta li span {
    color: var(--color-five-bis); 
}
.news-block-five .post-meta li {
    color: var(--color-five-bis); 
}
.news-block-five .post-meta li span {
    color: var(--color-five-bis); 
}



@media (min-width: 768px){
    .info-section .inner-container {
        padding: 20px 0px 15px 0px; 
    }

}

@media (min-width: 1201px){
    .info-section .inner-container {
        padding: 20px 0px 15px 60px; 
    }
}

@media (min-width: 1025px) {
    /* ---------------------------------------------------------------------------------------------------------- */
    /* image cover  */
    /* ---------------------------------------------------------------------------------------------------------- */
    .image_cover {
        position: relative !important; 
    }
    .image_cover img {
        position: absolute;
        top: 50%;
        left: 50%;
        right: 0;
        bottom: 0;
        object-fit: cover;
        max-width: unset !important;
        transform: translate(-50%, -50%);
    }
    .image_cover .elementor-widget {
        position: initial !important; 
    }
}

@media only screen and (max-width: 1023px) {
    .fluid-section-two .form-column {
        position: relative;
        width: 100%;
        display: flex;
        justify-content: center;
    }
  }

@media only screen and (min-width: 1200px) and (max-width: 1300px) {
    .info-section .inner-container {
      max-width: 100%;
    }
  }