/*
Theme Name: CCS
Theme URI: 
Description: CCS
Author: Frpzia
Author URI: https://CCS.ma
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: CCS
*/
 

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

.no-scroll,
body.no-scroll,
html.no-scroll{
    overflow: hidden !important;
}
 
.grecaptcha-badge{
    display: none;
}

.background-gray{
    background-color: #F6F6F6;
}


html{
    scroll-behavior: smooth;
    overflow-x: hidden;
    margin: 0 !important;
    padding: 0;
}
 
body{
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #8d93a0; 
    margin: 0;
    padding: 0; 
}

.wysiwyg *:last-child{
    margin-bottom: 0;
}

.aligncenter{
    display: flex;
    margin: auto;
}
.alignright{
    float: right;
    margin-left: 50px;
}
.primary-color{
    color: #727272 !important;
}
.secondary-color{
    color: #727272 !important;
} 
.primary-background{
    background-color: #727272 !important;
}
.secondary-background{
    background-color: #727272 !important;
}
.white-background{
    background-color: #FFF !important;
}

b, strong{
    font-weight: 600;
} 

h1{
    font-size: 35px;
    font-weight: 600; 
    color: #000; 
    margin-bottom: 20px;

}
h2{
    font-size: 35px;
    font-weight: 600; 
    color: #000; 
    margin-bottom: 20px;
}
h3{
    font-size: 24px;
    font-weight: 400; 
    color: #000; 
}
h4{
    font-size: 24px;
    font-weight: 400; 
    color: #727272;
}
h5{
    font-size: 15px;
    color: #0072bf;
    font-weight: 700;   
    margin-bottom: 5px;
    text-transform: uppercase; 
    letter-spacing: 1.65px;
}
h6{  
    font-weight: 400;
    font-style: normal;
    line-height: 1.3;  
    font-size: 70px;
    margin: 2rem 0; 
} 

strong, b{
    color: #000;
}
h6 strong{
    color: #0072bf;
}
h1 strong, h1 b, h2 strong, h2 b, h3 strong, h3 b{
    color: #0072bf !important;
    font-weight: inherit;
}


a{
    text-decoration: none; 
    color: #727272
}
a:hover{
    text-decoration: none;
    color: #727272;
}
button.btn,
a.btn{
    background-color: #0072bf;
    color: #ffffff;  
    padding: 12px 23px; 
    border-radius: 100px;
    font-size: 18px;
    font-weight: 500;
    min-width: 200px; 
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center; 
    transition: .3s; 
} 

button.btn:hover,
a.btn:hover{
    background-color: #8FCB23;
    transition: .3s;
    color: #FFFFFF;
} 
a.telephone{
    border-radius: 50px; 
    font-size: 20px;
    font-weight: 400;
    height: 51px;
    margin-left: 15px;
    display: inline-flex;
    transition: .3s;
    margin-bottom: 1rem;
    align-items: center;
    vertical-align: middle;
}
a.telephone:hover{
    color: #8FCB23;
}
a.telephone .picto{
    margin-right: 15px;
    background: #0072bf;
    width: 41px;
    height: 41px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: relative;
}
a.telephone:hover .picto{
    background: #8FCB23;
}
a.telephone .picto:after{
    content: '';
    border: 1px solid #8FCB23;
    border-radius: 50%;
    width: 49px;
    height: 49px;
    position: absolute;
    left: -4px;
    top: -4px;
}
.ancre{
    position: absolute;
    top: -100px;
}
.scrollDown{
    width: 34px;
    height: 54px;
    border-radius: 17px;
    border: 1.5px solid #FFF;
    position: absolute;
    z-index: 99;
    bottom: 2rem;
    left: 0;
    right: 0;
    margin: auto;
}

.scrollDown:after{
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #FFF;
    position: absolute;
    left: 10px;
    top: 3px;
    animation: scrollDown 1s infinite;
}


@keyframes scrollDown {
    0%   {top: 3px;}
    100% {top: 37px}
  }

 
header{ 
    position: absolute;
    background-color: transparent;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background: #FFFFFF;
    transition: top 0.5s ease-in-out;-webkit-transition: all 500ms;
    -moz-transition: all 500ms;
      -o-transition: all 500ms;
         transition: all 500ms;
} 

.header_transparent header{
    background: transparent;
}
.header_transparent header.scrolled .logo_white,
.header_transparent header .logo_gray{
    display: none;
}
.header_transparent header.scrolled .logo_gray,
.header_transparent header .logo_white{
    display: block;
} 
.header_transparent .navbar .navbar-nav .nav-link{
    color: #FFFFFF;
}
header.scrolled .navbar .navbar-nav .nav-link{
    color: #727272 ;
}
header.scrolled a.telephone{
    color: #727272 !important;
}
header.scrolled a.telephone:hover{
    color: #8FCB23 !important;
}

header.scrolled {
    position: fixed;
    transform: translateY(0px); 
    background-color: #FFFFFF !important;
}

header:not(.scrolled) {
    transform: translateY(0px);
}

header .brand img{
    width: 170px;
    height: auto;
    margin: 3px 0;
}
header a.telephone{
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    color: #FFFFFF;
    margin-right: 10px;

}
#breadcrumbs a:hover{
    color: #8FCB23 !important;
}
  
.menuContainer{
    display: flex;
    align-items: center;
    border-top: 1px solid rgba(255,255,255, .5)
}
.menuContainer a.telephone{
    margin-bottom: 0;
    border: unset;
    margin-left: 2rem;
}
 
.menuContainer #navbarSupportedContent .navbar-nav, .nav-item{
    display: flex;
    align-items: center;
    justify-content: center;
}

.navbar{
    padding: 0 0; 
} 
.navbar .navbar-nav .nav-item.menu-item-has-children:hover > ul{
    display: block;
}

.navbar .navbar-nav .nav-link{
    color: #727272;
    font-size: 16px;
    font-weight: 500;
    margin-left: 5px;
    margin-right: 5px; 
    margin-bottom: 0;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 24px;
    padding-bottom: 24px;
    position: relative; 
    text-align: center;  
    display: flex;
    align-items: center;
    line-height: 1;
} 
header .navbar .navbar-nav .nav-item .nav-link:before{
    content: '';
    width: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 5px; 
    background-color: #0072bf;
    transition: .3s;
} 
header .navbar .navbar-nav .nav-link:hover:before,
header .navbar .navbar-nav .nav-item.active .nav-link:before{
    /*width: 100%;*/
    transition: .3s;
}
header .navbar .navbar-nav .nav-item.active .nav-link{
    color: #0072bf;
}
header .navbar .navbar-nav .nav-link:hover{
    color: #8FCB23;
}
header .navbar .navbar-nav .nav-item.btn .nav-link{
    background-color: #0072bf;
    color: white ;
    border-radius: 40px; 
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    padding: 3px 4px 3px 15px;
    margin: 6px 0;
}
header .navbar .navbar-nav .nav-item.btn .nav-link:hover{
    background-color: #8FCB23;
    color: #FFFFFF;
}
  
header .navbar .navbar-nav .nav-item.btn .nav-link:after{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M11.1506 11.1512H20.3338M20.3338 11.1512V20.3344M20.3338 11.1512L11.1506 20.3344' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.navbar .navbar-nav .nav-item.tel .nav-link{
    color: #0072bf;
}
.navbar .navbar-nav .nav-item.tel{
    position: relative;
    padding-left: 7px;
    margin-left: 35px;
}
.navbar .navbar-nav .nav-item.tel:before{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M19.95 21C17.8667 21 15.8083 20.546 13.775 19.638C11.7417 18.73 9.89167 17.4423 8.225 15.775C6.55833 14.1077 5.271 12.2577 4.363 10.225C3.455 8.19233 3.00067 6.134 3 4.05C3 3.75 3.1 3.5 3.3 3.3C3.5 3.1 3.75 3 4.05 3H8.1C8.33333 3 8.54167 3.07933 8.725 3.238C8.90833 3.39667 9.01667 3.584 9.05 3.8L9.7 7.3C9.73333 7.56667 9.725 7.79167 9.675 7.975C9.625 8.15833 9.53333 8.31667 9.4 8.45L6.975 10.9C7.30833 11.5167 7.704 12.1123 8.162 12.687C8.62 13.2617 9.12433 13.816 9.675 14.35C10.1917 14.8667 10.7333 15.346 11.3 15.788C11.8667 16.23 12.4667 16.634 13.1 17L15.45 14.65C15.6 14.5 15.796 14.3877 16.038 14.313C16.28 14.2383 16.5173 14.2173 16.75 14.25L20.2 14.95C20.4333 15.0167 20.625 15.1377 20.775 15.313C20.925 15.4883 21 15.684 21 15.9V19.95C21 20.25 20.9 20.5 20.7 20.7C20.5 20.9 20.25 21 19.95 21Z' fill='%230072bf'/%3E%3C/svg%3E");
    position: absolute;
    left: 0;
}
/*
header.scrolled .navbar .navbar-nav .nav-item.active .nav-link:hover:before,
header .navbar .navbar-nav .nav-item.active .nav-link:hover:before{
    content: '';
    height: 5px;
    background-color: #727272;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}*/

.navbar-nav .dropdown-menu{
    border-radius: 0;
    font-size: 15px;
    position: absolute;
    margin-top: 6px;
    top: 66px;
}

.navbar-nav .dropdown-menu{
    border: 1px solid #727272;
    background-color: #FFFFFF;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 13px;
}

 

.navbar-nav .dropdown-menu:before{
    /*content: '';*/
    display : inline-block;
    height : 0;
    width : 0;
    border-right : 10px solid transparent;
    border-bottom : 10px solid #727272;
    border-left : 10px solid transparent;
    top: -10px;
    left: 2rem;
    position: absolute;
}
.navbar-nav .dropdown-menu:after {
    content: '';
    width: 100%;
    height: 15px;
    position: absolute;
    top: -16px;
}
.navbar-nav .dropdown-menu .dropdown-item:focus,
.navbar-nav .dropdown-menu .dropdown-item:hover{
    background: rgba(230, 199, 189, 0.30);
    color:#727272;
    text-decoration: unset;
}
.navbar-nav .dropdown-menu .dropdown-item{
    color: #727272;
    padding: 5px 27px;
    font-weight: 300;
    font-size: 15px;
}

.navbar-nav .dropdown-menu .dropdown-menu{
    margin-left: 200px;
    top: -6px;
} 
.navbar-nav .dropdown-menu .dropdown-menu:before{
    top: 8px;
    left: -20px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 10px solid #727272;
} 
header.scrolled .navbar{
    box-shadow: 0px 4px 11px rgba(159, 186, 202, 0.2);
}

.navbar .navbar-nav .nav-item.secondary_btn:hover .nav-link,
.navbar .navbar-nav .nav-item.secondary_btn .nav-link,
.navbar .navbar-nav .nav-item.primary_btn .nav-link{
    background-color: #727272;
    border: 1px solid #727272;
    padding: 12px 22px;
    font-weight: 300;
    font-size: 16px; 
    margin: 0;
    color: #FFF;
    border-radius: 50px;
    margin-right: 8px;
    position: relative;
}
.navbar .navbar-nav .nav-item.primary_btn:hover .nav-link,
.navbar .navbar-nav .nav-item.secondary_btn .nav-link{
    background-color: #FFF;
    color: #727272;
}

.navbar .navbar-nav .nav-item.icon_call .nav-link,
.navbar .navbar-nav .nav-item.icon_gift .nav-link{
    padding-left: 35px !important;
}  
.navbar .navbar-nav .nav-item.secondary_btn.icon_call:hover .nav-link:before,
.navbar .navbar-nav .nav-item.icon_call .nav-link:before{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cpath d='M5.50521 1.72757L6.26808 1.4839C6.98208 1.25582 7.74567 1.62486 8.05167 2.34595L8.66083 3.78245C8.92646 4.40791 8.77913 5.14386 8.29675 5.60145L6.95588 6.87503C7.03875 7.6372 7.29446 8.38732 7.72371 9.12541C8.13159 9.83953 8.67859 10.4646 9.33233 10.9635L10.9445 10.4252C11.5551 10.2219 12.2202 10.4564 12.5949 11.0067L13.4676 12.2888C13.9039 12.9292 13.8253 13.8117 13.2848 14.3543L12.7054 14.9359C12.1288 15.5146 11.3058 15.7249 10.5436 15.4869C8.74513 14.9259 7.09188 13.2607 5.58313 10.4911C4.07225 7.71724 3.53958 5.36274 3.98371 3.4304C4.17071 2.61724 4.75013 1.96911 5.50663 1.72757' fill='white'/%3E%3C/svg%3E");
    position: absolute;
    left: 12px;
    top: 16px; 
}
.navbar .navbar-nav .nav-item.secondary_btn.icon_gift:hover .nav-link:before,
.navbar .navbar-nav .nav-item.icon_gift .nav-link:before{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M12.832 6.99999V11.6667C12.832 11.9761 12.7091 12.2728 12.4903 12.4916C12.2715 12.7104 11.9748 12.8333 11.6654 12.8333H2.33203C2.02261 12.8333 1.72587 12.7104 1.50707 12.4916C1.28828 12.2728 1.16536 11.9761 1.16536 11.6667V6.99999C1.01065 6.99999 0.862282 6.93853 0.752886 6.82914C0.643489 6.71974 0.582031 6.57137 0.582031 6.41666V4.66666C0.582031 4.35724 0.704948 4.06049 0.92374 3.8417C1.14253 3.62291 1.43928 3.49999 1.7487 3.49999H3.59786C3.53194 3.31258 3.4984 3.11532 3.4987 2.91666C3.4987 2.45253 3.68307 2.00741 4.01126 1.67922C4.33945 1.35103 4.78457 1.16666 5.2487 1.16666C5.83203 1.16666 6.34536 1.45832 6.6662 1.88999V1.88416L6.9987 2.33332L7.3312 1.88416V1.88999C7.65203 1.45832 8.16536 1.16666 8.7487 1.16666C9.21283 1.16666 9.65795 1.35103 9.98613 1.67922C10.3143 2.00741 10.4987 2.45253 10.4987 2.91666C10.499 3.11532 10.4655 3.31258 10.3995 3.49999H12.2487C12.5581 3.49999 12.8549 3.62291 13.0737 3.8417C13.2924 4.06049 13.4154 4.35724 13.4154 4.66666V6.41666C13.4154 6.57137 13.3539 6.71974 13.2445 6.82914C13.1351 6.93853 12.9867 6.99999 12.832 6.99999ZM2.33203 11.6667H6.41536V6.99999H2.33203V11.6667ZM11.6654 11.6667V6.99999H7.58203V11.6667H11.6654ZM5.2487 2.33332C5.09399 2.33332 4.94562 2.39478 4.83622 2.50418C4.72682 2.61357 4.66536 2.76195 4.66536 2.91666C4.66536 3.07137 4.72682 3.21974 4.83622 3.32914C4.94562 3.43853 5.09399 3.49999 5.2487 3.49999C5.40341 3.49999 5.55178 3.43853 5.66118 3.32914C5.77057 3.21974 5.83203 3.07137 5.83203 2.91666C5.83203 2.76195 5.77057 2.61357 5.66118 2.50418C5.55178 2.39478 5.40341 2.33332 5.2487 2.33332ZM8.7487 2.33332C8.59399 2.33332 8.44561 2.39478 8.33622 2.50418C8.22682 2.61357 8.16536 2.76195 8.16536 2.91666C8.16536 3.07137 8.22682 3.21974 8.33622 3.32914C8.44561 3.43853 8.59399 3.49999 8.7487 3.49999C8.90341 3.49999 9.05178 3.43853 9.16118 3.32914C9.27057 3.21974 9.33203 3.07137 9.33203 2.91666C9.33203 2.76195 9.27057 2.61357 9.16118 2.50418C9.05178 2.39478 8.90341 2.33332 8.7487 2.33332ZM1.7487 4.66666V5.83332H6.41536V4.66666H1.7487ZM7.58203 4.66666V5.83332H12.2487V4.66666H7.58203Z' fill='white'/%3E%3C/svg%3E");
    position: absolute;
    left: 12px;
    top: 16px; 
}

.navbar .navbar-nav .nav-item.primary_btn.icon_call:hover .nav-link:before,
.navbar .navbar-nav .nav-item.secondary_btn.icon_call .nav-link:before{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cpath d='M5.50521 1.72757L6.26808 1.4839C6.98208 1.25582 7.74567 1.62486 8.05167 2.34595L8.66083 3.78245C8.92646 4.40791 8.77913 5.14386 8.29675 5.60145L6.95588 6.87503C7.03875 7.6372 7.29446 8.38732 7.72371 9.12541C8.13159 9.83953 8.67859 10.4646 9.33233 10.9635L10.9445 10.4252C11.5551 10.2219 12.2202 10.4564 12.5949 11.0067L13.4676 12.2888C13.9039 12.9292 13.8253 13.8117 13.2848 14.3543L12.7054 14.9359C12.1288 15.5146 11.3058 15.7249 10.5436 15.4869C8.74513 14.9259 7.09188 13.2607 5.58313 10.4911C4.07225 7.71724 3.53958 5.36274 3.98371 3.4304C4.17071 2.61724 4.75013 1.96911 5.50663 1.72757' fill='%235EBDB2'/%3E%3C/svg%3E");
    position: absolute;
    left: 12px;
    top: 16px; 
} 

.navbar .navbar-nav .nav-item.primary_btn.icon_gift:hover .nav-link:before,
.navbar .navbar-nav .nav-item.secondary_btn.icon_gift .nav-link:before{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M12.832 6.99999V11.6667C12.832 11.9761 12.7091 12.2728 12.4903 12.4916C12.2715 12.7104 11.9748 12.8333 11.6654 12.8333H2.33203C2.02261 12.8333 1.72587 12.7104 1.50707 12.4916C1.28828 12.2728 1.16536 11.9761 1.16536 11.6667V6.99999C1.01065 6.99999 0.862282 6.93853 0.752886 6.82914C0.643489 6.71974 0.582031 6.57137 0.582031 6.41666V4.66666C0.582031 4.35724 0.704948 4.06049 0.92374 3.8417C1.14253 3.62291 1.43928 3.49999 1.7487 3.49999H3.59786C3.53194 3.31258 3.4984 3.11532 3.4987 2.91666C3.4987 2.45253 3.68307 2.00741 4.01126 1.67922C4.33945 1.35103 4.78457 1.16666 5.2487 1.16666C5.83203 1.16666 6.34536 1.45832 6.6662 1.88999V1.88416L6.9987 2.33332L7.3312 1.88416V1.88999C7.65203 1.45832 8.16536 1.16666 8.7487 1.16666C9.21283 1.16666 9.65795 1.35103 9.98613 1.67922C10.3143 2.00741 10.4987 2.45253 10.4987 2.91666C10.499 3.11532 10.4655 3.31258 10.3995 3.49999H12.2487C12.5581 3.49999 12.8549 3.62291 13.0737 3.8417C13.2924 4.06049 13.4154 4.35724 13.4154 4.66666V6.41666C13.4154 6.57137 13.3539 6.71974 13.2445 6.82914C13.1351 6.93853 12.9867 6.99999 12.832 6.99999ZM2.33203 11.6667H6.41536V6.99999H2.33203V11.6667ZM11.6654 11.6667V6.99999H7.58203V11.6667H11.6654ZM5.2487 2.33332C5.09399 2.33332 4.94562 2.39478 4.83622 2.50418C4.72682 2.61357 4.66536 2.76195 4.66536 2.91666C4.66536 3.07137 4.72682 3.21974 4.83622 3.32914C4.94562 3.43853 5.09399 3.49999 5.2487 3.49999C5.40341 3.49999 5.55178 3.43853 5.66118 3.32914C5.77057 3.21974 5.83203 3.07137 5.83203 2.91666C5.83203 2.76195 5.77057 2.61357 5.66118 2.50418C5.55178 2.39478 5.40341 2.33332 5.2487 2.33332ZM8.7487 2.33332C8.59399 2.33332 8.44561 2.39478 8.33622 2.50418C8.22682 2.61357 8.16536 2.76195 8.16536 2.91666C8.16536 3.07137 8.22682 3.21974 8.33622 3.32914C8.44561 3.43853 8.59399 3.49999 8.7487 3.49999C8.90341 3.49999 9.05178 3.43853 9.16118 3.32914C9.27057 3.21974 9.33203 3.07137 9.33203 2.91666C9.33203 2.76195 9.27057 2.61357 9.16118 2.50418C9.05178 2.39478 8.90341 2.33332 8.7487 2.33332ZM1.7487 4.66666V5.83332H6.41536V4.66666H1.7487ZM7.58203 4.66666V5.83332H12.2487V4.66666H7.58203Z' fill='%235EBDB2'/%3E%3C/svg%3E");
    position: absolute;
    left: 12px;
    top: 16px; 
}


header.scrolled .navbar .navbar-nav .nav-item.btn .nav-link{
    color: #FFF;
}

.navbar .navbar-nav .nav-item.btn .nav-link:before,
.navbar .navbar-nav .nav-item.btn .nav-link:hover:before{
    display: none;
}

header.scrolled .navbar .navbar-nav .nav-item.btn .nav-link:hover,
.navbar .navbar-nav .nav-item.btn .nav-link:hover{
    color: #FFFFFF;
}


.dropdown-toggle::after{
    vertical-align: 2px;
}
button.cky-btn.cky-btn-reject,
button.cky-btn.cky-btn-customize{
    display: none;
}
button.cky-btn.cky-btn-accept{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    background-color: #727272 !important;
    border-color: #727272 !important;
}
.cky-consent-container{
    width: 1000px !important;
    font-size: 13px;
}
.cky-consent-bar{
    border-radius: 100px !important;
    padding: 20px;
}
.cky-notice-btn-wrapper{
    margin-top: 0 !important;
    margin-left: 20px;
}
.cky-notice .cky-title{
    display: none !important;
}
.cky-consent-bar .cky-notice-des p{
    font-size: 15px !important;
}
.cky-consent-container .cky-notice-btn-wrapper .cky-btn{
    position: relative;
    width: 78px;
    height: 78px;
    border-radius: 50%;
}
.cky-consent-container .cky-notice-btn-wrapper .cky-btn:after{
    content: url("data:image/svg+xml,%3Csvg width='18' height='14' viewBox='0 0 18 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.8202 0.357393C15.9311 0.244238 16.0634 0.154345 16.2095 0.092977C16.3556 0.0316093 16.5124 0 16.6709 0C16.8293 0 16.9861 0.0316093 17.1322 0.092977C17.2783 0.154345 17.4107 0.244238 17.5215 0.357393C17.9863 0.827018 17.9928 1.58589 17.5378 2.06364L7.92917 13.4224C7.82008 13.5422 7.6877 13.6385 7.54011 13.7053C7.39253 13.7722 7.23286 13.8083 7.07086 13.8113C6.90886 13.8144 6.74795 13.7843 6.59796 13.723C6.44797 13.6618 6.31206 13.5705 6.19855 13.4549L0.351799 7.53014C0.12631 7.30018 0 6.99096 0 6.66889C0 6.34683 0.12631 6.0376 0.351799 5.80764C0.462699 5.69449 0.59506 5.60459 0.741131 5.54323C0.887202 5.48186 1.04405 5.45025 1.20249 5.45025C1.36093 5.45025 1.51777 5.48186 1.66384 5.54323C1.80991 5.60459 1.94227 5.69449 2.05317 5.80764L7.01267 10.8338L15.7877 0.393143C15.7978 0.380584 15.8086 0.368646 15.8202 0.357393Z' fill='white'/%3E%3C/svg%3E%0A");
}
.cky-consent-container  .cky-notice-group{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
  

.background-center{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.with_filter{
    z-index: 0;
    position: relative;
}
 
.with_filter:before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}


#breadcrumbs{
    color: #0072bf;
    margin-bottom: 0;
    letter-spacing: 3px;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
}
#breadcrumbs a, #breadcrumbs .breadcrumb_last{
    color: #0072bf;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
}
  



#slideCarousel{
    min-height: 100vh;
}
#slideCarousel .carousel-inner{
    height: 100%;
}
#slideCarousel .carousel-inner .carousel-item{
    height: 100%;
}

.header_transparent #slideCarousel .carousel-inner .carousel-item:before{
    background: linear-gradient(180deg, #241C19 0%, rgba(50, 45, 43, 0.00) 68.56%);
}

#slideCarousel .container{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    min-height: 100%;
    display: flex;
    align-items: center;
    color: #FFF;
}

#slideCarousel .content p{
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF ;
}
#slideCarousel .content p a.telephone{
    color: #FFFFFF !important;
}
#slideCarousel .content p a.telephone:hover{
    color: #8FCB23 !important;
}
#slideCarousel .content h1,
#slideCarousel .content h2,
#slideCarousel .content h3{
    font-size: 36px;
    font-weight: 400;
    margin-bottom: 1.5rem;
    color: #FFFFFF;
}

#slideCarousel .content .caption{
    background: linear-gradient(180deg, #241C19 0%, rgba(50, 45, 43, 0.3) 68.56%);
    padding: 3rem 3rem;
    position: relative;
    z-index: 0;
}

#slideCarousel .content .caption:after{
    /*content: '';*/
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    border: 2px solid #FFFFFF;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: -1;
}
#slideCarousel .content .caption:before{
    /*content: ''; */
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    border: 1px solid #FFFFFF;
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: -1;
}

#slideCarousel .content .caption a.btn{
    /*background-color: #727272;*/
    border: unset;
}
#slideCarousel .content .caption a.btn:after{
    display: none;
}
#slideCarousel .content .caption a.btn:hover{
    background-color: #FFFFFF;
    color: #727272;
}

#slideCarousel .content .caption a.btn:hover:after{
    border: 1px solid #727272;
}

#slideCarousel .content .carousel-indicators{
    position: unset;
    display: unset;
    margin: auto;
}

#slideCarousel .content .carousel-indicators button{
    width: 8px;
    height: 8px;
    margin-right: 3px;
    transform: rotate(45deg);
    background-color: unset;
    border: 2px solid #FFFFFF;
    opacity: 1;
}
#slideCarousel .content .carousel-indicators button.active{
    background-color: #FFFFFF;
}



.header{
    min-height: 300px;
    display: flex;
    align-items: flex-end;
}
.header h1{
    font-size: 30px;
    color: #FFFFFF;
}

.header:before{
    background: linear-gradient(180deg, #241C19 0%, rgba(50, 45, 43, 0.3) 68.56%);
}

.CCS_data li, .CCS_data li a{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.CCS_data li .picto{
    width: 36px;
    display: inline-block;
}
.CCS_data li:not(:last-child){
    margin-bottom: 8px;
}

.CCS_data li a, .CCS_data li p{
    color: #8d93a0; 
    text-align: left;
    display: flex;
}
.CCS_data li .fill{
    fill: #8d93a0; 
}
.CCS_data li .stroke{
    stroke: #8d93a0; 
}
.CCS_data li a:hover{
    color: #0072bf;
}
.CCS_data li a:hover svg .stroke{
    stroke: #0072bf;
}

.CCS_data li a:hover svg .fill{
    fill: #0072bf;
}


/* ================================================ */
/* Start  scrolled_text */
/* ================================================ */

.scrolled_text{
    background-color: #FFFFFF;
    overflow-x: hidden;
}
.scrolled_text .texte_content{
    display: flex;
    height: 80px;
    align-items: center;
    max-width: 100%;
    overflow-x: hidden;
}
.scrolled_text .texte_content p{
    color: #727272;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 0;
    padding-right: 65px;
    position: relative;
    white-space: nowrap;
    display: flex !important;
    align-items: center;
    height: 100%;
}
.scrolled_text .texte_content p:after{
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background: #0072bf;
    border-radius: 50%;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 30px; 
}


/* ================================================ */
/* End  scrolled_text */
/* ================================================ */
 

/* ================================================ */
/* Start values */
/* ================================================ */

.values{
    padding: 3rem 0;
    background-color: #F6F6F6;
}
.values .value{
    position: relative;
}
.values .value h4{
    font-weight: 600;
    font-size: 18px;
}
.values .value .icon_container{
    width: 85px;
    height: 85px;
    margin-bottom: 15px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}
.values .value .icon_container img{
    max-height: 85px;
    max-width: 85px;
}
.values .title p{
    padding-left: 100px;
    padding-right: 100px;
}
.values.has_background *{
    color: #FFFFFF;
}
.values.has_background h5{
    color: #8FCB23;
}
.values.has_background:before {
    background-color: rgb(0, 114, 191, .6);
}
/* ================================================ */
/* end values */
/* ================================================ */

/* ================================================ */
/* Start Call to action */
/* ================================================ */

.call_to_action{
    padding: 6rem 0;
}  
.call_to_action *{
    color: #FFF
}
.call_to_action p{
    padding-left: 80px;
    padding-right: 80px;
}
.call_to_action:before{
    background-color: rgb(0, 114, 191, .6);
}
/* ================================================ */
/* end Call to action */
/* ================================================ */


/* ================================================ */
/* start  contact */
/* ================================================ */

.contact{
    margin: 5rem 0;
}

.contact .title_content{
    background-color: #727272;
    color: #FFFFFF;
    padding: 5rem 4rem;
    height: 100%;
}
.contact .title_content h2{
    color: #CBD0D8;
}
.contact .title_content .white_circle{
    background-color: white;
    width: 82px;
    height: 82px;
    position: absolute;
    top: -41px;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.contact .title_content .gold_circle{
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #0072bf;
}
.contact .form_content{
    background-color: #CBD0D8; 
    padding: 3rem 4rem;
    padding-bottom: 0;
    height: 100%;
}


/* ================================================ */
/* End  contact */
/* ================================================ */


 
/* ================================================ */
/* Start form */
/* ================================================ */


.wpcf7.js{
    background: #f0f0f0;
    border-radius: 25px;
    padding: 30px;
}

form h2{
    color: #FFF;
}
.light_background form h2{
    color: #727272;
}
form input.form-control,
form select.form-control,
form textarea.form-control{
    border: unset;
    border-bottom: 1px solid rgba(51, 61, 81, 0.5);
    font-size: 15px;
    border-radius: unset;
    color: #000000;
    background-color: transparent;
    padding-left: 0px;
    padding-right: 0px;
}

form select.form-control {
    appearance: none; /* Removes default arrow in some browsers */
    -webkit-appearance: none; /* Removes default arrow in WebKit browsers */
    -moz-appearance: none; /* Removes default arrow in Mozilla browsers */
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23727272"><path d="M7 10l5 5 5-5z"/></svg>') no-repeat right 10px center;
    background-size: 20px;
    padding-right: 30px; /* Adds space for the arrow */
    font-size: 15px; 
    color: #0000;
}
form .form-control::placeholder{
    font-size: 15px;
    font-weight: 400;
    color: #727272;
}

form select.form-control option{
    color: #727272;
}

/* Optional: Add styling for cross-browser compatibility */
form select.form-control::-ms-expand {
    display: none; /* Hides the default arrow in IE */
}

/* Par défaut, tout le select est noir */
.wpcf7 select[name="service"], .wpcf7 select[name="flexibilite"],
.wpcf7 select[name="service"], .wpcf7 select[name="desired-hours"] {
    color: #000000 !important;
    font-size: 15px;
  }
  
  /* Quand on est sur la pseudo-option "placeholder" */
  .wpcf7 select[name="service"].is-placeholder, .wpcf7 select[name="flexibilite"].is-placeholder,
  .wpcf7 select[name="service"].is-placeholder, .wpcf7 select[name="desired-hours"].is-placeholder {
    color: #727272 !important; /* gris */
    font-size: 15px;
  }
 

form textarea.form-control{
    height: 100px;
    resize: none;
} 
form .select{
    position: relative;
}
form .select:after{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='5' viewBox='0 0 10 5' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.84971 0.16658C9.79983 0.116107 9.73993 0.0754413 9.67345 0.0469067C9.60697 0.018372 9.5352 0.00252731 9.46225 0.000279162C9.3893 -0.00196899 9.3166 0.00942266 9.2483 0.0338036C9.18 0.0581845 9.11744 0.0950772 9.0642 0.142372L4.99996 3.7525L0.93572 0.142371C0.828165 0.0469038 0.684983 -0.00417915 0.53767 0.00036069C0.390357 0.00490053 0.250982 0.064691 0.150204 0.166579C0.0494273 0.268466 -0.00449686 0.404105 0.000295483 0.543656C0.00508782 0.683207 0.0682038 0.815239 0.175758 0.910706L4.61998 4.85764C4.72295 4.9491 4.8588 5 4.99996 5C5.14111 5 5.27697 4.9491 5.37994 4.85764L9.82416 0.910707C9.87744 0.863451 9.92036 0.806711 9.95049 0.743731C9.98061 0.680751 9.99733 0.612766 9.99971 0.54366C10.0021 0.474554 9.99005 0.405683 9.96432 0.340981C9.93858 0.27628 9.89964 0.217017 9.84971 0.16658Z' fill='%23727272'/%3E%3C/svg%3E");
    width: 5px;
    height: 5px;
    position: absolute;
    right: 28px;
    top: 0;
    bottom: 0;
    margin: auto;
}
form .form-control:focus,
form .form-control:active,
form .form-control:hover{
    outline: unset;
    box-shadow: unset;
    border-color: #727272;
    background-color: transparent;
    color: #000000;
}
form input[type=checkbox],
form input[type=radio]{
    display: none;
}
form input[type=checkbox] + span,
form input[type=radio] + span{
    position: relative;

}
form input[type=checkbox] + span:before,
form input[type=radio] + span:before{
    content: url("data:image/svg+xml,%3Csvg width='27' height='27' viewBox='0 0 27 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 13.5C1 7.60744 1 4.66116 2.83059 2.83059C4.66116 1 7.60744 1 13.5 1C19.3925 1 22.3389 1 24.1694 2.83059C26 4.66116 26 7.60744 26 13.5C26 19.3925 26 22.3389 24.1694 24.1694C22.3389 26 19.3925 26 13.5 26C7.60744 26 4.66116 26 2.83059 24.1694C1 22.3389 1 19.3925 1 13.5Z' stroke='%238FCB23' stroke-width='2'/%3E%3C/svg%3E%0A");
    position: absolute;
    top: -2px;
    left: -36px;
    cursor: pointer;
}
form input[type=checkbox]:checked + span:before,
form input[type=radio]:checked + span:before{
    content: url("data:image/svg+xml,%3Csvg width='27' height='27' viewBox='0 0 27 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 13.5C1 7.60744 1 4.66116 2.83059 2.83059C4.66116 1 7.60744 1 13.5 1C19.3925 1 22.3389 1 24.1694 2.83059C26 4.66116 26 7.60744 26 13.5C26 19.3925 26 22.3389 24.1694 24.1694C22.3389 26 19.3925 26 13.5 26C7.60744 26 4.66116 26 2.83059 24.1694C1 22.3389 1 19.3925 1 13.5Z' stroke='%238FCB23' stroke-width='2'/%3E%3Cpath d='M9.3335 14.268L11.9049 16.668L18.3335 10.668' stroke='%238FCB23' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.wpcf7-form-control-wrap[data-name=evidence-zl-mfcf7-upld-btn]:before{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 12L12 17M12 17L17 12M12 17V4M6 20H18' stroke='%23727272' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    position: absolute;
    left: 20px;
    top: -2px;
}

form .custom-file-label,
form #mfcf7_zl_add_file{ 
    width: 100%; 
    border: 2px dashed #8FCB23;
    border-radius: 15px; 
    padding: 22px 15px; 
    padding-left: 47px;
    position: relative;
    background: #F0F0F0;
    color: #727272;
    font-size: 12px;
    font-weight: 600;
    font-style: normal;
    cursor: pointer;
}
form .wpcf7-form-control-wrap[data-name=photos-zl-mfcf7-upld-btn]{
    position: relative;
    display: block;
}
form .wpcf7-form-control-wrap[data-name=photos-zl-mfcf7-upld-btn]:before{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 12L12 17M12 17L17 12M12 17V4M6 20H18' stroke='%238FCB23' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    position: absolute;
    left: 14px;
    height: 100%;
    display: flex;
    align-items: center;
    z-index: 9;
}
option[value="hidden"] {
    display: none;
}
form .custom-file-label:hover,
form #mfcf7_zl_add_file:hover{
    background-color: #b0c2ce;
}
form  #customFile{
    display: none;
}

form input[type=submit]{
    border: 2px solid #0072bf;
    background-color: #0072bf;
    padding: 20px 49px;
    border-radius: 100px;
    min-width: 170px;
    transition: .3s;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 15px;
}
form input[type=submit]:hover{
    background-color: #727272; 
    border-color: #727272; 
    color: #FFF;
    transition: .3s;
}
form .wpcf7-list-item{
    margin: 0 1rem 0 36px;
}
form .wpcf7-checkbox .wpcf7-list-item {
    margin: 5px 1rem 5px 36px;
    display: flex;
}
.contact form input[type=submit]{
    border: 2px solid #FFFFFF;
    background-color: #FFFFFF;
    color: #727272;
}
.contact form input[type=submit]:hover{
    background-color: #727272; 
    border-color: #727272; 
    color: #FFF;
    transition: .3s;
}
form p{
    color: #303030;
}
form p i{
    font-size: 13px;
}
form p a{
    color: #0072bf;
}
form p a:hover{ 
    text-decoration: underline;
    color: #0072bf;
}

#desired-date:not(.has-value)::before {
    content: attr(data-placeholder);
    color: #797979;
    position: absolute;
    pointer-events: none;
}

/* Masquer le texte interne du champ (jj/mm/aaaa) tant qu'il est vide */
#desired-date {
    color: transparent;
    position: relative;
}

/* Afficher la date sélectionnée */
#desired-date.has-value {
    color: #0B4C89;
}

/* Quand il y a une valeur → enlever le faux placeholder */
#desired-date.has-value::before {
    content: "";
}

.contact form p a{
    color: #FFFFFF;
}
.contact form p a:hover{ 
    text-decoration: underline;
    color: #FFFFFF;
}

.light_background form p{
    color: #8CACC3; 
}
.light_background form p a{
    color: #8CACC3;
}
.light_background form p a:hover{ 
    color: #727272;
}


form .checkbox_tab{
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 2px solid #727272;
}
form .checkbox_tab > span{
    padding-left: 0;
    margin-left: 0;
}

form .checkbox_tab input[type=radio] + span::before{
    display: none;
}

form .checkbox_tab input[type=radio] + span{
    border: 2px solid #727272;
    padding: 15px 25px;
    display: block;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    min-width: 161px;
    text-align: center;
    border-bottom: unset;
}

form .checkbox_tab input[type=radio]:checked + span{
    color: #FFF;
    background-color: #727272;
}



.form_content{
    padding: 6rem 5rem;
}

/* ================================================ */
/* End form */
/* ================================================ */
  



/* ================================================ */
/* Start scrolled_images */
/* ================================================ */

.scrolled_images{
    padding: 4rem 0;
}

/* the slides */
.scrolled_images .slick-slide {
    margin: 0 5px;
} 
.scrolled_images .slick-slide > div{
    margin-bottom: 10px;
}

/* the parent */
.scrolled_images .slick-list {
    margin: 0 -5px;
}

.scrolled_images .slick-slide img{
    height: 180px;
    object-fit: cover;
    object-position: center;
}

.scrolled_images ul.scrolled_image_carousel {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 10px;
    row-gap: 10px;
} 
.scrolled_images ul.scrolled_image_carousel li img{
    width: 100%;
    aspect-ratio: 1/1.4;
    object-fit: cover;
    object-position: center;
}
.scrolled_images ul.scrolled_image_carousel li:first-child img{
    border-top-left-radius: 45px;
}
.scrolled_images ul.scrolled_image_carousel li:last-child img{
    border-bottom-right-radius: 45px;
}
  
/* ================================================ */
/* End scrolled_images */
/* ================================================ */
  

/* ================================================ */
/* start image_with_text */
/* ================================================ */
  
.image_with_text{
    padding: 3rem;
}

.image_with_text .image{
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
}
.image_with_text ul{
    list-style: none;
    padding-left: 0;
    padding-right: 3rem;
}
.image_with_text ul li{
    position: relative;
    padding-left: 40px;
    font-size: 20px;
    margin-bottom: 18px;
}
.image_with_text ul li:before{
    content: url("data:image/svg+xml,%3Csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.75 16.5C2.75 10.0182 2.75 6.77728 4.76365 4.76365C6.77728 2.75 10.0182 2.75 16.5 2.75C22.9818 2.75 26.2228 2.75 28.2363 4.76365C30.25 6.77728 30.25 10.0182 30.25 16.5C30.25 22.9818 30.25 26.2228 28.2363 28.2363C26.2228 30.25 22.9818 30.25 16.5 30.25C10.0182 30.25 6.77728 30.25 4.76365 28.2363C2.75 26.2228 2.75 22.9818 2.75 16.5Z' stroke='%238FCB23' stroke-width='2'/%3E%3Cpath d='M11.6875 17.1875L14.4375 19.9375L21.3125 13.0625' stroke='%238FCB23' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    position: absolute;
    left: 0;
    top: -1px;
}
/* ================================================ */
/* End image_with_text */
/* ================================================ */
  

/* ================================================ */
/* Start tow_columns */
/* ================================================ */

.tow_columns{
    padding: 3rem 0;
}
.tow_columns ul{
    list-style: none;
    padding-left: 0;
}
.tow_columns ul:not(.CCS_data) li{
    position: relative;
    padding-left: 40px;
    font-size: 16px;
    margin-bottom: 9px;
}
.tow_columns ul:not(.CCS_data) li:before{
    content: url("data:image/svg+xml,%3Csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.75 16.5C2.75 10.0182 2.75 6.77728 4.76365 4.76365C6.77728 2.75 10.0182 2.75 16.5 2.75C22.9818 2.75 26.2228 2.75 28.2363 4.76365C30.25 6.77728 30.25 10.0182 30.25 16.5C30.25 22.9818 30.25 26.2228 28.2363 28.2363C26.2228 30.25 22.9818 30.25 16.5 30.25C10.0182 30.25 6.77728 30.25 4.76365 28.2363C2.75 26.2228 2.75 22.9818 2.75 16.5Z' stroke='%238FCB23' stroke-width='2'/%3E%3Cpath d='M11.6875 17.1875L14.4375 19.9375L21.3125 13.0625' stroke='%238FCB23' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    position: absolute;
    left: -5px;
    top: -5px;
    transform: scale(.8);
}
.ceo .profile{
    width: 80px;
    height: 80px;
    border-radius: 50%;
}
.ceo .name{
    font-weight: 700;
}
.ceo .title{
    font-style: italic;
    font-weight: 300;
}

/* ================================================ */
/* End tow_columns */
/* ================================================ */
  




/* ================================================ */
/* start logos */
/* ================================================ */

.logos{
    padding: 3rem 0;
}

.logos ul li img{
    height: 100px;
}

/* ================================================ */
/* end logos */
/* ================================================ */

 
footer{
    padding-top: 3rem;
}

footer h3{
    font-size: 20px;
    color: #231F1E;
    font-weight: 500;
    margin-bottom: 30px;
    padding-top: 20px;
}
footer ul{
    padding-left: 0;
}

footer ul li{
    list-style: none;
    margin-bottom: 0px;
}
footer ul li ul li{
    padding-left: 20px;
}

footer ul li a{
    color: #727272;
    font-size: 16px;
    transition: .3s;
}
footer ul li a:hover{
    color: #0072bf; 
    transition: .3s;
}

footer a.brand img{
     margin-top: 7px;
     width: 190px;
} 
footer a.telephone{
    font-size: 16px;
    color: #8d93a0;
    margin-bottom: 0;
    margin-top: 0;
}
footer a.telephone .picto{
    width: unset;
    height: unset;
    background-color: unset;
}
footer a.telephone .picto:after{
    display: none;
}
footer a.telephone:not(.email){
    border-bottom: 1px solid #777777;
    border-radius: unset;
} 
footer .phone_footer{
    display: flex;
    align-items: center;
    color: #727272;
    font-weight: 600;
}
footer .phone_footer a{
    text-decoration: underline;
}
footer .phone_footer a:hover{
    color: #0072bf;
}

footer .social_media a .fill{
    fill: #727272;
}
footer .social_media a:hover .fill{
    fill: #0072bf;
}
.right_badge{
    position: fixed;
    right: 0;
    top: 40%; 
    width: 375px; 
    display: flex;
    align-items: flex-start;
    padding: 12px 16px;
    border-radius: 60px 0px 0px 60px;
    border-radius: 60px 0px 0px 60px;
    background: #FFF;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    z-index: 9;
}
.right_badge p{
    font-size: 20px;
    line-height: 24px;
}
.right_badge img{
    width: 40px;
    margin-right: 15px;
    margin-top: 8px;
}
.call_us{
    display: none;
}

.whatsapp{
    position: fixed;
    left: 24px;
    bottom: 24px;
    display: block;
    z-index: 999;
    width: 60px;
    height: 60px;
}


/* ================================================ */
/* start  map */
/* ================================================ */
 

.map{
    padding: 6rem 0;
}

.map a.point{
    width: 30px;
    height: 30px;
    background-color: #0072bf;
    border: 7px solid #FFF;
    display: block;
    border-radius: 50%;
    position: absolute;
    cursor: pointer;
}

/* ================================================ */
/* End  map */
/* ================================================ */

 

.scrollDown{
    width: 34px;
    height: 60px;
    border-radius: 17px;
    border: 3px solid #FFF;
    position: absolute;
    z-index: 99;
    bottom: 2rem;
}

.scrollDown:after{
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #FFF;
    position: absolute;
    left: 9px;
    top: 3px;
    animation: scrollDown 1s infinite;
}


@keyframes scrollDown {
    0%   {top: 3px;}
    100% {top: 37px}
  }


/* ================================================ */
/* Start  services */
/* ================================================ */

.services a{
    display: block;
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.services a h4{
    color: #FFFFFF;
    font-size: 25px;
    transition: .3s;
}
.services a:before{
    background-color: rgb(0, 114, 191, .6);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.services a:hover h4{
    transform: scale(1.2);
    transition: .3s;
}

/* ================================================ */
/* End  services */
/* ================================================ */

 
/* ================================================ */
/* Start  service */
/* ================================================ */

.service{
    padding: 2rem 0;
    position: relative;
}

.service .image{
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}
.service .image.left{
    right: unset;
    left: 0;
}
/* ================================================ */
/* End  service */
/* ================================================ */

 



@media screen and (min-width: 320px) and (max-width: 700px) {
  
    body, html{
        overflow-x: hidden;
    }
    .cky-consent-bar{
        border-radius: 35px !important;
    }
    .cky-consent-container .cky-notice-group{
        display: block;
    }
    .cky-consent-container .cky-notice-btn-wrapper .cky-btn{
        border-radius: 100px;
        height: 45px;
        width: 95px;
    }
   
    body{
        font-size: 14px;
        padding-top: 90px;
    }
  .navbar .navbar-nav .nav-item{
    width: 100%;
  }
    .navbar-toggler:active,
    .navbar-toggler:focus{
        box-shadow: none;
        outline: none;
    }
    .navbar-nav .dropdown-menu .dropdown-item{
        text-align: center;
    }
    header .navbar-toggler line{
        stroke: #727272;
    }

    .home_header{
        text-align: center;
    }
    .home_header .texte_content{
        padding-left: 2rem;
        padding-right: 2rem;
    }
   
    .navbar .navbar-nav .nav-item.secondary_btn:hover .nav-link,
    .navbar .navbar-nav .nav-item.secondary_btn .nav-link,
    .navbar .navbar-nav .nav-item.primary_btn .nav-link{
        margin-bottom: 8px;
        padding: 8px 20px;
        font-size: 14px;
    }
    .navbar .navbar-nav .nav-item.secondary_btn.icon_gift:hover .nav-link:before,
    .navbar .navbar-nav .nav-item.icon_gift .nav-link:before,
    .navbar .navbar-nav .nav-item.primary_btn.icon_gift:hover .nav-link:before,
    .navbar .navbar-nav .nav-item.secondary_btn.icon_gift .nav-link:before,
    .navbar .navbar-nav .nav-item.secondary_btn.icon_call:hover .nav-link:before,
    .navbar .navbar-nav .nav-item.icon_call .nav-link:before{
        top: 11px;
    }
    .navbar-nav .dropdown-menu:before{
        display: none;
    }
    .navbar-nav .dropdown-menu .dropdown-menu{
        top: unset;
        margin: 15px;
    }
    .blocs ul {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    } 
    h1{
        font-size: 25px;
    }
    h2{
        font-size: 21px;
    }
    h3{
        font-size: 18px;
    } 
    header .brand img{
        width: 180px;
    }

    .navbar-toggler{
        padding: 0;
    }
    .navbar-toggler .stroke{
        stroke: #727272;
    }
    .navbar .navbar-nav .nav-link{
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .presentation{
        padding-top: 0;
        margin-bottom: 0;
    }
    .presentation .image{
        height: 250px;
        margin-bottom: 1rem;
    }
    .presentation:after{
        height: 70px;
    }
    .etapes .image{
        width: 130px;
        height: 130px;
        margin: auto;
    }
    .etapes .etapes_content:before{
        display: none;
        margin: auto;
    }
    .etapes .image span{
        top: -10px;
        right: -10px;
    }
    .etapes h4 { 
        margin-top: 7px;
        margin-bottom: 20px;
    }
    .realisation .content{
        height: 150px !important;
    }
    .realisation .content.content_3{
        height: auto !important;
    }
    .faq {
        padding: 1rem 0;
    }
    .garantie_container{
        padding: 100px 30px 50px 30px;
        border-radius: 30px;
        margin-top: 120px;
    }
    .garantie_container img{
        top: 0;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 120px;
        margin-bottom: 0;
    } 
    .service .image_content img{
        margin-bottom: 2rem;
        position: unset;
        height: 200px;
    }
    .service .service_1{
        padding-bottom: 1rem;
    }

    .service .service_3{
        padding-top: 0px;
        padding-bottom: 60px;
    }
    .map {
        padding: unset;
    }
    h6{
        font-size: 41px;
    }
    .call_us{
        background-color: #0072bf;
        text-transform: unset;
        color: #FFF;
        display: flex;
        align-items: center;
        justify-content: center;
        position: fixed;
        bottom: 15px;
        left: 0;
        z-index: 999;
        width: 100%;
        text-align: center;
        padding: 7px 0;
        font-size: 29px;
        font-weight: 400;
        animation: pulse-blue 2s infinite;
    }
    .call_us:active, .call_us:focus, .call_us:hover{
        color: #FFFFFF;
    }

    .right_badge{
        bottom: 5px;
        top: unset;
        border-radius: 0; 
        width: 100%;
        left: 0;
        right: 0;
        margin: auto;
        padding: 5px 10px; 
    }
    .right_badge p{
        font-size: 13px;
        max-width: 226px;
        line-height: 17px;
    }
    .right_badge img {
        width: 33px;
        margin-right: 15px;
        margin-top: 0;
    }

    
    @keyframes pulse-blue {
        0% {
            box-shadow: 0 0 0 0 rgba(0, 114, 191, 0.4);
        }
        100% {
            box-shadow: 0 0 0 15px rgba(0, 114, 191, 0);
        }
    }

    .menuContainer #navbarSupportedContent .navbar-nav, .nav-item{
        flex-direction: column;
    }
     
    .navbar-nav .dropdown-menu{ 
        position: unset;
        background: transparent;
        border: none;
        color: #FFFFFF;
        padding-top: 0;
    }
    .navbar-nav .dropdown-menu .dropdown-item{
       /* color: #FFFFFF; */
    }


    .whatsapp{
        left: unset;
        right: 14px;
        bottom: 130px;
        width: 44px;
        height: 44px;
    }

    nav .informations{
        display: none;
    }

    .logos,
    .addresses,
    .scrolled_images,
    .tow_columns{
        padding: 3rem 0;
    }
    .contact{
        margin: 3rem 0; 
    }

    .contact .title_content{
        padding: 4rem 2rem 2rem 2rem;
    }

    .contact .form_content{
        padding: 3rem 2rem;
    }

    .scrolled_images .slick-slide img{
        height: 170px;
    }

    /* the slides */
    .scrolled_images .slick-slide {
        margin: 0 8px;
    }

    /* the parent */
    .scrolled_images .slick-list {
        margin: 0 -8px;
    }
    .header{
        min-height: 150px;
        height: 150px; 
    }

    .header.one_image .image_2{
        position: unset;
        width: 100%;
        height: 190px;
    }
    .header.one_image .content{
        padding: 1rem;
    }

    .header .header_image_2{
        position: absolute;
        height: 190px;
        top: 0;
        right: 0;
        left: 0;
        margin: auto; 
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .header .header_image_2 img{
        max-height: 190px;
        width: auto;
    }

    .before_after,
    .fullscreen_image,
    .fullscreen_image img{
        min-height: auto ;
        height: 240px ;
    }
    

    .before_after + .container .content{
        color: #FFFFFF;
        background-color: #727272;
        padding: 3rem 1rem;
        z-index: 1;
        position: relative;
    }
    .before_after + .container .content h1, .before_after + .container .content h2{
        color: #FFFFFF;
    }


    .logos ul li img {
        max-height: 43px !important;
        margin: 8px 0px;
    }

    .header_contact::before{
        display: none;
    }

    .header_contact .text_content{
        padding: 15px;
        background-color: #727272;
    }
    .header_contact .form_content {
        padding: 1rem;
    }
    .header_contact .content {
        padding: 2rem 2rem 2rem 0;
    }

    body.is_mobile header .logo_white{
        display: none;
    }
    header .brand img {
        width: 120px;
        margin: 10px 0;
    }
    #slideCarousel .content h1, #slideCarousel .content h2, #slideCarousel .content h3{
        font-size: 28px;
    }
    .values .value h4 span{
        top: -34px;
        left: -17px;
    }
    .logos, .addresses, .scrolled_images, .tow_columns{
        padding: 1rem 0;
    }

    .values{
        padding: 2rem 0;
    }
    .map .container{
        background-position: bottom center;
    }
    .call_to_action p{
        padding-left: 30px;
        padding-right: 30px;
    }
    .image_with_text{
        padding: 0 0 2rem 0;
    }

    .image_with_text .image {
        position: unset;
        height: 221px;
        width: 100%;
        margin-bottom: 2rem;
    }

    .image_with_text ul li{
        font-size: 15px;
        padding-left: 30px;
        margin-bottom: 7px;
    }
    .image_with_text ul li:before{
        transform: scale(0.6);
        left: -6px;
        top: -6px;
    }
    .service .image{
        position: unset;
        height: 200px;
        width: 100%;
    }
    .service {
        padding: 0 0 4rem 0;
    }

    form input[type=checkbox] + span:before,
    form input[type=radio] + span:before,
    form input[type=checkbox]:checked + span:before,
    form input[type=radio]:checked + span:before{
        transform: scale(0.6);
        left: -30px;
        top: -2px;
    }
    form .wpcf7-list-item {
        margin: 0 1rem 0 24px;
    }

    form input.form-control,
    form select.form-control,
    form textarea.form-control,
    form select.form-control,
    form .form-control::placeholder,
    .wpcf7 select[name="service"], .wpcf7 select[name="flexibilite"],
    .wpcf7 select[name="service"], .wpcf7 select[name="desired-hours"],
    .wpcf7 select[name="service"].is-placeholder, .wpcf7 select[name="flexibilite"].is-placeholder,
    .wpcf7 select[name="service"].is-placeholder, .wpcf7 select[name="desired-hours"].is-placeholder
    {
        font-size: 14px;
    }

    a.telephone{
        display: none;
    }





}

@media (min-width: 768px){
    
}

@media (min-width: 992px){
    
}
@media (min-width: 1200px){
     
}

@media (min-width: 1400px){
    
}