/*
Theme Name: The pod
Theme URI: 
Description: The pod
Author: devcom
Author URI: https://thepod.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: Thepod
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&display=swap');

@font-face {
    font-family: 'OwnersTRIALXXWide';
    src: url('assets/fonts/OwnersTRIAL/OwnersTRIALXXWide-Black.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
}


@font-face {
    font-family: 'OwnersTRIALXWide';
    src: url('assets/fonts/OwnersTRIAL/OwnersTRIALXWide-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'OwnersTRIALXWide';
    src: url('assets/fonts/OwnersTRIAL/OwnersTRIALXWide-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}
 
@font-face {
    font-family: 'OwnersTRIALXWide';
    src: url('assets/fonts/OwnersTRIAL/OwnersTRIALXWide-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'OwnersTRIALXWide';
    src: url('assets/fonts/OwnersTRIAL/OwnersTRIALXWide-Black.otf') format('opentype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'OwnersTRIALWide';
    src: url('assets/fonts/OwnersTRIAL/OwnersTRIALWide-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}


.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: 'Inter', sans-serif;
    font-weight: 400;
    color: #000000; 
    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: 500; 
    color: #000; 
    margin-bottom: 0px;
    line-height: 32px;
    font-family: "OwnersTRIALXWide";

}
h2{
    font-size: 35px;
    font-weight: 600; 
    margin-bottom: 0px;
    font-family: "OwnersTRIALXWide";
    font-weight: 500; 
    line-height: 32px;
}
h3{
    font-size: 24px; 
}
h4{
    font-size: 24px; 
}
h5{
    font-size: 45px;  
    margin-bottom: 5px; 
}
h6{  
    font-weight: 400;
    font-style: normal;
    line-height: 1.3;  
    font-size: 70px;
    margin: 2rem 0; 
} 

strong, b{
    color: #000;
} 


a{
    text-decoration: none; 
    color: #727272
}
a:hover{
    text-decoration: none;
    color: #727272;
}
button.btn,
a.btn{
    background-color: #0055FF;
    color: #ffffff;  
    padding: 15px 27px; 
    border-radius: 100px;
    font-size: 18px;
    font-weight: 600;
    min-width: 180px; 
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center; 
    transition: .3s;
} 
button.btn:hover,
a.btn:hover{
    background-color: #DAFE00;
    transition: .3s;
    color: #000000;
} 

a.secondary{
    background-color: #DAFE00;
}
a.secondary:hover{
    background-color: #0055FF;
}
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: #0055FF;
}
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 #0055FF;
    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 {
    position: fixed;
    transform: translateY(0px); 
    background-color: #000000 !important;
}

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

header .brand img{
    width: 150px;
    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: #FFFFFF;
    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;
    font-family: 'OwnersTRIALWide';
    letter-spacing: 2px;
} 
header .navbar .navbar-nav .nav-item .nav-link:before{
    content: '';
    width: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 5px; 
    background-color: #0055FF;
    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: #DAFE00;
}
header .navbar .navbar-nav .nav-item.btn .nav-link{
    background-color: #0055FF;
    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: #0055FF;
}
.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='%230055FF'/%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:#DAFE00;
    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;
}


header a.btn{
    background-color: #0055FF;
    padding: 15px 44px;
    min-width: unset;
    position: relative;
}
header a.btn .circle{ 
    width: 20px;
    aspect-ratio: 1;
    position: absolute;
    top: -6px;
    right: -2px;
    background-color: #DAFE00;
    border-radius: 50%;
}
header a.btn .circle:after{
    content: '';
    width: 20px;
    aspect-ratio: 1;
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #DAFE00;
    border-radius: 50%;
    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}
header a.btn:hover{
    color: #000;
    background-color: #DAFE00;
}

.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, #DAFE00 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;
}

.titre_special {
    font-family: 'OwnersTRIALXWide';
    font-size: 5rem;
    font-weight: 500;
    font-size: 35px !important;
    transform: rotate(-4deg);
    line-height: 32px;
    color: #000000 !important;
}

.slide_carousel .content h1{
    font-family: 'OwnersTRIALXWide';
    font-size: 5rem;
    font-weight: 500;
    font-size: 60px !important; 
    line-height: 50px !important;
}
.slide_carousel .content h1 strong{
    font-family: 'OwnersTRIALXWide';
    font-size: 5rem;
    font-weight: 800;
    font-size: 60px !important; 
    line-height: 50px !important;
}

.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: #DAFE00;
    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;
}

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

.slide_carousel .social_media .fill{
    fill: #DAFE00;
}

.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: rgba(67, 67, 126, 0.3);
    z-index: 4;
    position: absolute;
    top: 0;
    left: 0;
}
.slide_carousel svg{
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: auto;
}
.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);
}


.logos{
    padding: 2rem 0;
}

.logos .logosCarousel{
    display: flex;
} 

.logos .slick-slide > div{ 
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 20px;
}

.logos .slick-slide > div img{
    max-height: 90px;
    width: auto;
}

.texte_avec_counter{
    background-color: #0055FF;
}

.texte_avec_counter *{
    color: #FFFFFF;
}
.texte_avec_counter a.btn{
    color: #000000;
    background-color: #DAFE00;
}
.texte_avec_counter a.btn:hover{
    color: #000000;
    background-color: #FFFFFF;
}

.texte_avec_counter .image{
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background-position: center;
    background-size: cover;
    z-index: 0;
}

.texte_avec_counter .counter .content:first-child *{
    color: #000000;
}

.texte_avec_counter .counter .content h3{
    font-family: 'OwnersTRIALXWide';
    font-weight: 700;
    text-transform: uppercase;
    font-size: 42px;
}
.texte_avec_counter .counter .content p{
    font-family: 'OwnersTRIALWide';
    font-weight: 400;
    text-transform: uppercase;
    font-size: 20px;
}

.scrolled_text{
    background-color: #FFFFFF;
    overflow-x: hidden;
}
.scrolled_text .texte_content{
    display: flex;
    align-items: center;
    max-width: 100%;
    overflow-x: hidden;
    height: 115px;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}
.scrolled_text .texte_content p{
    font-size: 40px;
    font-weight: 800;
    margin-bottom: 0;
    padding-right: 65px;
    position: relative;
    white-space: nowrap;
    display: flex !important;
    align-items: center;
    height: 100%;
    font-family: "OwnersTRIALXWide";
}

.services{
    padding: 4rem 0;
}

.services .image{
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}


.faq{
    padding: 3rem 0;
}

.faq .accordion .accordion-button{ 
    padding: 12px 20px;
    font-size: 24px;
    font-weight: 400;
    color: rgba(0, 0, 0, .5);
}
.faq .accordion .accordion-item{ 
    border: unset;
    margin-bottom: 10px;
}
.faq .accordion .accordion-button:not(.collapsed), .faq .accordion .accordion-button:focus{  
    color: #000;
    background: white;
    box-shadow: unset;
    outline: unset;
}
.faq .accordion .accordion-body{ 
    padding: 0px 20px;
    padding-top: 0;
}
 
.faq .accordion  .accordion-button::after {
    display: none;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 9L12 15L6 9' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}


.blocs .content{
    padding: 3rem;
    height: 100%;
    position: relative;
    cursor: pointer;
}

.blocs .content h3{
    font-family: 'OwnersTRIALXWide';
    font-weight: 400;
    font-size: 32px;
    padding-right: 80px;
}
.blocs .content .hover{
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    padding: 3.5rem;
    background: #DAFE00;
    height: 100%;
    width: 100%;
    z-index: -1;
    transition: .3s;
}
.blocs .content .hover img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.blocs .content:hover .hover{
    opacity: 1;
    z-index: 0;
    transition: .3s;
}
.comment_ca_marche:not(.trait){
    padding-top: 3rem;
}
.comment_ca_marche.trait{
    padding-bottom: 5rem;
}
.comment_ca_marche .circle{
    width: 65px;
    aspect-ratio: 1;
    border-radius: 50%;
    background-color: #000000;
    color: #FFFFFF;
    font-family: 'OwnersTRIALXWide';
    font-weight: 400;
    font-size: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 3.5rem;
}
.comment_ca_marche h4{
    font-family: 'OwnersTRIALXWide';
    font-weight: 400;
    font-size: 32px;
}

.comment_ca_marche.trait:before{
    content: '';
    width: 100%;
    height: 1px;
    background-color: #000000;
    position: absolute;
    top: 32px;
    left: 0;
    z-index: -1;
}

.counter_bloc{
    padding: 3rem 0;
}
.counter_bloc .counter h3{
    color: #000;
    font-family: "OwnersTRIALXWide";
    font-weight: 700;
    font-size: 48px;
}
.counter_bloc .counter p{
    font-family: "OwnersTRIALWide";
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.temoignages{
    background-image: url("data:image/svg+xml,%3Csvg width='133' height='118' viewBox='0 0 133 118' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='58.5' x2='133' y2='58.5' stroke='black'/%3E%3Cline x1='67.5' y1='-2.18557e-08' x2='67.5' y2='118' stroke='black'/%3E%3C/svg%3E%0A");
    position: relative;
    z-index: 0;
    padding: 4rem 0;
}

.temoignages:not(.dark):before{
    content: '';
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) 8.04%, #FFF 100%);
    width: 100%;
    height: 100%;
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
}

.temoignages .photo{
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    object-position: center;
} 

.temoignages .logo_inner{
    background-color: white;
    padding: 5px;
    border-radius: 50%;
    width: 115px;
    height: 115px;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.temoignages .logo_inner .logo{
    max-width: 75px;
    max-height: 75px;
}
.temoignages h4, .temoignages h5{
    font-weight: 400;
    font-size: 24px;
}

.temoignages h5{
    text-transform: uppercase;
}
.temoignages p.titre_special{
    color: #05F !important;
    font-size: 25px !important;
}

.temoignages .content{
    background-color: #FFFFFF;
    height: 100%;
    padding-left: 4rem;
}

.temoignages.dark{
    background-color: #000000;
}
.temoignages.dark *{
    color: #FFFFFF;
}

.temoignages.dark .dark_temoignages_slick * {
    color: #000000;
}

.dark_temoignages_slick .slick-slide {
    margin: 0 20px;
}

.dark_temoignages_slick  .slick-list {
    margin: 0 -20px;
}

.temoignages.dark .content{
    padding: 45px 45px;
}

.temoignages.dark h5{
    font-size: 20px;
}
.temoignages.dark .dark_temoignages_slick .slick-center .content{
    background-color: #DAFE00;
}



.strategie{
    background-color: #0055FF;
    padding: 4.5rem 0;
}
.strategie *{color: #FFFFFF }

.strategie .image_inner{
    max-width: 70%;
    margin: auto;
    margin-top: 1rem;
    margin-bottom: 2rem;
}


.strategie .row .content{
    background-color: #FDFFE0;
    padding: 1rem;
}
.strategie .row .content *{
    color: #000000;
}
.strategie .row .content .name{ 
    font-family: "OwnersTRIALXWide";
    font-weight: 400;
    font-size: 20px;
}
.strategie .row .content .fonction{
    text-transform: uppercase;
    font-family: "OwnersTRIALWide";
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 2px;
}


.strategie .row .content.dark{
    background-color: #000000;
}
.strategie .row .content.dark *{
    color: #FFFFFF;
}
.strategie .row .content.dark .signature .fill{
    fill: #FFFFFF;
}


.texte{
    position: relative;
    z-index: 0;
    padding-top: 2rem;
    padding-bottom: 3rem;
}
.texte.width_background{
    background-image: url("data:image/svg+xml,%3Csvg width='133' height='118' viewBox='0 0 133 118' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='58.5' x2='133' y2='58.5' stroke='black'/%3E%3Cline x1='67.5' y1='-2.18557e-08' x2='67.5' y2='118' stroke='black'/%3E%3C/svg%3E%0A");
}
.texte.width_background:before{
    content: '';
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) 8.04%, #FFF 100%);
    width: 100%;
    height: 100%;
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
}
.texte.dark{
    background-color: #000000;
}
.texte.dark *{
    color: #FFFFFF;
}
.texte.dark{
    padding-bottom: 16rem;
}
.texte.dark svg{
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: auto;
}

.realisation{
    padding: 4rem 0;
}
.realisation .slick-slide {
    margin: 0 15px;
}

.realisation  .slick-list {
    margin: 0 -15px;
}

.realisation .galleryCarousel img{
    max-width: 300px;
    aspect-ratio: 2/3;
    object-fit: cover;
    object-position: center;
}


.texte_en_colonnes{
    padding: 4rem 0;
}

.video_inner .video video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.video_inner *{
    color: #FFFFFF;
}

.video_inner {
    background-color: #000000;
    padding: 3rem 0 15rem 0;
}
.video_inner svg{
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: auto;
}

.footer_arc{
    margin-bottom: -1px;
    width: 100%;
    height: auto;
}
footer{
    background-color: #000000;
    padding-top: 5rem;
    position: relative;
}

footer .logo{
    width: 200px;
}
footer *{
    color: #FDFFE0;
}
footer p.address{
    white-space: break-spaces;
}
footer a:hover{
    text-decoration: underline;
    color: #FFFFFF ;
}

footer.white{
    background-color: white;
}
footer.white *{
    color: #000000;
}
footer.white a:hover{
    text-decoration: underline;
    color: #0055FF ;
}

footer.white .copyright .fill{
    fill: black;
}

canvas{
    margin: auto !important;
}

@keyframes ping {
    75%, 100% {
      transform: scale(2);
      opacity: 0;
    }
  }

@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: #FFFFFF;
    }
    header{
        background-color: unset;
    }

    .texte_avec_counter .image{
        display: none;
    }
    .texte_avec_counter .counter .content h3{
        font-size: 30px;
        font-weight: 500;
    }

    .texte_avec_counter .counter .content:first-child *{
        color: #FFFFFF;
    }

    .titre_special {
        font-size: 38px !important;
    }

    .slide_carousel .content h1{
        font-size: 24px !important; 
        line-height: 24px !important;
    }
    .scrolled_text .texte_content p{
        font-weight: 700;
        font-size: 30px;
    }
    .scrolled_text .texte_content{
        height: 88px;
    }
    .blocs .content{
        padding: 2rem;
    }

    .comment_ca_marche.trait:before{
        display: none;
    }
    .comment_ca_marche .circle{
        margin-bottom: 1.5rem;
    }
    .comment_ca_marche.trait {
        padding-bottom: 0;
    }

    .temoignages{
        padding: 2rem 0;
    }
    .temoignages .content{
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .counter_bloc .counter h3 {
        font-size: 35px;
    }
    h1, h2{
        font-size: 38px;
    }

    header a.btn{
        padding: 5px 20px;
        font-size: 14px;
        font-weight: 400;
    }
    header a.btn:after {
        width: 13px;
        top: -2px;
        right: -2px;
    }

    .navbar .navbar-nav .nav-link{
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .navbar{
        padding-top: 32px;
    }
    .temoignages.dark .content {
        padding: 22px 21px;
    }

    .dark_temoignages_slick .slick-slide {
        margin: 0 10px;
    }
    
    .dark_temoignages_slick  .slick-list {
        margin: 0 -10px;
    }
    .comment_ca_marche h4{
        font-size: 27px;
        padding-right: 52px;
    }
 
    

}

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

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

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