/*
Theme Name: Centre dentaire de bara
Theme URI: 
Description: Centre dentaire de bara
Author: DEVCOM
Author URI: https://Centre dentaire de bara.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: Centre dentaire de bara
*/


@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Seaweed+Script&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: 'Poppins', sans-serif;
    font-weight: 400;
    color: #887575; 
    margin: 0;
    padding: 0; 
    background-color: rgba(210, 239, 241, .25);
}

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

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

b, strong{
    font-weight: 600;
} 

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

}
h2{
    font-size: 35px;
    font-weight: 600; 
    color: #000000;
    margin-bottom: 20px;
}
h3{
    font-size: 24px; 
    color: #000000;
}
h4{
    font-size: 24px; 
    color: #000000;
}
h5{
    color: #000000;
    font-size: 20px;  
    margin-bottom: 5px;
}
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{ 
    color: #ffffff;  
    padding: 12px 23px; 
    border-radius: 25px;
    background: linear-gradient(90deg, #E62024 0%, #6B3434 100%);
    font-size: 18px;
    font-weight: 400;
    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{ 
    font-size: 18px;
    font-weight: 400;
    padding: 12px 25px;
    display: inline-flex;
    transition: .3s; 
    align-items: center;
    border-radius: 25px;
    border: 2px solid #000;
    margin-right: 5px;
}
a.telephone:hover{
    color: #D7372F;
}
a.telephone svg{
    margin-right: 15px;
}

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

  .top_header{
    background-color: #E62024;
}
.top_header a{
    color: #FFFFFF;
}

.top_header a:hover{
    color: #FFFFFF;
    text-decoration: underline;
}
 
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: #000000;
}

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

header #menu-top-header{
    margin-bottom: 0;
    list-style: none;
    display: flex;
}
header #menu-top-header li:not(:last-child){
    margin-right: 15px;
}
  
.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: #000000;
    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;
    border-bottom: 4px solid white;
    border-top: 4px solid white;
} 
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;
    border-bottom: 4px solid #E62024;
}
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;
}

a.rdv{
    padding-left: 25px;
    padding-right: 25px;
}

a.rdv svg{
    margin-right: 15px;
}
a.rdv svg .fill{
    fill: white;
}



.tow_columns,
.services,
.valeurs,
.call_to_action{
    padding: 3rem 0;
}
.services.with_image,
.valeurs{
    padding: 8rem 0;
    margin: 3rem 0;
}

.valeurs .picto,
.services .picto{
    border-radius: 25px;
    background: #F9C1C0;
    display: inline-flex;
    width: 75px;
    height: 75px;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
    transition: .3s;
}

.services .bg-white{
    padding: 2rem;
    border-radius: 25px;
    border: 1px solid #C5D2E7;
    background: #FFF;
    box-shadow: 3px 4px 46.8px 15px rgba(118, 169, 174, 0.10);
}

.valeurs .picto,
.services .bg-white:hover .picto{
    background: #E62024;
    transition: .3s;
}


.valeurs h4, .services h4{
    font-size: 22px;
    font-weight: 700;
}

.valeurs .bg-white{
    border-radius: 25px;
    background: #FFF;
    box-shadow: 3px 4px 46.8px 15px rgba(118, 169, 174, 0.40);
    padding: 4rem 3rem;
}


.call_to_action .content_inner{
    border-radius: 25px;
    background: linear-gradient(90deg, #E62024 1.95%, #801214 100%);
    box-shadow: 3px 4px 46.8px 15px rgba(118, 169, 174, 0.40);
}

.call_to_action .image{
    width: 100%;
    height: 100%;
    border-radius: 25px;
    object-fit: cover;
    object-position: center;
}
.call_to_action .content{
   padding: 2rem 5rem 2rem 3rem;
}
.call_to_action .content *{
   color: #FFFFFF;
}
.praticiens a.rdv,
.call_to_action a.rdv{
    border: 1px solid #C5D2E7;
    background: #FFFFFF;
    color: #333333;
}
.praticiens a.rdv .fill,
.call_to_action a.rdv .fill{
    fill: #333333;
}

footer{
    background-color: #FFFFFF;
    padding: 2rem 0;
}

footer iframe{
    width: 100%;
    height: 100%;
}

footer .informations p{
    white-space: break-spaces;
    position: relative;
    padding-left: 30px;
    margin-bottom: 11px;
}
footer .informations p svg{
    position: absolute;
    left: 0;
}

.praticiens{
    padding-bottom: 5rem ;
}

.praticiens ul.praticiens_list{
    display: grid;
    grid-template-columns: repeat(3, 1fr); 
    row-gap: 30px;
    column-gap: 30px;
}

.praticiens ul.praticiens_list li{
    text-align: center;
    padding: 2rem;
    ;border-radius: 25px;
    background: #FFF;
    box-shadow: 3px 4px 46.8px 15px rgba(118, 169, 174, 0.40);
    width: 100%;
}
.praticiens ul.praticiens_list li img{
    width: 140px;
    height: 140px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
    margin-bottom: 1.5rem;
    display: inline-block;
}
.praticiens ul.praticiens_list li .no_image{
    width: 140px;
    height: 140px;
    border-radius: 50%;
    margin-bottom: 1.5rem; 
    background: linear-gradient(180deg, #E62024 0%, #6B3434 100%);
    color: #FFFFFF;
    font-weight: 700;
    font-size: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.formulaire{
    margin: 4rem 0;
}

.formulaire .content{
    border-radius: 25px;
    background: #FFF;
    box-shadow: 3px 4px 46.8px 15px rgba(118, 169, 174, 0.40);
}

.formulaire .content img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 25px;
}

.formulaire .content .wysiwyg{
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    top: 0;
    left: 0;
    padding: 4rem 6rem;
}
.formulaire .content .wysiwyg *{
    color: #FFFFFF;
}

.formulaire form p{
    margin-bottom: 0;
}
.formulaire form .form-control{
    height: 40px;
    border: unset;
    border-bottom: 1px solid #000;
    border-radius: 0;
    background: white;
    padding: 5px;
    color: #000000;
}
.formulaire form textarea.form-control{
    height: 150px;
}
.formulaire form .form-control::placeholder{
    color: #887575;
}
.formulaire form .form-control:focus{
    outline: unset;
    box-shadow: unset;
    border-bottom: 1px solid #E62024;
}

.formulaire form input[type='submit']{
    color: #ffffff;  
    padding: 12px 23px; 
    border-radius: 25px;
    background: linear-gradient(90deg, #E62024 0%, #6B3434 100%);
    font-size: 18px;
    font-weight: 400;
    min-width: 200px; 
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center; 
    transition: .3s;
}
.formulaire .content h5{
    font-family: "Seaweed Script";
    font-size: 30px;
}

.horaires{
    padding: 3rem 0;
}
.horaires ul.list-inline {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 15px;
}

.horaires ul.list-inline li {
    display: flex;
    align-items: center;
    margin-bottom: 6px;
}

.horaires ul.list-inline .jour {
    min-width: 90px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    flex: 1; /* 👈 prend tout l'espace disponible */
}

/* Les tirets après le jour, avant l'heure */
.horaires ul.list-inline .jour::after {
    content: "";
    flex: 1;
    border-bottom: 2px dashed #887575;
    margin-left: 8px;
    margin-bottom: 2px;
}

.horaires ul.list-inline .heure {
    flex-shrink: 0;
    text-align: right;
    padding-left: 8px;
}


.horaires iframe{
    width: 100%;
    height: 100%;
}
 
.google_reviews{
    padding-top: 4rem;
    padding-bottom: 7rem;
}

.texte_avec_image{
    padding: 3rem 0;
}

.texte_avec_image .image{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 25px;
background: url(<path-to-image>) lightgray 50% / cover no-repeat;
box-shadow: 3px 4px 46px 15px rgba(118, 169, 174, 0.40);
}

.texte_avec_image h5{
    font-size: 14px;
    color: #887575;
    border-radius: 25px;
    border: 1px solid #C5D2E7;
    background: #FFF;
    padding: 12px 12px 12px 29px;
    position: relative;
    margin-bottom: 20px;
    display: inline-block;
}
.texte_avec_image h5:before{
    content: '';
    width: 8px;
    height: 8px;
    background-color: #E62024;
    border-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 15px;
}

.texte_avec_image h2 strong{
    background: linear-gradient(90deg, #E62024 0%, #6B3434 100%);
    color: #FFFFFF !important;
    padding: 6px 16px;
    display: inline-block;
}

.texte_avec_image ul{
    list-style: none;
    padding-left: 0;
    margin: 0;
    display: flex;
}

@media screen and (min-width: 320px) and (max-width: 700px) {
  
    body, html{
        overflow-x: hidden;
    }
    .cky-consent-bar{
        border-radius: 35px !important;
    }
    .cky-consent-container .cky-notice-group{
        display: block;
    }
    .cky-consent-container .cky-notice-btn-wrapper .cky-btn{
        border-radius: 100px;
        height: 45px;
        width: 95px;
    }
   
    body{
        font-size: 14px;
    }
  .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;
    }

    .call_to_action .content {
        padding: 2rem 2rem 2rem 2rem;
    }

    footer .informations p{
        display: inline-block;
    }

    .valeurs .bg-white{
        padding: 2rem;
    }
    .valeurs h4, .services h4{
        font-size: 18px;
    }
    .texte_avec_image h5{
        max-width: 85%;
    }

    .tow_columns, .services, .valeurs:not(.with_background), .call_to_action, .horaires, .texte_avec_image {
        padding: 1rem 0;
    }
    .formulaire .content .wysiwyg {
        padding: 2rem 3rem;
    }

    .formulaire .content form {
        padding: 2rem;
    }
    .praticiens ul.praticiens_list {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
    .navbar .navbar-nav .nav-link {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .top_header .container-fluid .row{
        display: flex;
        justify-content: space-between;
    }
    .top_header .col-sm-6{
        width: unset;
        display: inline-flex !important;
    }
    header .brand{
        padding: 10px 0;
    }
    .texte_avec_image ul{
        display: block;
    }
    .texte_avec_image ul li:not(:last-child){
        margin-bottom: 8px;
    }
    header #menu-top-header{
        padding-left: 8px;
    }
    header #menu-top-header li:not(:last-child){
        margin-right: 10px;
    }
    .texte_avec_image h5{
        display: none;
    }

    .horaires iframe{
        height: 300px;
    }




    

}

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

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

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

