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

@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Square+Peg&display=swap');

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


html{
    scroll-behavior: smooth;
    overflow-x: hidden;
    margin: 0 !important;
    padding: 0;
}
 
body{
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    color: #5D5D5D; 
    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;
    color: #43437E;

}
h2{
    font-size: 35px;
    font-weight: 600; 
    color: #43437E;
    margin-bottom: 20px;
}
h3{
    font-size: 24px; 
    color: #43437E;
}
h4{
    font-size: 24px; 
    color: #727272;
}
h5{
    color: #43437E;
    font-size: 45px;  
    margin-bottom: 5px;
    font-family: "Square Peg";  
}
h6{  
    font-weight: 400;
    font-style: normal;
    line-height: 1.3;  
    font-size: 70px;
    margin: 2rem 0; 
} 

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


a{
    text-decoration: none; 
    color: #727272
}
a:hover{
    text-decoration: none;
    color: #727272;
}
button.btn,
a.btn{
    background-color: #D7372F;
    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: #43437E;
    transition: .3s;
    color: #FFFFFF;
} 

a.secondary{
    background-color: #43437E;
}
a.secondary:hover{
    background-color: #D7372F;
}
a.telephone{
    border-radius: 50px; 
    font-size: 20px;
    font-weight: 400;
    padding: 9px 0;
    margin-top: 30px;
    display: inline-flex;
    transition: .3s;
    margin-bottom: 1rem;
    align-items: center;
}
a.telephone:hover{
    color: #D7372F;
}
a.telephone .picto{
    margin-right: 15px;
    background: #002458;
    width: 41px;
    height: 41px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: relative;
}
a.telephone .picto:after{
    content: '';
    border: 1px solid #D7372F;
    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 .navbar .navbar-nav .nav-link{
    color: #FFFFFF;
}
header.scrolled .navbar .navbar-nav .nav-link{
    color: #727272;
}

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

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

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

  
.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: #D7372F;
    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-link:hover,
header .navbar .navbar-nav .nav-item.active .nav-link{
    color: #D7372F;
}
header .navbar .navbar-nav .nav-item.btn .nav-link{
    background-color: #D7372F;
    color: white ;
    border-radius: 40px; 
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    padding: 3px 4px 3px 15px;
}
  
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: #D7372F;
}
.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='%23D7372F'/%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(134, 134, 168, 0.30);
    color:#43437E;
    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: #727272;
}


header a.btn{
    background-color: #43437E;
    padding: 11px 24px;
    min-width: unset;
}
header a.btn:hover{
    background-color: #D7372F;
}

.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: #FFFFFF;
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 400;
}

#breadcrumbs a, #breadcrumbs .breadcrumb_last{
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 400;
    text-transform: unset;
}

#breadcrumbs a:hover{
    color: #A0BCD0 !important;
}

#breadcrumbs > span > span:first-child a:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13' viewBox='0 0 12 13' fill='none'%3E%3Cpath d='M0 10.9792V4.60417C0 4.37986 0.0502915 4.16736 0.150875 3.96667C0.251458 3.76597 0.390056 3.60069 0.566667 3.47083L4.81667 0.283333C5.06458 0.0944445 5.34792 0 5.66667 0C5.98542 0 6.26875 0.0944445 6.51667 0.283333L10.7667 3.47083C10.9438 3.60069 11.0826 3.76597 11.1832 3.96667C11.2837 4.16736 11.3338 4.37986 11.3333 4.60417V10.9792C11.3333 11.3687 11.1945 11.7024 10.9168 11.98C10.6392 12.2577 10.3058 12.3963 9.91667 12.3958H7.79167C7.59097 12.3958 7.42286 12.3278 7.28733 12.1918C7.15181 12.0558 7.08381 11.8877 7.08333 11.6875V8.14583C7.08333 7.94514 7.01533 7.77703 6.87933 7.6415C6.74333 7.50597 6.57522 7.43797 6.375 7.4375H4.95833C4.75764 7.4375 4.58953 7.5055 4.454 7.6415C4.31847 7.7775 4.25047 7.94561 4.25 8.14583V11.6875C4.25 11.8882 4.182 12.0565 4.046 12.1925C3.91 12.3285 3.74189 12.3963 3.54167 12.3958H1.41667C1.02708 12.3958 0.693694 12.2572 0.4165 11.98C0.139305 11.7028 0.000472222 11.3692 0 10.9792Z' fill='white'/%3E%3C/svg%3E");
    margin-right: 10px;
}


  
#slideCarousel{
    height: calc(100vh - 65px);
}
#slideCarousel .carousel-inner{
    height: 100%;
}
#slideCarousel .carousel-inner .carousel-item{
    height: 100%;
}

.header_transparent #slideCarousel .carousel-inner .carousel-item:before{
    background: linear-gradient(90deg, #43437E 0%, rgba(67, 67, 126, 0.00) 100%);
}

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


.slide_carousel .content p{
    font-size: 18px;
}
.slide_carousel .content h1,
.slide_carousel .content h2,
.slide_carousel .content h3{
    font-size: 36px;
    font-weight: 400;
    margin-bottom: 1.5rem;
    color: #FFFFFF;
}

.slide_carousel .carousel-indicators{
    margin: unset;
    position: unset;
    justify-content: flex-start;
}

.slide_carousel .carousel-indicators [data-bs-target] {
    background-color: #C3C3D9;
    margin-right: 0;
    margin-left: 0;
    width: 70px;
    opacity: 1;
    
}

.slide_carousel .carousel-indicators .active{
    background-color: #43437E;
    position: relative;
}
.slide_carousel .carousel-indicators .active:after{
    content: '';
    width: 100%;
    height: 6px;
    background-color: 43437E;
    position: absolute;
    bottom: 0;
    left: 0;
}

.slide_carousel .slider_controles{
    background-color: #FEFEF1;
    height: 65px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
}

.slide_carousel .social_media{
    margin-bottom: 0;
}

.slide_carousel .social_media .fill{
    fill: #43437E;
}

.slide_carousel .video{
    line-height: 1;
    position: relative;
    z-index: 0;
}
.slide_carousel .video video{
    width: 100%;
    height: calc(100vh - 65px);
    object-fit: cover;
    object-position: center;
}

.slide_carousel .video .filter{
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #43437E 0%, rgba(67, 67, 126, 0.00) 100%);
    z-index: 4;
    position: absolute;
    top: 0;
    left: 0;
}

.header{
    min-height: 340px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-top: 95px;
}
.header h1{
    font-size: 30px;
    color: #FFFFFF;
    margin-bottom: 0;
}

.header .social_media{
    margin-bottom: 0;
}

.header:before{
    background: rgba(67, 67, 126, 0.80);
}

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

.Eurocoop_data li a, .Eurocoop_data li p{
    color: #8d93a0; 
}
.Eurocoop_data li .fill{
    fill: #8d93a0; 
}
.Eurocoop_data li .stroke{
    stroke: #8d93a0; 
}
.Eurocoop_data li a:hover{
    color: #D7372F;
}
.Eurocoop_data li a:hover svg .stroke{
    stroke: #D7372F;
}

.Eurocoop_data li a:hover svg .fill{
    fill: #D7372F;
}


/* ================================================ */
/* 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: #D7372F;
    border-radius: 50%;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 30px; 
}


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

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

.values{
    margin: 6rem 0;
}
.values .value{
    position: relative;
}
.values .value h4 span{
    color: #D7372F;
    font-weight: bold;
    font-size: 105px;
    position: absolute;
    z-index: -1;
    top: -20px;
    left: -6px;
    opacity: 0.25;
}
/* ================================================ */
/* end values */
/* ================================================ */


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

.contact{
    margin: 5rem 0;
}

.contact .title_content{
    padding-right: 4rem;
    height: 100%;
} 

.contact .title_content .map iframe{
    max-width: 100%;
    height: 410px;
}
.contact .form_content{
    background-color: #43437E;
    padding: 5rem 7rem;
    padding-bottom: 0;
    height: 100%;
    border-radius: 200px 0;
    position: relative;
}

.contact .form_content  .wpcf7-response-output{
    color: #FFFFFF;
    line-height: 16px;
    margin-top: 11px;
    margin-left: 0;
    /*
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    margin: 0;
    bottom: -42px;
    */
}


.contact .form_content .form-control::placeholder{
    color: #FFFFFF;
}
.contact .form_content .form-control, .contact .form_content .form-control:focus{
    color: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    background-color: unset;
    background: unset;
}


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


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

form h2{
    color: #FFF;
}
.light_background form h2{
    color: #43437E;
}
form input.form-control,
form select.form-control,
form textarea.form-control{
    border: unset;
    border-bottom: 1px solid #43437E;
    font-size: 16px;
    border-radius: unset;
    color: #727272;
    background-color: transparent;
    padding-left: 10px;
    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="%23ffffff"><path d="M7 10l5 5 5-5z"/></svg>') no-repeat right 10px center;
    background-size: 20px;
    padding-right: 30px; /* Adds space for the arrow */
}
form .form-control::placeholder{
    font-size: 13px;
    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 */
}

.light_background form input.form-control,
.light_background form select.form-control,
.light_background form textarea.form-control{
    border-bottom: 1px solid #727272;
    color: #727272;
}

form textarea.form-control{
    height: 100px;
    resize: none;
}
 

form select.form-control{
    color: #A0BCD0;
}
form .form-control::placeholder{
    color: #727272;
}
form select.form-control.selected{
    color: #727272;
}
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;  
}

form input[type=radio]{
    display: none;
}
form input[type=radio] + span{
    position: relative;
    padding-left:  25px;
}
form input[type=radio] + span:before{
    content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='19' height='19' fill='%23B9D7D3' fill-opacity='0.32' stroke='%230E3960' stroke-dasharray='5 8'/%3E%3C/svg%3E%0A");
    position: absolute;
    top: 0;
    left: 0;
}

form input[type=radio]:checked + span:before{
    content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.615 6C7.805 6 7.965 6.085 8.095 6.255L13.315 12.915C13.395 13.025 13.435 13.145 13.435 13.275C13.435 13.445 13.375 13.59 13.255 13.71C13.135 13.83 12.995 13.89 12.835 13.89C12.645 13.89 12.48 13.8 12.34 13.62L7.12 6.975C7.04 6.865 7 6.745 7 6.615C7 6.435 7.06 6.29 7.18 6.18C7.31 6.06 7.455 6 7.615 6ZM7.615 13.875C7.485 13.875 7.355 13.825 7.225 13.725C7.095 13.625 7.03 13.495 7.03 13.335C7.03 13.205 7.08 13.08 7.18 12.96L9.64 9.855L10.27 10.845L8.095 13.635C7.975 13.795 7.815 13.875 7.615 13.875ZM12.835 6C13.005 6 13.14 6.055 13.24 6.165C13.35 6.275 13.405 6.4 13.405 6.54C13.405 6.6 13.39 6.665 13.36 6.735C13.34 6.805 13.305 6.87 13.255 6.93L10.81 10.065L10.18 9.15L12.34 6.27C12.48 6.09 12.645 6 12.835 6Z' fill='%23727272'/%3E%3Crect x='0.5' y='0.5' width='19' height='19' fill='%23B9D7D3' fill-opacity='0.32' stroke='%230E3960' stroke-dasharray='5 8'/%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 #D7372F;
    border-radius: 15px; 
    padding: 22px 15px;
    margin-top: 17px;
    padding-left: 47px;
    position: relative;
    background: #F0F0F0;
    color: #727272;
    font-size: 12px;
    font-weight: 600;
    font-style: normal;
    cursor: poNunito Sans;
}
form .custom-file-label:before,
form #mfcf7_zl_add_file: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='%23D7372F' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    position: absolute;
    left: 20px;
}
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 #D7372F;
    background-color: #D7372F;
    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;
}
.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: #727272;
    font-size: 13px;
    font-style: italic;
}
form p a{
    color: #D7372F;
}
form p a:hover{ 
    text-decoration: underline;
    color: #D7372F;
}
.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 */
/* ================================================ */
  






/* ================================================ */
/* Blog */
/* ================================================ */

.post_home a .image{
    width: 100%;
    aspect-ratio: 3/2;
    border-radius: 100px 0;
    position: relative;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.post_home a .image .date{
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #FEFEF1;
    color: #43437E;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    font-size: 24px;
    width: 100px;
    height: 100px;
    text-transform: uppercase;
    line-height: 25px;
}

.post_home a .image .read{
    position: relative;
    color: #FFFF;
    opacity: 0;
    font-size: 24px;
}

.post_home a .image .read:before{
    content: '';
    width: 100%;
    height: 1px;
    background-color: #FFFFFF;
    bottom: 0;
    left: 0;
    position: absolute;
}

.post_home a .image .read:after{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M13.8229 13.8231H25.2064M25.2064 13.8231V25.2067M25.2064 13.8231L13.8229 25.2067' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    position: absolute;
    right: -40px;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
}

.post_home  h3.title, .post_home  h3.title a{
    color: #43437E;
    font-size: 24px;
    font-weight: 400;
}
.post_home a:hover .image .read{
    opacity: 1;
    transition: .3s;
}
.post_home a:hover .image:before{
    border-radius: 100px 0px;
    background: linear-gradient(180deg, rgba(134, 134, 168, 0.80) 0%, rgba(67, 67, 126, 0.80) 100%);
}
.post_home a:hover .image .date{
    display: none;
    transition: .3s;
}

.post_home a.btn.link{
    background-color: #FFFFFF;
    color: #43437E;
    border: 1px solid #43437E;
}
.post_home a.btn.link:hover{
    color: #FFFFFF;
    background-color: #43437E;
    border: 1px solid #43437E;
}

.post_home a.btn.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.1511 11.1511H20.3343M20.3343 11.1511V20.3343M20.3343 11.1511L11.1511 20.3343' stroke='%2343437E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.post_home a.btn.link:hover: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.1511 11.1511H20.3343M20.3343 11.1511V20.3343M20.3343 11.1511L11.1511 20.3343' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.post_home p.event_date{
    color: #D7372F;
    display: flex;
    align-items: flex-start;
}
.post_home p.event_date svg{
    margin-right: 6px;
    margin-top: 4px;
}
.blog .all_news{
    font-weight: 700;
    color: #1A4568;
    margin-right: 40px;
    position: relative;
}

.blog .all_news:after{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M13.8229 13.8231H25.2064M25.2064 13.8231V25.2067M25.2064 13.8231L13.8229 25.2067' stroke='%23A0BCD0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    position: absolute;
    right: -40px;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
}
.blog .all_news:before{
    content: '';
    width: 0;
    height: 1px;
    background-color: #1A4568;
    bottom: 0;
    left: 0;
    position: absolute;
}
.blog .all_news:hover:before{
    width: 100%;
    transition: .3s;
}

.blog ul.catgeories_navigation{
    margin-bottom: 0;
    padding: 2rem 0;
}

.blog ul.catgeories_navigation li:not(:last-child){
    margin-right: 25px;
}
.blog ul.catgeories_navigation li a{
    text-transform: uppercase;    
    color: #8686A8;
    font-weight: 400;
}
.blog ul.catgeories_navigation li.active a{  
    color: #43437E;
    font-weight: 700;
}

.blog .image{
    width: 100%;
    aspect-ratio: 1;
    border-radius: 50px;
    position: relative;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
} 
.blog .image img{
    border-radius: 50px;
    position: absolute;
    bottom: -1px;
    left: -1px;
    border: 2px solid #FFFFFF;
}
.blog h2.title, .blog h2.title *{
    font-size: 16px;
    color: #575757;
    font-weight: 600;
}

.blog .brochure{ 
    border-radius: 200px 0;
    padding: 100px 60px;
    padding-bottom: 10rem;
    margin-bottom: 7.5rem;
}
.blog .brochure:before{
    border-radius: 200px 0px;
    background: rgba(26, 69, 104, 0.80);
}

.blog .brochure *{
    color: #FFF;
}

.blog .brochure img{
    bottom: -4rem;
}

.blog .newsletter_content{
    border-radius: 50px;
    border: 1px solid #C3C3D9;
    background: rgba(224, 224, 243, 0.30);
    padding: 3rem 2.5rem;
    margin-bottom: 4rem;
}
 

/* ================================================ */
/* End Blog */
/* ================================================ */


/* ================================================ */
/* Start Single post */
/* ================================================ */

.single-post .informations{
    margin-top: -130px;
    position: relative;
    z-index: 9;
}
.single-post .informations img{
    margin-top: -20px;
    width: 130px;
    height: 130px;
    border-radius: 50px;
    border: 2px solid #FFFFFF;
}
.single-post .addtoany_share_save_container{
    margin-top: 3rem;
    margin-bottom: 2rem;
}

.single-post .editor{
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    position: relative;
}
.single-post .editor:before{
    content: '';
    position: absolute;
    width: calc(100% - 24px);
    height: 100%;
    top: 0;
    left: 12px; 
    border-top: 1px solid #D2D2D2;
    border-bottom: 1px solid #D2D2D2; 
    z-index: -1;
}
.single-post .editor img{
    width: 130px;
    height: 130px;
    object-fit: cover;
    object-position: center;
    border-radius: 50px;
    margin-right: 2rem;
}
.single-post .editor .position{
    color: #A0BCD0; 
}
.single-post .editor .name,.single-post .editor .description{
    margin-top: 22px;
}

.single-post .related_posts{
    margin-top: 2rem;
    margin-bottom: 2rem; 
} 

.single-post .back_to_block{
    padding-top: 2rem;
    padding-bottom: 6rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    position: relative;
}
.single-post .back_to_block:before{
    content: '';
    position: absolute;
    width: calc(100% - 24px);
    height: 100%;
    top: 0;
    left: 12px; 
    border-top: 1px solid #D2D2D2;  
    z-index: -1;
}
.single-post .brochure{
    border-radius: 200px 0;
    padding: 3rem 6rem;
    display: flex;
    align-items: center;
}
.single-post .brochure > div{
    flex: 1;
}
.single-post .brochure:before{
    border-radius: 200px 0px;
    background: rgba(26, 69, 104, 0.80);
}
.single-post .brochure img{
    position: unset;
    width: 240px;
    height: auto;
}
.single-post .brochure * {
    color: #FFFFFF;
}
/* ================================================ */
/* End Single Post */
/* ================================================ */


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

 
.search-form {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    border-radius: 3px;
    overflow: hidden;
    width: 52px; /* Initially small, just to fit the button */
    transition: width 0.3s ease;
    margin-bottom: 0;
}
.search-form:hover input:focus, .search-form:hover input:hover, .search-form:hover input:active, .search-form:hover input:focus-visible{
    outline:none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.search-field {
    border: none;
    padding: 8px;
    width: 0; 
    transition: width 0.3s ease, opacity 0.3s ease;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    display: none;
    height: 52px;
    border-top-left-radius: 52px;
    border-bottom-left-radius: 52px;
    padding-left: 15px;
    padding-right: 5px;
    color: #1A4568;
}
.search-form input::placeholder{
    color: #8CACC3;
}

.search-submit {
    background-color: #0073aa;
    color: #fff;
    border: none;
    padding: 8px 12px;
    cursor: pointer;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

/* Hover and Focus effects */
.search-form:hover,
.search-form:focus-within {
    width: 100%; /* Expands the form on hover or when focused */
}

.search-form:hover .search-field,
.search-form:focus-within .search-field {
    width: 100%;
    display: block;
    border: 1px solid #0073aa; /* Adds a border to the input field */
    border-right: none; /* Aligns with the button */
}

.search-submit{
    background-color: #1A4568;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    border: none;
    display: flex;
    align-items: center;
    justify-items: center;
} 

.search-form:hover .search-submit,
.search-form:focus-within .search-submit {
    border-top-left-radius: 0; /* Removes top-left border-radius */
    border-bottom-left-radius: 0; /* Removes bottom-left border-radius */
    border-top-right-radius: 52px; /* Keeps top-right border-radius */
    border-bottom-right-radius: 52px; /* Keeps bottom-right border-radius */
}




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

.tow_columns{
    padding: 6rem 0;
}

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

.text_with_counter{
    padding: 6rem 0;
}
.text_with_counter .content *{
    color: #43437E;
}

.text_with_counter .content h3{
    font-weight: 600;
    font-size: 35px;
}

.text_with_image{
    padding: 6rem 0; 
    background-color: #FEFEF1;
    position: relative;
    z-index: 0;
}
.text_with_image:before, .text_with_image:after{
    content: '';
    width: 100%;
    height: 122px;
    background-color: #FFFFFF;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.text_with_image:after{
    top: unset;
    bottom: 0;
}
.text_with_image.no-after:after,
.text_with_image.no-before:before{
    display: none;
}
.text_with_image .image{
    width: 100%;
    height: 300px;
    border-radius: 0 200px;
    object-fit: cover;
    object-position: center;
    transform: translateY(-30px);
    margin-bottom: -10px;
}
.text_with_image ul{
    list-style: none;
    padding-left: 0;
}
.text_with_image ul li{
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}
.text_with_image ul li strong{
    max-width: 164px;
    min-width: 164px;
}
.text_with_image p a:not(.btn){
    color: #43437E;
    text-decoration: underline;
}
.text_with_image p a:not(.btn):hover{
    color: #D7372F; 
}


.text_with_counter .image-wrapper {
    height: 100%;
    border-radius: 0 200px;
    overflow: hidden;
  }
  
  .text_with_counter  .image-wrapper img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover; /* important */
  }

 .newsletter{
    margin-top: 4rem;
 }
.newsletter:before{
    background: rgba(67, 67, 126, 0.60);
}

.newsletter .circle_top{
    background-color: #FFFFFF;
    width: 100%;
    height: 86px;
    margin-bottom: 6rem;
    clip-path: ellipse(50% 100% at 50% 0%);
}
.newsletter .circle_bottom{
    background-color: #FFFFFF;
    width: 100%;
    height: 80px;
    border-top-left-radius: 1000px;
    border-top-right-radius: 1000px;
    margin-top: 6rem;
}

.newsletter h2, .newsletter p{
    color: #FFFFFF;
}


.newsletter_form form{
    width: 340px;
    margin: auto;
}

.newsletter_form form p{
    color: #B0B0B0;
}
.newsletter_form form p a{
    color: #FFFFFF;
}
.newsletter_form form p, .newsletter_form form label{
    margin-bottom: 0;
    position: relative;
}
.newsletter_form form .wpcf7-acceptance label{
    padding-left: 0;
    display: flex;
    flex-direction: unset;
    align-items: flex-start;
}
.newsletter_form form .wpcf7-acceptance label span{
    padding-left: 10px;
    margin-top: -4px;
    text-align: left;
}
.newsletter_form form .wpcf7-spinner{
    position: absolute;
}
.newsletter_form form p label .wpcf7-form-control-wrap{
    padding-top: 0;
}
.newsletter_form .form-control{
    height: 50px;
    border: 1px solid #C3C3D9;
    border-radius: 67px;
    background: #C3C3D9;
    padding: 0 52px 0 20px;
}
.newsletter_form .form-control::placeholder{
    font-size: 16px;
} 
.newsletter_form input[type=submit]{
    display: none;
}
.newsletter_form button.submit_btn{
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0px;
    right: 0px;
    background: #43437E;
    border-radius: 50%;
    border: unset;
    cursor: pointer;
}
.newsletter_form button.submit_btn:hover{
    background: #D7372F
}
.newsletter_form button.submit_btn:after{
    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='M3.63097 2.12208C2.73747 1.67558 1.74847 2.52808 2.05797 3.47758L4.06497 9.63008C4.12174 9.80389 4.22507 9.95882 4.36374 10.078C4.50241 10.1972 4.6711 10.2761 4.85147 10.3061L12.7815 11.6276C13.199 11.6976 13.199 12.2976 12.7815 12.3676L4.85197 13.6891C4.6716 13.7191 4.50291 13.798 4.36424 13.9172C4.22557 14.0363 4.12224 14.1913 4.06547 14.3651L2.05797 20.5211C1.74797 21.4711 2.73747 22.3236 3.63097 21.8771L21.378 13.0061C22.2075 12.5911 22.2075 11.4076 21.378 10.9931L3.63097 2.12208Z' fill='%23FEFEF1'/%3E%3C/svg%3E");
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
} 
.newsletter .wpcf7 form.sent .wpcf7-response-output{
    color: #FFFF;
    line-height: 16px;
}

 
footer h3{
    font-size: 30px;
    color: #43437E;
    font-weight: 500;
    margin-bottom: 20px; 
}
footer .address{
    white-space: break-spaces;
}
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: #D7372F; 
    transition: .3s;
}

footer a.brand img{ 
     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: #D7372F;
}

footer .social_media a .fill{
    fill: #727272;
}
footer .social_media a:hover .fill{
    fill: #D7372F;
}
.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;
    right: 24px;
    bottom: 50px;
    display: block;
    z-index: 999;
    width: 60px;
    height: 60px;
}


.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;
}



.steps ul{
    counter-reset: my-counter;
}
.steps ul li{
    padding-left: 90px;
    position: relative;
    counter-increment: my-counter;
    padding-bottom: 2rem;
    z-index: 0;
}

.steps ul li:before{
    content: counter(my-counter);
    width: 60px;
    height: 60px;
    background-color: #43437E;
    color: #FFF;
    border-radius: 50%;
    position: absolute;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    font-weight: 600;
}

.steps ul li:not(:last-child):after{
    content: '';
    width: 2px;
    height: calc(100% - 100px);
    border-left: 4px dashed #43437E;
    position: absolute;
    left: 29px;
    margin: auto;
    top: 80px;
    z-index: -1;
}

.steps ul li h4{
    color: #43437E;
    padding-top: 15px;
}
.steps ul li p{
    white-space: break-spaces;
}



.structure{
    padding: 2rem 0;
}

.structure .picture{
    width: 100%;
    max-width: 250px;
    aspect-ratio: 1;
    object-position: top;
    object-fit: cover;
    margin-bottom: 1rem;
    border-radius: 50%;
}

.structure .no-picture{
    border-radius: 200px;
    border: 1px solid rgba(67, 67, 126, 0.60);
    background: #FFF;
    padding: 15px;
}
.structure a{
    color: #43437E;
    text-decoration: underline;
    font-weight: 600;
}
.structure a:hover{
    color: #D7372F;
}

.members .image{
    width: 100%;
    aspect-ratio: 1;
    object-position: top;
    object-fit: cover;
    border: 1px solid #8686A8;
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
    padding: 20px;
}

.members a.btn{
    margin-top: 1rem;
}



.simple_text.with_background *{ 
    color: #FFFF;
}

.simple_text.with_background:before{
    background: rgba(67, 67, 126, 0.60);
}

.icons .icon{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.icons .icon .picto{
    width: 100%;
    max-width: 200px;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icons .icon .picto img{
    max-height: 170px;
    max-width: 170px;
}
.icons .icon .description{
    padding: 0 1rem;
}

.projects ul li.project{
    display: flex;
    align-items: flex-start;
    width: 100%;
}

.projects ul li.project .project_image{
    width: 200px;
    height: 200px;
    object-fit: contain;
    object-position: center;
    margin-right: 4rem;
}

.projects li{
    position: relative;
    padding-left: 4.5rem;
}
.projects .title:not(.title_1) h3{
    padding-top: 3rem ;
    position: relative;
    margin-bottom: 0;
} 
.projects .title:not(.title_1) h3:after{
    content: '';
    width: 100%;
    height: 1px;
    border-top: 5px dashed #C3C3D9;
    position: absolute;
    top: 0;
    left: 0;
}


.projects li:not(.title_1):before{
    content: '';
    width: 10px;
    background-color: #C3C3D9;
    height: 100%;
    position: absolute;
    left: 0;
}
.projects li:nth-child(2)::before{
    bottom: 0;
    height: calc(100% - 100px);
}
.projects li:last-child::before{
    top: 0;
    height: calc(100% - 100px);
}
.blog-item .blog-image{
    width: 100%;
    min-width: 100%;
}
.projects li:not(.title):after{
    content: '';
    width: 45px;
    height: 45px;
    left: -17px;
    top: 75px;
    position: absolute;
    border-radius: 50%;
    background-color: #C3C3D9;
}
.projects li.ongoing:before,
.projects li.ongoing:after{
    background-color: #43437E;
}

.projects li.ongoing.past{
    padding-bottom: 3rem;
}

.projects li.title h3{
    font-weight: 700;
}


.back_to_block a .fill,
.blog .newsletter_content .social_media a .fill{
    fill: #43437E;
}
.back_to_block a:hover .fill,
.blog .newsletter_content .social_media a:hover .fill{
    fill: #D7372F;
}

.back_to_block h4{
    color: #43437E;
    font-weight: 600;
}




.search-container {
    position: relative;
}

.search-box {
    display: flex;
    align-items: center;
    position: relative;
    margin-right: 35px;
}
 
/* Input caché au départ */
.search-input {
    width: 0; 
    opacity: 0;
    padding: 5px 43px 5px 15;
    border: 1px solid #ccc;
    transition: all 0.3s ease;
    height: 38px;
    border-radius: 30px;
    background-color: #C3C3D9;
    border: unset;
}

/* Bouton loupe */
.search-btn {
    background: none;
    border: none;
    font-size: 18px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 5px;
    height: 38px;
}

/* Hover → afficher input */
.search-box:hover .search-input {
    width: 230px;
    opacity: 1;
}

.search-input.active {
    width: 230px;
    opacity: 1;
}




.pagination, .page-numbers{
    color: #43437E;
    padding: 2px 6px;
}

.pagination .page-numbers.current{
    color: #D7372F;
    text-decoration: underline;
}

.wp-block-image{
    clear: both;
    padding: 10px 0;
}

.wp-block-table td, .wp-block-table th{
    border: 0;
}

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





@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: 16px;
    }
  .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;
    }

    .services_content {
        grid-template-columns: repeat(1, 1fr);
    }
    .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: #D7372F;
        text-transform: unset;
        color: #FFF;
        display: flex;
        align-items: center;
        justify-content: center;
        position: fixed;
        bottom: 48px;
        left: 0;
        z-index: 999;
        width: 100%;
        text-align: center;
        padding: 7px 0;
        font-size: 37px;
        font-weight: 400;
        animation: pulse-blue 2s infinite;
    }

    .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% {
          transform: scale(0.95);
          box-shadow: 0 0 0 0 rgba(214, 4, 0, 0.7);
        }
        
        70% {
          transform: scale(1);
          box-shadow: 0 0 0 10px rgba(255, 96, 0, 0);
        }
        
        100% {
          transform: scale(0.95);
          box-shadow: 0 0 0 0 rgba(52, 172, 224, 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 .form_content{
        padding: 2rem 2rem;
        border-radius: 72px 0;
        margin-top: 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{
        display: flex; 
        padding-top: 136px;
        padding-bottom: 30px;
        min-height: 290px;
    }
    

    .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;
    }

    header a.btn{
        background-color: unset;
        padding: 0 15px;
    }

    .search-input {
        width: 100%;
        opacity: 1;
    }
    .search-box{
        margin-right: 0;
    }

    .contact .title_content{
        padding-right: 0;
    }


    .text_with_image:before, .text_with_image:after{
        height: 100px;
    }
    .text_with_image .image{
        margin-top: 40px;
        border-radius: 0 100px;
    }
    .post_home{
        margin-bottom: 2rem;
    }
    .icons .icon .picto{
        max-width: 50%;
    }
    
    .icons .icon .picto img{
        max-height: 80px;
        max-width: 80px;
    }
    .steps ul li:before{
        width: 45px;
        height: 45px;
        font-size: 22px;
    }
    .steps ul li{
        padding-left: 65px;
    }
    .steps ul li h4{
        padding-top: 9px;
    }
    button.btn, a.btn{
        min-width: unset;
    }
    .structure .no-picture{
        border-radius: 25px;
        height: 100%;
    }
    .projects ul li.project{
        flex-direction: column;
    }
    .projects li{
        padding-left: 2rem;
    }
    .projects ul li.project .project_image{
        margin-right: 0;
    }
    .projects li:not(.title):after {
        width: 30px;
        height: 30px;
        left: -10px;
        top: 82px;
    }
    .projects li.ongoing.past {
        padding-bottom: 1rem;
    }
    .projects .title:not(.title_1) h3 {
        padding-top: 2rem;
    }
    .projects li:last-child::before {
        height: 100%
    }

    #slideCarousel .carousel-inner .carousel-item:before{
        background: linear-gradient(90deg, #43437E 0%, rgba(67, 67, 126, 0.00) 100%);
    }

 


}

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

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

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