/*
Theme Name: Billy and the Bubbles
Description: Inside Web - thème
Version: 1.0.0
Author: Inside Web
Author URI: https://www.insideweb.be
*/


@import url('https://fonts.googleapis.com/css2?family=Londrina+Solid:wght@100;300;400;900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


/*===========================
  COMMON css
===========================*/
:root {
    --font-family: "Montserrat", serif;
    --font-title: "Londrina Solid", serif;
    --bubble-blue: #536d7f;
    --bubble-green: #c3d7d1;
    --bubble-beige: #fcf6f0;
    --bubble-orange: #f2393a;
    --primary: #155bd5;
    --primary-dark: #1c3ab6;
    --primary-light: #e2f1ff;
    --accent: #00d4d7;
    --accent-dark: #00bac1;
    --accent-light: #dff9f8;
    --success: #13d527;
    --success-dark: #00ae11;
    --success-light: #eafbe7;
    --secondary: #8f15d5;
    --secondary-dark: #6013c7;
    --secondary-light: #f4e5fa;
    --info: #15b2d5;
    --info-dark: #0f8ca8;
    --info-light: #e0f5fa;
    --caution: #dbbb25;
    --caution-dark: #d58f15;
    --caution-light: #fbf9e4;
    --error: #e6185e;
    --error-dark: #bf1257;
    --error-light: #fce4eb;
    --black: #1d1d1d;
    --dark-1: #2d2d2d;
    --dark-2: #4d4d4d;
    --dark-3: #6d6d6d;
    --gray-1: #8d8d8d;
    --gray-2: #adadad;
    --gray-3: #cdcdcd;
    --gray-4: #e0e0e0;
    --light-1: #efefef;
    --light-2: #f5f5f5;
    --light-3: #fafafa;
    --white: #ffffff;
    --gradient-1: linear-gradient(180deg, #155bd5 0%, #1c3ab6 100%);
    --gradient-2: linear-gradient(180deg, #155bd5 13.02%, #00d4d7 85.42%);
    --gradient-3: linear-gradient(180deg, #155bd5 0%, #8f15d5 100%);
    --gradient-4: linear-gradient(180deg, #155bd5 0%, #13d527 100%);
    --gradient-5: linear-gradient(180deg, #155bd5 0%, #15bbd5 100%);
    --gradient-6: linear-gradient(180deg, #155bd5 0%, #dbbb25 100%);
    --gradient-7: linear-gradient(180deg, #155bd5 0%, #e6185e 100%);
    --gradient-8: linear-gradient(180deg, #1c3ab6 0%, #00bac1 100%);
    --gradient-9: linear-gradient(180deg, #00d4d7 13.02%, #155bd5 85.42%);
    --shadow-1: 0px 0px 1px rgba(40, 41, 61, 0.08), 0px 0.5px 2px rgba(96, 97, 112, 0.16);
    --shadow-2: 0px 0px 1px rgba(40, 41, 61, 0.04), 0px 2px 4px rgba(96, 97, 112, 0.16);
    --shadow-3: 0px 0px 2px rgba(40, 41, 61, 0.04), 0px 4px 8px rgba(96, 97, 112, 0.16);
    --shadow-4: 0px 2px 4px rgba(40, 41, 61, 0.04), 0px 8px 16px rgba(96, 97, 112, 0.16);
    --shadow-5: 0px 2px 8px rgba(40, 41, 61, 0.04), 0px 16px 24px rgba(96, 97, 112, 0.16);
    --shadow-6: 0px 2px 8px rgba(40, 41, 61, 0.08), 0px 20px 32px rgba(96, 97, 112, 0.24);
}

body {
    font-family: var(--font-family);
    color: var(--black);
    font-size: 16px;
    font-weight:400;
    margin: 0;
    overflow-y: scroll;
}

@media (max-width: 991px) {
    body {
        font-size: 14px;
    }
}

img {
    max-width: 100%;
}

a {
    display: inline-block;
}

a,
button,
a:hover,
a:focus,
input:focus,
textarea:focus,
button:focus {
    text-decoration: none;
    outline: none;
}

ul,
ol {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
    color: var(--black);
    margin: 0px;
}

h1,
.h1 {
    font-size: 2.75em;
    line-height: 1.25;
}

h2,
.h2 {
    font-size: 2.25em;
    line-height: 1.25;
}

h3,
.h3 {
    font-size: 1.75em;
    line-height: 1.25;
}

h4,
.h4 {
    font-size: 1.5em;
    line-height: 1.25;
}

h5,
.h5 {
    font-size: 1.25em;
    line-height: 1.25;
}

h6,
.h6 {
    font-size: 0.875em;
    line-height: 1.25;
}

.display-1 {
    font-size: 5.5em;
    line-height: 1.25;
}

.display-2 {
    font-size: 4.75em;
    line-height: 1.25;
}

.display-3 {
    font-size: 4em;
    line-height: 1.25;
}

.display-4 {
    font-size: 3.25em;
    line-height: 1.25;
}

p {
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
    color: var(--dark-3);
    margin: 0px;
}

.text-small {
    font-size: 0.875em;
    line-height: 1.5;
}

.text-lg {
    font-size: 1.15em;
    line-height: 1.5;
}

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

@media (max-width: 767px) {
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.btn {
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 12px 24px;
    border-radius: 4px;
    border: 1px solid transparent;
}
.btn:hover {
    color: inherit;
}
.btn:focus {
    box-shadow: none;
    outline: none;
}
.btn.btn-lg {
    font-size: 1.15em;
    padding: 16px 24px;
}
.btn.btn-sm {
    padding: 8px 16px;
}
.btn.square {
    border-radius: 0px;
}
.btn.semi-rounded {
    border-radius: 12px;
}
.btn.rounded-full {
    border-radius: 50px;
}
.btn.icon-left span,
.btn.icon-left i {
    margin-right: 8px;
}
.btn.icon-right span,
.btn.icon-right i {
    margin-left: 8px;
}
.btn.icon-btn {
    width: 48px;
    height: 48px;
    padding: 0;
    line-height: 48px;
}
.btn.icon-btn.btn-lg {
    width: 56px;
    height: 56px;
    line-height: 56px;
}
.btn.icon-btn.btn-sm {
    width: 40px;
    height: 40px;
    line-height: 40px;
}



@-webkit-keyframes move {
  0% {
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    transform: scale(1.0);
    -ms-transform: scale(1.0);
    /* IE 9 */
    
    -webkit-transform: scale(1.0);
    /* Safari and Chrome */
    
    -o-transform: scale(1.0);
    /* Opera */
    
    -moz-transform: scale(1.0);
    /* Firefox */
  }
  100% {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    /* IE 9 */
    
    -webkit-transform: scale(1.2);
    /* Safari and Chrome */
    
    -o-transform: scale(1.2);
    /* Opera */
    
    -moz-transform: scale(1.2);
    /* Firefox */
  }
}

.bg-green-light{
    background-color: var(--bubble-green);
}

.bg-blue-dark{
    background-color: var(--bubble-blue);
}

.bg-beige-light{
    background-color: var(--bubble-beige);
}

.bg-white{
    background-color: var(--white);
}

.bg-grey{
    background-color: #E8E8E8;
}

/*===========================
  TOPBAR css
===========================*/


.header-topbar{
    background: var(--bubble-blue);
    padding-top: 5px;
    padding-bottom: 5px;
}

.header-topbar a{
    display: contents;
    color: var(--white);
    font-weight: 200;
    text-transform: uppercase;
    font-size: 14px;
}

.header-topbar a :hover{
    color: var(--gray-3);
}

.header-topbar a i{
    font-size: 25px;
    padding-right: 2px;
}


.text-white-bubble {
    color: var(--white) !important;
}
.text-white-blu {
    color: var(--bubble-blue)!important;
}

/*===========================
  NAVBAR css
===========================*/

.navbar-toggler:focus {
    box-shadow: none;
}

.mb-100 {
    margin-bottom: 100px;
}


.navbar-area.navbar-three {
    background: var(--white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .navbar-area.navbar-three {
        padding: 10px 0;
    }
}
.navbar-area.navbar-three .navbar {
    position: relative;
    padding: 0;
}
.navbar-area.navbar-three .navbar .navbar-toggler .toggler-icon {
    width: 30px;
    height: 2px;
    background-color: var(--white);
    margin: 5px 0;
    display: block;
    position: relative;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.navbar-area .dropdown-menu{
   border-radius: 0!important;
    margin-top: -4px!important;
}

/* Show dropdown menu on hover */
#menu-item-7750:hover .dropdown-menu {
    display: block;
}

#menu-item-7750 > a.nav-link::after {
    margin-left: 5px; /* Space between text and icon */
    position: relative;
    top: 0; /* Adjust if needed */
    transition: transform 0.3s ease; /* Smooth hover effect */
}

/* Prevent movement on hover */
#menu-item-7750:hover > a.nav-link::after {
    transform: none; /* No movement */
}


/* Show dropdown menu on hover */

.dropdown-menu .menu-item-type-custom .dropdown-item{
    background-color: var(--white)!important;
}
#menu-item-7984 > a,
#menu-item-7983 > a{
    background-color: var(--white)!important;
}

#menu-item-7984 > a:hover,
#menu-item-7983 > a:hover{
    background-color: var(--bubble-green)!important;
}

#menu-item-286:hover .dropdown-menu {
    display: block;
    background-color: var(--white);
}

#menu-item-286 > a.nav-link::after {
    margin-left: 5px; /* Space between text and icon */
    position: relative;
    top: 0; /* Adjust if needed */
    transition: transform 0.3s ease; /* Smooth hover effect */
}

/* Prevent movement on hover */
#menu-item-286:hover > a.nav-link::after {
    transform: none; /* No movement */
}

.navbar-area.navbar-three .navbar .navbar-toggler.active .toggler-icon:nth-of-type(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 7px;
}
.navbar-area.navbar-three .navbar .navbar-toggler.active .toggler-icon:nth-of-type(2) {
    opacity: 0;
}
.navbar-area.navbar-three .navbar .navbar-toggler.active .toggler-icon:nth-of-type(3) {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    top: -7px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .navbar-area.navbar-three .navbar .navbar-collapse {
        position: absolute;
        top: 116%;
        left: 0;
        width: 100%;
        background-color: var(--bubble-green);
        z-index: 8;
        padding: 10px 16px;
    }
}
.navbar-area.navbar-three .navbar .navbar-nav {
    margin-left: auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .navbar-area.navbar-three .navbar .navbar-nav {
        margin-right: 0;
    }
}
.navbar-area.navbar-three .navbar .navbar-nav .nav-item {
    position: relative;
}
.navbar-area.navbar-three .navbar .navbar-nav .nav-item .nav-link {
    display: flex;
    align-items: center;
    padding: 8px 10px;
    color: var(--bubble-blue);
    position: relative;
    border: 1px solid transparent;
    border-radius: 0;
    font-weight: 400;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    margin: 22px 4px;
    font-size: 16px;
    text-transform: uppercase;
}

.navbar-area.navbar-three .navbar .navbar-nav .dropdown-item{
    color: var(--bubble-blue)!important;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
}

.navbar-area .dropdown-item:focus, .navbar-area .dropdown-item:hover {
    color: var(--bubble-orange)!important;
    background-color: var(--bubble-green)!important;
}

.navbar-area .dropdown-item.active, .navbar-area .dropdown-item:active{
    color: var(--bubble-orange)!important;
    background-color: var(--bubble-green)!important;
}



@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .navbar-area.navbar-three .navbar .navbar-nav .nav-item .nav-link {
        padding: 10px 0!important;
        display: block;
        border: 0;
        margin: 5px!important;
        background-color: var(--bubble-green)!important;
    }

    .navbar-area.navbar-three .navbar .navbar-nav .nav-item .dropdown-item{
        background-color: var(--bubble-green)!important;
    }

    .navbar-area .dropdown-menu{
        margin-left: 30px;
    }
}

.navbar-area .dropdown-menu{
    border: none!important;
    padding-top: 0!important;
    padding-bottom: 0!important;
}


.navbar-area.navbar-three .navbar .navbar-nav .nav-item a i {
    font-size: 14px;
    font-weight: 700;
    padding-left: 8px;
}
.navbar-area.navbar-three .navbar .navbar-nav .nav-item a.active {
    border-bottom: 1px solid var(--bubble-blue)!important;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .navbar-area.navbar-three .navbar .navbar-nav .nav-item a.active {
        border: 0;
    }
}
.navbar-area.navbar-three .navbar .navbar-nav .nav-item:hover > a {
    border-bottom: 1px solid var(--bubble-blue)!important;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .navbar-area.navbar-three .navbar .navbar-nav .nav-item:hover > a {
        border: 0;
    }
}
.navbar-area.navbar-three .navbar .navbar-nav .nav-item:hover > a::before, .navbar-area.navbar-three .navbar .navbar-nav .nav-item:hover > a::after {
    -webkit-transform: translateX(-50%) scaleX(1);
    -moz-transform: translateX(-50%) scaleX(1);
    -ms-transform: translateX(-50%) scaleX(1);
    -o-transform: translateX(-50%) scaleX(1);
    transform: translateX(-50%) scaleX(1);
}
.navbar-area.navbar-three .navbar .navbar-nav .nav-item .sub-menu {
    position: absolute;
    right: 0;
    top: 100%;
    width: 260px;
    background-color: var(--white);
    border-radius: 5px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    z-index: 99;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);
    padding: 10px;
    border-radius: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .navbar-area.navbar-three .navbar .navbar-nav .nav-item .sub-menu {
        position: relative !important;
        width: 100% !important;
        left: 0 !important;
        top: auto !important;
        opacity: 1 !important;
        visibility: visible !important;
        right: auto;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
        box-shadow: none;
        text-align: left;
        border-top: 0;
        height: 0;
    }
}
.navbar-area.navbar-three .navbar .navbar-nav .nav-item .sub-menu.collapse:not(.show) {
    height: auto;
    display: block;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .navbar-area.navbar-three .navbar .navbar-nav .nav-item .sub-menu.collapse:not(.show) {
        height: 0;
        display: none;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .navbar-area.navbar-three .navbar .navbar-nav .nav-item .sub-menu.show {
        height: auto;
    }
}
.navbar-area.navbar-three .navbar .navbar-nav .nav-item .sub-menu li {
    position: relative;
}
.navbar-area.navbar-three .navbar .navbar-nav .nav-item .sub-menu li .sub-nav-toggler {
    color: var(--black);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.navbar-area.navbar-three .navbar .navbar-nav .nav-item .sub-menu li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 24px;
    position: relative;
    color: var(--black);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    margin: 0 0;
    border: 0;
    border-radius: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .navbar-area.navbar-three .navbar .navbar-nav .nav-item .sub-menu li a {
        font-size: 15px;
    }
}
.navbar-area.navbar-three .navbar .navbar-nav .nav-item .sub-menu li a i {
    font-weight: 700;
    font-size: 14px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .navbar-area.navbar-three .navbar .navbar-nav .nav-item .sub-menu li a i {
        display: none;
    }
}
.navbar-area.navbar-three .navbar .navbar-nav .nav-item .sub-menu li a .sub-nav-toggler i {
    display: inline-block;
}
.navbar-area.navbar-three .navbar .navbar-nav .nav-item .sub-menu li a::before {
    display: none;
}
.navbar-area.navbar-three .navbar .navbar-nav .nav-item .sub-menu li a::after {
    display: none;
}
.navbar-area.navbar-three .navbar .navbar-nav .nav-item .sub-menu li .sub-menu {
    right: auto;
    left: 100%;
    top: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    overflow: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1400px) {
    .navbar-area.navbar-three .navbar .navbar-nav .nav-item .sub-menu li .sub-menu {
        margin-left: 10px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .navbar-area.navbar-three .navbar .navbar-nav .nav-item .sub-menu li .sub-menu {
        padding-left: 30px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .navbar-area.navbar-three .navbar .navbar-nav .nav-item .sub-menu li .sub-menu.show {
        visibility: visible;
        height: auto;
        position: relative;
    }
}
.navbar-area.navbar-three .navbar .navbar-nav .nav-item .sub-menu li:hover .sub-menu {
    opacity: 1;
    visibility: visible;
}
.navbar-area.navbar-three .navbar .navbar-nav .nav-item .sub-menu li:hover .sub-nav-toggler {
    color: var(--white);
}
.navbar-area.navbar-three .navbar .navbar-nav .nav-item .sub-menu li:hover > a {
    background: var(--primary);
    color: var(--white);
}
.navbar-area.navbar-three .navbar .navbar-nav .nav-item .sub-menu li:hover > a::before {
    opacity: 1;
}
.navbar-area.navbar-three .navbar .navbar-nav .nav-item:hover .sub-menu {
    opacity: 1;
    visibility: visible;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .navbar-area.navbar-three .navbar .navbar-nav .nav-item .sub-nav-toggler {
        display: inline-block;
        position: absolute;
        top: 0;
        right: 0;
        padding: 10px 14px;
        font-size: 16px;
        background: none;
        border: 0;
        color: var(--white);
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .navbar-area.navbar-three .navbar .navbar-social {
        position: absolute;
        right: 70px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}
@media (max-width: 767px) {
    .navbar-area.navbar-three .navbar .navbar-social {
        position: absolute;
        right: 60px;
        top: 7px;
    }
}
.navbar-area.navbar-three .navbar .navbar-social ul {
    display: flex;
}
.navbar-area.navbar-three .navbar .navbar-social ul li {
    display: inline-block;
    margin-left: 12px;
}
.navbar-area.navbar-three .navbar .navbar-social ul li a {
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    color: var(--white);
    background-color: var(--bubble-orange);
    border: 1px solid rgba(255, 255, 255, 0.356);
    border-radius: 50%;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.navbar-area.navbar-three .navbar .navbar-social ul li a:hover {
    color: var(--black);
    background-color: var(--bubble-green);
    border-color: transparent;
}

.navbar-area.navbar-three .navbar .navbar-social ul li p {
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    color: var(--white);
    background-color: var(--bubble-orange);
    border: 1px solid rgba(255, 255, 255, 0.356);
    border-radius: 50%;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}


/*===================
 HOME CSS
 ====================*/

/* Buttons Css  */


#home .slider-area-bubble {

    background: var(--light-2);
    overflow: hidden;
}
#home .slider-area-bubble .slider-inner {
    height: auto;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 3;
    padding: 130px 0;
}

#home .slider-area-bubble .slider-text h1{
    font-family: var(--font-title);
    color: var(--bubble-blue);
    font-weight: 300;
    font-size: 54px;
    line-height: 60px;
}

#home .slider-area-bubble .btn{
    background: var(--bubble-orange);
    color: var(--white);
    font-weight: 500;
    font-size: 12px;
    border-radius: 0!important;
    transition: 0.3ms;
}

#home .slider-area-bubble .btn:hover{
    background: var(--bubble-blue);
}

#home .svg-element.section-feed{
    rotate: 180deg;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #home .slider-area-bubble .slider-inner {
        padding: 90px 0;
    }
}
@media (max-width: 767px) {
    #home .slider-area-bubble .slider-inner {
        padding: 70px 0;
    }

    #home .svg-element.section-feed{
        margin-bottom: -10px;
    }
}

#home .slider-area-bubble .slider-text {
    float: none;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1400px) {
    .slider-area-bubble .slider-text {
        padding-right: 100px;
    }
}
#home .slider-area-bubble .slider-text h5 {
    color: var(--white);
    font-size: 14px;
    font-weight: 600;
    display: block;
    margin-bottom: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #home .slider-area-bubble .slider-text h1 {
        font-size: 40px;
    }
}
@media (max-width: 767px) {
    #home .slider-area-bubble .slider-text h1 {
        font-size: 35px;
        line-height: 42px;
    }
}
#home .slider-area-bubble .slider-text p {
    opacity: 0.7;
    color: var(--white);
}

#home .slider-area-bubble .light-rounded-buttons{
    margin-top: 60px;
}

#home .slider-area-bubble .slider-inner {
    position: relative;
    overflow: hidden;
    min-height: 700px;
}

#home .slider-area-bubble .slide-bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
    min-height: 700px;
    filter: brightness(0.7);
}

/* concept  */

#home .concept .header-text .light-rounded-buttons .primary-btn {
    background: var(--bubble-blue);
    color: var(--white);
    font-weight: 500;
    font-size: 12px;
    border-radius: 0!important;
    transition: 0.3ms;
}
#home .concept .header-text .light-rounded-buttons .active.primary-btn, .header-ten .header-text .light-rounded-buttons .primary-btn:hover, .header-ten .header-text .light-rounded-buttons .primary-btn:focus {
    background: var(--bubble-orange);
}
#home .concept .header-text .light-rounded-buttons .deactive.primary-btn {
    background: var(--gray-4);
    color: var(--dark-3);
    pointer-events: none;
}

#home .concept {
    position: relative;
    background: var(--white);
    padding: 100px 0;
}


#home .concept h2{
    font-family: var(--font-title);
    color: var(--black);
    font-size: 40px;
    font-weight: 300;
    margin-bottom: 30px;
    position: relative;
}

#home .concept .header-inner {
    height: auto;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 3;
}
#home .concept .header-text {
    float: none;
}
#home .concept .header-text h6 {
    color: var(--primary);
    font-size: 14px;
    font-weight: 600;
    display: block;
    margin-bottom: 15px;
}
#home .concept .header-text h1 {
    font-weight: 600;
    margin-bottom: 25px;
    color: var(--black);
    letter-spacing: -1px;
}
#home .concept .header-text p {
    color: var(--black);
    font-size: 20px;
    font-weight: 300;
}
#home .concept .header-text .light-rounded-buttons {
    margin-top: 30px;
}

#home .concept .between-sections {
    position: absolute;
    bottom: -160px;
    left: 85%;
    transform: translateX(-50%);
    z-index: 10;
}

@media (max-width: 768px) {
    #home .concept .between-sections {
        max-width: 70%;
        left: 55%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    #home .concept .header-ten .header-image {
        display: none;
    }
}

/* card first  */
#home .blog-area{
    padding-bottom: 120px;
    background: var(--bubble-beige);
    z-index: 1;
}

#home .blog-area .content h2{
    padding-top: 120px;
    font-family: var(--font-title);
    color: var(--black);
    font-size: 40px;
    font-weight: 300;
    margin-bottom: 30px;
}

#home .blog-style-two .blog-content{
    background-color: var(--white);
}
#home .blog-area .content p{
    color: var(--black);
    font-size: 20px;
    font-weight: 300;
}

#home .blog-style-two .blog-content .btn {
    margin-top: 40px;
    background: var(--bubble-orange);
    color: var(--white);
    font-weight: 500;
    font-size: 12px;
    border-radius: 0!important;
    transition: 0.3ms;
    text-transform: uppercase;
}
#home .blog-style-two .blog-content .active.btn,#home  .blog-style-two .blog-content .btn:hover,#home  .blog-style-two .blog-content .btn:focus {
    background: var(--bubble-blue);
}


#home  .blog-style-two {
    margin-top: 50px;
    overflow: hidden;
}
#home .blog-style-two .blog-image img {
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
}
#home .blog-style-two .blog-content {
    padding: 35px;
    text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    #home .blog-style-two .blog-content {
        padding: 25px;
    }
}
@media (max-width: 767px) {
    #home .blog-style-two .blog-content {
        padding: 20px;
    }
}
#home .blog-style-two .blog-content .blog-title {
    display: block;
    margin-bottom: 8px;
}

#home .blog-style-two .blog-content .text {
    font-weight: 500;
    text-transform: uppercase;
    color: var(--black);
    margin-top: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Set the desired number of lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.5em;
    min-height: calc(1.5em * 3);
}
#home .blog-style-two .blog-content .primary-btn-outline {
    margin-top: 25px;
}

/*Brand CSS*/
#home .brand-area {
    padding: 120px 0;
    background: var(--white);
}
#home .brand-area .section-title {
    text-align: center;
    margin: 0px auto;
    max-width: 550px;
    position: relative;
    z-index: 5;
    margin-bottom: 30px;
}
#home .brand-area .section-title h2 {
    font-family: var(--font-title);
    color: var(--black);
    font-size: 40px;
    font-weight: 300;
    margin-bottom: 30px;
}
@media (max-width: 767px) {
    #home .brand-area .section-title h2 {
        font-size: 30px;
    }
}

#home .brand-area .section-title p {
    color: var(--black);
    font-size: 20px;
    font-weight: 300;
}
#home .brand-area .clients-logos {
    text-align: center;
    display: inline-block;
    margin-top: 20px;
}


#home .brand-area .clients-logos img {
    max-width: 170px;
    cursor: pointer;
}
#home .brand-area h3{
    font-family: var(--font-title);
    margin-top: 20px;
    margin-bottom: 5px;
    font-weight: 300;
    font-size: 22px;
}

#home .brand-area .single-image{
    padding: 20px 5px;
}

#home .brand-area .clients-logos p{
    color: var(--black);
    font-size: 20px;
    font-weight: 300;
}

#home .brand-area .btn-group{
    display: flex;
    align-items: center;
}

#home .brand-area li{
    padding-right: 10px;
    padding-left: 10px;
}

#home .brand-area .btn{
    display: block;
    padding: 10px 15px;
    margin-top: 40px;
    background: var(--bubble-blue);
    color: var(--white);
    font-weight: 500;
    font-size: 12px;
    border-radius: 0!important;
    transition: 0.3ms;
    text-transform: uppercase;
}

#home ul.d-sm-flex li:nth-child(1) .btn {
    background: var(--bubble-green);
}

/* Target the second <li> and apply dark blue background */
#home ul.d-sm-flex li:nth-child(2) .btn {
    background: var(--bubble-blue);
}

#home .brand-area .btn:hover{
    background: var(--bubble-orange);
}

/*  avis Css */


#home .avis{
    padding:120px 0;
    background:var(--bubble-beige);
    overflow: hidden;
}

#home .avis h2{
    font-family: var(--font-title);
    color: var(--black);
    font-size: 40px;
    font-weight: 300;
    margin-bottom: 30px;
}

#home .avis p{
    color: var(--black);
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 30px;
}

#home .avis .carousel {
    overflow: visible;
}

#home .avis .carousel-inner{
    background: transparent;
    border-radius: 0;
    overflow: visible;
    padding-right: 0;
}

#home .avis .carousel-item{
    transition: transform 0.8s ease-in-out !important;
}

/* Layout per mostrare 2.5 cards */
#home .avis .carousel-item .row {
    margin-right: 0;
    flex-wrap: nowrap;
    overflow: visible;
}

#home .avis .carousel-item .col-testimonial {
    flex: 0 0 40%;
    max-width: 40%;
    padding-right: 20px;
}

#home .avis .testimonial-card {
    min-height: 500px;
    position: relative;
    padding: 60px 40px;
    border-radius: 10px;
    width: 100%;
}

#home .avis .carousel-control-next,
#home .avis .carousel-control-prev{
    filter: brightness(0);
    width: 5%;
    z-index: 10;
}

#home .avis .carousel-control-prev {
    left: -30px;
}

#home .avis .carousel-control-next {
    right: -30px;
}

#home .avis .testimonial-card h3{
    font-weight: 300;
    font-size: 25px;
    color: var(--black);
    font-family: var(--font-title);
}

#home .avis .testimonial-card .text{
    margin-top: 40px;
    font-weight: 300;
    font-size: 16px;
    font-style: italic;
    color: var(--black);
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: calc(6 * 1.6em);
}

#home .avis .testimonial-card .cit{
    margin-top: 40px;
    font-weight: 500;
    font-size: 14px;
    color: var(--black);
}

#home .avis .politique_avis{
    color: var(--black);
    font-size: 12px;
    font-weight: 300;
    margin-top: 30px;
}

#home .avis .politique_avis a{
    color: var(--bubble-blue)!important;
    font-size: 12px;
    font-weight: 300;
    margin-top: 40px;
    transition: 0.3s;
}

#home .avis .politique_avis a:hover{
    color: var(--bubble-orange)!important;
}

/* Media queries */
@media (max-width: 1200px){
    #home .avis .carousel-item .col-testimonial {
        flex: 0 0 45%;
        max-width: 45%;
    }
}

@media (max-width: 992px){
    #home .avis .carousel-item .col-testimonial {
        flex: 0 0 80%;
        max-width: 80%;
    }

    #home .avis .testimonial-card {
        min-height: 400px;
        padding: 40px 30px;
        background-size: cover;
    }
}

@media (max-width: 768px){
    #home .avis .carousel-item .col-testimonial {
        flex: 0 0 90%;
        max-width: 90%;
        padding-right: 10px;
    }

    #home .avis .testimonial-card {
        min-height: auto;
        padding: 30px 20px;
    }

    #home .avis .carousel-control-prev {
        left: -10px;
    }

    #home .avis .carousel-control-next {
        right: -10px;
    }
}

@media (max-width: 500px){
    #home .avis .carousel-item .col-testimonial {
        flex: 0 0 100%;
        max-width: 100%;
    }

    #home .avis .testimonial-card{
        min-height: auto;
        padding: 30px 20px;
    }
}


/*  newsletter Css */

.svg-news{
    background: var(--bubble-beige);
}

.svg-news svg{
    transform: rotate(180deg);
    display: block;
    margin-bottom: -1px;
}

#home .newsletter-area .light-rounded-buttons .primary-btn {
    margin-top: 20px;
    background: var(--bubble-green);
    color: var(--white);
    font-weight: 500;
    font-size: 12px;
    border-radius: 0!important;
    transition: 0.3ms;
    text-transform: uppercase;
}
#home .newsletter-area .light-rounded-buttons .active.primary-btn, #home .newsletter-area .light-rounded-buttons .primary-btn:hover, #home .newsletter-area .light-rounded-buttons .primary-btn:focus {
    background: var(--bubble-orange);
}
#home .newsletter-area .light-rounded-buttons .deactive.primary-btn {
    background: var(--gray-4);
    color: var(--dark-3);
    pointer-events: none;
}

#home .newsletter-area {
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: var(--bubble-blue);
}
#home .newsletter-area .form-input {
    margin-top: 16px;
}
#home .newsletter-area .form-input .main-btn {
    width: 100%;
}
#home .newsletter-area .form-input .text {
    font-size: 16px;
    line-height: 24px;
    color: var(--dark-3);
}

#home .newsletter-area .light-rounded-buttons {
    margin-top: 20px;
}
#home .newsletter-area .form-input .help-block {
    margin-top: 2px;
}
#home .newsletter-area .form-input .help-block .list-unstyled li {
    font-size: 12px;
    line-height: 16px;
    color: var(--error);
}
#home .newsletter-area .form-input label {
    font-size: 12px;
    line-height: 18px;
    color: var(--dark-3);
    margin-bottom: 8px;
    display: inline-block;
}
#home .newsletter-area .form-input .input-items {
    position: relative;
}
#home .newsletter-area .form-input .input-items input {
    width: 100%;
    height: 44px;
    border: none;
    border-bottom: 1px solid var(--white); /* Only bottom border */
    padding-left: 10px;
    padding-right: 12px;
    position: relative;
    font-size: 16px;
    border-radius: 0!important;
}

#home .newsletter-area .form-input .input-items.default input {
    border-color: var(--gray-4);
    color: var(--white);
    background-color: var(--bubble-blue);
}
#home .newsletter-area .form-input .input-items.default input:focus {
    border-color: var(--white);
}
#home .newsletter-area .form-input .input-items.default input::placeholder {
    color: var(--white);
}

#home .newsletter-area .form-input .input-items.error input {
    border-color: var(--error);
    color: var(--error);
}
#home .newsletter-area .form-input .input-items.error input::placeholder {
    color: var(--error);
    opacity: 1;
}

#home .newsletter-area .form-style-two .form-input .input-items input {
    border-radius: 5px;
    padding-left: 12px;
    padding-right: 44px;
}


#home .newsletter-area .signin-content {
    margin-top: 16px;
}
#home .newsletter-area .signin-content .signin-title {
    font-family: var(--font-title);
    color: var(--white);
    font-size: 40px;
    font-weight: 300;
    margin-bottom: 30px;
}
#home .newsletter-area .signin-content .text {
    font-size: 20px;
    line-height: 30px;
    color: var(--white);
    margin-top: 8px;
    font-weight: 200;
}


#home .newsletter-area input.fields{
    width: 100%;
    height: 44px;
    border: none;
    border-bottom: 1px solid var(--white);
    padding-left: 10px;
    padding-right: 12px;
    position: relative;
    font-size: 16px;
    border-radius: 0!important;
    border-color: var(--gray-4);
    color: var(--white)!important;
    background-color: var(--bubble-blue);
    font-weight: 300!important;
}
#home .newsletter-area input.fields::placeholder{
    color: var(--white)!important;
    font-weight: 400;
    font-size: 16px;
}

#home .optionalParent{
    text-align: right;
}

#home #mc-embedded-subscribe{

    background: var(--bubble-green);
    color: var(--white);
    font-weight: 500;
    font-size: 12px;
    border-radius: 0!important;
    transition: 0.3ms;
    text-transform: uppercase;
    line-height: 20px;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 20px;
    letter-spacing: 0.08em;
    padding: 12px 24px;
    border: 1px solid transparent;
    outline: none!important;
    box-shadow: none!important;
}

#home .mc-field-group{
    color: var(--white) !important;
}


/*presse css */
#home .presse {
    padding-top: 100px;
    padding-bottom: 120px;
}
#home .presse .section-title-four {
    text-align: center;
    max-width: 550px;
    margin: auto;
    margin-bottom: 50px;
    position: relative;
    z-index: 5;
    margin-top: 12px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    #home .presse .section-title-four {
        margin-bottom: 45px;
    }
}
@media (max-width: 767px) {
    #home .presse .section-title-four {
        margin-bottom: 35px;
    }
}

#home .presse .section-title-four h2 {
    font-family: var(--font-title);
    color: var(--black);
    font-size: 40px;
    font-weight: 300;
    margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    #home .presse .section-title-four h2 {
        font-size: 2rem;
        line-height: 2.8rem;
    }
}
@media (max-width: 767px) {
    #home .presse .section-title-four h2 {
        font-size: 1.5rem;
        line-height: 1.9rem;
    }
}

#home .presse .section-title-four p {
    color: var(--black);
    font-size: 20px;
    font-weight: 300;
}
#home .presse .single-client {
    margin-top: 30px;
}
#home .presse .single-client img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
#home .presse .single-client:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.presse .cit{
    margin-top: 10px;
    color: var(--black);
    font-size: 12px;
    font-style: italic;
}
/* Instafeed */

#home .instafeed{
    background: var(--bubble-beige);
    padding-top: 120px;
    padding-bottom: 120px;
}

#home .instafeed .section-title{
    margin-bottom: 50px;
}

#home .instafeed .section-title h2{
    font-family: var(--font-title);
    color: var(--black);
    font-size: 40px;
    font-weight: 300;
    margin-bottom: 30px;
}

#home .instafeed .section-title p{
    color: var(--black);
    font-size: 20px;
    font-weight: 300;
}

#home .instafeed #sbi_images{
    padding: 60px !important;
}

#home .instafeed  #sb_instagram{
    border-radius: 10px!important;
}











/*======================================
    SINGLE CATEGORY PAGE
========================================*/



#category-p .header-ten {
    position: relative;
    background: var(--bubble-beige);
    overflow: hidden;
    padding: 100px 0;
}

#category-p  .header-ten h1{
    font-family: var(--font-title);
    color: var(--bubble-blue)!important;
    font-size: 54px;
    font-weight: 300 !important;
    margin-bottom: 30px;
    text-transform: uppercase;
}

#category-p   .header-ten h2{
    font-family: var(--font-title);
    color: var(--black);
    font-size: 40px;
    font-weight: 300 !important;
    margin-bottom: 30px;
}

#category-p  .header-ten .text{
    color: var(--black);
    font-size: 20px;
    font-weight: 300;
}


#category-p  .header-ten .header-inner {
    height: auto;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 3;
}
#category-p  .header-ten .header-text {
    float: none;
}

#category-p  .header-ten .header-text h1 {
    font-weight: 600;
    margin-bottom: 25px;
    color: var(--black);
    letter-spacing: -1px;
}
#category-p  .header-ten .header-text p {
    color: var(--dark-3);
}
#category-p  .header-ten .header-text .light-rounded-buttons {
    margin-top: 30px;
}
#category-p  .header-image {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

#category-p  .header-image .dynamic-image {
    width: 100%; /* Adjust as needed */
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    position: relative;
    z-index: 1;
}

#category-p  .header-image .shape3 {
    position: absolute;
    rotate: 30deg;
    bottom: 35px;
    right: 60px;
    z-index: -1;
    width: 100px;
    height: 100px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20width%3D%22296.302%22%20height%3D%22224.754%22%20viewBox%3D%220%200%20296.302%20224.754%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Crect%20width%3D%2286.853%22%20height%3D%2288.594%22%20fill%3D%22none%22%3E%3C/rect%3E%3C/clipPath%3E%3CclipPath%20id%3D%22b%22%3E%3Crect%20width%3D%22157.303%22%20height%3D%22160.456%22%20fill%3D%22%23c3d7d1%22%3E%3C/rect%3E%3C/clipPath%3E%3C/defs%3E%3Cg%20transform%3D%22translate(-386.697%20-701.325)%22%3E%3Cg%20transform%3D%22translate(596.146%20701.325)%22%3E%3Cg%20transform%3D%22translate(0%200)%22%20clip-path%3D%22url(%23a)%22%3E%3Cpath%20d%3D%22M44.955%2C88.59c-1.645-.12-3.281-.323-4.92-.526a54.561%2C54.561%2C0%2C0%2C1-9.363-2.058a43.439%2C43.439%2C0%2C0%2C1-7.232-2.994a38.889%2C38.889%2C0%2C0%2C1-6.567-4.23a43.8%2C43.8%2C0%2C0%2C1-5.1-4.837A42.484%2C42.484%2C0%2C0%2C1%2C5.506%2C64.7a52.015%2C52.015%2C0%2C0%2C1-3.7-9.912a61.3%2C61.3%2C0%2C0%2C1-1.5-7.762a47.29%2C47.29%2C0%2C0%2C1-.292-4.845A45.852%2C45.852%2C0%2C0%2C1%2C.4%2C35.274A40.231%2C40.231%2C0%2C0%2C1%2C4.965%2C20.6a35.569%2C35.569%2C0%2C0%2C1%2C6-7.97a36.218%2C36.218%2C0%2C0%2C1%2C5.9-4.808a45.2%2C45.2%2C0%2C0%2C1%2C5.8-3.22a54.432%2C54.432%2C0%2C0%2C1%2C8.107-2.887C33.007%2C1.09%2C35.308.839%2C37.561.3L45.273%2C0c2.3.322%2C4.609.351%2C6.888.758a54.581%2C54.581%2C0%2C0%2C1%2C8.346%2C2.1A45.216%2C45.216%2C0%2C0%2C1%2C66.59%2C5.5a36.2%2C36.2%2C0%2C0%2C1%2C6.338%2C4.22a35.606%2C35.606%2C0%2C0%2C1%2C6.74%2C7.357a40.244%2C40.244%2C0%2C0%2C1%2C5.956%2C14.168a46.009%2C46.009%2C0%2C0%2C1%2C1.043%2C6.839a47.34%2C47.34%2C0%2C0%2C1%2C.174%2C4.852a61.212%2C61.212%2C0%2C0%2C1-.75%2C7.87a52.055%2C52.055%2C0%2C0%2C1-2.732%2C10.221a42.429%2C42.429%2C0%2C0%2C1-5.347%2C9.8a43.7%2C43.7%2C0%2C0%2C1-4.615%2C5.3a38.821%2C38.821%2C0%2C0%2C1-6.132%2C4.84a43.409%2C43.409%2C0%2C0%2C1-6.911%2C3.674A54.56%2C54.56%2C0%2C0%2C1%2C51.231%2C87.6c-1.611.36-3.221.718-4.847%2C1Z%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%23526d7f%22%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg%20transform%3D%22translate(386.697%20765.623)%22%3E%3Cg%20transform%3D%22translate(0%200)%22%20clip-path%3D%22url(%23b)%22%3E%3Cpath%20d%3D%22M81.419%2C160.448c-2.979-.217-5.943-.585-8.91-.953a98.818%2C98.818%2C0%2C0%2C1-16.958-3.727a78.674%2C78.674%2C0%2C0%2C1-13.1-5.422a70.434%2C70.434%2C0%2C0%2C1-11.893-7.66a79.334%2C79.334%2C0%2C0%2C1-9.243-8.76A76.943%2C76.943%2C0%2C0%2C1%2C9.973%2C117.182a94.207%2C94.207%2C0%2C0%2C1-6.7-17.952A111.029%2C111.029%2C0%2C0%2C1%2C.554%2C85.171A85.648%2C85.648%2C0%2C0%2C1%2C.025%2C76.4a83.044%2C83.044%2C0%2C0%2C1%2C.692-12.51A72.865%2C72.865%2C0%2C0%2C1%2C8.992%2C37.308a64.42%2C64.42%2C0%2C0%2C1%2C10.87-14.435a65.6%2C65.6%2C0%2C0%2C1%2C10.694-8.709a81.856%2C81.856%2C0%2C0%2C1%2C10.5-5.831A98.584%2C98.584%2C0%2C0%2C1%2C55.745%2C3.1C59.78%2C1.974%2C63.947%2C1.52%2C68.028.54L82%2C0c4.157.583%2C8.347.636%2C12.474%2C1.373a98.853%2C98.853%2C0%2C0%2C1%2C15.115%2C3.8a81.892%2C81.892%2C0%2C0%2C1%2C11.017%2C4.8a65.566%2C65.566%2C0%2C0%2C1%2C11.479%2C7.643a64.487%2C64.487%2C0%2C0%2C1%2C12.206%2C13.325A72.887%2C72.887%2C0%2C0%2C1%2C155.075%2C56.6a83.325%2C83.325%2C0%2C0%2C1%2C1.89%2C12.386a85.736%2C85.736%2C0%2C0%2C1%2C.315%2C8.787a110.857%2C110.857%2C0%2C0%2C1-1.358%2C14.255a94.28%2C94.28%2C0%2C0%2C1-4.947%2C18.511a76.844%2C76.844%2C0%2C0%2C1-9.685%2C17.754a79.156%2C79.156%2C0%2C0%2C1-8.359%2C9.607a70.309%2C70.309%2C0%2C0%2C1-11.105%2C8.766a78.621%2C78.621%2C0%2C0%2C1-12.517%2C6.655a98.816%2C98.816%2C0%2C0%2C1-16.522%2C5.336c-2.919.651-5.833%2C1.3-8.779%2C1.8Z%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%23c3d7d1%22%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}


#category-p  .header-ten .header-image::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20width%3D%22296.302%22%20height%3D%22224.754%22%20viewBox%3D%220%200%20296.302%20224.754%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Crect%20width%3D%2286.853%22%20height%3D%2288.594%22%20fill%3D%22none%22%3E%3C/rect%3E%3C/clipPath%3E%3CclipPath%20id%3D%22b%22%3E%3Crect%20width%3D%22157.303%22%20height%3D%22160.456%22%20fill%3D%22%23c3d7d1%22%3E%3C/rect%3E%3C/clipPath%3E%3C/defs%3E%3Cg%20transform%3D%22translate(-386.697%20-701.325)%22%3E%3Cg%20transform%3D%22translate(596.146%20701.325)%22%3E%3Cg%20transform%3D%22translate(0%200)%22%20clip-path%3D%22url(%23a)%22%3E%3Cpath%20d%3D%22M44.955%2C88.59c-1.645-.12-3.281-.323-4.92-.526a54.561%2C54.561%2C0%2C0%2C1-9.363-2.058a43.439%2C43.439%2C0%2C0%2C1-7.232-2.994a38.889%2C38.889%2C0%2C0%2C1-6.567-4.23a43.8%2C43.8%2C0%2C0%2C1-5.1-4.837A42.484%2C42.484%2C0%2C0%2C1%2C5.506%2C64.7a52.015%2C52.015%2C0%2C0%2C1-3.7-9.912a61.3%2C61.3%2C0%2C0%2C1-1.5-7.762a47.29%2C47.29%2C0%2C0%2C1-.292-4.845A45.852%2C45.852%2C0%2C0%2C1%2C.4%2C35.274A40.231%2C40.231%2C0%2C0%2C1%2C4.965%2C20.6a35.569%2C35.569%2C0%2C0%2C1%2C6-7.97a36.218%2C36.218%2C0%2C0%2C1%2C5.9-4.808a45.2%2C45.2%2C0%2C0%2C1%2C5.8-3.22a54.432%2C54.432%2C0%2C0%2C1%2C8.107-2.887C33.007%2C1.09%2C35.308.839%2C37.561.3L45.273%2C0c2.3.322%2C4.609.351%2C6.888.758a54.581%2C54.581%2C0%2C0%2C1%2C8.346%2C2.1A45.216%2C45.216%2C0%2C0%2C1%2C66.59%2C5.5a36.2%2C36.2%2C0%2C0%2C1%2C6.338%2C4.22a35.606%2C35.606%2C0%2C0%2C1%2C6.74%2C7.357a40.244%2C40.244%2C0%2C0%2C1%2C5.956%2C14.168a46.009%2C46.009%2C0%2C0%2C1%2C1.043%2C6.839a47.34%2C47.34%2C0%2C0%2C1%2C.174%2C4.852a61.212%2C61.212%2C0%2C0%2C1-.75%2C7.87a52.055%2C52.055%2C0%2C0%2C1-2.732%2C10.221a42.429%2C42.429%2C0%2C0%2C1-5.347%2C9.8a43.7%2C43.7%2C0%2C0%2C1-4.615%2C5.3a38.821%2C38.821%2C0%2C0%2C1-6.132%2C4.84a43.409%2C43.409%2C0%2C0%2C1-6.911%2C3.674A54.56%2C54.56%2C0%2C0%2C1%2C51.231%2C87.6c-1.611.36-3.221.718-4.847%2C1Z%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%23526d7f%22%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg%20transform%3D%22translate(386.697%20765.623)%22%3E%3Cg%20transform%3D%22translate(0%200)%22%20clip-path%3D%22url(%23b)%22%3E%3Cpath%20d%3D%22M81.419%2C160.448c-2.979-.217-5.943-.585-8.91-.953a98.818%2C98.818%2C0%2C0%2C1-16.958-3.727a78.674%2C78.674%2C0%2C0%2C1-13.1-5.422a70.434%2C70.434%2C0%2C0%2C1-11.893-7.66a79.334%2C79.334%2C0%2C0%2C1-9.243-8.76A76.943%2C76.943%2C0%2C0%2C1%2C9.973%2C117.182a94.207%2C94.207%2C0%2C0%2C1-6.7-17.952A111.029%2C111.029%2C0%2C0%2C1%2C.554%2C85.171A85.648%2C85.648%2C0%2C0%2C1%2C.025%2C76.4a83.044%2C83.044%2C0%2C0%2C1%2C.692-12.51A72.865%2C72.865%2C0%2C0%2C1%2C8.992%2C37.308a64.42%2C64.42%2C0%2C0%2C1%2C10.87-14.435a65.6%2C65.6%2C0%2C0%2C1%2C10.694-8.709a81.856%2C81.856%2C0%2C0%2C1%2C10.5-5.831A98.584%2C98.584%2C0%2C0%2C1%2C55.745%2C3.1C59.78%2C1.974%2C63.947%2C1.52%2C68.028.54L82%2C0c4.157.583%2C8.347.636%2C12.474%2C1.373a98.853%2C98.853%2C0%2C0%2C1%2C15.115%2C3.8a81.892%2C81.892%2C0%2C0%2C1%2C11.017%2C4.8a65.566%2C65.566%2C0%2C0%2C1%2C11.479%2C7.643a64.487%2C64.487%2C0%2C0%2C1%2C12.206%2C13.325A72.887%2C72.887%2C0%2C0%2C1%2C155.075%2C56.6a83.325%2C83.325%2C0%2C0%2C1%2C1.89%2C12.386a85.736%2C85.736%2C0%2C0%2C1%2C.315%2C8.787a110.857%2C110.857%2C0%2C0%2C1-1.358%2C14.255a94.28%2C94.28%2C0%2C0%2C1-4.947%2C18.511a76.844%2C76.844%2C0%2C0%2C1-9.685%2C17.754a79.156%2C79.156%2C0%2C0%2C1-8.359%2C9.607a70.309%2C70.309%2C0%2C0%2C1-11.105%2C8.766a78.621%2C78.621%2C0%2C0%2C1-12.517%2C6.655a98.816%2C98.816%2C0%2C0%2C1-16.522%2C5.336c-2.919.651-5.833%2C1.3-8.779%2C1.8Z%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%23c3d7d1%22%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    height: 100px;
    width: 100px;
    z-index: -1;
    background-size: contain;
    background-position: center;
}

#category-p  .header-ten .header-image .shape3 {
    position: absolute;
    bottom: 10px;
    right: 94px;
    z-index: -1;
}

#category-p  .header-ten a {
    background: var(--bubble-blue);
    color: var(--white);
    font-weight: 500;
    font-size: 12px;
    border-radius: 0!important;
    transition: 0.3ms;
    text-transform: uppercase;
}


/* card first  */
#category-p  .blog-area#chasses{
    padding-bottom: 120px;
    background: var(--bubble-beige);
}

#category-p  .blog-area#calendrier{
    padding-bottom: 120px;
    background: var(--white);
}

#category-p  .blog-area .content h2{
    padding-top: 120px;
    font-family: var(--font-title);
    color: var(--black);
    font-size: 40px;
    font-weight: 300;
    margin-bottom: 30px;
}

#category-p  .blog-style-two .blog-content{
    background-color: var(--white);
}
#category-p  .blog-area .content p{
    color: var(--black);
    font-size: 20px;
    font-weight: 300;
}

#category-p  .blog-style-two .blog-content .btn {
    margin-top: 40px;
    background: var(--bubble-orange);
    color: var(--white);
    font-weight: 500;
    font-size: 12px;
    border-radius: 0!important;
    transition: 0.3ms;
    text-transform: uppercase;
}

#category-p  .blog-style-two .blog-content .btn-teasing {
    margin-top: 40px;
    background: var(--white);
    color: var(--bubble-orange);
    border: 2px solid var(--bubble-orange);
    font-weight: 500;
    padding: 12px 24px;
    line-height: 20px;
    letter-spacing: 0.08em;
    font-size: 12px;
    border-radius: 0!important;
    transition: 0.3ms;
    text-transform: uppercase;
}

#category-p  .blog-style-two .blog-content .btn-teasing:hover {
    background: var(--white)!important;
    color: var(--bubble-orange)!important;
    border: 2px solid var(--bubble-orange)!important;
    font-weight: 500;
    font-size: 12px;
    border-radius: 0!important;
    transition: 0.3ms;
    text-transform: uppercase;
}

#category-p .ttmodel .modal-content{
    background-color: var(--bubble-beige);
    padding: 30px!important;
    border: none!important;
}

#category-p  .blog-style-two .blog-content  .btn-acheter{
    margin-top: 5px;
    background: var(--bubble-orange);
    color: var(--white);
    font-weight: 500;
    font-size: 12px;
    border-radius: 0!important;
    transition: 0.3ms;
    text-transform: uppercase;
}

#category-p  .blog-style-two .blog-content .active.btn,#home  .blog-style-two .blog-content .btn:hover, #category-p  .blog-style-two .blog-content .btn:focus {
    background: var(--bubble-blue);
}

#category-p  .blog-style-two {
    margin-top: 50px;
    overflow: hidden;
}
#category-p .blog-style-two .blog-image img {
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
}
#category-p  .blog-style-two .blog-content {
    padding: 35px;
    text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    #category-p  .blog-style-two .blog-content {
        padding: 25px;
    }
}
@media (max-width: 767px) {
    #category-p  .blog-style-two .blog-content {
        padding: 20px;
    }
}
#category-p  .blog-style-two .blog-content .blog-title {
    display: block;
    margin-bottom: 8px;
}

#category-p  .blog-style-two .blog-content .text {
    font-weight: 500;
    text-transform: uppercase;
    color: var(--black);
    margin-top: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Set the desired number of lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.5em;
    min-height: calc( 1.5em * 3);
}
#category-p .blog-style-two .blog-content .card-price{
    font-weight: 500;
    color: var(--bubble-blue);
    margin-top: 16px;
}


#category-p  .blog-style-two .blog-content .primary-btn-outline {
    margin-top: 25px;
}



/* call to action*/
#category-p #call-action{
    padding-top: 120px;
    padding-bottom: 120px;
}

#category-p #call-action .btn {
    margin-top: 40px;
    background: var(--bubble-orange);
    color: var(--white);
    font-weight: 500;
    font-size: 12px;
    border-radius: 0!important;
    transition: 0.3ms;
    text-transform: uppercase;
}

#category-p #call-action .btn:hover{
    background-color: var(--bubble-blue);
    border: none;
}

#category-p #call-action h2{
    font-family: var(--font-title);
    color: var(--black);
    font-size: 40px;
    font-weight: 300;
    margin-bottom: 30px;
}

#category-p #call-action p{
    color: var(--black);
    font-size: 20px;
    font-weight: 300;
}

/* features*/
#category-p .features-area{
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: var(--bubble-green);
}

#category-p .features-area .main-title{
    font-family: var(--font-title);
    color: var(--black);
    font-size: 40px;
    font-weight: 300;
    margin-bottom: 30px;
}

#category-p .features-area .sub-title{
    color: var(--black);
    font-size: 20px;
    font-weight: 600;
}

#category-p .features-area p{
    color: var(--black);
    font-size: 20px;
    font-weight: 300;
}

#category-p .features-area li{
    margin-top: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#category-p .features-area li .svg-cont{
    width: 45px;
    height: 45px;
    aspect-ratio: 1;
}

#category-p .between-sections {
    position: absolute;
    bottom: -70px;
    left: 78%;
    transform: translateX(-50%);
    z-index: 10;
}

@media (max-width: 767px) {
    #category-p .between-sections {
        left: 55%;
    }
    
}

#category-p .svg-element-blue{
    position: relative;
    margin-top: -10px;
}

/* card area malins*/
#category-p .card-area{
    padding-top: 80px;
    padding-bottom: 100px;
    background-color: var(--white);
}

#category-p .card-area .section-title{
    text-align: center;
    margin-bottom: 50px;
}

#category-p .card-area .section-title h2{
    font-family: var(--font-title);
    color: var(--black);
    font-size: 40px;
    font-weight: 300;
    margin-bottom: 30px;
}
#category-p .card-area .section-title p,
#category-p .card-area .section-footer p{
    color: var(--black);
    font-size: 20px;
    font-weight: 300;
}

#category-p .card-area img{
    aspect-ratio: 1;
    object-fit: contain;
    width: 100px;
}

#category-p .card-area .card-title{
    text-align: center;
    font-family: var(--font-title);
    color: var(--bubble-blue)!important;
    font-size: 54px;
    font-weight: 300 !important;
    margin-bottom: 30px;
    text-transform: uppercase;
}

#category-p .card-area .text{
    color: var(--bubble-blue);
    font-size: 20px;
    font-weight: 300;
    text-align: center;
}

#category-p .card-area .section-footer{
    margin-top: 50px;
    text-align: center;
}

#category-p .card-area .btn-primary{
    margin-top: 40px;
    background: var(--bubble-orange);
    color: var(--white);
    font-weight: 500;
    font-size: 12px;
    border-radius: 0!important;
    transition: 0.3ms;
    text-transform: uppercase;
    border: none;
}

#category-p .card-area .btn-primary:hover{
    background: var(--bubble-green);
    border: none;
}

/* 9 motivation */

#category-p .card-area-kit{
    padding-top: 80px;
    padding-bottom: 100px;
    background-color: var(--white);
}

#category-p .card-area-kit .section-title{
    text-align: center;
    margin-bottom: 50px;
}

#category-p .card-area-kit .section-title h2{
    font-family: var(--font-title);
    color: var(--black);
    font-size: 40px;
    font-weight: 300;
    margin-bottom: 30px;
}
#category-p .card-area-kit .section-title p {
    color: var(--black);
    font-size: 20px;
    font-weight: 300;
}

#category-p .card-area-kit .single-card{
    margin: 5% 5% 5% 5%;
    padding: 14% 14% 14% 14%;
    aspect-ratio: 1.1;
    display: flex;
    transition: transform 0.3s ease-in-out; /* Smooth transition */
    cursor: pointer;
    position: relative;
}
#category-p .card-area-kit .single-card:hover {
    transform: scale(1.05); /* Slightly increase the size on hover */
    filter: brightness(0.8);
}

#category-p .card-area-kit .single-card .card-icon {
    position: absolute;
    bottom: 10px;
    right: 10px;
    padding: 6px 8px;
    font-size: 14px;
    line-height: 1;
    transition: background 0.3s ease;
}


#category-p .card-area-kit .single-card .card-content{
    margin: auto;
    text-align: center;
}

#category-p .card-area-kit .card-image {
    text-align: center;
    margin: auto;
}

#category-p .card-area-kit .card-image img{
    height: auto;
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

#category-p .card-area-kit .single-card .card-content .card-title{
    font-family: var(--font-title);
    font-weight: 300;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 27px;
    margin-top: 30px;
}

#category-p .card-area-kit .modal-dialog-scrollable .btn-close{
    padding: 15px;
}

#category-p .card-area-kit .modal-dialog-scrollable .btn-close:hover,
#category-p .card-area-kit .modal-dialog-scrollable .btn-close:active,
#category-p .card-area-kit .modal-dialog-scrollable .btn-close:focus{
    outline: none!important;
    box-shadow: none!important;
    border: none !important;
}

#category-p .card-area-kit .modal-header{
    display: block!important;
    text-align: center;
    margin: auto;
    border: none!important;
}

#category-p .card-area-kit .modal-header img{
    filter: brightness(0.5);
}

#category-p .card-area-kit .modal-header h4{
    font-family: var(--font-title);
    color: var(--black);
    font-weight: 300;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 27px;
    margin-top: 30px;
}

#category-p .modal-dialog-scrollable .modal-content .svg-element{
    transform: rotate(180deg);
    margin-bottom: -10px;
}

#category-p .card-area-kit .modal-header img{
    text-align: center;
    margin: auto;
}

#category-p .card-area-kit .modal-header .modal-title{
    display: block!important;
}

#category-p .card-area-kit .modal-body{
    background-color: var(--bubble-beige);
    padding: 30px 50px;
}

#category-p .card-area-kit .modal-body p{
    color: var(--black);
    font-size: 16px;
    font-weight: 300;
}

#category-p .card-area-kit .modal-body strong{
    font-weight: 600;
}

/*======================================
    NOTRE HISTOIRE
========================================*/

#histoire .header-ten {
    position: relative;
    background: var(--white);
    overflow: hidden;
    padding: 100px 0;
}

@media (max-width: 768px) {
    #histoire .header-ten {
        padding: 50px 0;
    }
}


#histoire .header-ten.header-secondary {
    position: relative;
    background: var(--bubble-beige);
    overflow: hidden;
    padding: 100px 0;
}

#histoire .header-ten h1{
    font-family: var(--font-title);
    color: var(--bubble-blue)!important;
    font-size: 54px;
    font-weight: 300 !important;
    margin-bottom: 30px;
    text-transform: uppercase;
}

#histoire .header-ten h2{
    font-family: var(--font-title);
    color: var(--black);
    font-size: 40px;
    font-weight: 300 !important;
    margin-bottom: 30px;
}

#histoire .header-ten .text{
    color: var(--black);
    font-size: 20px;
    font-weight: 300;
}


#histoire .header-ten .header-inner {
    height: auto;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 3;
}

#histoire .header-ten .header-inner p{
    color: var(--black);
    font-size: 20px;
    font-weight: 300;
}

#histoire .header-ten .header-text {
    float: none;
}

#histoire .header-ten .header-text h1 {
    font-weight: 600;
    margin-bottom: 25px;
    color: var(--black);
    letter-spacing: -1px;
}

#histoire .header-ten .header-text .light-rounded-buttons {
    margin-top: 30px;
}
#histoire .header-image {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

#histoire .header-image .dynamic-image {
    width: 100%; /* Adjust as needed */
    height: 100%;
    object-fit: cover;
    position: relative;
    z-index: 1;
}

#histoire .header-image .shape3 {
    position: absolute;
    bottom: 35px;
    right: 60px;
    z-index: -1;
    width: 100px;
    height: 100px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='163.464' height='123.975' viewBox='0 0 163.464 123.975'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_2' data-name='Rectangle 2' width='163.464' height='123.975' fill='%23a9c1bc'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Groupe_1' data-name='Groupe 1' clip-path='url(%23clip-path)'%3E%3Cpath id='Trac%C3%A9_1' data-name='Trac%C3%A9 1' d='M60.343,23.654a36.644,36.644,0,0,0-1.013-5.043,29.286,29.286,0,0,0-2.579-6.462,21.922,21.922,0,0,0-6.777-7.583A23.607,23.607,0,0,0,42.31,1.114a32.064,32.064,0,0,0-4.9-.87c-1.052-.1-2.107-.16-3.159-.221A46.268,46.268,0,0,0,29.44.209a1.345,1.345,0,0,0-.168.015c-.86.118-1.719.229-2.575.36-.441.067-.88.145-1.318.228l-1.05.132a1.349,1.349,0,0,0-.167.029,46.327,46.327,0,0,0-4.7,1.056c-1,.329-2,.659-3,1.025a32.054,32.054,0,0,0-4.507,2.1,23.6,23.6,0,0,0-6.521,5.3,21.918,21.918,0,0,0-4.6,9.069A29.274,29.274,0,0,0,0,26.435a36.746,36.746,0,0,0,.316,5.134,35.237,35.237,0,0,0,.957,5.175,30.328,30.328,0,0,0,1.341,3.6,40.837,40.837,0,0,0,2.679,4.981,30.419,30.419,0,0,0,2.027,2.8,30.179,30.179,0,0,0,3.434,3.687,27.954,27.954,0,0,0,5.829,4.1,29.088,29.088,0,0,0,8.17,2.828,35.086,35.086,0,0,0,7.753.547l.507-.01c1.032-.129,2.02-.272,3.031-.494A35.3,35.3,0,0,0,43.705,56.2a29.087,29.087,0,0,0,7.169-4.831,27.972,27.972,0,0,0,4.581-5.461,30.24,30.24,0,0,0,2.372-4.445,30.524,30.524,0,0,0,1.239-3.23,40.992,40.992,0,0,0,1.31-5.5,30.326,30.326,0,0,0,.371-3.826,35.212,35.212,0,0,0-.4-5.248' fill='%23a9c1bc'/%3E%3Cpath id='Trac%C3%A9_2' data-name='Trac%C3%A9 2' d='M293.294,295.611c-.941-.068-1.877-.185-2.814-.3a31.275,31.275,0,0,1-5.355-1.177,24.857,24.857,0,0,1-4.137-1.713A22.239,22.239,0,0,1,277.231,290a25.026,25.026,0,0,1-2.919-2.766,24.287,24.287,0,0,1-3.583-5.288,29.8,29.8,0,0,1-2.116-5.67,35.075,35.075,0,0,1-.858-4.44,27.184,27.184,0,0,1-.167-2.772,26.293,26.293,0,0,1,.219-3.951,23.022,23.022,0,0,1,2.613-8.394,20.366,20.366,0,0,1,3.433-4.559,20.711,20.711,0,0,1,3.377-2.75,25.905,25.905,0,0,1,3.318-1.842,31.2,31.2,0,0,1,4.637-1.651c1.275-.357,2.591-.5,3.879-.81l4.412-.17c1.313.184,2.636.2,3.939.434a31.207,31.207,0,0,1,4.774,1.2,25.894,25.894,0,0,1,3.479,1.515,20.7,20.7,0,0,1,3.626,2.414,20.354,20.354,0,0,1,3.855,4.208,23.021,23.021,0,0,1,3.407,8.1,26.35,26.35,0,0,1,.6,3.912,27.238,27.238,0,0,1,.1,2.775,35.048,35.048,0,0,1-.428,4.5,29.808,29.808,0,0,1-1.562,5.846,24.289,24.289,0,0,1-3.059,5.607,25.036,25.036,0,0,1-2.64,3.034,22.236,22.236,0,0,1-3.507,2.768,24.886,24.886,0,0,1-3.953,2.1,31.252,31.252,0,0,1-5.218,1.685c-.922.2-1.843.411-2.772.569Z' transform='translate(-199.698 -182.8)' fill='%23a9c1bc'/%3E%3Cpath id='Trac%C3%A9_3' data-name='Trac%C3%A9 3' d='M310.14,77.9c.048-.661.13-1.32.211-1.979a21.975,21.975,0,0,1,.828-3.765,17.463,17.463,0,0,1,1.2-2.909,15.622,15.622,0,0,1,1.7-2.641,17.6,17.6,0,0,1,1.945-2.052,17.073,17.073,0,0,1,3.718-2.519,20.937,20.937,0,0,1,3.986-1.488,24.623,24.623,0,0,1,3.122-.6,19.094,19.094,0,0,1,1.949-.118,18.494,18.494,0,0,1,2.778.154,16.177,16.177,0,0,1,5.9,1.837,14.316,14.316,0,0,1,3.2,2.414,14.563,14.563,0,0,1,1.934,2.375,18.215,18.215,0,0,1,1.3,2.333,21.957,21.957,0,0,1,1.161,3.26c.251.9.352,1.821.57,2.728l.12,3.1c-.13.923-.141,1.853-.3,2.77a21.935,21.935,0,0,1-.843,3.357,18.179,18.179,0,0,1-1.065,2.446,14.537,14.537,0,0,1-1.7,2.549,14.3,14.3,0,0,1-2.959,2.71,16.183,16.183,0,0,1-5.7,2.4,18.484,18.484,0,0,1-2.75.42,19.089,19.089,0,0,1-1.951.07,24.627,24.627,0,0,1-3.165-.3,20.952,20.952,0,0,1-4.111-1.1A17.084,17.084,0,0,1,317.28,91.2a17.586,17.586,0,0,1-2.133-1.856,15.626,15.626,0,0,1-1.947-2.466,17.484,17.484,0,0,1-1.478-2.78,21.96,21.96,0,0,1-1.185-3.669c-.145-.648-.289-1.3-.4-1.949Z' transform='translate(-231.46 -44.642)' fill='%23a9c1bc'/%3E%3Cpath id='Trac%C3%A9_4' data-name='Trac%C3%A9 4' d='M20.965,290.511a12.846,12.846,0,0,0,.621-1.693,10.261,10.261,0,0,0,.412-2.4,7.684,7.684,0,0,0-.637-3.508,8.277,8.277,0,0,0-1.661-2.44,11.221,11.221,0,0,0-1.3-1.157c-.3-.222-.6-.434-.9-.645a16.251,16.251,0,0,0-1.474-.826.445.445,0,0,0-.053-.026c-.279-.122-.556-.246-.836-.364-.144-.061-.289-.118-.436-.173l-.338-.153a.468.468,0,0,0-.055-.022,16.163,16.163,0,0,0-1.6-.545c-.36-.085-.72-.171-1.084-.243a11.232,11.232,0,0,0-1.732-.2,8.28,8.28,0,0,0-2.921.391,7.686,7.686,0,0,0-3.037,1.868,10.264,10.264,0,0,0-1.515,1.912,12.9,12.9,0,0,0-.846,1.593,12.389,12.389,0,0,0-.665,1.72,10.693,10.693,0,0,0-.259,1.323,14.312,14.312,0,0,0-.111,1.98,12.022,12.022,0,0,0,.444,2.941,9.8,9.8,0,0,0,.991,2.294A10.2,10.2,0,0,0,3.9,294.484a12.3,12.3,0,0,0,2.217,1.584l.153.09c.332.15.654.289,1,.407a12.387,12.387,0,0,0,2.764.628,10.2,10.2,0,0,0,3.028-.131,9.8,9.8,0,0,0,2.37-.793,11.97,11.97,0,0,0,2.486-1.633,14.318,14.318,0,0,0,1.4-1.4,10.647,10.647,0,0,0,.812-1.076,12.366,12.366,0,0,0,.84-1.643' transform='translate(-0.401 -206.064)' fill='%23a9c1bc'/%3E%3Cpath id='Trac%C3%A9_5' data-name='Trac%C3%A9 5' d='M558.494,85.473c-.386-.028-.771-.076-1.156-.124a12.816,12.816,0,0,1-2.2-.483,10.2,10.2,0,0,1-1.7-.7,9.132,9.132,0,0,1-1.542-.993,10.288,10.288,0,0,1-1.2-1.136,9.979,9.979,0,0,1-1.471-2.172,12.225,12.225,0,0,1-.869-2.328A14.4,14.4,0,0,1,548,75.714a11.112,11.112,0,0,1-.068-1.138,10.779,10.779,0,0,1,.09-1.622A9.45,9.45,0,0,1,549.1,69.5a8.354,8.354,0,0,1,1.41-1.872A8.506,8.506,0,0,1,551.9,66.5a10.613,10.613,0,0,1,1.362-.756,12.784,12.784,0,0,1,1.9-.678c.523-.147,1.064-.205,1.593-.333l1.812-.07c.539.076,1.082.082,1.617.178a12.82,12.82,0,0,1,1.96.492,10.624,10.624,0,0,1,1.429.622,8.5,8.5,0,0,1,1.489.991,8.362,8.362,0,0,1,1.583,1.728,9.448,9.448,0,0,1,1.4,3.328,10.81,10.81,0,0,1,.245,1.606,11.1,11.1,0,0,1,.041,1.14,14.387,14.387,0,0,1-.176,1.849,12.223,12.223,0,0,1-.642,2.4,9.967,9.967,0,0,1-1.256,2.3,10.284,10.284,0,0,1-1.084,1.246,9.12,9.12,0,0,1-1.44,1.137,10.2,10.2,0,0,1-1.623.863,12.81,12.81,0,0,1-2.143.692c-.378.084-.757.169-1.139.234Z' transform='translate(-408.931 -48.26)' fill='%23a9c1bc'/%3E%3Cpath id='Trac%C3%A9_6' data-name='Trac%C3%A9 6' d='M574.494,427.473c-.386-.028-.771-.076-1.156-.124a12.817,12.817,0,0,1-2.2-.483,10.2,10.2,0,0,1-1.7-.7,9.134,9.134,0,0,1-1.542-.993,10.288,10.288,0,0,1-1.2-1.136,9.976,9.976,0,0,1-1.471-2.172,12.22,12.22,0,0,1-.869-2.328,14.392,14.392,0,0,1-.353-1.823,11.094,11.094,0,0,1-.068-1.138,10.779,10.779,0,0,1,.09-1.622A9.45,9.45,0,0,1,565.1,411.5a8.356,8.356,0,0,1,1.41-1.872,8.508,8.508,0,0,1,1.39-1.128,10.625,10.625,0,0,1,1.362-.756,12.785,12.785,0,0,1,1.9-.678c.523-.147,1.064-.206,1.593-.333l1.812-.07c.539.076,1.082.082,1.617.178a12.824,12.824,0,0,1,1.96.492,10.635,10.635,0,0,1,1.429.622,8.5,8.5,0,0,1,1.489.991,8.363,8.363,0,0,1,1.583,1.728,9.452,9.452,0,0,1,1.4,3.328,10.81,10.81,0,0,1,.245,1.606,11.122,11.122,0,0,1,.041,1.14,14.387,14.387,0,0,1-.176,1.849,12.228,12.228,0,0,1-.642,2.4,9.969,9.969,0,0,1-1.256,2.3,10.263,10.263,0,0,1-1.084,1.246,9.113,9.113,0,0,1-1.44,1.137,10.2,10.2,0,0,1-1.623.863,12.807,12.807,0,0,1-2.143.692c-.378.084-.757.169-1.139.234Z' transform='translate(-420.872 -303.499)' fill='%23a9c1bc'/%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

#histoire .header-ten .header-image .shape3 {
    position: absolute;
    bottom: 35px;
    right: 0;
    z-index: -1;
}

/*facility css */
#histoire .svg-element svg{
    margin-bottom: -1px;
}

#histoire .services-three {
    position: relative;
    background-color: var(--bubble-green);
    padding-top: 80px;
    padding-bottom: 120px;
}
#histoire .services-three .image {
    border-radius: 8px;
    overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    #histoire .services-three .image {
        margin-top: 35px;
    }
}
@media (max-width: 767px) {
    #histoire .services-three .image {
        margin-top: 30px;
    }
}
#histoire .services-three .services-content .sub-title {
    font-family: var(--font-title);
    color: var(--black);
    font-weight: 300;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 27px;
    margin-top: 30px;
}
#histoire .services-three .services-content .services-title {
    font-family: var(--font-title);
    color: var(--black);
    font-size: 40px;
    font-weight: 300 !important;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    #histoire .services-three .services-content .services-title {
        font-size: 35px;
        line-height: 48px;
    }
}
@media (max-width: 767px) {
    #histoire .services-three .services-content .services-title {
        font-size: 30px;
        line-height: 42px;
    }
}
#histoire .services-three .services-content .text {
    color: var(--black);
    font-size: 20px;
    font-weight: 300;
    margin-top: 30px;
}

#histoire .svg-elemen{
    background: var(--bubble-beige);
}

#histoire .svg-element svg{
    transform: rotate(180deg);
    display: block;
}

/*call action four */
#histoire .call-action-four .call-action-form .primary-btn {
    display: block;
    padding: 10px 15px;
    margin-top: 40px;
    background: var(--bubble-blue);
    color: var(--white);
    font-weight: 500;
    font-size: 12px;
    border-radius: 0!important;
    transition: 0.3ms;
    text-transform: uppercase;
}
#histoire .call-action-four .call-action-form .active.primary-btn, #histoire  .call-action-four .call-action-form  .primary-btn:hover, #histoire  .call-action-four .call-action-form .primary-btn:focus {
    background: var(--bubble-green);
}
#histoire .call-action-four .call-action-form .action-btn .deactive.primary-btn {
    background: var(--gray-4);
    color: var(--dark-3);
    pointer-events: none;
}

#histoire .call-action-four {
    background-color: var(--white);
    padding-top: 90px;
    padding-bottom: 100px;
}
#histoire .call-action-four .call-action-content .action-title {
    font-family: var(--font-title);
    color: var(--black);
    font-size: 40px;
    font-weight: 300 !important;
}
#histoire .call-action-four .call-action-content .text {
    color: var(--white);
    margin-top: 16px;
}
#histoire .call-action-four .call-action-form {
    position: relative;
    max-width: 480px;
    margin: 45px auto 0;
}
#histoire .call-action-four .call-action-form input {
    width: 100%;
    height: 60px;
    border: none;
    border-bottom: 1px solid var(--black);
    background: none;
    padding: 0 10px;
    border-radius: 0;
    color: var(--black);
}

#histoire .call-action-four .call-action-form .fields {
    width: 100%;
    height: 60px;
    border: none;
    border-bottom: 1px solid var(--black);
    background: none;
    padding: 0 10px;
    border-radius: 0;
    color: var(--black);
}

#histoire #mc-embedded-subscribe {
    width: unset;
    display: block;
    padding: 15px 30px!important;
    background: var(--bubble-blue);
    color: var(--white);
    font-weight: 500;
    font-size: 12px;
    border-radius: 0!important;
    transition: 0.3ms;
    text-transform: uppercase;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 50px;
    box-shadow: none;
    outline: none;
    height: unset!important;
}




@media (max-width: 767px) {
    #histoire .call-action-four .call-action-form input {
        height: 50px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    #histoire .call-action-four .call-action-form input {
        height: 60px;
    }
}
#histoire .call-action-four .call-action-form input::placeholder {
    color: var(--black);
}
/*======================================
    CONDITION MODEL CSS
========================================*/
#conditions-generales{
    padding-top: 120px;
    padding-bottom: 120px;
}

#conditions-generales .section-title h1{
    font-family: var(--font-title);
    color: var(--bubble-blue);
    font-weight: 300;
    font-size: 54px;
    line-height: 60px;
    margin-bottom: 50px;
    text-transform: uppercase;
}

#conditions-generales .section-content h1,
#conditions-generales .section-content h2,
#conditions-generales .section-content h3,
#conditions-generales .section-content h4,
#conditions-generales .section-content h5,
#conditions-generales .section-content h6 {
    font-family: var(--font-title);
    color: var(--black);
    font-size: 40px;
    font-weight: 300;
    margin-bottom: 30px;
    text-transform: uppercase;
}
#conditions-generales .section-content p{
    color: var(--black);
    font-size: 20px;
    font-weight: 300;
}

#conditions-generales .section-content a{
    font-size: 20px;
    font-weight: 300;
    color: var(--bubble-orange);
    transition: color 0.3s;
}

#conditions-generales .section-content a:hover{
    color: var(--bubble-green);
}
#conditions-generales .section-content strong{
    font-weight: 800;
}


#conditions-generales ul{
    list-style-type: unset!important;
    padding-left: 10px;
}

#conditions-generales table{
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid var(--black);
    padding: 10px;
}

#conditions-generales table td,
#conditions-generales table th,
#conditions-generales table tr{
    padding: 10px;
}

/*======================================
    CONTACT CSS
========================================*/

#contact_page .header-ten {
    position: relative;
    background: var(--white);
    overflow: hidden;
    padding-top: 100px;
    padding-bottom: 130px;
}


#contact_page .spinner {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255,255,255,.3);
    border-radius: 50%;
    border-top-color: #fff;
    animation: spin 0.8s linear infinite;
    margin-right: 8px;
    vertical-align: middle;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

#contact_page  .btnContact.disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

#contact_page #captcha-label {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
}

#contact_page .header-ten h1{
    font-family: var(--font-title);
    color: var(--bubble-blue)!important;
    font-size: 54px;
    font-weight: 300 !important;
    margin-bottom: 30px;
    text-transform: uppercase;
}

#contact_page .header-ten h2{
    font-family: var(--font-title);
    color: var(--black);
    font-size: 40px;
    font-weight: 300 !important;
    margin-bottom: 30px;
}

#contact_page .header-ten .text{
    color: var(--black);
    font-size: 20px;
    font-weight: 300;
}


#contact_page .header-ten .header-inner {
    height: auto;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 3;
}
#contact_page .header-ten .header-text {
    float: none;
}

#contact_page .header-ten .header-text h1 {
    font-weight: 600;
    margin-bottom: 25px;
    color: var(--black);
    letter-spacing: -1px;
}
#contact_page .header-ten .header-text p {
    color: var(--dark-3);
}
#contact_page .header-ten .header-text .light-rounded-buttons {
    margin-top: 30px;
}
#contact_page .header-image {
    position: relative;
    height: 500px;
    width: 500px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

#contact_page .header-image .dynamic-image {
    width: 100%; /* Adjust as needed */
    height: auto;
    border-radius: 50%;
    object-fit: cover;
    position: relative;
    z-index: 1;
    aspect-ratio: 1;
}

#contact_page .header-image .shape3 {
    position: absolute;
    bottom: 35px;
    right: 60px;
    z-index: -1;
    width: 100px;
    height: 100px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='163.464' height='123.975' viewBox='0 0 163.464 123.975'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_2' data-name='Rectangle 2' width='163.464' height='123.975' fill='%23a9c1bc'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Groupe_1' data-name='Groupe 1' clip-path='url(%23clip-path)'%3E%3Cpath id='Trac%C3%A9_1' data-name='Trac%C3%A9 1' d='M60.343,23.654a36.644,36.644,0,0,0-1.013-5.043,29.286,29.286,0,0,0-2.579-6.462,21.922,21.922,0,0,0-6.777-7.583A23.607,23.607,0,0,0,42.31,1.114a32.064,32.064,0,0,0-4.9-.87c-1.052-.1-2.107-.16-3.159-.221A46.268,46.268,0,0,0,29.44.209a1.345,1.345,0,0,0-.168.015c-.86.118-1.719.229-2.575.36-.441.067-.88.145-1.318.228l-1.05.132a1.349,1.349,0,0,0-.167.029,46.327,46.327,0,0,0-4.7,1.056c-1,.329-2,.659-3,1.025a32.054,32.054,0,0,0-4.507,2.1,23.6,23.6,0,0,0-6.521,5.3,21.918,21.918,0,0,0-4.6,9.069A29.274,29.274,0,0,0,0,26.435a36.746,36.746,0,0,0,.316,5.134,35.237,35.237,0,0,0,.957,5.175,30.328,30.328,0,0,0,1.341,3.6,40.837,40.837,0,0,0,2.679,4.981,30.419,30.419,0,0,0,2.027,2.8,30.179,30.179,0,0,0,3.434,3.687,27.954,27.954,0,0,0,5.829,4.1,29.088,29.088,0,0,0,8.17,2.828,35.086,35.086,0,0,0,7.753.547l.507-.01c1.032-.129,2.02-.272,3.031-.494A35.3,35.3,0,0,0,43.705,56.2a29.087,29.087,0,0,0,7.169-4.831,27.972,27.972,0,0,0,4.581-5.461,30.24,30.24,0,0,0,2.372-4.445,30.524,30.524,0,0,0,1.239-3.23,40.992,40.992,0,0,0,1.31-5.5,30.326,30.326,0,0,0,.371-3.826,35.212,35.212,0,0,0-.4-5.248' fill='%23a9c1bc'/%3E%3Cpath id='Trac%C3%A9_2' data-name='Trac%C3%A9 2' d='M293.294,295.611c-.941-.068-1.877-.185-2.814-.3a31.275,31.275,0,0,1-5.355-1.177,24.857,24.857,0,0,1-4.137-1.713A22.239,22.239,0,0,1,277.231,290a25.026,25.026,0,0,1-2.919-2.766,24.287,24.287,0,0,1-3.583-5.288,29.8,29.8,0,0,1-2.116-5.67,35.075,35.075,0,0,1-.858-4.44,27.184,27.184,0,0,1-.167-2.772,26.293,26.293,0,0,1,.219-3.951,23.022,23.022,0,0,1,2.613-8.394,20.366,20.366,0,0,1,3.433-4.559,20.711,20.711,0,0,1,3.377-2.75,25.905,25.905,0,0,1,3.318-1.842,31.2,31.2,0,0,1,4.637-1.651c1.275-.357,2.591-.5,3.879-.81l4.412-.17c1.313.184,2.636.2,3.939.434a31.207,31.207,0,0,1,4.774,1.2,25.894,25.894,0,0,1,3.479,1.515,20.7,20.7,0,0,1,3.626,2.414,20.354,20.354,0,0,1,3.855,4.208,23.021,23.021,0,0,1,3.407,8.1,26.35,26.35,0,0,1,.6,3.912,27.238,27.238,0,0,1,.1,2.775,35.048,35.048,0,0,1-.428,4.5,29.808,29.808,0,0,1-1.562,5.846,24.289,24.289,0,0,1-3.059,5.607,25.036,25.036,0,0,1-2.64,3.034,22.236,22.236,0,0,1-3.507,2.768,24.886,24.886,0,0,1-3.953,2.1,31.252,31.252,0,0,1-5.218,1.685c-.922.2-1.843.411-2.772.569Z' transform='translate(-199.698 -182.8)' fill='%23a9c1bc'/%3E%3Cpath id='Trac%C3%A9_3' data-name='Trac%C3%A9 3' d='M310.14,77.9c.048-.661.13-1.32.211-1.979a21.975,21.975,0,0,1,.828-3.765,17.463,17.463,0,0,1,1.2-2.909,15.622,15.622,0,0,1,1.7-2.641,17.6,17.6,0,0,1,1.945-2.052,17.073,17.073,0,0,1,3.718-2.519,20.937,20.937,0,0,1,3.986-1.488,24.623,24.623,0,0,1,3.122-.6,19.094,19.094,0,0,1,1.949-.118,18.494,18.494,0,0,1,2.778.154,16.177,16.177,0,0,1,5.9,1.837,14.316,14.316,0,0,1,3.2,2.414,14.563,14.563,0,0,1,1.934,2.375,18.215,18.215,0,0,1,1.3,2.333,21.957,21.957,0,0,1,1.161,3.26c.251.9.352,1.821.57,2.728l.12,3.1c-.13.923-.141,1.853-.3,2.77a21.935,21.935,0,0,1-.843,3.357,18.179,18.179,0,0,1-1.065,2.446,14.537,14.537,0,0,1-1.7,2.549,14.3,14.3,0,0,1-2.959,2.71,16.183,16.183,0,0,1-5.7,2.4,18.484,18.484,0,0,1-2.75.42,19.089,19.089,0,0,1-1.951.07,24.627,24.627,0,0,1-3.165-.3,20.952,20.952,0,0,1-4.111-1.1A17.084,17.084,0,0,1,317.28,91.2a17.586,17.586,0,0,1-2.133-1.856,15.626,15.626,0,0,1-1.947-2.466,17.484,17.484,0,0,1-1.478-2.78,21.96,21.96,0,0,1-1.185-3.669c-.145-.648-.289-1.3-.4-1.949Z' transform='translate(-231.46 -44.642)' fill='%23a9c1bc'/%3E%3Cpath id='Trac%C3%A9_4' data-name='Trac%C3%A9 4' d='M20.965,290.511a12.846,12.846,0,0,0,.621-1.693,10.261,10.261,0,0,0,.412-2.4,7.684,7.684,0,0,0-.637-3.508,8.277,8.277,0,0,0-1.661-2.44,11.221,11.221,0,0,0-1.3-1.157c-.3-.222-.6-.434-.9-.645a16.251,16.251,0,0,0-1.474-.826.445.445,0,0,0-.053-.026c-.279-.122-.556-.246-.836-.364-.144-.061-.289-.118-.436-.173l-.338-.153a.468.468,0,0,0-.055-.022,16.163,16.163,0,0,0-1.6-.545c-.36-.085-.72-.171-1.084-.243a11.232,11.232,0,0,0-1.732-.2,8.28,8.28,0,0,0-2.921.391,7.686,7.686,0,0,0-3.037,1.868,10.264,10.264,0,0,0-1.515,1.912,12.9,12.9,0,0,0-.846,1.593,12.389,12.389,0,0,0-.665,1.72,10.693,10.693,0,0,0-.259,1.323,14.312,14.312,0,0,0-.111,1.98,12.022,12.022,0,0,0,.444,2.941,9.8,9.8,0,0,0,.991,2.294A10.2,10.2,0,0,0,3.9,294.484a12.3,12.3,0,0,0,2.217,1.584l.153.09c.332.15.654.289,1,.407a12.387,12.387,0,0,0,2.764.628,10.2,10.2,0,0,0,3.028-.131,9.8,9.8,0,0,0,2.37-.793,11.97,11.97,0,0,0,2.486-1.633,14.318,14.318,0,0,0,1.4-1.4,10.647,10.647,0,0,0,.812-1.076,12.366,12.366,0,0,0,.84-1.643' transform='translate(-0.401 -206.064)' fill='%23a9c1bc'/%3E%3Cpath id='Trac%C3%A9_5' data-name='Trac%C3%A9 5' d='M558.494,85.473c-.386-.028-.771-.076-1.156-.124a12.816,12.816,0,0,1-2.2-.483,10.2,10.2,0,0,1-1.7-.7,9.132,9.132,0,0,1-1.542-.993,10.288,10.288,0,0,1-1.2-1.136,9.979,9.979,0,0,1-1.471-2.172,12.225,12.225,0,0,1-.869-2.328A14.4,14.4,0,0,1,548,75.714a11.112,11.112,0,0,1-.068-1.138,10.779,10.779,0,0,1,.09-1.622A9.45,9.45,0,0,1,549.1,69.5a8.354,8.354,0,0,1,1.41-1.872A8.506,8.506,0,0,1,551.9,66.5a10.613,10.613,0,0,1,1.362-.756,12.784,12.784,0,0,1,1.9-.678c.523-.147,1.064-.205,1.593-.333l1.812-.07c.539.076,1.082.082,1.617.178a12.82,12.82,0,0,1,1.96.492,10.624,10.624,0,0,1,1.429.622,8.5,8.5,0,0,1,1.489.991,8.362,8.362,0,0,1,1.583,1.728,9.448,9.448,0,0,1,1.4,3.328,10.81,10.81,0,0,1,.245,1.606,11.1,11.1,0,0,1,.041,1.14,14.387,14.387,0,0,1-.176,1.849,12.223,12.223,0,0,1-.642,2.4,9.967,9.967,0,0,1-1.256,2.3,10.284,10.284,0,0,1-1.084,1.246,9.12,9.12,0,0,1-1.44,1.137,10.2,10.2,0,0,1-1.623.863,12.81,12.81,0,0,1-2.143.692c-.378.084-.757.169-1.139.234Z' transform='translate(-408.931 -48.26)' fill='%23a9c1bc'/%3E%3Cpath id='Trac%C3%A9_6' data-name='Trac%C3%A9 6' d='M574.494,427.473c-.386-.028-.771-.076-1.156-.124a12.817,12.817,0,0,1-2.2-.483,10.2,10.2,0,0,1-1.7-.7,9.134,9.134,0,0,1-1.542-.993,10.288,10.288,0,0,1-1.2-1.136,9.976,9.976,0,0,1-1.471-2.172,12.22,12.22,0,0,1-.869-2.328,14.392,14.392,0,0,1-.353-1.823,11.094,11.094,0,0,1-.068-1.138,10.779,10.779,0,0,1,.09-1.622A9.45,9.45,0,0,1,565.1,411.5a8.356,8.356,0,0,1,1.41-1.872,8.508,8.508,0,0,1,1.39-1.128,10.625,10.625,0,0,1,1.362-.756,12.785,12.785,0,0,1,1.9-.678c.523-.147,1.064-.206,1.593-.333l1.812-.07c.539.076,1.082.082,1.617.178a12.824,12.824,0,0,1,1.96.492,10.635,10.635,0,0,1,1.429.622,8.5,8.5,0,0,1,1.489.991,8.363,8.363,0,0,1,1.583,1.728,9.452,9.452,0,0,1,1.4,3.328,10.81,10.81,0,0,1,.245,1.606,11.122,11.122,0,0,1,.041,1.14,14.387,14.387,0,0,1-.176,1.849,12.228,12.228,0,0,1-.642,2.4,9.969,9.969,0,0,1-1.256,2.3,10.263,10.263,0,0,1-1.084,1.246,9.113,9.113,0,0,1-1.44,1.137,10.2,10.2,0,0,1-1.623.863,12.807,12.807,0,0,1-2.143.692c-.378.084-.757.169-1.139.234Z' transform='translate(-420.872 -303.499)' fill='%23a9c1bc'/%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}


#contact_page .header-ten .header-image::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20width%3D%22296.302%22%20height%3D%22224.754%22%20viewBox%3D%220%200%20296.302%20224.754%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Crect%20width%3D%2286.853%22%20height%3D%2288.594%22%20fill%3D%22none%22%3E%3C/rect%3E%3C/clipPath%3E%3CclipPath%20id%3D%22b%22%3E%3Crect%20width%3D%22157.303%22%20height%3D%22160.456%22%20fill%3D%22%23c3d7d1%22%3E%3C/rect%3E%3C/clipPath%3E%3C/defs%3E%3Cg%20transform%3D%22translate(-386.697%20-701.325)%22%3E%3Cg%20transform%3D%22translate(596.146%20701.325)%22%3E%3Cg%20transform%3D%22translate(0%200)%22%20clip-path%3D%22url(%23a)%22%3E%3Cpath%20d%3D%22M44.955%2C88.59c-1.645-.12-3.281-.323-4.92-.526a54.561%2C54.561%2C0%2C0%2C1-9.363-2.058a43.439%2C43.439%2C0%2C0%2C1-7.232-2.994a38.889%2C38.889%2C0%2C0%2C1-6.567-4.23a43.8%2C43.8%2C0%2C0%2C1-5.1-4.837A42.484%2C42.484%2C0%2C0%2C1%2C5.506%2C64.7a52.015%2C52.015%2C0%2C0%2C1-3.7-9.912a61.3%2C61.3%2C0%2C0%2C1-1.5-7.762a47.29%2C47.29%2C0%2C0%2C1-.292-4.845A45.852%2C45.852%2C0%2C0%2C1%2C.4%2C35.274A40.231%2C40.231%2C0%2C0%2C1%2C4.965%2C20.6a35.569%2C35.569%2C0%2C0%2C1%2C6-7.97a36.218%2C36.218%2C0%2C0%2C1%2C5.9-4.808a45.2%2C45.2%2C0%2C0%2C1%2C5.8-3.22a54.432%2C54.432%2C0%2C0%2C1%2C8.107-2.887C33.007%2C1.09%2C35.308.839%2C37.561.3L45.273%2C0c2.3.322%2C4.609.351%2C6.888.758a54.581%2C54.581%2C0%2C0%2C1%2C8.346%2C2.1A45.216%2C45.216%2C0%2C0%2C1%2C66.59%2C5.5a36.2%2C36.2%2C0%2C0%2C1%2C6.338%2C4.22a35.606%2C35.606%2C0%2C0%2C1%2C6.74%2C7.357a40.244%2C40.244%2C0%2C0%2C1%2C5.956%2C14.168a46.009%2C46.009%2C0%2C0%2C1%2C1.043%2C6.839a47.34%2C47.34%2C0%2C0%2C1%2C.174%2C4.852a61.212%2C61.212%2C0%2C0%2C1-.75%2C7.87a52.055%2C52.055%2C0%2C0%2C1-2.732%2C10.221a42.429%2C42.429%2C0%2C0%2C1-5.347%2C9.8a43.7%2C43.7%2C0%2C0%2C1-4.615%2C5.3a38.821%2C38.821%2C0%2C0%2C1-6.132%2C4.84a43.409%2C43.409%2C0%2C0%2C1-6.911%2C3.674A54.56%2C54.56%2C0%2C0%2C1%2C51.231%2C87.6c-1.611.36-3.221.718-4.847%2C1Z%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%23526d7f%22%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg%20transform%3D%22translate(386.697%20765.623)%22%3E%3Cg%20transform%3D%22translate(0%200)%22%20clip-path%3D%22url(%23b)%22%3E%3Cpath%20d%3D%22M81.419%2C160.448c-2.979-.217-5.943-.585-8.91-.953a98.818%2C98.818%2C0%2C0%2C1-16.958-3.727a78.674%2C78.674%2C0%2C0%2C1-13.1-5.422a70.434%2C70.434%2C0%2C0%2C1-11.893-7.66a79.334%2C79.334%2C0%2C0%2C1-9.243-8.76A76.943%2C76.943%2C0%2C0%2C1%2C9.973%2C117.182a94.207%2C94.207%2C0%2C0%2C1-6.7-17.952A111.029%2C111.029%2C0%2C0%2C1%2C.554%2C85.171A85.648%2C85.648%2C0%2C0%2C1%2C.025%2C76.4a83.044%2C83.044%2C0%2C0%2C1%2C.692-12.51A72.865%2C72.865%2C0%2C0%2C1%2C8.992%2C37.308a64.42%2C64.42%2C0%2C0%2C1%2C10.87-14.435a65.6%2C65.6%2C0%2C0%2C1%2C10.694-8.709a81.856%2C81.856%2C0%2C0%2C1%2C10.5-5.831A98.584%2C98.584%2C0%2C0%2C1%2C55.745%2C3.1C59.78%2C1.974%2C63.947%2C1.52%2C68.028.54L82%2C0c4.157.583%2C8.347.636%2C12.474%2C1.373a98.853%2C98.853%2C0%2C0%2C1%2C15.115%2C3.8a81.892%2C81.892%2C0%2C0%2C1%2C11.017%2C4.8a65.566%2C65.566%2C0%2C0%2C1%2C11.479%2C7.643a64.487%2C64.487%2C0%2C0%2C1%2C12.206%2C13.325A72.887%2C72.887%2C0%2C0%2C1%2C155.075%2C56.6a83.325%2C83.325%2C0%2C0%2C1%2C1.89%2C12.386a85.736%2C85.736%2C0%2C0%2C1%2C.315%2C8.787a110.857%2C110.857%2C0%2C0%2C1-1.358%2C14.255a94.28%2C94.28%2C0%2C0%2C1-4.947%2C18.511a76.844%2C76.844%2C0%2C0%2C1-9.685%2C17.754a79.156%2C79.156%2C0%2C0%2C1-8.359%2C9.607a70.309%2C70.309%2C0%2C0%2C1-11.105%2C8.766a78.621%2C78.621%2C0%2C0%2C1-12.517%2C6.655a98.816%2C98.816%2C0%2C0%2C1-16.522%2C5.336c-2.919.651-5.833%2C1.3-8.779%2C1.8Z%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%23c3d7d1%22%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    height: 100px;
    width: 100px;
    z-index: -1;
    background-size: contain;
    background-position: center;
}

#contact_page .header-ten .home-slider{
    position: relative;
}

#contact_page .header-ten .home-slider img{
    max-width: 200px;
    position: absolute;
    bottom: -200px;
    z-index: 9;
    right: 0;
}

#contact_page .header-ten .header-image .shape3 {
    position: absolute;
    bottom: 35px;
    right: 0;
    z-index: -1;
}

#contact_page .social{
    margin-top: 40px;
}

#contact_page .social li a {
    font-size: 25px;
    color: var(--bubble-orange);
}

#contact_page .social li a:hover {
    color: var(--bubble-green);
}

#contact_page .social li {
    padding-left: 10px;
    padding-right: 10px;
}


/*form css*/
#contact_page .btnContact  {
    border: none !important;
    display: block;
    padding: 10px 35px;
    background: var(--bubble-blue);
    color: var(--white);
    font-weight: 500;
    font-size: 12px;
    border-radius: 0!important;
    transition: 0.3ms;
    text-transform: uppercase;
    box-shadow: none;
    outline: none;
    text-align: center;
    margin: auto;
    margin-top: 40px;
}
#contact_page .btnContact:hover {
    background: var(--bubble-orange);
}
#contact_page .contact-form .single-form .input-form .deactive.primary-btn {
    background: var(--gray-4);
    color: var(--dark-3);
    pointer-events: none;
}

#contact_page  .svg-element{
    background-color: var(--white)
}

#contact_page  .svg-element svg{
    margin-bottom: -1px;
    transform: rotate(180deg);
}

#contact_page .contact-area {
    background-color: var(--bubble-beige);
    padding-top: 50px;
    padding-bottom: 100px;
}
#contact_page .contact-area .mt-15 {
    margin-top: 15px;
}
#contact_page .contact-area .section-title .title {
    font-family: var(--font-title);
    color: var(--black);
    font-size: 40px;
    font-weight: 300 !important;
    margin-bottom: 30px;
    text-align: center;
}
@media (max-width: 767px) {
    #contact_page .contact-area .section-title .title {
        font-size: 24px;
        line-height: 35px;
    }
}

#contact_page .contact-form .single-form label {
    font-size: 12px;
    color: var(--dark-2);
    line-height: 18px;
    margin-left: 44px;
}
#contact_page .contact-form .single-form .input-form {
    position: relative;
}

#contact_page .contact-form .single-form .input-form textarea, #contact_page .contact-form .single-form .input-form input {
    width: 100%;
    height: 44px;
    padding-left: 45px;
    padding-right: 30px;
    color: var(--black);
    font-size: 16px;
    border: 0;
    border-bottom: 1px solid var(--gray-4);
    font-weight: 500;
}
#contact_page .contact-form .single-form .input-form textarea::placeholder, #contact_page .contact-form .single-form .input-form input::placeholder {
    color: var(--black);
}
#contact_page .contact-form .single-form .input-form textarea {
    padding-top: 10px;
}
#contact_page .form-input .help-block {
    margin-top: 2px;
}

#contact_page .form-input label {
    font-size: 12px;
    line-height: 18px;
    color: var(--black);
    margin-bottom: 8px;
    display: inline-block;
}
#contact_page .form-input .input-items {
    position: relative;
}
#contact_page .form-input .input-items input, #contact_page .form-input .input-items textarea {
    width: 100%;
    height: 44px;
    border: 2px solid;
    padding-left: 10px;
    padding-right: 12px;
    position: relative;
    font-size: 16px;
}
#contact_page .form-input .input-items textarea {
    padding-top: 8px;
    height: 130px;
    resize: none;
}

#contact_page .form-input .input-items.default input, #contact_page .form-input .input-items.default textarea {
    border: none;
    background-color: var(--bubble-beige);
    border-bottom: 1px solid var(--black);
    border-radius: 0!important;
}
#contact_page .form-input .input-items.default input:focus, #contact_page .form-input .input-items.default textarea:focus {
    border-color: var(--bubble-green);
}
#contact_page .form-input .input-items.default input::placeholder, #contact_page .form-input .input-items.default textarea::placeholder {
    color: var(--black);
}

#contact_page .form-input .input-items.active input, #contact_page .form-input .input-items.active textarea {
    border-color: var(--bubble-blue);
    color: var(--black);
}
#contact_page .form-input .input-items.active input::placeholder, #contact_page .form-input .input-items.active textarea::placeholder {
    color: var(--black);
    opacity: 1;
}
#contact_page .form-input .input-items.error input, #contact_page .form-input .input-items.error textarea {
    border-color: var(--error);
    color: var(--error);
}
#contact_page .form-input .input-items.error input::placeholder, #contact_page .form-input .input-items.error textarea::placeholder {
    color: var(--error);
    opacity: 1;
}

#contact_page .form-input .input-items.success input, #contact_page .form-input .input-items.success textarea {
    border-color: var(--success);
    color: var(--success);
}
#contact_page .form-input .input-items.success input::placeholder, #contact_page .form-input .input-items.success textarea::placeholder {
    color: var(--success);
    opacity: 1;
}

#contact_page .form-input .input-items.disabled input, #contact_page .form-input .input-items.disabled textarea {
    border-color: var(--dark-2);
    color: var(--dark-3);
    background: none;
}
#contact_page .form-input .input-items.disabled input::placeholder, #contact_page  .form-input .input-items.disabled textarea::placeholder {
    color: var(--dark-3);
    opacity: 1;
}

#contact_page .form-style-four .form-input label {
    padding-left: 44px;
    margin-bottom: 0;
}
#contact_page .form-style-four .form-input .input-items input,#contact_page  .form-style-four .form-input .input-items textarea {
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

#successInscription{
    padding-top: 10px;
    padding-bottom: 10px;
    color: var(--black);
    font-weight: 300;
    font-family: var(--font-title);
    font-size: 20px;
    text-transform: uppercase;
}

#errorInscription{
    padding-top: 10px;
    padding-bottom: 10px;
    color: var(--black);
    font-weight: 300;
    font-family: var(--font-title);
    font-size: 20px;
    text-transform: uppercase;
}

.invalidInput{
    color: var(--bubble-orange);
    font-size: 14px;
}






/*======================================
    ACTUALITES CSS
========================================*/


.reseaux-sociaux{
    padding-top: 120px;
    padding-bottom: 120px;
    background-color: var(--bubble-beige);
}

@media (max-width: 768px) {
    .reseaux-sociaux .inner-img{
        display: none;
    }
}

.reseaux-sociaux h2{
    font-family: var(--font-title);
    color: var(--black);
    font-size: 40px;
    font-weight: 300;
    margin-bottom: 30px;
}

.reseaux-sociaux p{
    color: var(--black);
    font-size: 20px;
    font-weight: 300;
}

.reseaux-sociaux .social-icons {
    gap: 15px; /* spazio tra le icone */
}

.reseaux-sociaux .social-icon {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    color: #fff;
    text-decoration: none;
    transition: transform 0.2s ease, opacity 0.2s ease;
}


/* effetto hover */
.social-icon:hover {
    transform: scale(1.1);
    opacity: 0.85;
}

/*======================================
    ACTUALITES CSS
========================================*/

#actualites .header-ten {
    position: relative;
    background: var(--white);
    overflow: hidden;
    padding-top: 100px;
    padding-bottom: 130px;
}

@media (max-width: 768px) {
    #actualites .header-ten {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

#actualites .header-ten h1{
    font-family: var(--font-title);
    color: var(--bubble-blue)!important;
    font-size: 54px;
    font-weight: 300 !important;
    margin-bottom: 30px;
    text-transform: uppercase;
}

#actualites .header-ten h2{
    font-family: var(--font-title);
    color: var(--black);
    font-size: 40px;
    font-weight: 300 !important;
    margin-bottom: 30px;
}

#actualites .header-ten .text{
    color: var(--black);
    font-size: 20px;
    font-weight: 300;
}


#actualites .header-ten .header-inner {
    height: auto;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 3;
}
#actualites .header-ten .header-text {
    float: none;
}

#actualites .header-ten .header-text h1 {
    font-weight: 600;
    margin-bottom: 25px;
    color: var(--black);
    letter-spacing: -1px;
}
#actualites .header-ten .header-text p {
    color: var(--dark-3);
}
#actualites .header-ten .header-text .light-rounded-buttons {
    margin-top: 30px;
}
#actualites .header-image {
    position: relative;
    height: 500px;
    width: 500px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

#actualites .header-image .dynamic-image {
    width: 100%; /* Adjust as needed */
    height: auto;
    border-radius: 50%;
    object-fit: cover;
    position: relative;
    z-index: 1;
    aspect-ratio: 1;
}

#actualites .header-image .shape3 {
    position: absolute;
    bottom: 35px;
    right: 60px;
    z-index: -1;
    width: 100px;
    height: 100px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='163.464' height='123.975' viewBox='0 0 163.464 123.975'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_2' data-name='Rectangle 2' width='163.464' height='123.975' fill='%23a9c1bc'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Groupe_1' data-name='Groupe 1' clip-path='url(%23clip-path)'%3E%3Cpath id='Trac%C3%A9_1' data-name='Trac%C3%A9 1' d='M60.343,23.654a36.644,36.644,0,0,0-1.013-5.043,29.286,29.286,0,0,0-2.579-6.462,21.922,21.922,0,0,0-6.777-7.583A23.607,23.607,0,0,0,42.31,1.114a32.064,32.064,0,0,0-4.9-.87c-1.052-.1-2.107-.16-3.159-.221A46.268,46.268,0,0,0,29.44.209a1.345,1.345,0,0,0-.168.015c-.86.118-1.719.229-2.575.36-.441.067-.88.145-1.318.228l-1.05.132a1.349,1.349,0,0,0-.167.029,46.327,46.327,0,0,0-4.7,1.056c-1,.329-2,.659-3,1.025a32.054,32.054,0,0,0-4.507,2.1,23.6,23.6,0,0,0-6.521,5.3,21.918,21.918,0,0,0-4.6,9.069A29.274,29.274,0,0,0,0,26.435a36.746,36.746,0,0,0,.316,5.134,35.237,35.237,0,0,0,.957,5.175,30.328,30.328,0,0,0,1.341,3.6,40.837,40.837,0,0,0,2.679,4.981,30.419,30.419,0,0,0,2.027,2.8,30.179,30.179,0,0,0,3.434,3.687,27.954,27.954,0,0,0,5.829,4.1,29.088,29.088,0,0,0,8.17,2.828,35.086,35.086,0,0,0,7.753.547l.507-.01c1.032-.129,2.02-.272,3.031-.494A35.3,35.3,0,0,0,43.705,56.2a29.087,29.087,0,0,0,7.169-4.831,27.972,27.972,0,0,0,4.581-5.461,30.24,30.24,0,0,0,2.372-4.445,30.524,30.524,0,0,0,1.239-3.23,40.992,40.992,0,0,0,1.31-5.5,30.326,30.326,0,0,0,.371-3.826,35.212,35.212,0,0,0-.4-5.248' fill='%23a9c1bc'/%3E%3Cpath id='Trac%C3%A9_2' data-name='Trac%C3%A9 2' d='M293.294,295.611c-.941-.068-1.877-.185-2.814-.3a31.275,31.275,0,0,1-5.355-1.177,24.857,24.857,0,0,1-4.137-1.713A22.239,22.239,0,0,1,277.231,290a25.026,25.026,0,0,1-2.919-2.766,24.287,24.287,0,0,1-3.583-5.288,29.8,29.8,0,0,1-2.116-5.67,35.075,35.075,0,0,1-.858-4.44,27.184,27.184,0,0,1-.167-2.772,26.293,26.293,0,0,1,.219-3.951,23.022,23.022,0,0,1,2.613-8.394,20.366,20.366,0,0,1,3.433-4.559,20.711,20.711,0,0,1,3.377-2.75,25.905,25.905,0,0,1,3.318-1.842,31.2,31.2,0,0,1,4.637-1.651c1.275-.357,2.591-.5,3.879-.81l4.412-.17c1.313.184,2.636.2,3.939.434a31.207,31.207,0,0,1,4.774,1.2,25.894,25.894,0,0,1,3.479,1.515,20.7,20.7,0,0,1,3.626,2.414,20.354,20.354,0,0,1,3.855,4.208,23.021,23.021,0,0,1,3.407,8.1,26.35,26.35,0,0,1,.6,3.912,27.238,27.238,0,0,1,.1,2.775,35.048,35.048,0,0,1-.428,4.5,29.808,29.808,0,0,1-1.562,5.846,24.289,24.289,0,0,1-3.059,5.607,25.036,25.036,0,0,1-2.64,3.034,22.236,22.236,0,0,1-3.507,2.768,24.886,24.886,0,0,1-3.953,2.1,31.252,31.252,0,0,1-5.218,1.685c-.922.2-1.843.411-2.772.569Z' transform='translate(-199.698 -182.8)' fill='%23a9c1bc'/%3E%3Cpath id='Trac%C3%A9_3' data-name='Trac%C3%A9 3' d='M310.14,77.9c.048-.661.13-1.32.211-1.979a21.975,21.975,0,0,1,.828-3.765,17.463,17.463,0,0,1,1.2-2.909,15.622,15.622,0,0,1,1.7-2.641,17.6,17.6,0,0,1,1.945-2.052,17.073,17.073,0,0,1,3.718-2.519,20.937,20.937,0,0,1,3.986-1.488,24.623,24.623,0,0,1,3.122-.6,19.094,19.094,0,0,1,1.949-.118,18.494,18.494,0,0,1,2.778.154,16.177,16.177,0,0,1,5.9,1.837,14.316,14.316,0,0,1,3.2,2.414,14.563,14.563,0,0,1,1.934,2.375,18.215,18.215,0,0,1,1.3,2.333,21.957,21.957,0,0,1,1.161,3.26c.251.9.352,1.821.57,2.728l.12,3.1c-.13.923-.141,1.853-.3,2.77a21.935,21.935,0,0,1-.843,3.357,18.179,18.179,0,0,1-1.065,2.446,14.537,14.537,0,0,1-1.7,2.549,14.3,14.3,0,0,1-2.959,2.71,16.183,16.183,0,0,1-5.7,2.4,18.484,18.484,0,0,1-2.75.42,19.089,19.089,0,0,1-1.951.07,24.627,24.627,0,0,1-3.165-.3,20.952,20.952,0,0,1-4.111-1.1A17.084,17.084,0,0,1,317.28,91.2a17.586,17.586,0,0,1-2.133-1.856,15.626,15.626,0,0,1-1.947-2.466,17.484,17.484,0,0,1-1.478-2.78,21.96,21.96,0,0,1-1.185-3.669c-.145-.648-.289-1.3-.4-1.949Z' transform='translate(-231.46 -44.642)' fill='%23a9c1bc'/%3E%3Cpath id='Trac%C3%A9_4' data-name='Trac%C3%A9 4' d='M20.965,290.511a12.846,12.846,0,0,0,.621-1.693,10.261,10.261,0,0,0,.412-2.4,7.684,7.684,0,0,0-.637-3.508,8.277,8.277,0,0,0-1.661-2.44,11.221,11.221,0,0,0-1.3-1.157c-.3-.222-.6-.434-.9-.645a16.251,16.251,0,0,0-1.474-.826.445.445,0,0,0-.053-.026c-.279-.122-.556-.246-.836-.364-.144-.061-.289-.118-.436-.173l-.338-.153a.468.468,0,0,0-.055-.022,16.163,16.163,0,0,0-1.6-.545c-.36-.085-.72-.171-1.084-.243a11.232,11.232,0,0,0-1.732-.2,8.28,8.28,0,0,0-2.921.391,7.686,7.686,0,0,0-3.037,1.868,10.264,10.264,0,0,0-1.515,1.912,12.9,12.9,0,0,0-.846,1.593,12.389,12.389,0,0,0-.665,1.72,10.693,10.693,0,0,0-.259,1.323,14.312,14.312,0,0,0-.111,1.98,12.022,12.022,0,0,0,.444,2.941,9.8,9.8,0,0,0,.991,2.294A10.2,10.2,0,0,0,3.9,294.484a12.3,12.3,0,0,0,2.217,1.584l.153.09c.332.15.654.289,1,.407a12.387,12.387,0,0,0,2.764.628,10.2,10.2,0,0,0,3.028-.131,9.8,9.8,0,0,0,2.37-.793,11.97,11.97,0,0,0,2.486-1.633,14.318,14.318,0,0,0,1.4-1.4,10.647,10.647,0,0,0,.812-1.076,12.366,12.366,0,0,0,.84-1.643' transform='translate(-0.401 -206.064)' fill='%23a9c1bc'/%3E%3Cpath id='Trac%C3%A9_5' data-name='Trac%C3%A9 5' d='M558.494,85.473c-.386-.028-.771-.076-1.156-.124a12.816,12.816,0,0,1-2.2-.483,10.2,10.2,0,0,1-1.7-.7,9.132,9.132,0,0,1-1.542-.993,10.288,10.288,0,0,1-1.2-1.136,9.979,9.979,0,0,1-1.471-2.172,12.225,12.225,0,0,1-.869-2.328A14.4,14.4,0,0,1,548,75.714a11.112,11.112,0,0,1-.068-1.138,10.779,10.779,0,0,1,.09-1.622A9.45,9.45,0,0,1,549.1,69.5a8.354,8.354,0,0,1,1.41-1.872A8.506,8.506,0,0,1,551.9,66.5a10.613,10.613,0,0,1,1.362-.756,12.784,12.784,0,0,1,1.9-.678c.523-.147,1.064-.205,1.593-.333l1.812-.07c.539.076,1.082.082,1.617.178a12.82,12.82,0,0,1,1.96.492,10.624,10.624,0,0,1,1.429.622,8.5,8.5,0,0,1,1.489.991,8.362,8.362,0,0,1,1.583,1.728,9.448,9.448,0,0,1,1.4,3.328,10.81,10.81,0,0,1,.245,1.606,11.1,11.1,0,0,1,.041,1.14,14.387,14.387,0,0,1-.176,1.849,12.223,12.223,0,0,1-.642,2.4,9.967,9.967,0,0,1-1.256,2.3,10.284,10.284,0,0,1-1.084,1.246,9.12,9.12,0,0,1-1.44,1.137,10.2,10.2,0,0,1-1.623.863,12.81,12.81,0,0,1-2.143.692c-.378.084-.757.169-1.139.234Z' transform='translate(-408.931 -48.26)' fill='%23a9c1bc'/%3E%3Cpath id='Trac%C3%A9_6' data-name='Trac%C3%A9 6' d='M574.494,427.473c-.386-.028-.771-.076-1.156-.124a12.817,12.817,0,0,1-2.2-.483,10.2,10.2,0,0,1-1.7-.7,9.134,9.134,0,0,1-1.542-.993,10.288,10.288,0,0,1-1.2-1.136,9.976,9.976,0,0,1-1.471-2.172,12.22,12.22,0,0,1-.869-2.328,14.392,14.392,0,0,1-.353-1.823,11.094,11.094,0,0,1-.068-1.138,10.779,10.779,0,0,1,.09-1.622A9.45,9.45,0,0,1,565.1,411.5a8.356,8.356,0,0,1,1.41-1.872,8.508,8.508,0,0,1,1.39-1.128,10.625,10.625,0,0,1,1.362-.756,12.785,12.785,0,0,1,1.9-.678c.523-.147,1.064-.206,1.593-.333l1.812-.07c.539.076,1.082.082,1.617.178a12.824,12.824,0,0,1,1.96.492,10.635,10.635,0,0,1,1.429.622,8.5,8.5,0,0,1,1.489.991,8.363,8.363,0,0,1,1.583,1.728,9.452,9.452,0,0,1,1.4,3.328,10.81,10.81,0,0,1,.245,1.606,11.122,11.122,0,0,1,.041,1.14,14.387,14.387,0,0,1-.176,1.849,12.228,12.228,0,0,1-.642,2.4,9.969,9.969,0,0,1-1.256,2.3,10.263,10.263,0,0,1-1.084,1.246,9.113,9.113,0,0,1-1.44,1.137,10.2,10.2,0,0,1-1.623.863,12.807,12.807,0,0,1-2.143.692c-.378.084-.757.169-1.139.234Z' transform='translate(-420.872 -303.499)' fill='%23a9c1bc'/%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

#actualites .header-ten .header-image::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20width%3D%22296.302%22%20height%3D%22224.754%22%20viewBox%3D%220%200%20296.302%20224.754%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Crect%20width%3D%2286.853%22%20height%3D%2288.594%22%20fill%3D%22none%22%3E%3C/rect%3E%3C/clipPath%3E%3CclipPath%20id%3D%22b%22%3E%3Crect%20width%3D%22157.303%22%20height%3D%22160.456%22%20fill%3D%22%23c3d7d1%22%3E%3C/rect%3E%3C/clipPath%3E%3C/defs%3E%3Cg%20transform%3D%22translate(-386.697%20-701.325)%22%3E%3Cg%20transform%3D%22translate(596.146%20701.325)%22%3E%3Cg%20transform%3D%22translate(0%200)%22%20clip-path%3D%22url(%23a)%22%3E%3Cpath%20d%3D%22M44.955%2C88.59c-1.645-.12-3.281-.323-4.92-.526a54.561%2C54.561%2C0%2C0%2C1-9.363-2.058a43.439%2C43.439%2C0%2C0%2C1-7.232-2.994a38.889%2C38.889%2C0%2C0%2C1-6.567-4.23a43.8%2C43.8%2C0%2C0%2C1-5.1-4.837A42.484%2C42.484%2C0%2C0%2C1%2C5.506%2C64.7a52.015%2C52.015%2C0%2C0%2C1-3.7-9.912a61.3%2C61.3%2C0%2C0%2C1-1.5-7.762a47.29%2C47.29%2C0%2C0%2C1-.292-4.845A45.852%2C45.852%2C0%2C0%2C1%2C.4%2C35.274A40.231%2C40.231%2C0%2C0%2C1%2C4.965%2C20.6a35.569%2C35.569%2C0%2C0%2C1%2C6-7.97a36.218%2C36.218%2C0%2C0%2C1%2C5.9-4.808a45.2%2C45.2%2C0%2C0%2C1%2C5.8-3.22a54.432%2C54.432%2C0%2C0%2C1%2C8.107-2.887C33.007%2C1.09%2C35.308.839%2C37.561.3L45.273%2C0c2.3.322%2C4.609.351%2C6.888.758a54.581%2C54.581%2C0%2C0%2C1%2C8.346%2C2.1A45.216%2C45.216%2C0%2C0%2C1%2C66.59%2C5.5a36.2%2C36.2%2C0%2C0%2C1%2C6.338%2C4.22a35.606%2C35.606%2C0%2C0%2C1%2C6.74%2C7.357a40.244%2C40.244%2C0%2C0%2C1%2C5.956%2C14.168a46.009%2C46.009%2C0%2C0%2C1%2C1.043%2C6.839a47.34%2C47.34%2C0%2C0%2C1%2C.174%2C4.852a61.212%2C61.212%2C0%2C0%2C1-.75%2C7.87a52.055%2C52.055%2C0%2C0%2C1-2.732%2C10.221a42.429%2C42.429%2C0%2C0%2C1-5.347%2C9.8a43.7%2C43.7%2C0%2C0%2C1-4.615%2C5.3a38.821%2C38.821%2C0%2C0%2C1-6.132%2C4.84a43.409%2C43.409%2C0%2C0%2C1-6.911%2C3.674A54.56%2C54.56%2C0%2C0%2C1%2C51.231%2C87.6c-1.611.36-3.221.718-4.847%2C1Z%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%23526d7f%22%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg%20transform%3D%22translate(386.697%20765.623)%22%3E%3Cg%20transform%3D%22translate(0%200)%22%20clip-path%3D%22url(%23b)%22%3E%3Cpath%20d%3D%22M81.419%2C160.448c-2.979-.217-5.943-.585-8.91-.953a98.818%2C98.818%2C0%2C0%2C1-16.958-3.727a78.674%2C78.674%2C0%2C0%2C1-13.1-5.422a70.434%2C70.434%2C0%2C0%2C1-11.893-7.66a79.334%2C79.334%2C0%2C0%2C1-9.243-8.76A76.943%2C76.943%2C0%2C0%2C1%2C9.973%2C117.182a94.207%2C94.207%2C0%2C0%2C1-6.7-17.952A111.029%2C111.029%2C0%2C0%2C1%2C.554%2C85.171A85.648%2C85.648%2C0%2C0%2C1%2C.025%2C76.4a83.044%2C83.044%2C0%2C0%2C1%2C.692-12.51A72.865%2C72.865%2C0%2C0%2C1%2C8.992%2C37.308a64.42%2C64.42%2C0%2C0%2C1%2C10.87-14.435a65.6%2C65.6%2C0%2C0%2C1%2C10.694-8.709a81.856%2C81.856%2C0%2C0%2C1%2C10.5-5.831A98.584%2C98.584%2C0%2C0%2C1%2C55.745%2C3.1C59.78%2C1.974%2C63.947%2C1.52%2C68.028.54L82%2C0c4.157.583%2C8.347.636%2C12.474%2C1.373a98.853%2C98.853%2C0%2C0%2C1%2C15.115%2C3.8a81.892%2C81.892%2C0%2C0%2C1%2C11.017%2C4.8a65.566%2C65.566%2C0%2C0%2C1%2C11.479%2C7.643a64.487%2C64.487%2C0%2C0%2C1%2C12.206%2C13.325A72.887%2C72.887%2C0%2C0%2C1%2C155.075%2C56.6a83.325%2C83.325%2C0%2C0%2C1%2C1.89%2C12.386a85.736%2C85.736%2C0%2C0%2C1%2C.315%2C8.787a110.857%2C110.857%2C0%2C0%2C1-1.358%2C14.255a94.28%2C94.28%2C0%2C0%2C1-4.947%2C18.511a76.844%2C76.844%2C0%2C0%2C1-9.685%2C17.754a79.156%2C79.156%2C0%2C0%2C1-8.359%2C9.607a70.309%2C70.309%2C0%2C0%2C1-11.105%2C8.766a78.621%2C78.621%2C0%2C0%2C1-12.517%2C6.655a98.816%2C98.816%2C0%2C0%2C1-16.522%2C5.336c-2.919.651-5.833%2C1.3-8.779%2C1.8Z%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%23c3d7d1%22%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    height: 100px;
    width: 100px;
    z-index: -1;
    background-size: contain;
    background-position: center;
}

#actualites .header-ten .home-slider{
    position: relative;
}

#actualites .header-ten .home-slider img{
    max-width: 200px;
    position: absolute;
    bottom: -200px;
    z-index: 9;
    right: 0;
}

#actualites .header-ten .header-image .shape3 {
    position: absolute;
    bottom: 35px;
    right: 0;
    z-index: -1;
}

#actualites .header-ten .primary-btn{
    padding: 10px 15px;
    margin-top: 30px;
    background: var(--bubble-orange);
    color: var(--white);
    font-weight: 500;
    font-size: 12px;
    border-radius: 0!important;
    transition: 0.3ms;
    text-transform: uppercase;
}
#actualites .header-ten .primary-btn:hover{
    background: var(--bubble-green);
}

/*===== latest-news-area =====*/

#actualites .svg-element svg {
    transform: rotate(180deg);
    display: block;
    margin-bottom: -1px;
}

#actualites .latest-news-area .single-news .content-body .light-rounded-buttons .primary-btn {
    display: block;
    padding: 10px 15px;
    margin-top: 40px;
    background: var(--bubble-blue);
    border: 2px solid var(--bubble-blue);
    color: var(--white);
    font-weight: 500;
    font-size: 12px;
    border-radius: 0!important;
    transition: 0.3ms;
    text-transform: uppercase;
}
.latest-news-area .single-news .content-body .light-rounded-buttons .primary-btn:hover {
    background: var(--white)!important;
    color: var(--bubble-blue)!important;
}


#actualites .latest-news-area {
    background: var(--bubble-beige);
    padding-top: 80px;
    padding-bottom: 140px;
}
#actualites .latest-news-area .section-title-four {
    text-align: center;
    max-width: 550px;
    margin: auto;
    margin-bottom: 50px;
    position: relative;
    z-index: 5;
    margin-top: 12px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    #actualites .latest-news-area .section-title-four {
        margin-bottom: 45px;
    }
}
@media (max-width: 767px) {
    #actualites .latest-news-area .section-title-four {
        margin-bottom: 35px;
    }
}

#actualites .latest-news-area .section-title-four h2 {
    font-family: var(--font-title);
    color: var(--black);
    font-size: 40px;
    font-weight: 300 !important;
    margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    #actualites .latest-news-area .section-title-four h2 {
        font-size: 2rem;
        line-height: 2.8rem;
    }
}
@media (max-width: 767px) {
    #actualites .latest-news-area .section-title-four h2 {
        font-size: 1.5rem;
        line-height: 1.9rem;
    }
}
#actualites .latest-news-area .section-title-four h3 {
    font-size: 3.8rem;
    line-height: 3.8rem;
    font-weight: 800;
    text-transform: uppercase;
    position: absolute;
    top: -18px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    color: var(--gray-3);
    z-index: -1;
    -webkit-text-stroke-width: 1px;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-color: var(--gray-3);
    opacity: 0.5;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    #actualites .latest-news-area .section-title-four h3 {
        font-size: 3.3rem;
        line-height: 3.5rem;
        top: -18px;
    }
}
@media (max-width: 767px) {
    #actualites .latest-news-area .section-title-four h3 {
        font-size: 2.7rem;
        line-height: 3.2rem;
        top: -17px;
    }
}
#actualites .latest-news-area .section-title-four p {
    color: var(--black);
    font-size: 20px;
    font-weight: 300;
}
#actualites .latest-news-area .single-news {
    background-color: var(--white);
    margin-top: 30px;
    box-shadow: none;
    border-radius: 0;
}
#actualites .latest-news-area .single-news .image {
    position: relative;
    overflow: hidden;
    border-radius:0;
}
#actualites .latest-news-area .single-news .image img {
    width: 100%;
    aspect-ratio: 1.51;
    object-fit: cover;
    transition: all 0.4s ease-in-out;
}
#actualites .latest-news-area .single-news .content-body {
    background-color: var(--white);
    padding: 30px;
    border-radius: 0 0 7px 7px;
}
#actualites .latest-news-area .single-news .content-body .cat {
    color: var(--dark-3);
    font-size: 0.875em;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

#actualites .latest-news-area .single-news .content-body .title {
    margin-top: 10px;
}
#actualites .latest-news-area .single-news .content-body .title a {
    font-family: var(--font-title);
    color: var(--black);
    font-weight: 300;
    font-size: 25px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    line-height: 30px;
    height: calc(30px * 3);
}
#actualites .latest-news-area .single-news .content-body .title a:hover {
    color: var(--bubble-orange);
}
#actualites .latest-news-area .single-news .content-body p {
    color: var(--black);
    font-size: 14px;
    margin-top: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    line-height: 20px;
    height: calc(20px * 4);
}
#actualites .latest-news-area .single-news .content-body .light-rounded-buttons {
    margin-top: 25px;
}
#actualites .latest-news-area .single-news:hover .image .thumb {
    transform: scale(1.1);
}


/*======================================
  SINGLE  ACTUALITE CSS
========================================*/

/*header*/
#single-actu .single-action {
    padding: 80px 0;
    margin-bottom: 40px;
    background-color: var(--white);
    position: relative;
}
#single-actu .single-action:before {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1435.747" height="311.547" viewBox="0 0 1435.747 311.547"><defs><clipPath id="a"><rect width="1435.747" height="311.547" fill="none"></rect></clipPath></defs><g opacity="0.375"><g clip-path="url(%23a)"><path d="M155.457,85.1a94.406,94.406,0,0,0-2.611-12.991A75.448,75.448,0,0,0,146.2,55.465,56.477,56.477,0,0,0,128.741,35.93,60.817,60.817,0,0,0,109,27.037a82.605,82.605,0,0,0-12.609-2.244c-2.711-.256-5.428-.413-8.139-.57-4.138-.232-8.27.282-12.4.481a3.464,3.464,0,0,0-.434.039c-2.215.3-4.428.59-6.635.928-1.135.173-2.267.373-3.395.588q-1.352.17-2.706.339a3.477,3.477,0,0,0-.43.074c-4.047.869-8.171,1.434-12.112,2.721-2.58.848-5.165,1.7-7.719,2.641A82.578,82.578,0,0,0,30.8,37.442,60.808,60.808,0,0,0,14,51.107,56.465,56.465,0,0,0,2.148,74.471,75.418,75.418,0,0,0,0,92.267a94.668,94.668,0,0,0,.813,13.226A90.778,90.778,0,0,0,3.28,118.827a78.132,78.132,0,0,0,3.455,9.282,105.2,105.2,0,0,0,6.9,12.833,78.361,78.361,0,0,0,5.222,7.223,77.747,77.747,0,0,0,8.848,9.5,72.017,72.017,0,0,0,15.018,10.565,74.937,74.937,0,0,0,21.047,7.286,90.389,90.389,0,0,0,19.974,1.409l1.307-.027c2.659-.332,5.2-.7,7.808-1.273a90.956,90.956,0,0,0,19.732-6.677,74.934,74.934,0,0,0,18.47-12.447,72.063,72.063,0,0,0,11.8-14.068,77.907,77.907,0,0,0,6.111-11.452,78.639,78.639,0,0,0,3.192-8.322,105.608,105.608,0,0,0,3.374-14.175,78.131,78.131,0,0,0,.956-9.858,90.716,90.716,0,0,0-1.041-13.52" transform="translate(0 -8.372)" fill="%23758a99"></path><path d="M333.825,399.648c-2.423-.176-4.836-.476-7.251-.774a80.578,80.578,0,0,1-13.8-3.033,64.049,64.049,0,0,1-10.658-4.413,57.284,57.284,0,0,1-9.677-6.232,64.458,64.458,0,0,1-7.519-7.127,62.568,62.568,0,0,1-9.23-13.623,76.781,76.781,0,0,1-5.452-14.606,90.366,90.366,0,0,1-2.211-11.438,70.009,70.009,0,0,1-.431-7.141,67.717,67.717,0,0,1,.563-10.178,59.309,59.309,0,0,1,6.732-21.624,52.467,52.467,0,0,1,8.845-11.745,53.362,53.362,0,0,1,8.7-7.086,66.744,66.744,0,0,1,8.547-4.745,80.373,80.373,0,0,1,11.946-4.254c3.284-.92,6.674-1.289,9.994-2.086L334.3,269.1c3.382.475,6.791.517,10.148,1.118a80.4,80.4,0,0,1,12.3,3.089,66.728,66.728,0,0,1,8.963,3.9,53.319,53.319,0,0,1,9.341,6.219,52.438,52.438,0,0,1,9.931,10.842,59.308,59.308,0,0,1,8.776,20.878,67.883,67.883,0,0,1,1.537,10.077,70.164,70.164,0,0,1,.256,7.15,90.3,90.3,0,0,1-1.1,11.6,76.8,76.8,0,0,1-4.025,15.061,62.572,62.572,0,0,1-7.881,14.446,64.5,64.5,0,0,1-6.8,7.816,57.286,57.286,0,0,1-9.034,7.132,64.093,64.093,0,0,1-10.184,5.414,80.5,80.5,0,0,1-13.443,4.342c-2.375.529-4.747,1.059-7.142,1.467Z" transform="translate(-92.7 -93.228)" fill="%23758a99"></path><path d="M789.093,246.2a94.415,94.415,0,0,0-2.611-12.991,75.416,75.416,0,0,0-6.645-16.648,56.475,56.475,0,0,0-17.459-19.536,60.82,60.82,0,0,0-19.746-8.892,82.6,82.6,0,0,0-12.609-2.244c-2.711-.256-5.427-.413-8.139-.57-4.138-.232-8.27.282-12.4.481a3.462,3.462,0,0,0-.434.039c-2.215.3-4.427.59-6.635.928-1.135.173-2.266.373-3.394.588q-1.353.17-2.706.339a3.375,3.375,0,0,0-.43.074c-4.047.869-8.171,1.433-12.111,2.721-2.581.848-5.166,1.7-7.72,2.641a82.582,82.582,0,0,0-11.611,5.408,60.818,60.818,0,0,0-16.8,13.665,56.473,56.473,0,0,0-11.856,23.364,75.418,75.418,0,0,0-2.147,17.8,94.564,94.564,0,0,0,.814,13.226,90.764,90.764,0,0,0,2.466,13.333,78.128,78.128,0,0,0,3.455,9.282,105.388,105.388,0,0,0,6.9,12.833,88.341,88.341,0,0,0,14.07,16.721,72.032,72.032,0,0,0,15.018,10.565,74.935,74.935,0,0,0,21.047,7.286,90.386,90.386,0,0,0,19.974,1.409l1.306-.027c2.659-.332,5.2-.7,7.808-1.273a90.946,90.946,0,0,0,19.732-6.677A74.91,74.91,0,0,0,764.7,317.6a72.04,72.04,0,0,0,11.8-14.068,77.847,77.847,0,0,0,6.111-11.452,78.636,78.636,0,0,0,3.192-8.322,105.509,105.509,0,0,0,3.374-14.175,78.014,78.014,0,0,0,.956-9.858,90.718,90.718,0,0,0-1.041-13.52" transform="translate(-219.516 -64.182)" fill="%23758a99"></path><path d="M310.142,130.558c.124-1.7.335-3.4.544-5.1a56.6,56.6,0,0,1,2.133-9.7,44.987,44.987,0,0,1,3.1-7.493,40.245,40.245,0,0,1,4.382-6.8,45.326,45.326,0,0,1,5.011-5.287,43.983,43.983,0,0,1,9.579-6.49,53.942,53.942,0,0,1,10.27-3.833,63.431,63.431,0,0,1,8.042-1.555,49.183,49.183,0,0,1,5.021-.3,47.641,47.641,0,0,1,7.156.4,41.675,41.675,0,0,1,15.2,4.734,36.879,36.879,0,0,1,8.258,6.219,37.514,37.514,0,0,1,4.982,6.118,46.934,46.934,0,0,1,3.336,6.01,56.57,56.57,0,0,1,2.991,8.4c.647,2.309.907,4.693,1.467,7.027l.308,7.991c-.334,2.378-.363,4.775-.786,7.136a56.511,56.511,0,0,1-2.172,8.647,46.836,46.836,0,0,1-2.744,6.3,37.453,37.453,0,0,1-4.372,6.568,36.849,36.849,0,0,1-7.623,6.983,41.692,41.692,0,0,1-14.68,6.17,47.613,47.613,0,0,1-7.086,1.081,49.181,49.181,0,0,1-5.027.18,63.438,63.438,0,0,1-8.155-.776,53.978,53.978,0,0,1-10.59-2.83,44.012,44.012,0,0,1-10.157-5.541,45.315,45.315,0,0,1-5.5-4.782,40.26,40.26,0,0,1-5.015-6.352,45.036,45.036,0,0,1-3.807-7.161,56.577,56.577,0,0,1-3.053-9.452c-.373-1.67-.745-3.338-1.031-5.022Z" transform="translate(-107.444 -29.094)" fill="%23758a99"></path><path d="M53.163,337.376a33.1,33.1,0,0,0,1.6-4.362,26.435,26.435,0,0,0,1.063-6.194,19.8,19.8,0,0,0-1.64-9.038,21.323,21.323,0,0,0-4.274-6.276,28.909,28.909,0,0,0-3.359-2.981c-.763-.573-1.546-1.118-2.329-1.661a41.876,41.876,0,0,0-3.8-2.129,1.15,1.15,0,0,0-.137-.067c-.718-.315-1.432-.635-2.153-.939-.371-.156-.746-.3-1.123-.446l-.871-.395a1.211,1.211,0,0,0-.142-.056,41.646,41.646,0,0,0-4.119-1.405c-.927-.22-1.855-.439-2.792-.625a28.929,28.929,0,0,0-4.461-.51A21.332,21.332,0,0,0,17.1,301.3a19.8,19.8,0,0,0-7.824,4.813,26.448,26.448,0,0,0-3.9,4.927,33.243,33.243,0,0,0-2.18,4.1,31.9,31.9,0,0,0-1.705,4.438,27.513,27.513,0,0,0-.667,3.408,36.869,36.869,0,0,0-.287,5.1,30.972,30.972,0,0,0,1.143,7.577,25.256,25.256,0,0,0,2.554,5.91,26.264,26.264,0,0,0,4.958,6.034,31.676,31.676,0,0,0,5.713,4.08l.4.231c.856.388,1.684.744,2.568,1.05a31.912,31.912,0,0,0,7.122,1.618,26.278,26.278,0,0,0,7.8-.338,25.252,25.252,0,0,0,6.1-2.044A30.9,30.9,0,0,0,45.3,348a36.891,36.891,0,0,0,3.606-3.619A27.437,27.437,0,0,0,51,341.608a31.864,31.864,0,0,0,2.165-4.232" transform="translate(-0.186 -104.026)" fill="%23758a99"></path><path d="M912.189,158.436c-1-.073-1.986-.2-2.977-.318a33.014,33.014,0,0,1-5.666-1.245,26.286,26.286,0,0,1-4.376-1.812A23.535,23.535,0,0,1,895.2,152.5a26.507,26.507,0,0,1-3.088-2.927,25.725,25.725,0,0,1-3.79-5.594,31.491,31.491,0,0,1-2.238-6,37.1,37.1,0,0,1-.908-4.7,28.621,28.621,0,0,1-.176-2.932,27.731,27.731,0,0,1,.231-4.18,24.34,24.34,0,0,1,2.765-8.88,21.523,21.523,0,0,1,3.632-4.823,21.917,21.917,0,0,1,3.573-2.91,27.352,27.352,0,0,1,3.51-1.948,32.938,32.938,0,0,1,4.906-1.747c1.348-.378,2.74-.529,4.1-.857l4.667-.18c1.389.195,2.789.212,4.168.459a33.029,33.029,0,0,1,5.05,1.269,27.361,27.361,0,0,1,3.681,1.6,21.9,21.9,0,0,1,3.835,2.553,21.544,21.544,0,0,1,4.078,4.452,24.35,24.35,0,0,1,3.6,8.573,27.824,27.824,0,0,1,.631,4.138,28.646,28.646,0,0,1,.105,2.936,37.029,37.029,0,0,1-.454,4.763,31.5,31.5,0,0,1-1.653,6.185,25.672,25.672,0,0,1-3.236,5.932,26.487,26.487,0,0,1-2.793,3.21,23.487,23.487,0,0,1-3.71,2.929,26.266,26.266,0,0,1-4.182,2.223,33.01,33.01,0,0,1-5.52,1.783c-.975.218-1.95.435-2.933.6Z" transform="translate(-306.593 -36.317)" fill="%23758a99"></path><path d="M941.142,385.579c.124-1.7.335-3.4.544-5.1a56.613,56.613,0,0,1,2.133-9.7,44.971,44.971,0,0,1,3.1-7.493,40.245,40.245,0,0,1,4.382-6.8,45.378,45.378,0,0,1,5.011-5.287,43.985,43.985,0,0,1,9.579-6.49,53.941,53.941,0,0,1,10.27-3.833,63.436,63.436,0,0,1,8.042-1.555,49.191,49.191,0,0,1,5.021-.3,47.642,47.642,0,0,1,7.156.4,41.677,41.677,0,0,1,15.2,4.734,36.882,36.882,0,0,1,8.258,6.219,37.514,37.514,0,0,1,4.982,6.118,46.937,46.937,0,0,1,3.336,6.009,56.563,56.563,0,0,1,2.991,8.4c.647,2.309.906,4.693,1.467,7.027l.308,7.991c-.334,2.378-.363,4.775-.786,7.136a56.513,56.513,0,0,1-2.172,8.647,46.843,46.843,0,0,1-2.744,6.3,37.461,37.461,0,0,1-4.372,6.568,36.85,36.85,0,0,1-7.623,6.983,41.693,41.693,0,0,1-14.68,6.17,47.611,47.611,0,0,1-7.085,1.081,49.2,49.2,0,0,1-5.027.18,63.445,63.445,0,0,1-8.155-.776,53.982,53.982,0,0,1-10.59-2.83,44.012,44.012,0,0,1-10.157-5.541,45.31,45.31,0,0,1-5.5-4.782,40.259,40.259,0,0,1-5.015-6.352,45.039,45.039,0,0,1-3.807-7.161,56.571,56.571,0,0,1-3.053-9.452c-.373-1.67-.745-3.338-1.031-5.022Z" transform="translate(-326.046 -117.443)" fill="%23758a99"></path><path d="M1731.163,302.745a94.4,94.4,0,0,0,2.611,12.991,75.415,75.415,0,0,0,6.645,16.648,56.475,56.475,0,0,0,17.459,19.536,60.821,60.821,0,0,0,19.746,8.892,82.61,82.61,0,0,0,12.609,2.244c2.711.256,5.427.413,8.14.57,4.138.232,8.27-.282,12.4-.481a3.461,3.461,0,0,0,.434-.039c2.215-.3,4.427-.59,6.635-.928,1.135-.173,2.266-.373,3.394-.588q1.353-.17,2.706-.339a3.5,3.5,0,0,0,.43-.074c4.047-.869,8.171-1.434,12.111-2.721,2.581-.848,5.166-1.7,7.72-2.641a82.57,82.57,0,0,0,11.611-5.408,60.81,60.81,0,0,0,16.8-13.665,56.464,56.464,0,0,0,11.855-23.364,75.4,75.4,0,0,0,2.147-17.8,94.555,94.555,0,0,0-.814-13.226,90.781,90.781,0,0,0-2.466-13.333,78.157,78.157,0,0,0-3.455-9.282,105.411,105.411,0,0,0-6.9-12.833,88.345,88.345,0,0,0-14.07-16.721,72.031,72.031,0,0,0-15.018-10.565,74.935,74.935,0,0,0-21.047-7.286,90.38,90.38,0,0,0-19.974-1.409l-1.306.027c-2.66.332-5.2.7-7.809,1.273a90.942,90.942,0,0,0-19.732,6.677,74.908,74.908,0,0,0-18.47,12.447,72.043,72.043,0,0,0-11.8,14.068,88.364,88.364,0,0,0-9.3,19.774,105.492,105.492,0,0,0-3.374,14.175,78,78,0,0,0-.955,9.858,90.71,90.71,0,0,0,1.041,13.52" transform="translate(-599.375 -73.051)" fill="%23758a99"></path><path d="M1567.917.006c2.423.176,4.836.476,7.251.774a80.587,80.587,0,0,1,13.8,3.033,64.056,64.056,0,0,1,10.657,4.413,57.286,57.286,0,0,1,9.677,6.232,64.523,64.523,0,0,1,7.52,7.127,62.589,62.589,0,0,1,9.23,13.623,76.782,76.782,0,0,1,5.452,14.606,90.344,90.344,0,0,1,2.211,11.438,69.982,69.982,0,0,1,.431,7.141,67.733,67.733,0,0,1-.563,10.178,59.312,59.312,0,0,1-6.732,21.624A52.462,52.462,0,0,1,1618,111.941a53.334,53.334,0,0,1-8.7,7.086,66.741,66.741,0,0,1-8.547,4.745,80.373,80.373,0,0,1-11.946,4.254c-3.284.92-6.674,1.289-9.994,2.086l-11.365.439c-3.382-.475-6.792-.517-10.149-1.118a80.4,80.4,0,0,1-12.3-3.089,66.734,66.734,0,0,1-8.963-3.9,53.293,53.293,0,0,1-9.34-6.219,52.42,52.42,0,0,1-9.932-10.842A59.3,59.3,0,0,1,1507.99,84.5a67.792,67.792,0,0,1-1.538-10.077,70.164,70.164,0,0,1-.256-7.15,90.278,90.278,0,0,1,1.1-11.6,76.805,76.805,0,0,1,4.025-15.061,62.568,62.568,0,0,1,7.881-14.446,64.458,64.458,0,0,1,6.8-7.816,57.249,57.249,0,0,1,9.034-7.132,64.09,64.09,0,0,1,10.185-5.414,80.5,80.5,0,0,1,13.443-4.342c2.375-.529,4.747-1.059,7.142-1.467Z" transform="translate(-521.797)" fill="%23758a99"></path><path d="M1097.526,141.646a94.387,94.387,0,0,0,2.611,12.992,75.415,75.415,0,0,0,6.645,16.648,56.474,56.474,0,0,0,17.459,19.536,60.82,60.82,0,0,0,19.746,8.892,82.6,82.6,0,0,0,12.609,2.244c2.711.256,5.427.413,8.14.57,4.138.232,8.27-.282,12.4-.481a3.461,3.461,0,0,0,.434-.039c2.215-.3,4.427-.59,6.635-.928,1.135-.173,2.266-.373,3.394-.588q1.353-.17,2.706-.339a3.492,3.492,0,0,0,.43-.074c4.047-.869,8.171-1.434,12.111-2.721,2.581-.848,5.166-1.7,7.72-2.641a82.573,82.573,0,0,0,11.611-5.408,60.809,60.809,0,0,0,16.8-13.665,56.463,56.463,0,0,0,11.856-23.364,75.412,75.412,0,0,0,2.147-17.8,94.555,94.555,0,0,0-.814-13.226,90.781,90.781,0,0,0-2.466-13.333,78.137,78.137,0,0,0-3.455-9.282,105.392,105.392,0,0,0-6.9-12.833,78.381,78.381,0,0,0-5.222-7.223,77.8,77.8,0,0,0-8.848-9.5,72.035,72.035,0,0,0-15.018-10.565,74.934,74.934,0,0,0-21.047-7.286,90.383,90.383,0,0,0-19.974-1.409l-1.306.027c-2.66.332-5.205.7-7.809,1.273A90.94,90.94,0,0,0,1140.39,57.8a74.908,74.908,0,0,0-18.47,12.447,72.044,72.044,0,0,0-11.8,14.068,77.848,77.848,0,0,0-6.111,11.452,78.613,78.613,0,0,0-3.192,8.322,105.492,105.492,0,0,0-3.374,14.175,78,78,0,0,0-.955,9.858,90.71,90.71,0,0,0,1.041,13.52" transform="translate(-379.859 -17.241)" fill="%23758a99"></path><path d="M1610.786,290.6c-.124,1.7-.335,3.4-.544,5.1a56.6,56.6,0,0,1-2.133,9.7,44.971,44.971,0,0,1-3.1,7.493,40.252,40.252,0,0,1-4.382,6.8,45.365,45.365,0,0,1-5.011,5.287,44,44,0,0,1-9.579,6.49,53.939,53.939,0,0,1-10.27,3.833,63.43,63.43,0,0,1-8.042,1.555,49.183,49.183,0,0,1-5.021.3,47.638,47.638,0,0,1-7.156-.4,41.675,41.675,0,0,1-15.2-4.734,36.877,36.877,0,0,1-8.258-6.219,37.55,37.55,0,0,1-4.983-6.118,46.992,46.992,0,0,1-3.336-6.009,56.578,56.578,0,0,1-2.991-8.4c-.647-2.309-.906-4.692-1.467-7.027l-.309-7.991c.334-2.378.364-4.775.786-7.136a56.428,56.428,0,0,1,2.172-8.647,46.826,46.826,0,0,1,2.744-6.3,37.454,37.454,0,0,1,4.372-6.568,36.851,36.851,0,0,1,7.623-6.983,41.693,41.693,0,0,1,14.68-6.17,47.622,47.622,0,0,1,7.085-1.081,49.2,49.2,0,0,1,5.027-.18,63.443,63.443,0,0,1,8.154.776,53.991,53.991,0,0,1,10.59,2.83,44.027,44.027,0,0,1,10.157,5.541,45.31,45.31,0,0,1,5.5,4.782,40.3,40.3,0,0,1,5.015,6.352,45.039,45.039,0,0,1,3.807,7.161,56.573,56.573,0,0,1,3.053,9.452c.372,1.67.745,3.338,1.031,5.022Z" transform="translate(-526.239 -85.634)" fill="%23758a99"></path><path d="M1887.1,102.611a33.012,33.012,0,0,0-1.6,4.362,26.421,26.421,0,0,0-1.063,6.194,19.794,19.794,0,0,0,1.64,9.037,21.323,21.323,0,0,0,4.274,6.276,28.963,28.963,0,0,0,3.359,2.981c.763.573,1.546,1.118,2.329,1.661a41.85,41.85,0,0,0,3.8,2.128,1.159,1.159,0,0,0,.137.067c.718.315,1.432.635,2.153.939.371.157.746.3,1.123.446l.871.395a1.48,1.48,0,0,0,.142.056,41.648,41.648,0,0,0,4.119,1.4c.927.22,1.855.439,2.792.625a28.855,28.855,0,0,0,4.461.51,21.316,21.316,0,0,0,7.526-1.008,19.792,19.792,0,0,0,7.824-4.812,26.442,26.442,0,0,0,3.9-4.927,33.2,33.2,0,0,0,2.18-4.1,31.88,31.88,0,0,0,1.705-4.438,27.587,27.587,0,0,0,.667-3.408,36.9,36.9,0,0,0,.287-5.1,30.969,30.969,0,0,0-1.143-7.577,25.236,25.236,0,0,0-2.554-5.909,26.261,26.261,0,0,0-4.958-6.034,31.672,31.672,0,0,0-5.713-4.081l-.4-.231c-.856-.387-1.684-.744-2.568-1.049a31.88,31.88,0,0,0-7.122-1.619,26.3,26.3,0,0,0-7.8.338,25.257,25.257,0,0,0-6.1,2.044,27.263,27.263,0,0,0-3.925,2.3,27.609,27.609,0,0,0-2.479,1.9,36.985,36.985,0,0,0-3.606,3.619,27.5,27.5,0,0,0-2.091,2.772,31.841,31.841,0,0,0-2.165,4.233" transform="translate(-652.833 -29.535)" fill="%23758a99"></path><path d="M1331.538,328.347c1,.073,1.985.2,2.977.318a33.031,33.031,0,0,1,5.666,1.245,26.287,26.287,0,0,1,4.376,1.812,23.532,23.532,0,0,1,3.974,2.559,26.5,26.5,0,0,1,3.088,2.927,25.707,25.707,0,0,1,3.79,5.595,31.48,31.48,0,0,1,2.239,6,37.1,37.1,0,0,1,.908,4.7,28.621,28.621,0,0,1,.177,2.932,27.74,27.74,0,0,1-.231,4.18,24.343,24.343,0,0,1-2.765,8.88,21.516,21.516,0,0,1-3.632,4.823,21.913,21.913,0,0,1-3.573,2.91,27.36,27.36,0,0,1-3.51,1.948,32.938,32.938,0,0,1-4.906,1.747c-1.348.378-2.74.529-4.1.857l-4.667.18c-1.388-.195-2.788-.212-4.167-.459a33.027,33.027,0,0,1-5.05-1.269,27.364,27.364,0,0,1-3.681-1.6,21.9,21.9,0,0,1-3.835-2.553,21.542,21.542,0,0,1-4.078-4.452,24.354,24.354,0,0,1-3.6-8.573,27.847,27.847,0,0,1-.631-4.138,28.627,28.627,0,0,1-.105-2.936,37.029,37.029,0,0,1,.453-4.763,31.5,31.5,0,0,1,1.653-6.185,25.669,25.669,0,0,1,3.236-5.932,26.48,26.48,0,0,1,2.793-3.21,23.482,23.482,0,0,1,3.71-2.929,26.265,26.265,0,0,1,4.182-2.223,33.016,33.016,0,0,1,5.52-1.783c.975-.218,1.95-.435,2.933-.6Z" transform="translate(-452.512 -113.751)" fill="%23758a99"></path><path d="M2148.144,249.576c-.124,1.7-.335,3.4-.544,5.1a56.626,56.626,0,0,1-2.133,9.7,44.982,44.982,0,0,1-3.1,7.493,40.213,40.213,0,0,1-4.382,6.8,45.4,45.4,0,0,1-5.011,5.287,44.009,44.009,0,0,1-9.579,6.489,53.92,53.92,0,0,1-10.27,3.834,63.537,63.537,0,0,1-8.042,1.554,49.181,49.181,0,0,1-5.021.3,47.557,47.557,0,0,1-7.156-.4,41.664,41.664,0,0,1-15.2-4.734,36.863,36.863,0,0,1-8.258-6.219,37.518,37.518,0,0,1-4.982-6.117,46.962,46.962,0,0,1-3.336-6.01,56.474,56.474,0,0,1-2.99-8.4c-.647-2.309-.906-4.693-1.468-7.028l-.308-7.99c.334-2.378.364-4.775.786-7.136a56.464,56.464,0,0,1,2.172-8.647,46.766,46.766,0,0,1,2.744-6.3,37.468,37.468,0,0,1,4.372-6.568,36.851,36.851,0,0,1,7.623-6.983,41.689,41.689,0,0,1,14.68-6.17,47.609,47.609,0,0,1,7.085-1.081,49,49,0,0,1,5.027-.18,63.2,63.2,0,0,1,8.155.776,53.976,53.976,0,0,1,10.59,2.829,44.01,44.01,0,0,1,10.157,5.541,45.374,45.374,0,0,1,5.5,4.783,40.282,40.282,0,0,1,5.015,6.351,45.083,45.083,0,0,1,3.807,7.161,56.57,56.57,0,0,1,3.053,9.452c.372,1.669.744,3.337,1.031,5.021Z" transform="translate(-712.401 -71.423)" fill="%23758a99"></path></g></g></svg>');
    background-size: cover;
    z-index: 1;
    opacity: 0.5;
    object-fit: cover;
}
#single-actu .single-action .inner-content {
    text-align: center;
}
#single-actu .single-action .inner-content h1 {
    font-family: var(--font-title);
    color: var(--bubble-orange)!important;
    font-size: 54px;
    font-weight: 300 !important;
    margin-bottom: 30px;
    text-transform: uppercase;
}
#single-actu .single-action .inner-content p {
    color: var(--white);
}


/*blog content*/

#single-actu .svg-element svg{
    margin-bottom: -1px;
    transform: rotate(180deg);
    display: block;
}

#single-actu .blog-area {
    padding-top: 50px;
    background-color: var(--bubble-beige);
    padding-bottom: 120px;
}

#single-actu .blog-style-eight {
    margin-top: 50px;
}
#single-actu .blog-style-eight .blog-image img {
    width: 100%;
    border-radius: 8px;
}
#single-actu .blog-style-eight .blog-content {
    padding-top: 16px;
}
#single-actu .blog-style-eight .blog-content .blog-title a {
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
    color: var(--black);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    #single-actu .blog-style-eight .blog-content .blog-title a {
        font-size: 30px;
        line-height: 40px;
    }
}
@media (max-width: 767px) {
    #single-actu .blog-style-eight .blog-content .blog-title a {
        font-size: 24px;
        line-height: 35px;
    }
}

#single-actu .blog-style-eight .blog-content span {
    margin-bottom: 50px;
    font-size: 14px;
    line-height: 20px;
    color: var(--black);
    margin-right: 10px;
    display: inline-block;
}

#single-actu .blog-author-one {
    margin-top: 50px;
    background-color: var(--white);
    padding: 40px;
    border-radius: 8px;
}
@media (max-width: 767px) {
    #single-actu .blog-author-one {
        padding: 20px;
    }
}
#single-actu .blog-author-one .blog-image img {
    width: 100%;
    border-radius: 50%;
    border: 8px solid var(--bubble-green);
}
#single-actu .blog-author-one .blog-content {
    padding-top: 20px;
}
#single-actu .blog-author-one .blog-content .sub-title {
    font-family: var(--font-title);
    font-size: 16px;
    font-weight: 300!important;
    line-height: 24px;
    text-transform: uppercase;
}
#single-actu .blog-author-one .blog-content .blog-title a {
    font-size: 30px;
    font-weight: 300;
    line-height: 40px;
    color: var(--bubble-blue);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
#single-actu .blog-author-one .blog-content .blog-title a:hover {
    color: var(--bubble-orange);
}
@media (max-width: 767px) {
    #single-actu .blog-author-one .blog-content .blog-title a {
        font-size: 24px;
        line-height: 35px;
    }
}
#single-actu .blog-author-one .blog-content .text {
    color: var(--black);
    font-size: 14px;
    line-height: 18px;
}
#single-actu .blog-author-one .blog-content .more {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    color: var(--primary);
    margin-top: 30px;
    display: inline-block;
}

#single-actu .blog-content .wysi-cont h1{
    font-family: var(--font-title);
    color: var(--bubble-blue)!important;
    font-size: 54px;
    font-weight: 300 !important;
    margin-top: 30px;
    margin-bottom: 30px;
    text-transform: uppercase;
}

#single-actu .blog-content .wysi-cont h2{
    font-family: var(--font-title);
    color: var(--black);
    font-size: 40px;
    font-weight: 300 !important;
    margin-top: 20px;
    margin-bottom: 20px;
}

#single-actu .blog-content .wysi-cont h3,
#single-actu .blog-content .wysi-cont h4,
#single-actu .blog-content .wysi-cont h5,
#single-actu .blog-content .wysi-cont h6
{
    font-family: var(--font-title);
    color: var(--black);
    font-weight: 300;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 27px;
    margin-top: 15px;
    margin-bottom: 15px;
}

#single-actu .blog-content .wysi-cont p{
    color: var(--black);
    font-size: 20px;
    font-weight: 300;
}

#single-actu .blog-content .wysi-cont li{
    color: var(--black);
    font-size: 20px;
    font-weight: 300;
}

#single-actu .blog-content .wysi-cont strong{
    font-weight: 600;
}

#single-actu .blog-content .wysi-cont a{
    font-weight: 400!important;
    color: var(--bubble-blue)!important;
}

#single-actu .blog-content .wysi-cont a:hover{
    color: var(--bubble-orange)!important;
}

#single-actu .post-navigation {
    display: flex;
    justify-content: space-between;
    margin: 20px 0;
    padding: 10px 0;
    border-top: 1px solid #ddd;
}

#single-actu .post-navigation .nav-previous a,
#single-actu .post-navigation .nav-next a{
    font-size: 16px;
    color: var(--black);
    text-transform: uppercase;
}

#single-actu .post-navigation .nav-previous a:hover,
#single-actu .post-navigation .nav-next a:hover {
    color: var(--bubble-orange);
}

#single-actu .post-navigation .nav-arrow {
    font-weight: bold;
}



/*======================================
testimonial
========================================*/


.iw-testimonials{
    background-color: var(--bubble-green);
    padding-top: 120px;
    padding-bottom: 120px;
}

.iw-testimonials h2{
    font-family: var(--font-title);
    color: var(--black);
    font-size: 40px;
    font-weight: 300;
    margin-bottom: 40px;
}

.iw-testimonials .sp-margin{
    margin-top: 80px;
}

.iw-track-wrapper{ position:relative; }
.iw-track{
    display:flex; gap:32px;
    overflow-x:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth;
    padding:8px 48px;
    -ms-overflow-style:none;
    scrollbar-width:none;
}
.iw-track::-webkit-scrollbar{ display:none; } /* WebKit */


.iw-card{
    scroll-snap-align:center;
    flex:0 0 100%;
    aspect-ratio:1/1;
    border-radius:10px;
    padding:40px 28px;
    background:#0b7285; /* fallback */
    color:#fff;
    display:grid;
    grid-template-rows:auto 1fr auto;
    text-align:center;
}
@media (min-width:768px){ .iw-card{ flex-basis:48%; } }     /* 2 su tablet */
@media (min-width:992px){ .iw-card{ flex-basis:31.5%; } }   /* 3 su desktop */


.iw-num{
    font-family: var(--font-title);
    font-weight:700; line-height:1;
    font-size:clamp(72px,10vw,120px);
    color:#fff; opacity:.95; margin-bottom:14px;
}
.iw-num::after{
    content:""; width:48px; height:2px; background:rgba(255,255,255,.7);
    display:block; margin:14px auto 0;
}


.iw-text{ margin:0; color:#fff; line-height:1.7; font-size:clamp(16px,1.2vw,18px); align-self:center; }
.iw-author{ margin-top:18px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; font-size:14px; color:#fff; }


.iw-nav{
    position:absolute; top:50%; transform:translateY(-50%);
    width:42px; height:42px; border-radius:50%; border:0;
    background:rgba(0,0,0,.35); color:#fff; font-size:24px; line-height:42px; cursor:pointer; z-index:2;
}
.iw-prev{ left:0; } .iw-next{ right:0; }


.iw-dots button{
    width:10px; height:11px; border-radius:50%; border:0; margin:0 4px;
    background:#cfd8dc;
}
.iw-dots button.active{ background:#0b7285; }



/*======================================
  SINGLE  PRODUCT CSS
========================================*/




#single-product  h1{
    font-family: var(--font-title);
    color: var(--bubble-blue)!important;
    font-size: 54px;
    font-weight: 300 !important;
    margin-top: 30px;
    margin-bottom: 30px;
    text-transform: uppercase;
}

#single-product .svg-element.single-product{
    position: relative;
    z-index: 9;
    rotate: 180deg;
    margin-top: -3px;
}

#single-product .special-class{
    padding-top:30px !important; ;
    margin-top:-20px !important;
}

#single-product .accordion-body li{
    color: var(--black);
    font-size: 20px;
    font-weight: 300;
}

@media (max-width: 767px) {
    #single-product .special-class{
        padding-top:1rem!important;
        margin-top:20px!important;
    }

    #single-product .accordion-body p,
    #single-product .accordion-body li,
    #single-product .accordion-body a
    {
        font-size: 14px;
    }

    #single-product .accordion-body
    {
        font-size: 14px;
    }
}

#single-product .btn-teasing {
    background: var(--white);
    color: var(--bubble-orange);
    border: 2px solid var(--bubble-orange);
    font-weight: 500;
    padding: 12px 24px;
    line-height: 20px;
    letter-spacing: 0.08em;
    font-size: 12px;
    border-radius: 0!important;
    transition: 0.3ms;
    text-transform: uppercase;
    max-width: 300px;
}

#single-product .btn-teasing:hover {
    background: var(--bubble-orange)!important;
    color: var(--white)!important;
    border: 2px solid var(--bubble-orange)!important;
}

#single-product .ttmodel .modal-content{
    background: var(--bubble-beige);
    padding: 30px!important;
}

#single-product .wc-pao-addons-container{
    margin-bottom: 50px;
}

/* ===== Product Gallery ===== */
#single-product .product-gallery {
    display: grid;
    gap: 18px;
}

#single-product .pg-main {
    width: 100%;
    aspect-ratio: 1 / 1;
    background: #f5f5f5;
    overflow: hidden;
    border-radius: 0;
}

#single-product .pg-main-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
}

#single-product .pg-main-placeholder {
    aspect-ratio: 1 / 1;
    display: grid;
    place-items: center;
    color: #999;
    border: 1px dashed #ddd;
    background: #fafafa;
    border-radius: 0;
}


/* ===== Accordion Style for Single Product ===== */
#single-product .accordion {
    border: none;
}

#single-product .accordion-item {
    border: none;
    border-radius: 0;
    transition: background-color 0.3s ease;
}

/* HEADER BUTTON */
#single-product .accordion-button {
    font-weight: 300;
    text-transform: uppercase;
    font-size: 25px;
    color: var(--black);
    background-color: transparent;
    border: none;
    box-shadow: none;
    padding: 1.5rem 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: color 0.2s ease;
}

#single-product .accordion-button:hover {
    color: var(--bubble-blue);
}


#single-product .accordion-header{
    margin: 0!important;
}


#single-product .accordion-button::after {
    background-image: none !important;
    content: '+';
    font-size: 25px!important;
    font-weight: 300;
    line-height: 25px;
    color: var(--black);
    transition: transform 0.2s ease, color 0.2s ease;
}


#single-product .accordion-button:not(.collapsed)::after {
    content: '−';
    font-weight: 300;
    line-height: 25px;
    transform: rotate(0deg);
    color: var(--black);
    font-size: 25px!important;
}


#single-product .accordion-button:not(.collapsed) {
    color: var(--black);
    background-color: transparent;
    box-shadow: none;
}

#single-product .accordion-body {
    padding: 1rem 1.5rem;
    font-size: 0.95rem;
    line-height: 1.6;
    color: var(--black);
}


#single-product .accordion-item.bg-beige-light {
    background-color: var(--bubble-beige);
}

#single-product .accordion-item.bg-white {
    background-color: var(--white);
}


#single-product .accordion-collapse {
    border: none;
    border-radius: 0;
    padding: 1rem 1.5rem;
}
#single-product .accordion-collapse a{
    color: var(--bubble-orange);
    transition: color 0.2s ease;
    text-decoration: underline;
}
#single-product .accordion-collapse a:hover{
    color: var(--bubble-blue);
}

#single-product .accordion-collapse img{
    width: 100%;
    height: auto;
}

#single-product .accordion-collapse.collapsing {
    transition: height 0.35s ease;
}
/* Responsive */
@media (max-width: 992px) {
    #accordionDescription{
        margin-top: 20px;
        margin-bottom: 40px;
    }
    #single-product .accordion-collapse{
        padding: 1rem 1.5rem;
    }
}


/* Responsive */
@media (max-width: 767.98px) {
    #single-product .accordion-button {
        font-size: 20px;
        padding: 1rem 1.5rem;
    }

    #single-product .accordion-collapse{
        padding: 1rem 1.5rem;
    }
    #single-product .accordion-body {
        padding: 0.8rem 1rem;
    }
}


#single-product .pg-thumbs {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

#single-product .pg-thumb {
    border: none;
    background: transparent;
    cursor: pointer;
    border-radius: 0;
    overflow: hidden;
    transition: transform 0.2s ease;
    padding: 0;
}

#single-product .pg-thumb img {
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 0;
}

#single-product .pg-thumb:hover img { transform: scale(1.04); }

#single-product .pg-thumb.is-active {
    outline: 2px solid #e64b45;
    outline-offset: 2px;
}

@media (max-width: 767.98px) {
    #single-product .pg-thumbs { gap: 8px; }
}





#single-product .blog-style-two {
    margin-top: 50px;
    overflow: hidden;
}

#single-product .blog-style-two .blog-image img {
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
}
#single-product .blog-style-two .blog-content {
    padding: 35px;
    text-align: center;
}
#single-product .blog-style-two .blog-content .text {
    font-weight: 500;
    text-transform: uppercase;
    color: var(--black);
    margin-top: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.5em;
    min-height: calc( 1.5em * 3);
}

#single-product .card-price-buy .woocommerce-Price-amount{
    font-weight: 500;
    color: var(--bubble-blue);
    margin-top: 16px;
    font-size: 16px;
    margin-bottom: 40px;
}



#single-product .blog-style-two .blog-content .btn-teasing-buy {
    background: var(--white);
    color: var(--bubble-orange);
    border: 2px solid var(--bubble-orange);
    font-weight: 500;
    padding: 12px 24px;
    line-height: 20px;
    letter-spacing: 0.08em;
    font-size: 12px;
    border-radius: 0!important;
    transition: 0.3ms;
    text-transform: uppercase;
}

#single-product .blog-style-two .blog-content .btn-teasing-buy:hover{
    background: var(--bubble-orange);
    color: var(--white)!IMPORTANT;
    border: 2px solid var(--bubble-orange);
}

#single-product .blog-style-two .blog-content .btn-buy {
    margin-top: 5px;
    background: var(--bubble-orange);
    font-weight: 500;
    padding: 12px 24px;
    color: var(--white);
    font-size: 12px;
    border-radius: 0!important;
    transition: 0.3ms;
    text-transform: uppercase;
    border: 2px solid var(--bubble-orange);
}

#single-product .blog-style-two .blog-content .btn-buy:hover {
    background: var(--white);
    color: var(--bubble-orange);
    transition: 0.3ms;
    border: 2px solid var(--bubble-orange);
    text-transform: uppercase;
}



#single-product .wc-pao-addons-container .woocommerce-Price-amount{
    font-size: 16px;
    color: var(--black)!important;
    font-weight: 400!important;
}

#single-product  h2{
    font-family: var(--font-title);
    color: var(--black);
    font-size: 40px;
    font-weight: 300 !important;
    margin-top: 20px;
    margin-bottom: 20px;
}

#single-product  h3,
#single-product  h4,
#single-product  h5,
#single-product  h6
{
    font-family: var(--font-title);
    color: var(--black);
    font-weight: 300;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 27px;
    margin-top: 15px;
    margin-bottom: 15px;
}

#single-product.text{
    color: var(--black);
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 20px;
}

#single-product p{
    color: var(--black);
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 20px;
}

#single-product li{
    color: var(--black);
}

#single-product .flex-active-slide a img{
    aspect-ratio: 1!important;
    object-fit: cover;
    width: 100%!important;
}

#single-product ul{
    list-style-type: unset!important;
    padding-left: 2rem;
}

#single-product .woocommerce-product-gallery {
    width: 100%!important;
    padding: 7px;
}

#single-product strong{
    font-weight: 600;
}

#single-product .product-overview a{
    font-weight: 400!important;
    color: var(--bubble-blue)!important;
}

#single-product a:hover{
    color: var(--bubble-orange)!important;
}

#single-product .woocommerce-Price-amount{
    color: var(--bubble-blue)!important;
    font-size: 22px;
    font-weight: 600;
}

#single-product .in-stock{
    display: none;
}


#single-product .cart{
    position: relative;
    align-items: center;
}

#single-product .cart .quantity-wrapper {
    display: flex;
    align-items: center;
    gap: 5px;
    max-width: 130px;
}


#single-product .product_meta{
    display: none;
}

#single-product .woocommerce-product-details__short-description{
    margin-bottom: 50px;
}


#single-product .woocommerce-product-details__short-description a{
    color: var(--bubble-orange);
}

#single-product .woocommerce-product-details__short-description a:hover{
    color: var(--bubble-green);
}

/* ===== QUANTITY STYLE ===== */
.quantity-wrapper {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #4b6572; /* colore simile a quello del sito */
    border-radius: 50px;
    overflow: hidden;
    height: 38px;
}

/* Pulsanti - e + */
.qty-btn.minus,
.qty-btn.plus {
    width: 36px;
    height: 36px;
    background: transparent;
    color: #4b6572;
    font-size: 18px;
    font-weight: 500;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.qty-btn.minus:hover,
.qty-btn.plus:hover {
    background-color: #4b6572;
    color: #fff;
}

/* Input centrale */
.quantity-wrapper input.qty {
    width: 42px;
    height: 36px;
    border: none !important;
    text-align: center;
    font-weight: 500;
    color: #4b6572 !important;
    background: transparent;
    font-size: 16px;
    padding: 0;
}

/* Rimuove spinner (frecce su/giù) su Chrome e Firefox */
.quantity-wrapper input.qty::-webkit-outer-spin-button,
.quantity-wrapper input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.quantity-wrapper input.qty[type=number] {
    -moz-appearance: textfield;
}

.woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells{
    width: 100%!important;
    padding: 30px!important;
    background-color: var(--bubble-beige)!important;
}

.woocommerce .cart-collaterals .cross-sells h2, .woocommerce-page .cart-collaterals .cross-sells h2{
    padding-bottom: 20px;
}

.woocommerce .cart-collaterals .cross-sells .button, .woocommerce-page .cart-collaterals .button{
    border: 1px solid var(--bubble-blue)!important;
    color: var(--white)!important;
    border-radius: 0!important;
    background-color: var(--bubble-blue)!important;
    font-family: var(--font-family)!important;
    font-size: 12px!important;
    line-height: 21px!important;
    letter-spacing: 0.38px!important;
    font-weight: 500!important;
    padding: 8px 25px!important;
    transition: 0.3ms;
    text-align: center;
    text-transform: uppercase;
}

.woocommerce .cart-collaterals .cross-sells .button:hover, .woocommerce-page .cart-collaterals .button:hover{
    border: 1px solid var(--bubble-green)!important;
    background-color: var(--bubble-green)!important;
}

.woocommerce .cart-collaterals .cross-sells .price, .woocommerce-page .cart-collaterals .price{
    color: var(--black)!important;
}

.wc-pao-addon label.wc-pao-addon-name{
    font-family: var(--font-title);
    font-size: 19px;
    letter-spacing: 1px;
    font-weight: 400;
}

#single-product .single_add_to_cart_button {
    background: var(--bubble-orange)!important;
    color: var(--white)!important;
    font-family: var(--font-family);
    font-weight: 600!important;
    font-size: 12px!important;
    transition: 0.3ms!important;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 12px 24px!important;
    border: 2px solid transparent!important;
    margin-top: 20px !important;
    border-radius: 0!important;
    min-width: 300px;
    margin-bottom: 10px;
}
#single-product .single_add_to_cart_button:hover {
    background: var(--white)!important;
    border: 2px solid var(--bubble-orange)!important;
    color: var(--bubble-orange)!important;
}

#single-product .description-prod-bubble{
    background-color: var(--bubble-beige);
    padding-top: 60px;
    padding-bottom: 80px;
}

#single-product .description-prod-bubble .mejs-container{
    margin-top: 15px;
    margin-bottom: 30px;
}



#single-product .related-b .woocommerce-loop-product__title{
    font-family: var(--font-family);
    font-size: 16px;
    font-weight: 500!important;
    text-transform: uppercase;
    color: var(--black);
    margin-top: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 20px;
    height: calc(23px * 3);
    text-align: center;
}

#single-product .svg-element svg {
    transform: rotate(180deg);
    display: block;
    margin-bottom: -1px;
}

#single-product .related-b .price{
    text-align: center;
}


#single-product .related-b .woocommerce-Price-amount{
    text-align: center;
    font-weight: 500;
    color: var(--bubble-blue);
    margin-top: 16px;
    font-size: 1em;
    line-height: 1.5;
}

#single-product #ppc-button-ppcp-gateway{
    margin-top: 50px!important;
}

#single-product .woocommerce-product-gallery__wrapper{
    text-align: center!important;
}

#single-product .related-b .add_to_cart_button{
    background: var(--bubble-orange)!important;
    color: var(--white)!important;
    font-weight: 600!important;
    font-size: 12px!important;
    transition: 0.3ms!important;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 12px 24px!important;
    border: 1px solid transparent!important;
    margin-left: 20px !important;
    border-radius: 0!important;
}

#single-product .product-addons label{
    display: block;
    font-weight: 600;
}

#single-product .product-addons input,
#single-product .product-addons select{
    width: 100%;
    margin-top: 15px;
    margin-bottom: 20px;
    padding: 10px 5px;
}


#single-product .buttons-section{
    padding-top: 50px;
}

.product-details-image {
    margin-top: 50px;
}
.product-details-image .product-image .single-product-image img {
    width: 100%;
}
.product-details-image .product-thumbs {
    display: flex;
}
.product-details-image .product-thumbs .single-thumbs a img {
    opacity: 0.5;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.product-details-image .product-thumbs .single-thumbs a.active img {
    opacity: 1;
}
.product-details-image .product-thumbs .slick-current .single-thumbs img {
    opacity: 1;
}

.product-details-content {
    margin-top: 50px;
    margin-bottom: 100px;
}
.product-details-content .product-title {
    font-size: 24px;
    color: var(--black);
    font-weight: 600;
    line-height: 30px;
}
.product-details-content .product-rating .rating-star {
    color: var(--success);
    font-size: 15px;
    margin-top: 16px;
    margin-right: 16px;
}
.product-details-content .product-rating .rating-review {
    font-size: 14px;
    margin-top: 16px;
    color: var(--dark-3);
}
.product-details-content .product-price {
    margin-top: 16px;
}
.product-details-content .product-price .running-price {
    font-weight: 600;
    font-size: 24px;
    color: var(--black);
    line-height: 30px;
    margin-right: 16px;
}
.product-details-content .product-price .discount-price {
    font-size: 18px;
    color: var(--dark-3);
    position: relative;
}
.product-details-content .product-price .discount-price::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--dark-3);
}
.product-details-content .product-stock {
    margin-top: 16px;
}
.product-details-content .product-stock p {
    font-size: 15px;
    color: var(--black);
}
.product-details-content .product-stock p span {
    color: var(--success);
    margin-left: 8px;
}
.product-details-content .product-overview {
    margin-top: 16px;
}
.product-details-content .product-overview .overview-title {
    font-size: 18px;
    font-weight: 600;
    color: var(--black);
}
.product-details-content .product-overview .text {
    color: var(--dark-3);
    line-height: 27px;
    margin-top: 8px;
}
.product-details-content .product-quantity-addcart .product-quantity {
    margin-top: 16px;
    margin-right: 16px;
}
.product-details-content .product-quantity-addcart .product-quantity button {
    width: 46px;
    height: 46px;
    padding: 0;
    border: 0;
    background-color: var(--primary);
    font-size: 18px;
    color: var(--white);
}
.product-details-content .product-quantity-addcart .product-quantity input {
    width: 60px;
    height: 46px;
    border: 1px solid var(--primary);
    padding: 0 10px;
    text-align: center;
}
.product-details-content .product-quantity-addcart .primary-btn {
    margin-top: 16px;
}
.product-details-content .product-share {
    margin-top: 16px;
}
.product-details-content .product-share span {
    font-size: 16px;
    font-weight: 600;
    color: var(--black);
}
.product-details-content .product-share .social li {
    display: inline-block;
    margin-left: 10px;
}
.product-details-content .product-share .social li a {
    color: var(--dark-3);
    font-size: 16px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.product-details-content .product-share .social li a:hover {
    color: var(--primary);
}

.product-content {
    padding: 24px;
}
.product-content .product-title {
    font-size: 24px;
    color: var(--black);
    line-height: 30px;
    font-weight: 600;
}
.product-content .text {
    font-size: 16px;
    color: var(--dark-3);
    line-height: 27px;
    margin-top: 16px;
}

.flex-control-nav{
    display: flex;
}

.flex-control-nav li{
    padding-right: 9px;
    padding-top: 9px;
}

.flex-control-nav li img{
    aspect-ratio: 1!important;
    object-fit: cover!important;
    width: 100%;
}

.woocommerce-product-gallery__trigger{
    display: none;
}

/* === SINGLE CALENDRIER DE L'AVENT === */
#single-calendrier {
    background-color: #faf3ec; /* beige chiaro */
    padding: 80px 20px;
    color: #1a1a1a;
    font-family: "Montserrat", sans-serif;
}

#single-calendrier h1 {
    font-family: var(--font-title);
    color: var(--bubble-blue);
    font-weight: 300;
    font-size: 54px;
    line-height: 60px;
    margin-bottom: 20px;
}

#single-calendrier h2,
#single-calendrier h3 {
    font-family: var(--font-title);
    color: var(--black);
    font-size: 30px;
    font-weight: 300;
    margin-top: 30px;
    position: relative;
}

/* === AUDIO PLAYER CUSTOM === */
.single-audio {
    position: relative;
    padding: 60px 20px;
    background-color: #4f6775;
    box-shadow: 0 6px 0 #f8b400;
    border-radius: 0;
    margin: 10px auto;
}

.custom-player {
    display: flex;
    align-items: center;
    gap: 15px;
    background: #4f6775;
    padding: 15px 25px;
    border-radius: 8px;
    justify-content: center;
}

.custom-player .play-btn {
    background: #f8b400;
    border: none;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 24px;
    color: var(--white);
    cursor: pointer;
    transition: background 0.3s ease, transform 0.2s ease;
}

.custom-player .play-btn:hover {
    background: #ffcc33;
    transform: scale(1.1);
}

.custom-player .seek-bar {
    flex: 1;
    height: 6px;
    background: #e5e5e5;
    border-radius: 3px;
    cursor: pointer;
    appearance: none;
}

.custom-player .seek-bar::-webkit-slider-thumb {
    appearance: none;
    width: 14px;
    height: 14px;
    background: #f8b400;
    border-radius: 50%;
    cursor: pointer;
}

.custom-player .time {
    color: #fff;
    font-weight: 600;
    min-width: 50px;
    text-align: right;
    font-size: 16px;
}

/* === FIRMA AUTORE === */
.single-soundtrack .author-signature {
    font-size: 0.95rem;
    text-align: right;
    margin-top: 30px;
    color: #000;
}

.single-soundtrack .author-signature strong {
    font-weight: 700;
}

.single-soundtrack .author-signature em {
    font-style: normal;
    font-weight: 800;
}


/*======================================
    ESHOP CSS
========================================*/

/* card first  */
#eshop .blog-area{
    padding-bottom: 120px;
}

#eshop .blog-area .content h2{
    padding-top: 120px;
    font-family: var(--font-title);
    color: var(--black);
    font-size: 40px;
    font-weight: 300;
    margin-bottom: 30px;
}

#eshop .between-sections{
    position: absolute;
    bottom: -70px;
    left: 78%;
    transform: translateX(-50%);
    z-index: 10;
}

@media (max-width: 767px) {
    #eshop .between-sections{
        left: 57%;
    }
    
}

#eshop .blog-style-two .blog-content{
    background-color: var(--white);
}
#eshop .blog-area .content p{
    color: var(--black);
    font-size: 20px;
    font-weight: 300;
}

#eshop .blog-style-two .blog-content .btn {
    background: var(--bubble-orange);
    color: var(--white);
    font-weight: 500;
    font-size: 12px;
    border-radius: 0!important;
    transition: 0.3ms;
    text-transform: uppercase;
}


#eshop .blog-style-two .blog-content .btn-teasing {
    background: var(--white);
    color: var(--bubble-blue);
    border: 2px solid var(--bubble-blue);
    font-weight: 500;
    padding: 12px 24px;
    line-height: 20px;
    letter-spacing: 0.08em;
    font-size: 12px;
    border-radius: 0!important;
    transition: 0.3ms;
    text-transform: uppercase;
}

#eshop .blog-style-two .blog-content .btn-teasing:hover {
    background: var(--white)!important;
    color: var(--bubble-blue)!important;
    border: 2px solid var(--bubble-blue)!important;
    font-weight: 500;
    font-size: 12px;
    border-radius: 0!important;
    transition: 0.3ms;
    text-transform: uppercase;
}

#eshop .ttmodel .modal-content{
    background-color: var(--bubble-beige);
    padding: 30px!important;
    border: none!important;
}



#eshop .blog-style-two .blog-content .btn-acheter{
    margin-top: 5px;
    background: var(--bubble-blue);
    font-weight: 500;
    padding: 12px 24px;
    color: var(--white);
    font-size: 12px;
    border-radius: 0!important;
    transition: 0.3ms;
    text-transform: uppercase;
}

#eshop .blog-style-two .blog-content .active.btn,#home  .blog-style-two .blog-content .btn:hover, #eshop .blog-style-two .blog-content .btn:focus {
    background: var(--bubble-blue);
}












/* === PRODUCT GALLERY SLIDER === */
/* === PRODUCT GALLERY SLIDER FINAL === */


#single-product .info-pratiques-image{
    max-width: 500px;
    aspect-ratio: 1/1;
    object-fit: cover;
}

#single-product .pg-slider-wrapper {
    position: relative;
    width: 100%;
    margin-top: 1rem;
}

#single-product .pg-slider-container {
    overflow: hidden;
    width: 100%;
}

#single-product .pg-slider-track {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
    transition: transform 0.4s ease;
    will-change: transform;
}

#single-product .pg-slider-thumb {
    flex: 0 0 calc((100% - 20px) / 3); /* Mostra solo 3 immagini */
    aspect-ratio: 1 / 1; /* Quadrato perfetto */
    cursor: pointer;
    border: none;
    background: none;
    padding: 0;
    flex-shrink: 0;
}

#single-product .pg-slider-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
    display: block;
}

#single-product .pg-slider-thumb {
    position: relative;
    border-radius: 6px;
    overflow: hidden;
}

#single-product .pg-slider-thumb.is-active::after {
    content: "";
    position: absolute;
    inset: 0;
    border: 3px solid var(--bubble-orange);
    border-radius: 8px;
    box-sizing: border-box;
    pointer-events: none;
    z-index: 5;
}


/* Nav buttons */
#single-product .pg-slider-nav {
    font-size: 34x;
    line-height: 34px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.9);
    border: none;
    cursor: pointer;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    z-index: 2;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

#single-product .pg-slider-nav.prev {
    left: -15px;
}

#single-product .pg-slider-nav.next {
    right: -15px;
}

@media (max-width: 768px) {
    #single-product .pg-slider-thumb {
        flex: 0 0 calc((100% - 10px) / 2);
    }
}





#eshop .blog-style-two {
    margin-top: 50px;
    overflow: hidden;
}
#eshop .blog-style-two .blog-image img {
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
}
#eshop .blog-style-two .blog-content {
    padding: 35px;
    text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    #eshop .blog-style-two .blog-content {
        padding: 25px;
    }
}
@media (max-width: 767px) {
    #eshop .blog-style-two .blog-content {
        padding: 20px;
    }
}
#eshop .blog-style-two .blog-content .blog-title {
    display: block;
    margin-bottom: 8px;
}

#eshop .blog-style-two .blog-content .text {
    font-weight: 500;
    text-transform: uppercase;
    color: var(--black);
    margin-top: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Set the desired number of lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.5em;
    min-height: calc( 1.5em * 3);
}
#eshop .blog-style-two .blog-content .card-price{
    font-weight: 500;
    color: var(--bubble-blue);
    margin-top: 16px;
    margin-bottom: 40px;
}


#eshop .blog-style-two .blog-content .primary-btn-outline {
    margin-top: 25px;
}


/*Brand CSS*/
#eshop .brand-area {
    padding: 120px 0;
    background: var(--white);
}
#eshop .brand-area .section-title {
    text-align: center;
    margin: 0px auto;
    max-width: 550px;
    position: relative;
    z-index: 5;
    margin-bottom: 30px;
}
#eshop .brand-area .section-title h2 {
    font-family: var(--font-title);
    color: var(--black);
    font-size: 40px;
    font-weight: 300;
    margin-bottom: 30px;
}
@media (max-width: 767px) {
    #eshop .brand-area .section-title h2 {
        font-size: 30px;
    }
}

#eshop .brand-area .section-title p {
    color: var(--black);
    font-size: 20px;
    font-weight: 300;
}
#eshop .brand-area .clients-logos {
    text-align: center;
    display: inline-block;
    margin-top: 20px;
}


#eshop .brand-area .clients-logos img {
    max-width: 170px;
    cursor: pointer;
}
#eshop .brand-area h3{
    font-family: var(--font-title);
    margin-top: 20px;
    margin-bottom: 5px;
    font-weight: 300;
    font-size: 22px;
}

#eshop .brand-area .single-image{
    padding: 20px 5px;
}

#eshop .brand-area .clients-logos p{
    color: var(--black);
    font-size: 20px;
    font-weight: 300;
}

#eshop .brand-area .btn-group{
    display: flex;
    align-items: center;
}

#eshop .brand-area li{
    padding-right: 10px;
    padding-left: 10px;
}

#eshop .brand-area .btn{
    display: block;
    padding: 10px 15px;
    margin-top: 40px;
    background: var(--bubble-blue);
    color: var(--white);
    font-weight: 500;
    font-size: 12px;
    border-radius: 0!important;
    transition: 0.3ms;
    text-transform: uppercase;
}

#eshop .brand-area ul.d-sm-flex li:nth-child(1) .btn {
    background: var(--bubble-green);
}

/* Target the second <li> and apply dark blue background */
#eshop .brand-area ul.d-sm-flex li:nth-child(2) .btn {
    background: var(--bubble-blue);
}

#eshop .brand-area .btn:hover{
    background: var(--bubble-orange);
}

/*call action four */
#eshop .call-action-four .call-action-form .primary-btn {
    display: block;
    padding: 10px 15px;
    margin-top: 40px;
    background: var(--bubble-blue);
    color: var(--white);
    font-weight: 500;
    font-size: 12px;
    border-radius: 0!important;
    transition: 0.3ms;
    text-transform: uppercase;
}
#eshop .call-action-four h2{
    margin-bottom: 30px;
}

#eshop .call-action-four p{
    color: var(--black);
    font-size: 20px;
    font-weight: 300;
}

#eshop #mc-embedded-subscribe {
    display: block;
    padding: 15px 30px!important;
    background: var(--bubble-blue);
    color: var(--white);
    font-weight: 500;
    font-size: 12px;
    border-radius: 0!important;
    transition: 0.3ms;
    text-transform: uppercase;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 50px;
    box-shadow: none!important;
    outline: none!important;
    border: none!important;
}

#eshop .call-action-four .call-action-form .active.primary-btn, #eshop .call-action-four .call-action-form  .primary-btn:hover, #eshop .call-action-four .call-action-form .primary-btn:focus {
    background: var(--bubble-green);
}
#eshop .call-action-four .call-action-form .action-btn .deactive.primary-btn {
    background: var(--gray-4);
    color: var(--dark-3);
    pointer-events: none;
}

#eshop .call-action-four {
    padding-top: 90px;
    padding-bottom: 100px;
}
#eshop .call-action-four .call-action-content .action-title {
    font-family: var(--font-title);
    color: var(--black);
    font-size: 40px;
    font-weight: 300 !important;
}
#eshop .call-action-four .call-action-content .text {
    color: var(--white);
    margin-top: 16px;
}
#eshop .call-action-four .call-action-form {
    position: relative;
    max-width: 480px;
    margin: 45px auto 0;
}
#eshop .call-action-four .call-action-form .fields {
    width: 100%;
    height: 60px;
    border: none;
    border-bottom: 1px solid var(--black);
    background: none;
    padding: 0 10px;
    border-radius: 0;
    color: var(--black);
}
@media (max-width: 767px) {
    #eshop .call-action-four .call-action-form input {
        height: 50px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    #eshop .call-action-four .call-action-form input {
        height: 60px;
    }
}
#eshop .call-action-four .call-action-form input::placeholder {
    color: var(--black);
}

/*==========
CONCEPT
===========*/


#concept .concept_nav .section-title{
    padding-top: 30px;
    padding-bottom: 80px;
}


#concept .concept_nav .section-title h1{
    font-family: var(--font-title);
    color: var(--black);
    font-size: 40px;
    font-weight: 300;
    margin-bottom: 30px;
}

#concept .concept_nav .section-title p{
    color: var(--black);
    font-size: 20px;
    font-weight: 300;
}

    /* Background color for the card */
#concept .concept_nav .bg-custom {
    width: 100%;
    aspect-ratio: 1.3;
    position: relative;
    overflow: hidden;
    border-radius: 0!important;
}

/* Hidden image overlay */
#concept .concept_nav .card-img-overlay-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 1;
}

#concept .concept_nav .card{
    border: none!important;
}

/* Show image on hover */
#concept .concept_nav .card:hover .card-img-overlay-img {
    opacity: 1;
}

/* Centering all content in the card */
#concept .concept_nav .card-body {
    height: 100%;
}

/* Text content styling, initially visible */
#concept .concept_nav .text-content {
    display: flex; /* Centered by flex layout */
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

/* Button content styling, initially hidden */
#concept .concept_nav .button-content {
    display: none; /* Hidden by default */
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

/* On hover: hide text content, show button content */
#concept .concept_nav .card:hover .text-content {
    display: none;
}

#concept .concept_nav .card:hover .button-content {
    display: flex; /* Displayed only on hover */
}

#concept .concept_nav .card .card-description{
    font-size: 20px;
    font-weight: 300;
}

#concept .concept_nav .card .card-title{
    font-family: var(--font-title);
    font-weight: 300;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 27px;
}


#concept .concept_nav .card .primary-btn {
    margin-top: 40px;
    background: var(--bubble-orange);
    color: var(--white);
    font-weight: 500;
    font-size: 12px;
    border-radius: 0!important;
    transition: 0.3ms;
    text-transform: uppercase;
    padding: 12px 24px;
}


/*Brand CSS*/
#concept .brand-area {
    padding: 120px 0;
    background: var(--white);
}
#concept .brand-area .section-title {
    text-align: center;
    margin: 0px auto;
    max-width: 550px;
    position: relative;
    z-index: 5;
    margin-bottom: 30px;
}
#concept .brand-area .section-title h2 {
    font-family: var(--font-title);
    color: var(--black);
    font-size: 40px;
    font-weight: 300;
    margin-bottom: 30px;
}
@media (max-width: 767px) {
    #concept .brand-area .section-title h2 {
        font-size: 30px;
    }
}

#concept .brand-area .section-title p {
    color: var(--black);
    font-size: 20px;
    font-weight: 300;
}
#concept .brand-area .clients-logos {
    text-align: center;
    display: inline-block;
    margin-top: 20px;
}


#concept .brand-area .clients-logos img {
    max-width: 170px;
    cursor: pointer;
}
#concept .brand-area h3{
    font-family: var(--font-title);
    margin-top: 20px;
    margin-bottom: 5px;
    font-weight: 300;
    font-size: 22px;
}

#concept .brand-area .single-image{
    padding: 20px 5px;
}

#concept .brand-area .clients-logos p{
    color: var(--black);
    font-size: 20px;
    font-weight: 300;
}

#concept .brand-area .btn-group{
    display: flex;
    align-items: center;
}

#concept .brand-area li{
    padding-right: 10px;
    padding-left: 10px;
}

#concept .brand-area .btn{
    display: block;
    padding: 10px 15px;
    margin-top: 40px;
    background: var(--bubble-blue);
    color: var(--white);
    font-weight: 500;
    font-size: 12px;
    border-radius: 0!important;
    transition: 0.3ms;
    text-transform: uppercase;
}

#concept ul.d-sm-flex li:nth-child(1) .btn {
    background: var(--bubble-green);
}

/* Target the second <li> and apply dark blue background */
#concept ul.d-sm-flex li:nth-child(2) .btn {
    background: var(--bubble-blue);
}

#concept .brand-area .btn:hover {
    background: var(--bubble-orange);
}

/* card   */
#concept .blog-area{
    padding-bottom: 120px;
    background: var(--bubble-beige);
}

#concept .blog-area .content h2{
    padding-top: 120px;
    font-family: var(--font-title);
    color: var(--black);
    font-size: 40px;
    font-weight: 300;
    margin-bottom: 30px;
}

#concept .blog-style-two .blog-content{
    background-color: var(--white);
}
#concept .blog-area .content p{
    color: var(--black);
    font-size: 20px;
    font-weight: 300;
}

#concept .blog-style-two .blog-content .btn {
    margin-top: 40px;
    background: var(--bubble-orange);
    color: var(--white);
    font-weight: 500;
    font-size: 12px;
    border-radius: 0!important;
    transition: 0.3ms;
    text-transform: uppercase;
}
#concept .blog-style-two .blog-content .active.btn,#home  .blog-style-two .blog-content .btn:hover,#home  .blog-style-two .blog-content .btn:focus {
    background: var(--bubble-blue);
}


#concept  .blog-style-two {
    margin-top: 50px;
    overflow: hidden;
}
#concept .blog-style-two .blog-image img {
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
}
#concept .blog-style-two .blog-content {
    padding: 35px;
    text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    #concept .blog-style-two .blog-content {
        padding: 25px;
    }
}
@media (max-width: 767px) {
    #concept .blog-style-two .blog-content {
        padding: 20px;
    }
}
#concept .blog-style-two .blog-content .blog-title {
    display: block;
    margin-bottom: 8px;
}

#concept .blog-style-two .blog-content .text {
    font-weight: 500;
    text-transform: uppercase;
    color: var(--black);
    margin-top: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Set the desired number of lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.5em;
    min-height: 3em;
}
#concept .blog-style-two .blog-content .primary-btn-outline {
    margin-top: 25px;
}

.tit-foot{
    font-family: var(--font-title);
    color: var(--white);
    font-weight: 300;
    font-size: 54px;
    line-height: 59px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px;
}

/*presse css */
.presse {
    padding-top: 100px;
    padding-bottom: 120px;
}
.presse .section-title-four {
    text-align: center;
    max-width: 550px;
    margin: auto;
    margin-bottom: 50px;
    position: relative;
    z-index: 5;
    margin-top: 12px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .presse .section-title-four {
        margin-bottom: 45px;
    }
}
@media (max-width: 767px) {
    .presse .section-title-four {
        margin-bottom: 35px;
    }
}

.presse .section-title-four h2 {
    font-family: var(--font-title);
    color: var(--black);
    font-size: 40px;
    font-weight: 300;
    margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
     .presse .section-title-four h2 {
        font-size: 2rem;
        line-height: 2.8rem;
    }
}
@media (max-width: 767px) {
    .presse .section-title-four h2 {
        font-size: 1.5rem;
        line-height: 1.9rem;
    }
}

.presse .section-title-four p {
    color: var(--black);
    font-size: 20px;
    font-weight: 300;
}
.presse .single-client {
    margin-top: 30px;
}
.presse .single-client img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.presse .single-client:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}


/*==========
CART
===========*/
#panier-bubble{
    display: flex;
    padding-bottom: 120px;
}

#panier-bubble .woocommerce-cart-form{
    flex: 1;
}
.woocommerce-message{
    border-top-color:var(--bubble-beige) ;
    background-color: var(--bubble-beige);
}
.woocommerce-info{
    border-top-color:var(--bubble-beige) ;
    background-color: var(--bubble-beige);
}
#checkout-bubble #customer_details h3{
    background: var(--bubble-beige)!important;
}

#panier-bubble .woocommerce-cart .cart-collaterals {
    width: 34%;
}
.woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals{
    width: 35%;
}
#panier-bubble .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{
    width: 100%;
}

#panier-bubble .cart-collaterals .cart_totals{
    background: var(--bubble-beige);
    padding: 30px 30px 0 30px;
    border-radius: 0;
    width: 100% !important;
}


.woocommerce-message{
    border-top-color: var(--bubble-beige)!important;
}

#panier-bubble #add_payment_method .cart-collaterals .cart_totals tr td, #add_payment_method .cart-collaterals .cart_totals tr th, #panier-bubble .cart-collaterals .cart_totals tr td, #panier-bubble .cart-collaterals .cart_totals tr th, #panier-bubble .cart-collaterals .cart_totals tr td, #cart-magritte .cart-collaterals .cart_totals tr th{
    border-top: 1px solid #e9e6ed;
}
.woocommerce-cart .woocommerce table.shop_table td {
    border: none!important;
    padding-top: 30px;
    padding-bottom: 30px;
}

.woocommerce table.shop_table{
    border: none !important;
}

.woocommerce table.shop_table th {
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: 500 !important;
    text-transform: initial;
}

#panier-bubble .cart_totals h2{
    font-family: var(--font-title);
    letter-spacing: 1px;
    font-weight: 600;
    font-size: 1.75rem;
    margin-bottom: 1rem !important;
    margin-top: 0 !important;
}

#panier-bubble .content-panier{
    display: flex;
}

.woocommerce-cart h1 {
    margin-top: 10px;
    font-family: var(--font-family);
    color: var(--bubble-blue);
    font-weight: 500!important;
    font-size: 50px;
    line-height: 63px;
}

.woocommerce-checkout label{
    font-family: var(--font-title);
    color: var(--black);
    font-size: 15px;
    letter-spacing: 1px;
}

#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button{
    margin-top: 2rem;
    border: 1px solid var(--bubble-blue)!important;
    color: var(--white)!important;
    border-radius: 0!important;
    background-color: var(--bubble-blue)!important;
    font-size: 16px!important;
    line-height: 21px;
    font-weight: 600 !important;
    padding: 13px 25px;
    font-family: var(--font-family)!important;
    text-transform: uppercase;
}

.woocommerce .col2-set, .woocommerce-page .col2-set{
    margin-bottom: 50px;
}

#order_review_heading{
    font-family: var(--font-title)!important;
    font-weight: 300!important;
    font-size: 35px!important;
}

#add_payment_method .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover{
    border: 1px solid var(--bubble-green);
    color: var(--white);
    background-color: var(--bubble-green);
}

.woocommerce .cart .button, .woocommerce .cart input.button{
    border: 1px solid var(--bubble-blue);
    color: var(--bubble-blue);
    border-radius: 50px;
    background-color: var(--white);
    font-family: var(--font-title);
    font-size: 13px!important;
    line-height: 21px;
    letter-spacing: 0.38px;
    font-weight: 500;
    padding: 8px 25px;
}

.woocommerce .cart .button:hover, .woocommerce .cart input.button:hover{
    border: 1px solid var(--bubble-blue);
    background-color: var(--bubble-blue);
    color: var(--white);
}

.woocommerce .cart .product-name a{
    color: var(--bubble-blue)!important;
    transition: 0.3ms;
}

.woocommerce .cart .product-name a:hover{
    color: var(--bubble-orange)!important;
}

.post-edit-link{
    display: none;
    color: var(--bubble-green)!important;
    transition: 0.3ms;
    margin-bottom: 4rem;
}

.post-edit-link:hover{
    color: var(--bubble-blue)!important;
}

.woocommerce .wc-backward{
    border: 1px solid var(--bubble-blue)!important;
    color: var(--bubble-blue)!important;
    border-radius: 50px!important;
    background-color: var(--white)!important;
    font-family: var(--font-title)!important;
    font-size: 15px!important;
    line-height: 21px!important;
    letter-spacing: 0.38px!important;
    font-weight: 500!important;
    padding: 8px 25px!important;
    margin-bottom:3rem!important;
}

.woocommerce .wc-backward:hover{
    border: 1px solid var(--bubble-green)!important;
    background-color: var(--bubble-green)!important;
    color: var(--white)!important;
}

.woocommerce .woocommerce-message .button{
    border: 1px solid var(--bubble-blue)!important;
    color: var(--bubble-blue)!important;
    border-radius: 0!important;
    background-color:var(--bubble-beige) !important;
    font-family: var(--font-family)!important;
    font-size: 15px!important;
    line-height: 21px!important;
    letter-spacing: 0.38px!important;
    font-weight: 500!important;
    padding: 8px 25px!important;
}
.woocommerce .woocommerce-message .button:hover{
    background-color:var(--bubble-green) !important;
    border: 1px solid var(--bubble-green)!important;
    color: var(--white)!important;
}

.shipping-calculator-button{
    color: var(--bubble-blue);
}

.shipping-calculator-button:hover{
    color: var(--bubble-orange);
}

.woocommerce-shipping-destination strong{
    color: var(--black);
}

.woocommerce-message::before{
    color: var(--bubble-green);
}

.woocommerce .woocommerce-message .button:hover{
    border: 1px solid var(--bubble-green)!important;
    background-color: var(--bubble-green)!important;
    color: var(--white)!important;
}

#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text{
    border-radius: 0!important;
}

.woocommerce-cart .woocommerce table.shop_table td {
    border-top: solid 1px var(--black) !important;
    padding-top: 30px;
    padding-bottom: 30px;
}

.woocommerce a.remove:hover{
    background-color: transparent;
    color: var(--bubble-orange)!important;
}

.woocommerce-cart-form__cart-item.cart_item .product-thumbnail img {
    width: 120px;
    aspect-ratio: 1/1;
    object-fit: cover;
}

#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text {
    float: left;
    box-sizing: border-box;
    border: 1px solid #d3ced2;
    padding: 7px 26px 7px!important;
    margin: 0 4px 0 0;
    outline: 0;
}

#panier-bubble .screen-reader-text{
    display: none;
}

#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text {
    margin: 0 4px 0 0;
}

.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
    width: 141px;
}

.woocommerce-cart-form__cart-item.cart_item a.remove {
    color: var(--dark-3) !important;
}
.woocommerce-cart .remove i {
    font-size: 16px;
}

.woocommerce-cart .coupon label{
    display: none;
}


.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents {
    border: unset;
}

/*==========
CHECKOUT
===========*/
#checkout-bubble .col-md-7 input {
    border: 1px solid rgba(0,0,0,.1);
    padding: 7px;
    border-radius: 5px;
}

#checkout-bubble form .form-row label {
    flex-basis: 175px;
    line-height: 18px;
    font-weight: 500!important;
    margin-bottom: 7px;
    font-size: 14px;
    display: contents;
}

#checkout-bubble #customer_details p {
    align-items: center;
    width: 100%;
}

#checkout-bubble #order_review{
    background-color: var(--bubble-beige);
}
#checkout-bubble #add_payment_method #payment ul.payment_methods, #checkout-bubble #payment ul.payment_methods, #checkout-bubble #payment ul.payment_methods{
    background-color: var(--bubble-beige)!important;
}

#add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row{
    background-color: var(--bubble-beige)!important;
}

#checkout-bubble #order_review tr{
    width: 70% !important;
}

.woocommerce-cart .container .woocommerce{
    min-height: calc(100vh - 424px);
}


#checkout-bubble table.shop_table td {
    border-top: none!important;
    padding: 9px 12px;
    vertical-align: middle;
    line-height: 1.5em;
}

.woocommerce-thankyou-order-received{
    font-weight: 700;
    margin-bottom: 20px;
    color: var(--black);
}

.woocommerce-order-details__title{
    font-family: var(--font-title);
    font-weight: 300 !important;
}

.woocommerce .woocommerce-customer-details .woocommerce-column__title{
    font-family: var(--font-title);
    font-weight: 300 !important;
    margin-bottom: 20px;
}

.woocommerce-table__product-name a{
    color: var(--bubble-blue);
    transition: 0.3ms;
}

.woocommerce-table__product-name a:hover{
    font-weight: 700;
    color: var(--bubble-orange);
}

.js-bpost-shipping-options-modal{
    margin-top: 10px;
    margin-bottom: 10px;
}


.woocommerce-account h1, .woocommerce-cart h1, .woocommerce-checkout h1{
    margin-top: 10px;
    font-family: var(--font-title);
    color: var(--bubble-blue);
    font-weight: 500!important;
    font-size: 50px;
    line-height: 63px;
}

#checkout-magritte .customer_details table.shop_table{
    border: unset!important;
}

:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button{
    border: 1px solid var(--bubble-orange)!important;
    color: var(--white)!important;
    border-radius: 0!important;
    background-color: var(--bubble-orange)!important;
    font-family: var(--font-family)!important;
    font-size: 16px!important;
    line-height: 21px!important;
    letter-spacing: 0.38px!important;
    font-weight: 500!important;
    padding: 8px 25px!important;
    text-transform: uppercase!important;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{
    border: 1px solid var(--black);
    padding: 7px;
    border-radius: 5px;
}


:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover{
    border: 1px solid var(--bubble-green)!important;
    background-color: var(--bubble-green)!important;
    color: var(--white)!important;
}

#checkout-bubble .woocommerce #payment #place_order, .woocommerce-page #payment #place_order{
    margin-top: 2rem;
    border: 1px solid var(--bubble-blue)!important;
    color: var(--white)!important;
    border-radius: 0!important;
    background-color:var(--bubble-blue)!important;
    font-family: var(--font-family)!important;
    font-size: 15px!important;
    line-height: 21px!important;
    letter-spacing: 0.38px!important;
    font-weight: 500!important;
    padding: 8px 25px!important;
}

.woocommerce-info .showcoupon {
    color: var(--bubble-orange)!important;
}

.woocommerce-info .showcoupon:hover {
    color: var(--bubble-green)!important;
}

.woocommerce-privacy-policy-link{
    color: var(--bubble-orange)!important;
}

.woocommerce-privacy-policy-link:hover {
    color: var(--bubble-green)!important;
}

.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before{
    color: var(--bubble-orange)!important;
}

.p-FieldLabel{
    color: var(--black)!important;
}

#checkout-bubble .woocommerce #payment #place_order:hover, .woocommerce-page #payment #place_order:hover{
    border: 1px solid var(--bubble-green)!important;
    background-color:var(--bubble-green)!important;
}

#checkout-bubble table.shop_table{
    border: none !important;
}

#checkout-bubble #order_review{
    padding: 20px;
    margin-bottom: 80px;
}
#checkout-bubble #order_review tfoot{
    border-bottom: 2px solid var(--black)!important;
}

#checkout-bubble form.checkout_coupon{
    border: none;
    background-color: rgba(108, 171, 231, 0.25);
}

.woocommerce-order{
    margin-bottom: 120px;
}

#checkout-bubble .payment_box{
    background-color: var(--bubble-beige)!important;
}

.woocommerce-account .woocommerce::after {
    margin-bottom: 120px;
}


#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before{
    border: 1em solid var(--bubble-beige)!important;
    border-right-color: transparent!important;
    border-left-color: transparent!important;
    border-top-color: transparent!important;
    margin-bottom: 1px;
}

.strong-mention-peau{
    font-weight: bold;
    margin-bottom: 5px;
    color: var(--black);
}

.woocommerce-checkout #payment{
    border-top: 2px solid var(--black)!important;
}

.woocommerce-Address-title h2{
    font-family: var(--font-title);
    font-weight: 300!important;
}

.p-CardForm{
    color: var(--black)!important;
}

#checkout-bubble #customer_details h3 {
    background: #53565A0D;
    padding: 10px 10px 7px;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    font-family: var(--font-title);
    letter-spacing: 1px;
    font-weight: 300;
    margin-bottom: 1rem !important;
    margin-top: 0 !important;
    width: 100%;
}


.woocommerce-account .woocommerce-MyAccount-navigation{
    background: #f7f7f7;
    border-radius: 5px;
    padding: 30px;
}

.woocommerce-MyAccount-navigation li {
    border-bottom: solid 1px;
    padding-bottom: 15px;
}

.woocommerce-MyAccount-navigation li {
    margin-bottom: 15px;
}
.woocommerce-MyAccount-navigation li{
    font-weight: 600;
}


.woocommerce-MyAccount-navigation li.is-active a {
    color: var(--bubble-orange);
    font-weight: 600;
}

.woocommerce-MyAccount-navigation li a{
    color: var(--bubble-blue);
    transition: 0.3ms;
}

.woocommerce h2{
    font-family: var(--font-title);
    font-weight: 300!important;
}

.woocommerce-MyAccount-content p{
    color: var(--black);
}

.woocommerce-MyAccount-content a{
    color: var(--bubble-orange);
    float: left!important;
}

.woocommerce-LostPassword a{
    color: var(--bubble-blue);
    text-decoration: underline!important;
}

.woocommerce-LostPassword a:hover{
    color: var(--bubble-orange);
}

.woocommerce-MyAccount-navigation li a:hover{
    color: var(--bubble-orange);
}

:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button{
    border: 1px solid var(--bubble-blue)!important;
    color: var(--bubble-blue)!important;
    border-radius: 0!important;
    background-color: transparent!important;
    font-family: var(--font-family)!important;
    font-size: 15px!important;
    line-height: 21px!important;
    letter-spacing: 0.38px!important;
    font-weight: 500!important;
    padding: 8px 25px!important;
}

:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:hover{
    border: 1px solid var(--bubble-green)!important;
    background-color: var(--bubble-green)!important;
    color: var(--white)!important;
}

.woocommerce table.shop_table tbody:first-child tr:first-child td, .woocommerce table.shop_table tbody:first-child tr:first-child th {
    border-top: 0;
    padding-top: 30px;
    padding-bottom: 30px;
}

#cart-magritte .cart-collaterals .cart_totals tr th{
    padding-top: 30px;
    padding-bottom: 30px;
}

.order-again{
    display: none!important;
}

/* ===== Buttons Css ===== */
.error-text .button .primary-btn {
    background: var(--bubble-blue);
    color: var(--white);
    font-weight: 400;
    font-size: 16px;
}
.error-text .button .active.primary-btn, .error-text .button .primary-btn:hover, .error-text .button .primary-btn:focus {
    background: var(--bubble-orange);
    color: var(--white);
}


/*===== ERROR TWO Style =====*/
.error-two {
    background-color: var(--white);
    min-height: 500px;
    height: calc(100vh - 120px);
    width: auto;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 2;
}
@media (max-width: 767px) {
    .error-two {
        height: auto;
        padding: 50px 0;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .error-two {
        height: auto;
        padding: 60px 0;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .error-two {
        height: auto;
        padding: 80px 0;
    }
}
.error-two .d-table {
    width: 100%;
    height: 100%;
}
.error-two .d-table {
    display: table !important;
}
.error-two .d-table-cell {
    vertical-align: middle;
}
.error-two .d-table-cell {
    display: table-cell !important;
}

.error-image img {
    width: 60%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .error-image img {
        width: 40%;
    }
}

@media (max-width: 767px) {
    .error-text {
        text-align: center;
        margin-top: 40px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .error-text {
        text-align: center;
        margin-top: 40px;
    }
}
.error-text h3 {
    font-family: var(--font-title);
    color: var(--bubble-green);
    display: block;
    font-size: 100px;
    font-weight: 700;
    margin-bottom: 10px;
    letter-spacing: 3px;
    text-transform: uppercase;
}
@media (max-width: 767px) {
    .error-text h3 {
        font-size: 70px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .error-text h3 {
        font-size: 60px;
    }
}
.error-text .text {
    font-family: var(--font-title);
    color: var(--black);
    font-size: 40px;
    font-weight: 300;
    margin-bottom: 30px;
}
.error-text p {
    color: var(--black);
    font-size: 16px;
    margin-bottom: 8px;
}
.error-text .button {
    margin-top: 30px;
}


/*======================================
    FOOTER CSS
========================================*/

footer{
    background-color: var(--bubble-blue);
    position: relative;
    color: var(--white);
    padding: 20px 0;
}

footer a{
    color: var(--white);
    transition: 0.3ms;
    text-transform: uppercase;
}

footer a:hover{
    color: var(--bubble-orange);
}

footer .svg-bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    opacity: 0.5;
}

footer .container.pos{
    padding-top: 80px;
    position: relative;
    z-index: 2;
}

footer h5{
    font-family: var(--font-title);
    color: var(--white);
    font-weight: 300;
    font-size: 54px;
    line-height: 59px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px;
}

footer p{
    font-size: 20px;
    line-height: 30px;
    font-weight: 300;
    color: var(--white);
    text-transform: uppercase;
    text-align: center;
}

footer .copyright{
    color: var(--white);
    font-size: 12px;
    font-weight: 300;
    line-height: 19px;
    text-transform: uppercase;
}

footer .method-text{
    color: var(--white);
    font-size: 12px;
    font-weight: 300;
    line-height: 19px;
}

footer .social{
    margin-top: 40px;
}

footer .social li{
    padding-left: 10px;
    padding-right: 10px;
}

footer .social li a{
    font-size: 20px;
}

footer .condition a{
    color: var(--white);
    font-size: 12px;
    font-weight: 300;
    line-height: 19px;
    text-transform: uppercase;
}

/* Add right border to the first and second col-lg-4 columns */
footer .container .row:first-of-type > .col-lg-4:nth-of-type(1),
footer .container .row:first-of-type > .col-lg-4:nth-of-type(2) {
    border-right: 2px solid var(--white); /* Adjust color as needed */
}

/* Optional: Remove right border on small screens */
@media (max-width: 991.98px) {
    footer .container .row:first-of-type > .col-lg-4:nth-of-type(1),
    footer .container .row:first-of-type > .col-lg-4:nth-of-type(2) {
        border-right: none;
        border-bottom: 2px solid var(--white); /* Adjust color as needed */
    }
}



footer .mc-field-group {
    color: var(--white) !important;
}

footer .signin-content .text {
    font-size: 20px;
    line-height: 30px;
    color: var(--white);
    margin-top: 8px;
    font-weight: 200;
}

footer  input.fields {
    width: 100%;
    height: 44px;
    border: none;
    border-bottom: 1px solid var(--white);
    padding-left: 10px;
    padding-right: 12px;
    position: relative;
    font-size: 16px;
    border-radius: 0!important;
    border-color: var(--gray-4);
    color: var(--white)!important;
    background-color: transparent;
    font-weight: 300!important;
}

footer input.fields::placeholder{
    color: var(--white)!important;
    font-weight: 400;
    font-size: 16px;
}

footer #mc-embedded-subscribe{

    background: var(--bubble-green);
    color: var(--white);
    font-weight: 500;
    font-size: 12px;
    border-radius: 0!important;
    transition: 0.3ms;
    text-transform: uppercase;
    line-height: 20px;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    letter-spacing: 0.08em;
    padding: 12px 24px;
    border: 1px solid transparent;
    outline: none!important;
    box-shadow: none!important;
}


.grecaptcha-badge{
    display: none;
}

.hide{
    display: none;
}
@media only screen and (max-width: 1440px){
    :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button{
        font-size: 12px!important;
    }

    .woocommerce img, .woocommerce-page img {
        height: auto;
    }
}
@media only screen and (max-width: 1200px){
    .navbar-brand{
        width: 180px;
    }
    .navbar-toggler-icon{
        background-image: none;
        filter: brightness(0)!important;
    }
    .navbar-toggler:after,
    .navbar-toggler:focus,
    .navbar-toggler:hover{
        border: none;
        outline: none;
        box-shadow: none;
    }

    .navbar-toggler{
        border: none!important;
    }

    #histoire .header-image {
        position: relative;
        height: auto;
        width: 100%;
        padding: 15px;
        text-align: center;
        margin: auto;
    }

    #actualites .header-image {
        position: relative;
        height: auto;
        width: 100%;
        padding: 15px;
        text-align: center;
        margin: auto;
    }

    #contact_page .header-image{
        position: relative;
        height: auto;
        width: 100%;
        padding: 15px;
        text-align: center;
        margin: auto;
    }
}
@media only screen and (max-width: 1150px){ 

}
@media only screen and (max-width: 1040px){ 

}
@media only screen and (max-width: 995px){ 

}
@media only screen and (max-width: 992px){

    #panier-bubble{
        display: block !important;
    }

    #panier-bubble .content-panier{
        display: block!important;
    }

    .woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals {
        width: 100% !important;
    }

    #actualites .header-ten .header-image {
        width: 100%;
        height: auto;
        margin-top: 50px;
    }

    #contact_page .header-ten .header-image {
        width: 100%;
        height: auto;
        margin-top: 50px;
    }

    #histoire .header-ten .header-image {
        width: 100%;
        height: auto;
        margin-top: 50px;
    }

    #category-p  .header-image{
        width: 100%;
        height: auto;
        margin-top: 50px;
    }

    #home .slider-area-bubble .slider-inner{
        min-height: unset;
        height: 100vh;
    }
    #home .slider-area-bubble .slide-bg-img{
        min-height: unset;
        height: 100vh;
        filter: brightness(0.7);
    }

    #home .slider-area-bubble .home-slider{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    #home .slider-area-bubble .slider-text h1{
        color: var(--white);
    }

    #home .concept .header-image{
        text-align: center;
    }

    #home .svg-element{
        margin-top: -5px;
    }

    #home .avis .carousel-inner {
        background: var(--bubble-beige);
        min-height: 600px;
        border-radius: 10px;
    }

    #histoire .services-area .services-content{
        margin-top: 50px;
    }

    #histoire .services-three .image{
        text-align: center;
    }


    footer .pos .content{
        margin-bottom: 20px;
        margin-top: 20px;
    }

    footer .pos .h-100{
        height: unset!important;
    }

    footer .pos .justify-content-start{
        justify-content: center!important;
    }

    footer .pos .justify-content-start li{
        text-align: center;
    }

    footer .pos .justify-content-end{
        justify-content: center!important;
    }

    footer .pos .justify-content-end li{
        text-align: center;
    }
}
@media only screen and (max-width: 768px) {

    #concept .brand-area{
        padding-top: 50px;
    }

    #category-p .svg-element{
        margin-top: -10px;
    }

    #category-p .svg-element-blue{
        margin-bottom: -10px;
    }

    #home .svg-element{
        margin-top: -10px;
    }

    #concept .svg-element{
        margin-top: -10px;
    }

    #contact_page  .svg-element {
        margin-bottom: -8px;
    }

    #home .instafeed #sbi_images{
        padding: 10px!important;
        background-color: var(--bubble-green);
        border-radius: 5px;
    }

    #eshop .svg-element{
        margin-top:-10px;
    }

    #single-product  h1{
        font-size: 35px;
    }


    #single-product  h2{
        font-size: 30px;
    }

    #single-product ul {
        list-style-type: unset!important;
        padding-left: 0!important;
    }

    #contact_page .header-ten{
        padding-top: 50px;
        padding-bottom: 50px;
    }

    footer .container.pos{
        padding-top: 50px;
    }

    .woocommerce-cart .woocommerce table.shop_table td {
        border-top: none !important;
        padding-top: 5px!important;
        padding-bottom: 5px!important;
    }

    .woocommerce-orders  table.shop_table td {
        padding-top: 35px!important;
        padding-bottom: 50px!important;
    }

    .woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table tr{
        border-top: 1px solid var(--black)!important;
        border-bottom: 1px solid var(--black)!important;
        padding-bottom: 20px!important;
    }

    .woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table a{
        margin-top: -10px;
        margin-left: 10px;
    }

    .woocommerce-downloads .woocommerce table.shop_table th{
        margin-bottom: 20px;
    }

    .woocommerce-downloads .woocommerce table.shop_table td{
        padding-top: 35px!important;
        padding-bottom: 35px!important;
    }


    #single-product .related-b .add_to_cart_button{
        margin-left: 0!important;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation{
        margin-bottom: 20px;
    }
}


/*===========================
    BUILDER css
===========================*/

/*===== GENERIC CSS  =====*/

#builder h1 {
    font-family: var(--font-title);
    color: var(--bubble-blue)!important;
    font-size: 54px;
    font-weight: 300 !important;
    margin-bottom: 30px;
    text-transform: uppercase;
}

#builder h2{
    font-family: var(--font-title);
    color: var(--black);
    font-size: 40px;
    font-weight: 300 !important;
}

#builder h3{
    font-family: var(--font-title);
    color: var(--black);
    font-size: 30px;
    font-weight: 300 !important;
}

#builder h4{
    font-family: var(--font-title);
    color: var(--black);
    font-size: 25px;
    font-weight: 300 !important;
}

#builder p,
#builder .text{
    color: var(--black);
    font-size: 20px;
    font-weight: 300;
}

#builder a{
    color: var(--bubble-orange);
    transition: 0.3ms;
    text-decoration: underline;
}

#builder a:hover{
    color: var(--bubble-blue);
    transition: 0.3ms;
}

#builder .header-ten .primary-btn {
    padding: 10px 15px;
    margin-top: 30px;
    background: var(--bubble-orange);
    color: var(--white);
    font-weight: 500;
    font-size: 12px;
    border-radius: 0!important;
    transition: 0.3ms;
    text-transform: uppercase;
    text-decoration: none !important;
}

#builder .page-numbers{
    padding: 3px;
    font-family: var(--font-title);
    font-weight: 400;
    font-size: 20px;
}

/*===== BLOC TEXT =====*/
#builder .bloc_texte {
    padding-top: 120px;
    padding-bottom: 80px;
}

/*=====BLOC VIDEO  =====*/
#builder .video-one {
    padding-top: 120px;
    padding-bottom: 100px;
}
#builder .video-one .video-title h5 {
    font-weight: 600;
    color: var(--bubble-blue);
}
#builder .video-one .video-title h2 {
    font-weight: 700;
    color: var(--black);
    margin-top: 10px;
}
#builder .video-one .video-title .text-lg {
    margin-top: 24px;
    color: var(--dark-3);
}
#builder .video-one .video-content {
    position: relative;
    margin-top: 60px;
    overflow: hidden;
}

#builder .video-one .video-content a {
    width: 88px!important;
    height: 88px!important;
    line-height: 88px!important;
    text-align: center;
    border-radius: 50%;
    background-color: var(--bubble-blue);
    color: var(--white);
    font-size: 30px!important;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    padding-left: 3px;
}
@media (max-width: 767px) {
    #builder .video-one .video-content a {
        width: 68px;
        height: 68px;
        line-height: 68px;
        font-size: 46px;
    }
}
#builder .video-one .video-content a:hover {
    background-color: var(--white);
    color: var(--bubble-orange);
}

/*===== BLOC HEADER  =====*/

#builder .header-ten {
    position: relative;
    overflow: hidden;
    padding: 100px 0;
}
#builder .header-ten .header-inner {
    height: auto;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 3;
}
#builder .header-ten .header-text {
    float: none;
}
#builder .header-ten .header-text h1 {
    font-weight: 600;
    margin-bottom: 25px;
    color: var(--black);
    letter-spacing: -1px;
}
#builder .header-ten .header-text .light-rounded-buttons {
    margin-top: 30px;
}
#builder .header-ten img {
    float: right;
    height: 500px;
    width: 500px;
    display: block;
    border-radius: 50%;
    background-size: cover;
    object-fit: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 5;
}


#builder .header-ten.bloc_image_texte_bouton img{
    border-radius: 0;
    height: auto;
    width: 100%;
}

@media (max-width: 768px) {
    #builder .svg-element{
        margin-top: -10px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    #builder .header-ten .header-image {
        display: none;
    }
}
#builder .header-ten .header-image .shape3 {
    position: absolute;
    bottom: 35px;
    right: 60px;
    z-index: -1;
}

#builder .header-ten .header-image .shape3 {
    position: absolute;
    bottom: 35px;
    right: 60px;
    z-index: -1;
    width: 100px;
    height: 100px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='163.464' height='123.975' viewBox='0 0 163.464 123.975'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_2' data-name='Rectangle 2' width='163.464' height='123.975' fill='%23a9c1bc'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Groupe_1' data-name='Groupe 1' clip-path='url(%23clip-path)'%3E%3Cpath id='Trac%C3%A9_1' data-name='Trac%C3%A9 1' d='M60.343,23.654a36.644,36.644,0,0,0-1.013-5.043,29.286,29.286,0,0,0-2.579-6.462,21.922,21.922,0,0,0-6.777-7.583A23.607,23.607,0,0,0,42.31,1.114a32.064,32.064,0,0,0-4.9-.87c-1.052-.1-2.107-.16-3.159-.221A46.268,46.268,0,0,0,29.44.209a1.345,1.345,0,0,0-.168.015c-.86.118-1.719.229-2.575.36-.441.067-.88.145-1.318.228l-1.05.132a1.349,1.349,0,0,0-.167.029,46.327,46.327,0,0,0-4.7,1.056c-1,.329-2,.659-3,1.025a32.054,32.054,0,0,0-4.507,2.1,23.6,23.6,0,0,0-6.521,5.3,21.918,21.918,0,0,0-4.6,9.069A29.274,29.274,0,0,0,0,26.435a36.746,36.746,0,0,0,.316,5.134,35.237,35.237,0,0,0,.957,5.175,30.328,30.328,0,0,0,1.341,3.6,40.837,40.837,0,0,0,2.679,4.981,30.419,30.419,0,0,0,2.027,2.8,30.179,30.179,0,0,0,3.434,3.687,27.954,27.954,0,0,0,5.829,4.1,29.088,29.088,0,0,0,8.17,2.828,35.086,35.086,0,0,0,7.753.547l.507-.01c1.032-.129,2.02-.272,3.031-.494A35.3,35.3,0,0,0,43.705,56.2a29.087,29.087,0,0,0,7.169-4.831,27.972,27.972,0,0,0,4.581-5.461,30.24,30.24,0,0,0,2.372-4.445,30.524,30.524,0,0,0,1.239-3.23,40.992,40.992,0,0,0,1.31-5.5,30.326,30.326,0,0,0,.371-3.826,35.212,35.212,0,0,0-.4-5.248' fill='%23a9c1bc'/%3E%3Cpath id='Trac%C3%A9_2' data-name='Trac%C3%A9 2' d='M293.294,295.611c-.941-.068-1.877-.185-2.814-.3a31.275,31.275,0,0,1-5.355-1.177,24.857,24.857,0,0,1-4.137-1.713A22.239,22.239,0,0,1,277.231,290a25.026,25.026,0,0,1-2.919-2.766,24.287,24.287,0,0,1-3.583-5.288,29.8,29.8,0,0,1-2.116-5.67,35.075,35.075,0,0,1-.858-4.44,27.184,27.184,0,0,1-.167-2.772,26.293,26.293,0,0,1,.219-3.951,23.022,23.022,0,0,1,2.613-8.394,20.366,20.366,0,0,1,3.433-4.559,20.711,20.711,0,0,1,3.377-2.75,25.905,25.905,0,0,1,3.318-1.842,31.2,31.2,0,0,1,4.637-1.651c1.275-.357,2.591-.5,3.879-.81l4.412-.17c1.313.184,2.636.2,3.939.434a31.207,31.207,0,0,1,4.774,1.2,25.894,25.894,0,0,1,3.479,1.515,20.7,20.7,0,0,1,3.626,2.414,20.354,20.354,0,0,1,3.855,4.208,23.021,23.021,0,0,1,3.407,8.1,26.35,26.35,0,0,1,.6,3.912,27.238,27.238,0,0,1,.1,2.775,35.048,35.048,0,0,1-.428,4.5,29.808,29.808,0,0,1-1.562,5.846,24.289,24.289,0,0,1-3.059,5.607,25.036,25.036,0,0,1-2.64,3.034,22.236,22.236,0,0,1-3.507,2.768,24.886,24.886,0,0,1-3.953,2.1,31.252,31.252,0,0,1-5.218,1.685c-.922.2-1.843.411-2.772.569Z' transform='translate(-199.698 -182.8)' fill='%23a9c1bc'/%3E%3Cpath id='Trac%C3%A9_3' data-name='Trac%C3%A9 3' d='M310.14,77.9c.048-.661.13-1.32.211-1.979a21.975,21.975,0,0,1,.828-3.765,17.463,17.463,0,0,1,1.2-2.909,15.622,15.622,0,0,1,1.7-2.641,17.6,17.6,0,0,1,1.945-2.052,17.073,17.073,0,0,1,3.718-2.519,20.937,20.937,0,0,1,3.986-1.488,24.623,24.623,0,0,1,3.122-.6,19.094,19.094,0,0,1,1.949-.118,18.494,18.494,0,0,1,2.778.154,16.177,16.177,0,0,1,5.9,1.837,14.316,14.316,0,0,1,3.2,2.414,14.563,14.563,0,0,1,1.934,2.375,18.215,18.215,0,0,1,1.3,2.333,21.957,21.957,0,0,1,1.161,3.26c.251.9.352,1.821.57,2.728l.12,3.1c-.13.923-.141,1.853-.3,2.77a21.935,21.935,0,0,1-.843,3.357,18.179,18.179,0,0,1-1.065,2.446,14.537,14.537,0,0,1-1.7,2.549,14.3,14.3,0,0,1-2.959,2.71,16.183,16.183,0,0,1-5.7,2.4,18.484,18.484,0,0,1-2.75.42,19.089,19.089,0,0,1-1.951.07,24.627,24.627,0,0,1-3.165-.3,20.952,20.952,0,0,1-4.111-1.1A17.084,17.084,0,0,1,317.28,91.2a17.586,17.586,0,0,1-2.133-1.856,15.626,15.626,0,0,1-1.947-2.466,17.484,17.484,0,0,1-1.478-2.78,21.96,21.96,0,0,1-1.185-3.669c-.145-.648-.289-1.3-.4-1.949Z' transform='translate(-231.46 -44.642)' fill='%23a9c1bc'/%3E%3Cpath id='Trac%C3%A9_4' data-name='Trac%C3%A9 4' d='M20.965,290.511a12.846,12.846,0,0,0,.621-1.693,10.261,10.261,0,0,0,.412-2.4,7.684,7.684,0,0,0-.637-3.508,8.277,8.277,0,0,0-1.661-2.44,11.221,11.221,0,0,0-1.3-1.157c-.3-.222-.6-.434-.9-.645a16.251,16.251,0,0,0-1.474-.826.445.445,0,0,0-.053-.026c-.279-.122-.556-.246-.836-.364-.144-.061-.289-.118-.436-.173l-.338-.153a.468.468,0,0,0-.055-.022,16.163,16.163,0,0,0-1.6-.545c-.36-.085-.72-.171-1.084-.243a11.232,11.232,0,0,0-1.732-.2,8.28,8.28,0,0,0-2.921.391,7.686,7.686,0,0,0-3.037,1.868,10.264,10.264,0,0,0-1.515,1.912,12.9,12.9,0,0,0-.846,1.593,12.389,12.389,0,0,0-.665,1.72,10.693,10.693,0,0,0-.259,1.323,14.312,14.312,0,0,0-.111,1.98,12.022,12.022,0,0,0,.444,2.941,9.8,9.8,0,0,0,.991,2.294A10.2,10.2,0,0,0,3.9,294.484a12.3,12.3,0,0,0,2.217,1.584l.153.09c.332.15.654.289,1,.407a12.387,12.387,0,0,0,2.764.628,10.2,10.2,0,0,0,3.028-.131,9.8,9.8,0,0,0,2.37-.793,11.97,11.97,0,0,0,2.486-1.633,14.318,14.318,0,0,0,1.4-1.4,10.647,10.647,0,0,0,.812-1.076,12.366,12.366,0,0,0,.84-1.643' transform='translate(-0.401 -206.064)' fill='%23a9c1bc'/%3E%3Cpath id='Trac%C3%A9_5' data-name='Trac%C3%A9 5' d='M558.494,85.473c-.386-.028-.771-.076-1.156-.124a12.816,12.816,0,0,1-2.2-.483,10.2,10.2,0,0,1-1.7-.7,9.132,9.132,0,0,1-1.542-.993,10.288,10.288,0,0,1-1.2-1.136,9.979,9.979,0,0,1-1.471-2.172,12.225,12.225,0,0,1-.869-2.328A14.4,14.4,0,0,1,548,75.714a11.112,11.112,0,0,1-.068-1.138,10.779,10.779,0,0,1,.09-1.622A9.45,9.45,0,0,1,549.1,69.5a8.354,8.354,0,0,1,1.41-1.872A8.506,8.506,0,0,1,551.9,66.5a10.613,10.613,0,0,1,1.362-.756,12.784,12.784,0,0,1,1.9-.678c.523-.147,1.064-.205,1.593-.333l1.812-.07c.539.076,1.082.082,1.617.178a12.82,12.82,0,0,1,1.96.492,10.624,10.624,0,0,1,1.429.622,8.5,8.5,0,0,1,1.489.991,8.362,8.362,0,0,1,1.583,1.728,9.448,9.448,0,0,1,1.4,3.328,10.81,10.81,0,0,1,.245,1.606,11.1,11.1,0,0,1,.041,1.14,14.387,14.387,0,0,1-.176,1.849,12.223,12.223,0,0,1-.642,2.4,9.967,9.967,0,0,1-1.256,2.3,10.284,10.284,0,0,1-1.084,1.246,9.12,9.12,0,0,1-1.44,1.137,10.2,10.2,0,0,1-1.623.863,12.81,12.81,0,0,1-2.143.692c-.378.084-.757.169-1.139.234Z' transform='translate(-408.931 -48.26)' fill='%23a9c1bc'/%3E%3Cpath id='Trac%C3%A9_6' data-name='Trac%C3%A9 6' d='M574.494,427.473c-.386-.028-.771-.076-1.156-.124a12.817,12.817,0,0,1-2.2-.483,10.2,10.2,0,0,1-1.7-.7,9.134,9.134,0,0,1-1.542-.993,10.288,10.288,0,0,1-1.2-1.136,9.976,9.976,0,0,1-1.471-2.172,12.22,12.22,0,0,1-.869-2.328,14.392,14.392,0,0,1-.353-1.823,11.094,11.094,0,0,1-.068-1.138,10.779,10.779,0,0,1,.09-1.622A9.45,9.45,0,0,1,565.1,411.5a8.356,8.356,0,0,1,1.41-1.872,8.508,8.508,0,0,1,1.39-1.128,10.625,10.625,0,0,1,1.362-.756,12.785,12.785,0,0,1,1.9-.678c.523-.147,1.064-.206,1.593-.333l1.812-.07c.539.076,1.082.082,1.617.178a12.824,12.824,0,0,1,1.96.492,10.635,10.635,0,0,1,1.429.622,8.5,8.5,0,0,1,1.489.991,8.363,8.363,0,0,1,1.583,1.728,9.452,9.452,0,0,1,1.4,3.328,10.81,10.81,0,0,1,.245,1.606,11.122,11.122,0,0,1,.041,1.14,14.387,14.387,0,0,1-.176,1.849,12.228,12.228,0,0,1-.642,2.4,9.969,9.969,0,0,1-1.256,2.3,10.263,10.263,0,0,1-1.084,1.246,9.113,9.113,0,0,1-1.44,1.137,10.2,10.2,0,0,1-1.623.863,12.807,12.807,0,0,1-2.143.692c-.378.084-.757.169-1.139.234Z' transform='translate(-420.872 -303.499)' fill='%23a9c1bc'/%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}


/*===== BLOC STEPS  =====*/
#builder .features-nine {
   padding-bottom: 100px;
}

#builder .features-nine  ol {
    list-style-type: disc;
    margin-left: 1.5rem;
    padding-left: 1.5rem;
}

#builder .features-nine  ol li {
    list-style: disc;
    display: list-item;
    margin-bottom: 0.5rem;
    color: var(--black);
    font-size: 20px;
    font-weight: 300;
    text-align: start;
}

#builder .features-nine .features-items {
    padding-top: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    #builder .features-nine .features-items {
        padding-top: 40px;
    }
}
@media (max-width: 767px) {
    #builder .features-nine .features-items {
        padding-top: 20px;
    }
}
    #builder .features-nine .features-title {
    margin-top: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    #builder .features-nine .features-title {
        margin-top: 20px;
    }
}
@media (max-width: 767px) {
    #builder .features-nine .features-title {
        margin-top: 20px;
    }
}
#builder  .features-nine .main-title {
    font-weight: 700;
    margin-top: 10px;
}
@media (max-width: 767px) {
    #builder .features-nine .main-title {
        font-size: 28px;
        line-height: 36px;
    }
    #builder .features-nine  p,
    #builder .features-nine  li,
    #builder .features-nine  a{
        font-size: 14px !important;
        padding: 5px 0;
    }

    #builder .header-ten{
        padding: 50px 0;
    }

    #builder .bloc_title_description{
        padding-top: 50px!important;
    }

}
#builder .features-nine .text-lg {
    margin-top: 19px;
}

/*===== BLOC STEPS  =====*/
#builder .bloc_title_description{
    padding-top: 120px;
    padding-bottom: 80px;
}

#builder .bloc_title_description h2,
#builder .bloc_title_description h3{
    margin-bottom: 30px;
}

/*===== BLOC VIDEO PLAYLIST  =====*/
#builder .video-area.video-playlist{
    padding-top: 120px;
    padding-bottom: 100px;
}

/*===== BLOC NEWSLETTER =====*/

#builder .newsletter-area {
    padding-top: 100px;
    padding-bottom: 100px;

}

#builder .newsletter-area .form-input {
    margin-top: 16px;
}
#builder .newsletter-area .form-input .main-btn {
    width: 100%;
}
#builder .newsletter-area .form-input .text {
    font-size: 16px;
    line-height: 24px;
    color: var(--black);
}

#builder .newsletter-area .light-rounded-buttons {
    margin-top: 20px;
}
#builder .newsletter-area .form-input .help-block {
    margin-top: 2px;
}
#builder .newsletter-area .form-input .help-block .list-unstyled li {
    font-size: 12px;
    line-height: 16px;
    color: var(--error);
}
#builder .newsletter-area .form-input label {
    font-size: 12px;
    line-height: 18px;
    color: var(--black);
    margin-bottom: 8px;
    display: inline-block;
}
#builder .newsletter-area .form-input .input-items {
    position: relative;
}
#builder .newsletter-area .form-input .input-items input {
    width: 100%;
    height: 44px;
    border: none;
    border-bottom: 1px solid var(--black); /* Only bottom border */
    padding-left: 10px;
    padding-right: 12px;
    position: relative;
    font-size: 16px;
    border-radius: 0!important;
}

#builder .newsletter-area .form-input .input-items.default input {
    border-color: transparent;
    color: var(--black);
    background-color: var(--bubble-blue);
}
#builder .newsletter-area .form-input .input-items.default input:focus {
    border-color: var(--black);
}
#builder .newsletter-area .form-input .input-items.default input::placeholder {
    color: var(--black);
}

#builder .newsletter-area .form-input .input-items.error input {
    border-color: var(--error);
    color: var(--error);
}
#builder .newsletter-area .form-input .input-items.error input::placeholder {
    color: var(--error);
    opacity: 1;
}

#builder .newsletter-area .form-style-two .form-input .input-items input {
    border-radius: 5px;
    padding-left: 12px;
    padding-right: 44px;
}


#builder .newsletter-area .signin-content {
    margin-top: 16px;
}
#builder .newsletter-area .signin-content .signin-title {
    font-family: var(--font-title);
    color: var(--black);
    font-size: 40px;
    font-weight: 300;
    margin-bottom: 30px;
}
#builder .newsletter-area .signin-content .text {
    font-size: 20px;
    line-height: 30px;
    color: var(--black);
    margin-top: 8px;
    font-weight: 200;
}


#builder .newsletter-area input.fields{
    width: 100%;
    height: 44px;
    border: none;
    border-bottom: 1px solid var(--black);
    padding-left: 10px;
    padding-right: 12px;
    position: relative;
    font-size: 16px;
    border-radius: 0!important;
    border-color: var(--black);
    color: var(--black)!important;
    background-color: transparent;
    font-weight: 300!important;
}
#builder .newsletter-area input.fields::placeholder{
    color: var(--black)!important;
    font-weight: 400;
    font-size: 16px;
}

#builder .optionalParent{
    text-align: right;
}

#builder #mc-embedded-subscribe{

    background: transparent;
    color: var(--black);
    font-weight: 500;
    font-size: 12px;
    border-radius: 0!important;
    transition: 0.3ms;
    text-transform: uppercase;
    line-height: 20px;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 20px;
    letter-spacing: 0.08em;
    padding: 12px 24px;
    border: 1px solid transparent;
    outline: none!important;
    box-shadow: none!important;
}

#builder .mc-field-group{
    color: var(--black) !important;
}


/*===== BLOC TEMOOIGNAGES =====*/


#builder .avis{
    padding:120px 0;
    overflow: hidden;
}

#builder .avis h2{
    font-family: var(--font-title);
    color: var(--black);
    font-size: 40px;
    font-weight: 300;
    margin-bottom: 30px;
}

#builder .avis p{
    color: var(--black);
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 30px;
}

#builder .avis p.cit{
    font-family: var(--font-title);
}

#builder .avis .carousel {
    overflow: visible;
}

#builder .avis .carousel-inner{
    background: transparent;
    border-radius: 0;
    overflow: visible;
    padding-right: 0;
}

#builder .avis .carousel-item{
    transition: transform 0.8s ease-in-out !important;
}

/* Layout per mostrare 2.5 cards */
#builder .avis .carousel-item .row {
    margin-right: 0;
    flex-wrap: nowrap;
    overflow: visible;
}

#builder .avis .carousel-item .col-testimonial {
    flex: 0 0 40%;
    max-width: 40%;
    padding-right: 20px;
}

#builder .avis .testimonial-card {
    min-height: 460px;
    position: relative;
    padding: 60px 40px;
    border-radius: 10px;
    width: 100%;
}

#builder .avis .carousel-control-next,
#builder .avis .carousel-control-prev{
    filter: brightness(0);
    width: 5%;
    z-index: 10;
}

#builder .avis .carousel-control-prev {
    left: -30px;
}

#builder .avis .carousel-control-next {
    right: -30px;
}



#builder .avis .testimonial-card .text{
    margin-top: 40px;
    font-weight: 300;
    font-size: 16px;
    font-style: italic;
    color: var(--black);
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: calc(6 * 1.6em);
}

#builder.avis .testimonial-card .cit{
    margin-top: 40px;
    font-weight: 500;
    font-size: 14px;
    color: var(--black);
}

#builder .avis .politique_avis{
    color: var(--black);
    font-size: 12px;
    font-weight: 300;
    margin-top: 30px;
}

#builder .avis .politique_avis a{
    color: var(--bubble-blue)!important;
    font-size: 12px;
    font-weight: 300;
    margin-top: 40px;
    transition: 0.3s;
}

#builder .avis .politique_avis a:hover{
    color: var(--bubble-orange)!important;
}

#builder .avis .carousel-item .cit{
    font-weight: 400;
}

/* Media queries */
@media (max-width: 1200px){
    #builder .avis .carousel-item .col-testimonial {
        flex: 0 0 45%;
        max-width: 45%;
    }
}

@media (max-width: 992px){
    #builder .avis .carousel-item .col-testimonial {
        flex: 0 0 80%;
        max-width: 80%;
    }

    #builder .avis .testimonial-card {
        min-height: 400px;
        padding: 40px 30px;
        background-size: cover;
    }
}

@media (max-width: 992px) {
    #builder .avis .carousel-item .row {
        flex-wrap: wrap !important;
        overflow: hidden !important;
        justify-content: center;
        margin: 0 auto;
        transform: none !important;
    }

    #builder .avis .carousel-item .col-testimonial {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding-right: 0 !important;
    }
}

@media (max-width: 768px){
    #builder .avis .carousel-item .col-testimonial {
        flex: 0 0 90%;
        max-width: 90%;
        padding-right: 10px;
    }

    #builder .avis .testimonial-card {
        min-height: auto;
        padding: 30px 20px;
    }

    #builder .avis .carousel-control-prev {
        left: -10px;
    }

    #builder .avis .carousel-control-next {
        right: -10px;
    }
}

@media (max-width: 500px){
    #builder .avis .carousel-item .col-testimonial {
        flex: 0 0 100%;
        max-width: 100%;
    }

    #builder .avis .testimonial-card{
        min-height: auto;
        padding: 30px 20px;
    }
}

/*===== BLOC TEXT IMAGE BUTTONS =====*/
#builder .image-area.texte_image_boutons{
    padding-top: 120px;
    padding-bottom: 120px;
}

#builder .image-area.texte_image_boutons .btn.primary-btn{
    padding: 10px 15px;
    margin-top: 30px;
    background: var(--bubble-orange);
    color: var(--white);
    font-weight: 500;
    font-size: 12px;
    border-radius: 0!important;
    transition: 0.3ms;
    text-transform: uppercase;
    text-decoration: none !important;
}

#builder .presse a{
    text-decoration: none!important;
}

.download-product a{
    color: var(--bubble-blue);
    text-decoration: underline;
    transition: 0.3ms;
}
.download-product a:hover{
    color: var(--bubble-orange);
}