/*!
Theme Name: UBP 2025
Theme URI: http://underscores.me/
Author: GWS Technologies
Author URI: https://www.gws-technologies.com/
Description: ubp-2025
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ubp-2025
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready


*/

g.map-points g.map-point.active .map-point-circle {
    fill: #FFD962;
}
g.map-points g.map-point.active .map-point-circle-dot {
    fill: #FFF;
}
.home-banner-inner-row .ubp-home-banner-image-wrapper.video-cover iframe {
    transform: scale(1.2);
}
.vc_row.home-banner-row.home-recrutement-row * {
    height: 100%;
}
.home-subtitle-wrapper {
    display: block;
    width: 100%;
}
g.map-point.unavailable {
    opacity: 0.4;
    pointer-events: none;
}
.single-product g#point_trianon {
    display: none;
}
.ubp-single-job-content-wrapper {
    padding-top: 50px;
}
/* .ubp-single-product-map-container .gws-map-inner-wrapper {
    gap: 0;
} */
.ubp-group-banner .ubp-page-banner-image-wrapper.has-video {
    aspect-ratio: 16 / 9;
}
.home-subtitle-wrapper .home-subtitle-item {
    display: block !important;
}
ul.products li.product, ul.products li.product * {
    transition: 0.3s ease;
}
ul.products li.product:hover .view-more-btn-wrapper span {
    background: #ffd962;
    border: 1px solid #ffd962;
}
.dark ul.products li.product:hover .view-more-btn-wrapper span {
    background: #ffd962;
    border: 1px solid #ffd962;
    color: #000;
}

/* Single Product */

.ubp-single-product-banner-image-wrapper .ubp-single-product-img {
    width: 100%;
    height: 450px;
    position: relative;
    z-index: 2;
}
.ubp-single-product-banner-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}
.ubp-single-product-banner-text-wrapper {
    position: absolute;
    bottom: 25%;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 1170px;
    width: 100%;
    z-index: 9;
}
.ubp-single-product-banner-wrapper {
    position: relative;
}
.ubp-single-product-banner-text-yellow h1 {
    color: #FFD962;
    font-size: 44px;
    font-weight: 700;
    text-transform: uppercase;
}
.ubp-single-product-banner-text-white h2 {
    color: #FFF;
    font-size: 44px;
    font-weight: 700;
    text-transform: uppercase;
}
.ubp-single-product-banner-text-wrapper.direction-row {
    display: flex;
    align-items: center;
    gap: 10px;
}
.ubp-single-product-banner-text-wrapper.direction-column {
    display: flex;
    flex-direction: column;
    gap: 0;
    bottom: 25%;
}
.ubp-single-product-breadcrumb nav.woocommerce-breadcrumb {
    color: #A4A4A4;
}
.ubp-single-product-breadcrumb nav.woocommerce-breadcrumb a {
    color: #A4A4A4 !important;
}
.ubp-single-product-breadcrumb nav.woocommerce-breadcrumb a:last-child {
    color: #000 !important;
}
.ubp-single-product-breadcrumb nav.woocommerce-breadcrumb {
    display: flex;
    gap: 20px;
}
.ubp-single-product-breadcrumb {
    border-radius: 0 0 15px 15px;
    background: #ECECEC;
    padding: 55px 0 50px;
    position: relative;
    z-index: 0;
    top: -15px;
    transition: 0.6s ease-in-out;
}
/* .ubp-content-single-product-image-gallery-container {
    position: -webkit-sticky;
    position: sticky;
    top: 200px; 
    align-self: flex-start;
} */
.ubp-single-product-breadcrumb i {
    display: flex;
    align-items: center;
    font-weight: 300;
    font-size: 14px;
}
.ubp-content-single-product-wrapper {
    display: flex;
    gap: 60px;
}
.ubp-content-single-product-wrapper > div {
    width: 50%;
}
.ubp-content-single-product-description {
    margin: 25px 0;
}
.content-single-product-title h2 {
    font-size: 40px;
    font-weight: 700;
}
.single-product div.product {
    padding: 45px 0;
}
.ubp-content-single-product-description p, 
.ubp-content-single-product-description, 
.ubp-content-single-product-description * {
    color: #6C6C6C;
    font-size: 15px;
}
.ubp-content-single-product-usages-heading h2 {
    font-size: 20px;
    font-weight: 500;
}
.ubp-content-single-product-usages-avantages-content {
    margin: 15px 0 25px;
    display: grid;
    grid-template-columns: 100%;
    grid-gap: 10px;
}
.ubp-content-single-product-usages-avantages-content-heading {
    background: #515151;
    color: #FFF;
    padding: 15px 20px;
    border-radius: 5px;
    display: flex;
    align-items: center;
}
.single-product table.variations th.label *, .single-product table.variations th.label label {
    font-size: 18px;
    font-weight: 600;
}
.ubp-content-single-product-usages-avantages-content-heading p {
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}
.content-single-product-variations-heading h3,
.ubp-content-single-product-caracterisque-devis-heading h3 {
    font-size: 20px;
    font-weight: 500;
}
.ubp-single-product-map-right-content-text {
    color: #FFF;
    margin-bottom: 30px;
}
.ubp-single-product-map-right-content-text strong {
    color: #FFD962;
}
.content-single-product-variations {
    margin: 15px 0 25px;
    display: grid;
    grid-template-columns: 49% 49%;
    grid-gap: 10px;
}
.content-single-product-variation-item {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    background: #515151;
    color: #FFF;
    padding: 15px 55px;
    border-radius: 5px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 17px;
}
.ubp-content-single-product-caracterisque-devis-wrapper {
    display: flex;
    flex-direction: column;
    margin-top: 15px;
    position: relative;
}
.ubp-content-single-product-caracterisque-btn, .ubp-content-single-product-devis-btn {
    width: 100%;
}
.ubp-content-single-product-caracterisque-btn a {
    padding: 15px 55px;
    color: #000 !important;
    border: 1px solid;
    width: 100%;
    display: block;
    border-radius: 5px;
    text-align: center;
    transition: 0.6s ease-in-out;
}
.ubp-single-product-station-selector .ubp-input-wrapper:after {
    content: '\f063';
    font-family: 'Font Awesome 6 Pro';
    position: absolute;
    font-size: 18px;
    right: 15px;
    color: #FFD962;
    pointer-events: none;
    display: block;
}
.ubp-content-single-product-caracterisque-devis-wrapper svg path {
    stroke: #000;
    transition: 0.6s ease-in-out;
}
.ubp-content-single-product-caracterisque-btn a:hover {
    background: #000;
    color: #FFF !important;
}
.ubp-content-single-product-caracterisque-devis-wrapper svg {
    transition: 0.6s ease-in-out;
}
.ubp-content-single-product-caracterisque-btn a:hover svg path {
    stroke: #FFF;
}
.dark .ubp-content-single-product-caracterisque-btn a:hover svg path {
    stroke: #000;
}
.ubp-content-single-product-devis-btn a {
    padding: 15px 55px;
    color: #000 !important;
    width: 100%;
    border-radius: 5px;
    text-align: center;
    display: block;
    background: #FFD962;
    transition: 0.6s ease-in-out;
}
.ubp-content-single-product-devis-btn a:hover {
    background: #000;
    color: #FFD962 !important;
}
.ubp-content-single-product-devis-btn a:hover svg * {
    stroke: #FFD962;
}
.ubp-content-single-product-usages-avantages-content-heading svg {
    min-width: 24px;
    height: 24px;
    margin-right: 10px;
}
.ubp-single-product-map-right.active {
    opacity: 1;
}
.ubp-single-product-map-right {
    opacity: 0;
}
g.map-point:hover path.map-point-circle {
    fill: #FFD962;
    opacity: 0.6;
}
g.map-point * {
    transition: fill 0.3s ease !important;
}
.map-item {
    transition: opacity 0.6s ease, display 0.6s allow-discrete !important;
    opacity: 0;
}
.map-item.active {
    opacity: 1;
}
.ecoblock-utilisation .gws-text-block {
    border-bottom: 2px solid #FFD962;
    padding-bottom: 40px;
}
.predalles-techniques-row .vc_inner.vc_row-fluid {
    display: flex;
    gap: 45px;
}

/* .ubp-content-single-product-caracterisque-devis-wrapper:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #000;
    top: 75px;
} */
section.ubp-upsell-container {
    padding-top: 75px;
    border-top: 2px solid #FCD351;
    max-width: 90%;
    margin: 75px auto;
}
.ubp-upsell-heading-wrapper {
    margin-bottom: 20px;
}
.ubp-upsell-heading-wrapper h2 {
    color: #FFD962;
    text-align: center;
    font-size: 40px;
    font-weight: 700;
}
.ubp-upsell-text-wrapper p {
    color: #808080;
    text-align: center;
    width: 75%;
    margin: 0 auto;
    font-size: 16px;
    font-weight: 400;
    transition: 0.6s ease;
}
.ubp-upsell-text-wrapper {
    margin-bottom: 45px;
}
section.ubp-upsell-container .upsells-wrapper {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
section.ubp-upsell-container .upsells-wrapper .ubp-upsell-item {
    width: calc(95%/4);
    border-radius: 15px;
    border: 1px solid #DEDEDE;
    padding: 15px 15px 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
section.ubp-upsell-container .ubp-upsell-item .ubp-upsell-title h3 {
    font-size: 16px;
    color: #000 !important;
    font-weight: 400;
    width: 80%;
    transition: 0.6s ease;
}
section.ubp-upsell-container .upsells-wrapper .ubp-upsell-item .ubp-upsell-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 45px;
}
section.ubp-upsell-container .upsells-wrapper .ubp-upsell-item .ubp-upsell-link i {
    border-radius: 50%;
    border: 1px solid;
    padding: 5px;
    color: #808080;
    width: 28px;
    height: 28px;
    text-align: center;
}
.ubp-upsell-item .ubp-upsell-button span {
    border: 1px solid #D6D6D6;
    width: fit-content;
    border-radius: 5px;
    background: #4E4E4E;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #FFF;
    padding: 10px 20px;
    gap: 8px;
    font-size: 14px;
    line-height: 15px;
    font-weight: 500;
    transition: 0.6s all ease-in-out;
}
section.ubp-upsell-container .upsells-wrapper .ubp-upsell-item .ubp-upsell-button span i {
    border: none;
    color: #FFD962;
    height: auto !important;
    width: auto !important;
    padding: 0;
    transition: 0.6s all ease-in-out;
}
.ubp-upsell-item a:hover .ubp-upsell-button span {
    background: transparent;
    color: #4E4E4E;
}
section.ubp-upsell-container .upsells-wrapper .ubp-upsell-item a:hover .ubp-upsell-button span i {
    color: #4E4E4E;
}
section.ubp-upsell-container .upsells-wrapper .ubp-upsell-item .ubp-upsell-button a:last-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 7px 21px;
    font-size: 14px;
    font-weight: 500;
}
section.ubp-upsell-container .upsells-wrapper .ubp-upsell-item .ubp-upsell-image-wrapper {
    margin: 15px 0 20px;
}
section.ubp-upsell-container .upsells-wrapper .ubp-upsell-item .ubp-upsell-image-wrapper .ubp-upsell-image {
    height: 400px;
    border-radius: 10px;
    border: 1px solid #DEDEDE;
}
section.ubp-upsell-container .upsells-wrapper .ubp-upsell-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 10px;
}
/* section.ubp-upsell-container .upsells-wrapper .ubp-upsell-image {
    padding: 5px;
    height: 390px;
    width: auto;
} */
.single-product-calculator-container-wrapper {
    border-radius: 15px;
    background: #F3F3F3;
    padding: 45px;
    transition: 0.6s ease;
}
.single-product-calculator-container {
    padding: 70px;
    border-radius: 15px;
    background: #222;
}
.single-product-calculator-heading-wrapper {
    display: flex;
    gap: 40px;
}
.single-product-calculator-heading {
    width: 30%;
}
.single-product-calculator-heading-text {
    width: 55%;
}
.single-product-calculator-icon {
    width: fit-content;
}
.single-product-calculator-heading-text p {
    color: #F0E7E7;
    font-size: 18px;
    font-weight: 400;
}
.single-product-calculator-heading h2 {
    color: #FFF;
    text-align: left;
    font-size: 36px;
    font-weight: 300;
}
.single-product-calculator-heading-wrapper {
    margin-bottom: 75px;
}
.single-product-calculator-steps {
    display: flex;
    color: #FFD962;
    gap: 15px;
    margin-bottom: 50px;
}
.single-product-calculator-steps-item-line {
    width: 80px;
    background: #BBBBBB;
    height: 1px;
    margin: auto 0;
}
.single-product-calculator-steps-item:not(:last-child):after {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #BBBBBB;
    position: absolute;
    right: -15px;
    margin: auto 0;
    top: 0;
    bottom: 0;
}
.single-product-calculator-steps-item:not(:first-child):before {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #BBBBBB;
    position: absolute;
    left: -15px;
    margin: auto 0;
    top: 0;
    bottom: 0;
}
.single-product-calculator-steps-item {
    position: relative;
}
.single-product-calculator-steps > div {
    opacity: 0.5;
}
.single-product-calculator-tabs {
    display: flex;
    gap: 15px;
}
.single-product-calculator-tab-item {
    display: flex;
    color: #000;
    background: #FFF;
    padding: 10px 35px;
    border-radius: 10px;
    align-items: center;
    gap: 20px;
    border: 2px solid #FFD962;
}
.single-product-calculator-tab-item p {
    font-size: 16px;
    font-weight: 500;
}
.single-product-calculator-steps-tabs-wrapper {
    padding-bottom: 75px;
    border-bottom: 1px solid #787878;
    margin-bottom: 40px;
}
.single-product-calculator-content-container {
    display: flex;
}
.single-product-calculator-content-container > div {
    width: 50%;
}
.single-product-calculator-content-details select {
    background: #515151;
    width: 100%;
    padding: 15px 45px 15px 15px;
    border-radius: 5px;
    border: none !important;
    outline: none !important;
    cursor: pointer;
    color: #FFF;
    list-style-type: none;
    white-space: normal;
    -webkit-appearance: none; 
    -moz-appearance: none;    
    appearance: none;         
}
.single-product-calculator-content-dimensions {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    margin: 20px 0 40px;
}
.single-product-calculator-content-dimention-item {
    width: 100%;
}
.single-product-calculator-content-dimention-item input[type="text"] {
    width: 100%;
    padding: 15px;
    background: transparent;
    border-radius: 5px;
    border: 1px solid #515151;
    color: #FFF !important;
    font-size: 14px;
    font-weight: 400;
}
.single-product-calculator-content-dimension-item-heading {
    COLOR: #FFF;
    margin-bottom: 10px;
}
.single-product-calculator-content-total-volume {
    padding: 40px 0;
    border-top: 1px solid #787878;
    border-bottom: 1px solid #787878;
}
.single-product-calculator-content-wrapper {
    margin-bottom: 75px;
}
.single-product-calculator-content-total-volume-heading {
    color: #FFF;
    font-weight: 500;
    font-size: 18px;
}
.single-product-calculator-content-total-volume-results {
    color: #FFD962;
    margin-top: 15px;
    font-size: 30px;
    font-weight: 500;
}
.single-product-calculator-content-left {
    border-right: 1px solid #787878;
    padding-right: 45px;
}
.single-product-calculator-content-right {
    padding-left: 45px;
    display: flex;
    align-items: center;
}
.single-product-calculator-content-right-heading {
    color: #FFF;
    font-weight: 500;
    margin-bottom: 50px;
}
.single-product-calculator-content-right-result-item-heading {
    color: #FFF;
    font-weight: 400;
    font-size: 15px;
}
/* .single-product-calculator-content-details::before {
    content: '\f063';
    font-family: 'Font Awesome 6 Pro';
    display: block;
    position: absolute;
    pointer-events: none;
    font-size: 16px;
    right: 15px;
    top: 15px;
    color: #FFF;
    z-index: 1;
} */
.single-product-inner-wrapper .woocommerce-error {
    position: initial;
}
.single-product-calculator-content-details {
    position: relative;
}
.ubp-content-single-product-wrapper .woocommerce-product-gallery {
    width: 100%;
    height: 100%;
}
.ubp-content-single-product-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
    transition: 0.3s ease-in-out;
}
.ubp-content-single-product-wrapper .woocommerce-product-gallery__wrapper {
    height: 100%;
    width: 100%;
}
.ubp-content-single-product-caracterisque-avantages-wrapper {
    margin: 120px 0;
}
.ubp-content-single-product-caracterisque-avantages-heading h2 {
    color: #515151;
    font-size: 36px;
    text-align: center;
}
.ubp-content-single-product-caracterisque-avantages-heading {
    margin-bottom: 75px;
}
.ubp-content-single-product-caracterisque-avantages-content {
    display: flex;
    gap: 60px;
}
.ubp-content-single-product-caracterisque-avantages-content-heading h4 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
}
.ubp-content-single-product-caracterisque-avantages-content-text p {
    font-size: 16px;
}
.single-product-utilisation-wrapper {
    background: url('/wp-content/uploads/2025/12/Utilisation_image.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    padding: 150px 0;
    border-radius: 25px;
}
.single-product-utilisation-container {
    max-width: 1170px;
    margin: 0 auto;
}
.single-product-utilisation-heading h2 {
    color: #FFD962;
    font-size: 38px;
    text-align: center;
    font-weight: 700;
}
.single-product-utilisation-heading {
    margin-bottom: 30px;
}
.single-product-utilisation-description p {
    color: #FFF;
    text-align: center;
    font-size: 17px;
    font-weight: 400;
}
.single-product-utilisation-description {
    margin-bottom: 75px;
}
.single-product-utilisation-content-item:not(:last-child) {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #FFD962;
}
.utilisation-item-heading h4 {
    color: #FFD962;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 30px;
}
.utilisation-item-description p {
    font-size: 17px;
    color: #FFF;
    width: 80%;
}
.ubp-content-single-product-caracterisque-avantages-content-item {
    width: calc(100% / 3);
}
.single-product-certifications-wrapper {
    border-radius: 15px;
    background: #F9F8F8;
    padding: 150px 0;
    margin: 35px 0;
}
.single-product-certifications-container {
    max-width: 1170px;
    margin: 0 auto;
}
.single-product-certifications-content {
    display: flex;
    gap: 60px;
    width: 80%;
    margin: 0 auto;
}
.single-product-certification-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.single-product-certifications-heading h2 {
    font-size: 38px;
    color: #515151;
    font-weight: 700;
    text-align: center;
}
.single-product-certifications-heading {
    margin-bottom: 50px;
}
.single-product-certification-item-image {
    margin-bottom: 40px;
}
.single-product-certification-item-heading h4 {
    color: #0D0D0D;
    font-weight: 700;
    font-size: 17px;
    margin-bottom: 5px;
}
.ubp-content-single-product-caracterisque-avantages-content-image {
    margin-bottom: 40px;
}
.single-product-pourquoi-choisir-wrapper {
    background: url('/wp-content/uploads/2025/12/poourquoi-choisir-image.jpg);');
    background-size: cover;
    background-repeat: no-repeat;
    padding: 150px 0;
    border-radius: 20px;
}
.single-product-pourquoi-choisir-container {
    max-width: 1170px;
    margin: 0 auto;
}
.single-product-pourquoi-choisir-main-heading {
    margin-bottom: 90px;
}
.single-product-pourquoi-choisir-main-heading h2 {
    color: #FFD962;
    font-size: 38px;
    font-weight: 700;
    text-align: center;
}
.single-product-pourquoi-choisir-content-wrapper {
    display: flex;
    gap: 75px;
}
.single-product-pourquoi-choisir-content-wrapper > div {
    flex: 1;
}
.single-product-pourquoi-choisir-content-item-heading {
    margin-bottom: 25px;
}
.single-product-pourquoi-choisir-content-item-heading h4 {
    color: #FFD962;
    font-size: 28px;
    font-weight: 700;
}
.single-product-pourquoi-choisir-content-item-description p {
    color: #FFF;
    font-weight: 400;
    font-size: 17px;
}
.single-product-pourquoi-choisir-content-item:not(:last-child) {
    margin-bottom: 60px;
}
.single-product-pourquoi-choisir-content-right-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}
.single-product-pourquoi-choisir-content-right-image {
    height: 100%;
}
.single-product-faq-wrapper {
    background: url('/wp-content/uploads/2025/12/faq-background.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 20px;
    padding: 150px 0;
    margin: 35px 0;
}
.single-product-faq-container {
    max-width: 1170px;
    margin: 0 auto;
}
.single-product-faq-heading {
    margin-bottom: 75px;
}
.single-product-faq-heading h2 {
    color: #FFD962;
    font-size: 38px;
    font-weight: 700;
    text-align: center;
}
.single-product-faq-content-item-heading h4 {
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Inter';
}
.single-product-faq-content-item-text * {
    color: #FFF;
    font-weight: 300;
    font-size: 15px;
    font-family: 'Inter';
}
.single-product .product-header {
    display: none;
}
.single-product-faq-content-item:not(:last-child) {
    margin-bottom: 30px;
}
.ubp-content-single-product-wrapper .summary th.label {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 500;
}
.ubp-content-single-product-wrapper .summary tr:not(:first-child) th.label {
    margin-top: 15px;
}
.ubp-content-single-product-wrapper .summary tr td.value select {
    border: none;
    appearance: none;
    background: #515151;
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    padding: 15px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    width: 100%;
    cursor: pointer;
    outline: none;
}
.ubp-content-single-product-wrapper .summary tr td.value:after {
    content: '\f063';
    font-family: 'Font Awesome 6 Pro';
    position: absolute;
    font-size: 18px;
    right: 25px;
    top: 12px;
    color: #FFD962;
    pointer-events: none;
    display: block;
}
.ubp-content-single-product-wrapper .summary td.value {
    position: relative;
}
.ubp-content-single-product-devis-btn a {
    display: flex;
    justify-content: center;
    gap: 10px;
    align-items: center;
}
.ubp-content-single-product-wrapper .summary tr td.value a.reset_variations {
    position: relative;
    display: block;
    margin-top: 10px;
    color: #515151 !important;
    text-decoration: underline !important;
}
.single-product-faq-content-item {
    border-radius: 20.044px;
    background: linear-gradient(113deg, rgba(255, 255, 255, 0.15) -6.68%, rgba(255, 255, 255, 0.05) 45.63%, rgba(255, 255, 255, 0.15) 103.45%), rgba(0, 0, 0, 0.20);
    box-shadow: 0 -17px 17.8px 0 rgba(255, 255, 255, 0.04) inset;
    backdrop-filter: blur(12.309917449951172px);
    padding: 30px;
}
.single-product-faq-content-item-text ul {
    padding: 0;
    margin: 0;
    margin-left: 15px;
}
.single-product-faq-content-item-text {
    display: none;
    padding-top: 25px;
}
.ubp-single-product-map-container-wrapper {
    margin: 50px 0;
    border-radius: 15px;
    background: #222;
}
.ubp-single-product-map-container {
    padding: 100px 0;
}
.ubp-single-product-map-title h2 {
    font-size: 40px;
    color: #FFD962;
    font-weight: 700;
    text-align: center;
}
.ubp-single-product-map-title p {
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    margin: 25px auto;
    width: 55%;
}
.ubp-single-product-map-availability p {
    color: #FFD962;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
}
.ubp-single-product-map-content {
    margin: 75px 0;
    display: flex;
    gap: 100px;
    align-items: center;
}
.ubp-single-product-map-content > div {
    width: 50%;
}
.ubp-single-product-map-right-production-site strong, .ubp-single-product-map-right-depots strong {
    color: #FFD962;
    font-size: 18px;
    font-weight: 700;
}
.ubp-single-product-map-right-production-site *, .ubp-single-product-map-right-depots * {
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
}
.ubp-single-product-map-right-production-site {
    margin-bottom: 25px;
}
.ubp-single-product-map-right-additional p {
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
}
.ubp-single-product-map-right-additional {
    margin: 20px 0;
}
.ubp-single-product-map-right-address p {
    color: #808080;
    font-size: 12px;
    font-weight: 400;
}
.ubp-single-product-map-right-phone-email * {
    color: #C7C5C5 !important;
    font-size: 12px;
    font-weight: 400;
}
.ubp-single-product-map-right-phone-email a {
    text-decoration: underline !important;
}
.ubp-single-product-map-right-contact-btn {
    margin-top: 30px;
}
.ubp-single-product-map-right-contact-btn a {
    color: #FFF !important;
    padding: 5px 20px;
    border: 1px solid #FFF;
    border-radius: 5px;
}
.ubp-single-product-map-right-content-wrapper {
    padding: 30px;
    border-radius: 15px;
    border: 1px solid #FFD962;
}
.single-product-faq-content-item-heading {
    cursor: pointer;
}
.vc_row.wpb_row.vc_row-fluid.vc_row-has-fill {
    background-size: cover;
}
.single-product div.product .woocommerce-product-gallery {
    flex-direction: column;
    display: flex;
    width: 100%;
    gap: 45px;
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
    display: none !important;
}
.single-product div.product .woocommerce-product-gallery .flex-viewport {
    margin-bottom: 0 !important;
    width: 100%;
}
.single-product div.product .woocommerce-product-gallery .flex-viewport a img {
    object-fit: contain;
    height: 100%;
    width: auto;
}
.single-product-inner-wrapper .woocommerce-notices-wrapper li {
    list-style-type: none;
}
span.page-numbers.dots {
    color: #000 !important;
    border: none;
    padding-bottom: 0 !important;
}
.ubp-single-product-station-selector {
    margin-bottom: 30px;
    transition: 0.3s ease;
    position: relative;
}
.ubp-station-loading {
    opacity: 0.4;
    pointer-events: none;
}
.ubp-single-product-station-selector label {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 600;
}
.ubp-cart-stations-summary p {
    color: #8A8A8A;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 30px 0 10px;
}
.ubp-cart-stations-summary span {
    padding: 8px 12px;
    background: #000;
    color: #FFF;
    border-radius: 6px;
}
.ubp-cart-stations-summary {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #E6E0D1;
}
.ubp-single-product-station-selector select {
    border: none;
    appearance: none;
    background: #515151;
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    padding: 15px 15px 15px 40px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    width: 100%;
    cursor: pointer;
    outline: none;
}
.ubp-single-product-station-selector i {
    color: #ffd962 !important;
    font-weight: 500;
}
.video .ubp-single-product-banner-text-wrapper.direction-column,
.video .ubp-single-product-banner-text-wrapper.direction-column-reverse {
    bottom: 25%;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
    flex-direction: row;
    display: flex;
    height: 100%;
    width: 100%;
    gap: 15px;
    overflow-x: auto;
    flex-wrap: nowrap;
    padding-bottom: 25px !important;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs img {
    width: 75px !important;
    height: 100%;
    max-width: fit-content;
    display: block;
    margin: auto;
}
.single-product div.product ol.flex-control-nav.flex-control-thumbs::-webkit-scrollbar {
    display: block;
    background: #0000003B;
    height: 2px;
}
.single-product div.product ol.flex-control-nav.flex-control-thumbs::-webkit-scrollbar-thumb {
    display: block;
    background: #FFD962;
}
/* .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
    width: 100% !important;
} */
.single-product div.product .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image {
    height: 425px !important;
    /* transform: scale(0.65); */
}
.single-product div.product .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__wrapper {
    height: 100%;
}
.single-product div.product .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper {
    /* height: 500px !important; */
    /* width: 85%; */
    border-radius: 15px;
    overflow: hidden;
}
.single-product div.product .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image {
    height: 100%;
}
.single-product div.product .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image a img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.content-single-product-variations-heading {
    margin-bottom: 20px;
}
h4.content-single-product-model-title {
    font-family: Outfit;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.50);
    margin-bottom: -5px;
}
.ubp-single-product-banner-image-wrapper.no-image {
    width: 100%;
    height: 450px;
    position: relative;
    z-index: 2;
    background: rgba(0, 0, 0, 0.50);
    border-radius: 15px;
}
.ubp-single-product-breadcrumb nav.woocommerce-breadcrumb * {
    transition: 0.6s ease-in-out;
}
.vc_row.cest-quoi-inner-row.ubp-widthcontainer {
    width: 50%;
}
.container-col.utilisation-content-container {
    align-items: center;
    gap: 25px;
}
.ubp-single-product-map-right-production-site ul {
    margin: 10px 0;
    padding: 0 0 0 15px;
}
.specifications-techniques-row.ubp-width95-container .gws-image-item {
    margin: 0 auto;
}
.comparaison-predalles-row {
    border-radius: 15px;
}
.comparaison-predalles-row .vc_row.wpb_row.vc_inner.vc_row-fluid.cest-quoi-inner-row.ubp-widthcontainer {
    width: 75%;
}
.pourquoi-choisir-inner-row-2.ubp-widthcontainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.pourquoi-choisir-inner-row-2.ubp-widthcontainer .wpb_column {
    width: 45%;
}
.pourquoi-choisir-inner-row-2.ubp-widthcontainer .wpb_column:last-child * {
    height: 100%;
}
.specifications-techniques-row.ubp-width95-container .text-content-wrapper {
    width: 50%;
    margin: 0 auto;
}
.job-shortcode-row.ubp-widthcontainer {
    margin: -200px auto 100px !important;
}
.job-shortcode-row.ubp-widthcontainer > div {
    margin-top: -200px;
}
.promettons-row .image img {
    border-radius: 15px;
}
.promettons-row.ubp-width90-container .vc_inner {
    display: flex;
    justify-content: space-between;
    gap: 50px;
}
.container-col.promettons-number-item {
    gap: 40px;
    margin: 40px 0 0 30px;
}
.ubp-content-single-product-wrapper .summary tr td.value.woo-variation-items-wrapper:after {
    content: '';
    display: none;
}
/* .promettons-row.ubp-width90-container .vc_inner > .wpb_column:last-child:before {
    content: '';
    background: #000;
    position: absolute;
    width: 1px;
    height: 50%;
    bottom: 15px;
    left: 0;
}
.promettons-row.ubp-width90-container .vc_inner > .wpb_column:last-child:after {
    content: '';
    background: #FFD962;
    position: absolute;
    width: 3px;
    height: 60px;
    bottom: 15px;
    left: -0.5px;
} */
.slider-container.votre-bien-etre-slider {
    width: 50%;
}
.ubp-archive-product-wrapper {
    position: relative;
}
.ubp-archive-product-banner-image-wrapper.no-image {
    width: 100%;
    height: 450px;
    position: relative;
    z-index: 2;
    background: #8A8A8A;
    border-radius: 15px;
}
.ubp-archive-product-banner-text-wrapper {
    position: absolute;
    bottom: 40%;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 1170px;
    width: 100%;
    z-index: 9;
}
.ubp-archive-product-banner-text-default h1 {
    color: #FFF;
    font-family: Outfit;
    font-size: 70px;
    font-weight: 300; 
    letter-spacing: -3.5px;
}
.ubp-archive-product-banner-wrapper {
    position: relative;
    z-index: 2;
}
.ubp-archive-product-breadcrumb {
    border-radius: 0 0 15px 15px;
    background: #ECECEC;
    padding: 55px 0 50px;
    position: relative;
    z-index: 1;
    top: -15px;
    transition: 0.6s ease-in-out;
}
.ubp-archive-product-breadcrumb .woocommerce-breadcrumb {
    display: flex;
    gap: 20px;
}
.ubp-archive-product-breadcrumb .woocommerce-breadcrumb a {
    color: #A4A4A4 !important;
}
.ubp-archive-product-breadcrumb .woocommerce-breadcrumb * {
    transition: 0.6s ease-in-out;
}
.ubp-archive-product-breadcrumb .woocommerce-breadcrumb i {
    display: flex;
    align-items: center;
    font-weight: 300;
    font-size: 14px;
    color: #A4A4A4 !important;
}
.ubp-archive-product-breadcrumb .woocommerce-breadcrumb a:last-child {
    color: #000 !important;
}
.ubp-archive-layout-wrapper {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    gap: 40px;
    align-items: flex-start;
    position: relative;
}
.ubp-archive-products-content-wrapper {
    flex: 1;
    min-width: 0;
}
.ubp-archive-sidebar-wrapper aside#secondary {
    display: block;
}
.ubp-archive-sidebar-wrapper {
    width: 25%;
    min-width: 250px; 
}
.ubp-cat-accordion-container {
    margin-bottom: 30px;
}
.ubp-accordion-item {
    /* border-bottom: 1px solid #eee; */
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.ubp-nested-categories .ubp-child-cat-list li.ubp-product-item {
    margin-left: 25px;
}
.ubp-nested-categories .ubp-child-cat-list ul.ubp-sidebar-products {
    margin: 5px 0 15px;
}
.ubp-accordion-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    padding: 10px 0;
    font-size: 18px;
    font-weight: 500;
    transition: color 0.3s ease;
    letter-spacing: 0.5px;
    color: #000;
    font-family: 'Outfit';
}
.ubp-accordion-header a.ubp-header-link {
    color: #000;
    cursor: pointer;
}
.dark .ubp-accordion-header a.ubp-header-link {
    color: #FFF;
}
/* h4.ubp-accordion-header.active {
    color: #FFD962; 
}
.ubp-accordion-header:hover {
    color: #FFD962; 
} */
.ubp-accordion-content {
    padding: 15px 0;
    margin-left: 25px;
}
.ubp-child-item.is-open > .ubp-child-category-row .ubp-child-checkbox-label {
    font-weight: 600;
}
.ubp-child-category-row label.ubp-child-checkbox-label {
    font-weight: 400;
}
.ubp-child-cat-list {
    max-height: 250px;
    overflow-y: auto; 
}
.ubp-child-cat-list::-webkit-scrollbar {
    display: block;
    width: 2px;
}
.ubp-child-cat-list::-webkit-scrollbar-track {
    background-color: #D9D9D9;
    border-radius: 2px;
    display: block;
}
.ubp-child-cat-list::-webkit-scrollbar-thumb {
    background-color: #5D5D5D;
    border-radius: 2px; 
    display: block;
}
.ubp-local-search, 
.ubp-child-cat-list li {
    width: 90%;
}
.ubp-local-search {
    margin-bottom: 15px;
    position: relative;
}
.ubp-local-search input {
    border-radius: 8px;
    background: #F5F5F5;
    border: none !important;
    padding: 8px 16px 8px 45px !important;
}
.ubp-local-search:before {
    content: '\f002';
    font-family: 'Font Awesome 6 Pro';
    position: absolute;
    left: 16px;
    top: 8px;
    color: #656565;
}
.ubp-shop-top-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 30px;
}

.ubp-product-search-wrapper {
    flex: 1;
    margin: 0;
}

.ubp-product-search {
    width: 100%;
    max-width: 600px;
}

.ubp-shop-toolbar {
    flex-shrink: 0;
}

.ubp-shop-toolbar .woocommerce-result-count {
    margin: 0;
}
.ubp-child-item {
    margin-bottom: 15px;
}
.ubp-child-checkbox-label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    cursor: pointer;
    margin-bottom: 5px;
}
.ubp-child-checkbox {
    cursor: pointer;
}
.ubp-child-checkbox-label input {
    opacity: 0.3;
}
.ubp-child-checkbox-label input:checked {
    opacity: 1;
}
.ubp-sidebar-products li a {
    color: #000 !important;
    font-size: 15px;
}
.ubp-sidebar-products {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ubp-sidebar-products li {
    margin-bottom: 6px;
    font-size: 0.9em;
    padding-right: 10px;
}
.ubp-sidebar-products a {
    text-decoration: none;
    color: #666;
    transition: color 0.2s;
}
.ubp-sidebar-products a:hover {
    color: #000;
}
.selected-products-wrapper {
    display: flex;
    gap: 10px;
    align-items: center;
}
.selected-products-wrapper > p:first-child {
    color: #6C6C6C;
    font-family: Outfit;
    font-size: 16px;
    font-weight: 500;
}
.selected-products-wrapper > p:last-child {
    color: #000;
    font-family: Outfit;
    font-size: 20px;
}
.woocommerce-result-count {
    width: fit-content;
}
.ubp-archive-products-content-wrapper ul.products {
    margin-top: 75px !important;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.ubp-archive-products-content-wrapper form.woocommerce-ordering select {
    padding: 8px 35px 8px 8px;
    border-radius: 8px;
    border-radius: 8px;
    border: 0.5px solid #D4D4D4;
    appearance: none;
    transition: 0.6s ease-in-out;
    background: transparent;
}
.ubp-shop-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ubp-archive-products-content-wrapper form.woocommerce-ordering:after {
    content: '\f078''';
    font-family: 'Font Awesome 6 Pro';
    position: absolute;
    top: 8px;
    right: 10px;
    color: #D4D4D4;
}
.ubp-archive-layout-wrapper {
    margin-top: 45px !important;
}
ul.products li.product {
    width: calc(95%/3) !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    border-radius: 15px;
    border: 1px solid #DEDEDE;
    padding: 15px;
}
ul.products li.product h2.woocommerce-loop-product__title {
    color: #000;
    font-size: 20px;
    font-weight: 400;
    padding-top: 5px;
    padding-bottom: 30px;
    display: flex;
    justify-content: space-between;
    width: 75%;
    min-height: 85px;
    align-items: flex-start;
}
ul.products li.product .product-title-wrapper {
    position: relative;
}
ul.products li.product .product-title-wrapper:after {
    content: '\e09f';
    font-family: 'Font Awesome 6 Pro';
    border: 1px solid;
    border-radius: 50%;
    padding: 8px;
    font-size: 15px;
    font-weight: 300;
    color: #808080;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
}
.product-image-wrapper {
    width: 100%;
    height: 225px;
}
ul.products li.product img {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    border: 1px solid #DEDEDE;
    object-fit: cover;
}
.woocommerce-product-gallery__image.flex-active-slide > a {
    width: auto;
    height: 100%;
    display: flex;
    justify-content: center;
}
.view-more-btn-wrapper span {
    border: 1px solid;
    padding: 4px 24px;
    border-radius: 8px;
    color: #000;
    margin-top: 20px;
}
.view-more-btn-wrapper {
    display: flex;
    justify-content: center;
}
.ubp-child-checkbox-label input {
    width: 15px;
    height: 15px;
    position: relative;
}
.ubp-child-checkbox-label input[type="checkbox"]:checked:before {
    content: '';
    background: #000;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 2px;
}
.ubp-child-checkbox-label input[type="checkbox"]:checked:after {
    content: "";
    position: absolute;
    left: 5.5px;
    top: 2.5px;
    width: 4px;
    height: 8px;
    border: solid white;
    border-width: 0 1.5px 1.5px 0;
    transform: rotate(45deg);
}
h4.ubp-accordion-header.active .ubp-toggle-icon {
    transform: rotate(180deg);
}
h4.ubp-accordion-header .ubp-toggle-icon {
    transition: 0.3s ease;
    cursor: pointer;
}
.ubp-complementary-products li.product {
    float: none;
}
.ubp-complementary-products ul.products {
    display: flex;
    gap: 20px;
}
.ubp-complementary-products ul.products li.product {
    width: calc(95%/4) !important;
}
.ubp-archive-layout-wrapper.ubp-widthcontainer {
    padding-top: 30px;
    padding-bottom: 75px;
    border-bottom: 3px solid #FCD351;
}
.ubp-archive-products-produits-complementaires-wrapper.ubp-widthcontainer {
    padding-top: 75px;
    padding-bottom: 75px;
}
.ubp-complementary-header-text-wrapper {
    display: flex;
    gap: 30px;
    justify-content: space-between;
    margin-bottom: 75px;
}
.ubp-complementary-header-text-wrapper h2 {
    width: fit-content;
    font-size: 40px;
    font-weight: 400;
    transition: 0.6s ease;
}
.ubp-complementary-header-text-wrapper p {
    width: 75%;
    color: #808080;
    font-weight: 400;
    font-size: 16px;
    transition: 0.6s ease;
}
ul.products li.product img.woocommerce-placeholder.wp-post-image {
    border: 1px solid #DEDEDE;
}
ul.products li.product img.woocommerce-placeholder.wp-post-image {
    border: 1px solid #DEDEDE;
}
span.ubp-cat-count {
    color: #929292;
    font-size: 13px;
    font-weight: 400;
    position: relative;
    top: 1px;
    margin-left: 3px;
}
h4.ubp-accordion-header span.ubp-cat-count {
    top: 0px;
}
.ubp-archive-products-astuces-title-wrapper {
    padding: 0 0 60px;
    display: flex;
    gap: 30px;
    align-items: center;
    transition: 0.6s ease;
}
.ubp-archive-products-astuces-title-wrapper h3 {
    width: fit-content;
    font-size: 40px;
    font-weight: 400;
}
.ubp-archive-products-astuces-title-wrapper p {
    width: 75%;
    color: #808080;
    font-weight: 400;
    font-size: 16px;
}
.ubp-blog-item-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}
.ubp-blog-item-content-wrapper {
    margin: 15px 0;
    height: 80px;
    overflow: hidden;
}
.ubp-blog-item-read-more span {
    border: 1px solid;
    border-radius: 3px;
    padding: 4px 16px;
}
.ubp-archive-products-astuce-content {
    display: flex;
    gap: 20px;
    justify-content: space-evenly;
    padding-bottom: 100px;
}
.ubp-blog-item-wrapper {
    width: calc(95%/4);
}
.ubp-single-products-astuces-wrapper .ubp-blog-item-wrapper > a {
    border: 1px solid #FFD962;
    width: 100%;
    height: 100%;
    display: block;
    padding: 20px 15px;
    border-radius: 15px;
    transition: 0.6s ease;
}
.ubp-single-products-astuces-wrapper .ubp-blog-item-wrapper > a:hover {
    background: #4E4E4E;
}
.ubp-blog-item-wrapper * {
    color: #000 !important;
    transition: 0.6s ease;
}
.ubp-blog-item-wrapper .ubp-blog-item-title h3 {
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    width: 60%;
}
.ubp-blog-item-wrapper .ubp-blog-item-title {
    padding-bottom: 20px;
}
.ubp-archive-product-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}
.ubp-archive-product-banner-image-wrapper.has-image {
    width: 100%;
    height: 450px;
}
.ubp-archive-product-banner-image-wrapper.has-image {
    position: relative;
    z-index: 2;
}
.ubp-archive-product-img {
    width: 100%;
    height: 100%;
}
.ubp-child-checkbox-label input[type="checkbox"]:before {
    border: 1px solid #FFF;
}
.blockUI.blockOverlay {
    background: white !important;
}
.single-product .ubp-single-product-wrapper .single-product-inner-wrapper li.variable-item.color-variable-item {
    border-radius: 50%;
}
.ubp-content-single-product-summary-wrapper p.wc-no-matching-variations.woocommerce-info {
    background: none;
    margin: 10px 0 30px;
    color: #cb0000;
}
.ubp-single-products-astuces-wrapper {
    background: url('/wp-content/uploads/2026/03/Rectangle_4559.webp');
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 20px;
    margin-bottom: 50px;
}

.ubp-single-products-astuce-content {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    padding: 50px 0 75px;
}
.ubp-single-products-astuces-title-wrapper h3 {
    color: #FFD962;
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 30px;
}
.ubp-single-products-astuces-title-wrapper p {
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    width: 70%;
    margin: 0 auto;
}
.ubp-single-products-astuces-title-wrapper {
    padding-top: 50px;
}
.ubp-single-products-astuces-wrapper .ubp-blog-item-wrapper * {
    color: #FFF !important;
}
.ubp-single-products-astuces-wrapper .ubp-blog-item-read-more span {
    border-radius: 5px;
    border: 1px solid #D6D6D6;
    background: #4E4E4E;
    display: flex;
    width: fit-content;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.ubp-single-products-astuces-wrapper .ubp-blog-item-read-more span i {
    color: #FFD962 !important;
}
.single-product .ubp-single-product-wrapper .single-product-inner-wrapper li.variable-item.color-variable-item span.variable-item-span.variable-item-span-color.variable-item-span-color-dual {
    transform: rotate(45deg);
}
nav.woocommerce-pagination ul {
    display: flex;
    padding: 0;
    margin: 40px 0 0;
    justify-content: flex-end;
    gap: 20px;
}
nav.woocommerce-pagination ul li {
    list-style-type: none;
    display: flex;
    align-items: center;
}
nav.woocommerce-pagination ul li span.current {
    color: grey;
    background: #FFD962;
}
nav.woocommerce-pagination ul li span,
nav.woocommerce-pagination ul li a {
    background: #8080802b;
    padding: 10px;
    border-radius: 50%;
    width: 35px !important;
    height: 35px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
nav.woocommerce-pagination ul li span, 
nav.woocommerce-pagination ul li a {
    font-size: 14px;
    color: grey;
}
nav.woocommerce-pagination ul li a.prev,
nav.woocommerce-pagination ul li a.next {
    background: none;
    color: grey;
    border: 1px solid;
}
nav.woocommerce-pagination.ubp-products-pagination ul {
    display: flex;
    padding: 0;
    margin: 40px 0 0;
    justify-content: flex-end;
    gap: 20px;
}
nav.woocommerce-pagination.ubp-products-pagination ul li {
    list-style-type: none;
    display: flex;
    align-items: center;
}
nav.woocommerce-pagination.ubp-products-pagination ul li span.current {
    color: grey;
    background: #FFD962;
}
nav.woocommerce-pagination.ubp-products-pagination ul li button,
nav.woocommerce-pagination.ubp-products-pagination ul li button {
    background: #8080802b;
    padding: 10px;
    border-radius: 50%;
    width: 35px !important;
    height: 35px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
}
nav.woocommerce-pagination.ubp-products-pagination ul li span, 
nav.woocommerce-pagination.ubp-products-pagination ul li {
    font-size: 14px;
    color: grey;
}
nav.woocommerce-pagination.ubp-products-pagination ul li span.page-numbers.dots {
    background: none;
}
nav.woocommerce-pagination.ubp-products-pagination ul li button.prev,
nav.woocommerce-pagination.ubp-products-pagination ul li button.next {
    background: none;
    color: grey;
    border: 1px solid;
}
.macadam-caracteristique-et-avantage-inner-row {
    display: flex;
    gap: 50px;
}
li.ubp-product-item {
    margin-left: 25px;
    margin-top: 5px;
}
.macadam-utilisation-row .single-product-utilisation-main-text {
    width: 55%;
    margin: 0 auto;
}
.macadam-utilisation-content p strong {
    font-weight: 700 !important;
    color: #FFD962;
}
.macadam-utilisation-content {
    padding: 30px 0;
    border-bottom: 2px solid #FFD962;
}
.container-col.certifications-custom-container {
    align-items: center;
    justify-content: center;
    gap: 25px;
}
.macadam-pourquoi-choisir-row .single-product-utilisation-main-text {
    width: 40%;
    margin: 0 auto;
}
.macadam-pourquoi-choisir-row .pourquoi-choisir-inner-row.ubp-widthcontainer {
    display: flex;
    justify-content: space-between;
}
.macadam-pourquoi-choisir-row .pourquoi-choisir-inner-row.ubp-widthcontainer > .wpb_column:first-child {
    width: 45%;
}
.macadam-pourquoi-choisir-row .pourquoi-choisir-inner-row.ubp-widthcontainer > .wpb_column:last-child {
    width: 40%;
}
.macadam-diy-heading-inner-row h2 {
    width: 60%;
    margin: 0 auto;
}
.macadam-diy-heading-inner-row p {
    width: 75%;
    margin: 0 auto;
    padding-bottom: 75px;
}
.macadam-content-diy-inner-row.ubp-widthcontainer {
    display: flex;
    justify-content: space-between;
}
.accordion-text-block ul {
    margin: 0;
    padding: 20px;
}
.macadam-content-diy-inner-row.ubp-widthcontainer > div:first-child {
    width: 50%;
}
.macadam-content-diy-inner-row.ubp-widthcontainer > div:last-child {
    width: 50%;
    padding-left: 75px;
}
.macadam-content-diy-inner-row.ubp-widthcontainer > div:first-child * {
    height: 100%;
}
.text-content-wrapper.ce-quil-vous-faut-text-block ul {
    margin: 0;
    padding: 20px 25px 30px;
}
.text-content-wrapper.ce-quil-vous-faut-text-block {
    border-bottom: 1px solid #FFD962;
}
.ubp-single-product-map-title h3 {
    font-size: 18px;
    color: #FFD962;
    font-weight: 700;
    text-align: center;
    margin-bottom: -15px;
}
.vc_row.wpb_row.vc_row-fluid.single-product-certifications-row.macadam-certifications-row {
    transition: 0.6s ease;
    margin: 50px auto !important;
}
.accordion-text-block ul {
    margin: 0;
    padding: 20px;
}
.single-product-video-row iframe {
    /* width: 100%;
    height: 500px; */
    border-radius: 20px;
    margin: 0 auto;
}
.single-product-video-row {
    margin: 50px auto 0 !important;
}
.ubp-content-single-product-caracterisque-btn {
    transition: 0.6s ease;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #000;
}
.dark .ubp-content-single-product-caracterisque-btn {
    border-bottom: 1px solid #FFF;
}
.ubp-content-single-product-caracterisque-devis-wrapper:before {
    transition: 0.6s ease;
}
.ubp-single-product-banner-text-wrapper.direction-row_reverse {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 10px;
}
.ubp-single-product-banner-text-wrapper.direction-column_reverse {
    display: flex;
    flex-direction: column-reverse;
}
.ubp-content-single-product-usages-avantages-content.grid {
    grid-template-columns: 50% 50%;
}
.dark .single-product-certifications-row {
    background: #1F1F1F !important;
}

.classic-block-utilisation-row .wpb_wrapper > .container-utilisation-content-container,
.light-utilisation .wpb_wrapper > .container-utilisation-content-container {
    padding: 30px 0;
    border-bottom: 2px solid #FFD962;
}
.classic-block-certifications .single-product-certifications-inner-row {
    display: flex;
    justify-content: space-between;
}
.classic-block-certifications .single-product-certifications-inner-row > .wpb_column {
    width: 35%;
}
.pourquoi-choisir-classic-block .pourquoi-choisir-inner-row > .wpb_column:first-child {
    padding-right: 50px;
}
.pourquoi-choisir-classic-block .pourquoi-choisir-inner-row > .wpb_column:last-child * {
    height: 100% !important;
}
.light-blocks-caracteristiques.ubp-widthcontainer {
    display: flex;
    gap: 30px;
}
.pourquoi-choisir-classic-block .pourquoi-choisir-inner-row {
    display: flex;
    align-items: center;
}
.ubp-blog-item-wrapper a {
    border: 1px solid #FFD962;
    width: 100%;
    height: 100%;
    display: block;
    padding: 20px 15px;
    border-radius: 15px;
    transition: 0.6s ease;
}
.ubp-calculator-loader {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 45px 0;
    margin: 0 auto;
}
.ubp-calculator-loader span {
    width: 24px;
    height: 24px;
    border: 3px solid #e0e0e0;
    border-top-color: #FFD962;
    border-radius: 50%;
    animation: ubp-spin 0.7s linear infinite;
    margin: 0 auto;
}
.ubp-station-loading:after {
    content: "";
    border: 2px solid #000;
    border-right: 2px solid #ffd962;
    animation: ubp-spin 0.7s linear infinite;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: block;
    position: absolute;
    left: 20px;
    top: 25px;
    z-index: 5;
}
.ubp-station-loading:before {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    backdrop-filter: blur(1px);
    z-index: 4;
}
.ubp-station-loading label, .ubp-station-loading > div {
    opacity: 0;
}
.single-product-calculator-tab-item.active {
    background: #FFD962;
    border: 2px solid #FFF;
}
@keyframes ubp-spin {
    to { transform: rotate(360deg); }
}
.single-product-calculator-content-details label {
    color: #FFF;
    font-weight: 600;
    margin-bottom: 10px;
}
.single-product-calculator-content-details-input:not(:last-child) {
    margin-bottom: 25px;
}
.single-product-calculator-content-details-input {
    display: flex;
    flex-direction: column;
}
.calculator-input-number .input-wrapper,
.calculator-input-number-2 .input-wrapper,
.calculator-input-number-3 .input-wrapper {
    border: 1px solid #FFF;
    border-radius: 7px;
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 0 15px;
    gap: 15px;
}
.single-product-calculator-content-details-input .input-wrapper .input-unit {
    display: none;
}
.calculator-input-number .input-wrapper .input-unit,
.calculator-input-number-2 .input-wrapper .input-unit,
.calculator-input-number-3 .input-wrapper .input-unit {
    display: flex;
    align-items: center;
    justify-content: center;
}
.calculator-input-number .input-wrapper .input-unit span,
.calculator-input-number-2 .input-wrapper .input-unit span,
.calculator-input-number-3 .input-wrapper .input-unit span {
    color: #FFF;
    font-weight: 500;
}
.calculator-input-number .input-wrapper.disabled, 
.calculator-input-number-2 .input-wrapper.disabled, 
.calculator-input-number-3 .input-wrapper.disabled {
    opacity: 0.4;
}
.single-product-calculator-content-details-input input[type="text"], 
.single-product-calculator-content-details-input input[type="number"] {
    background: transparent;
    border: none;
    color: #FFF !important;
    width: 100%;
    padding: 13px 0;
}
.input-wrapper:has(input[type="number"]:focus) {
    border: 1px solid #FFD962;
}
.single-product-calculator-content-details-input input[type="text"]:focus, 
.single-product-calculator-content-details-input input[type="number"]:focus {
    outline: none;
    border-color: #FFD962;
}
.single-product-calculator-content-details-dynamic-fields {
    margin-top: 25px;
}
.materials-required-wrapper {
    background: #515151;
    border-radius: 15px;
    padding: 75px;
    margin-bottom: 50px;
}
.materials-required-heading h4 {
    color: #FFD962;
    font-size: 30px;
    text-align: center;
    font-weight: 700;
}
.materials-required-heading {
    margin-bottom: 75px;
}
.materials-required-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #787878;
    padding: 15px;
}
.materials-required-item p.materials-required-label {
    color: #FFF;
    font-size: 18px;
    font-weight: 500;
}
.materials-required-item p.materials-required-value {
    color: #FFD962;
    font-size: 30px;
    font-weight: 700;
}
.single-product-calculator-content-details-dynamic-fields {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.single-product-calculator-content-details-input {
    width: 100%;
}
.single-product-calculator-content-details-input.calculator-input-number-2 {
    width: calc(90% / 2);
}
.single-product-calculator-content-details-input.calculator-input-number-3 {
    width: calc(90% / 3);
}
.single-product-calculator-content-materials-container svg * {
    stroke: #FFF !important;
}
.single-product-calculator-content-materials-container svg .st7,
.single-product-calculator-content-materials-container svg .st8 {
    font-family: 'Outfit';
    font-size: 12px;
    font-weight: 200;
    letter-spacing: 0.5px;
}
.single-product-calculator-content-materials-container svg text {
    font-family: 'Outfit' !important;
    font-size: 16px !important;
    font-weight: 100 !important;
    letter-spacing: 0.5px !important;
    stroke: #FFF !important;
}
.single-product-calculator-content-materials-container line {
    stroke: #FFF !important;
}
.single-product-calculator-content-materials-container polyline {
    stroke: #FFF !important;
}
.single-product-calculator-content-materials-container {
    overflow: hidden;
    position: relative;
    width: 100%;
}
.single-product-calculator-content-materials-container svg {
    width: 100%;
    height: auto;
    display: block;
    transform-origin: center center !important; 
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1); 
    /* will-change: transform;  */
    transform: translate(0%, 0%) scale(1);
}
p.ubp-calc-error {
    text-align: center;
    font-size: 18px;
}
.calculator-input-select,
.calculator-input-select-2  {
    position: relative;
}
.calculator-input-select-2 {
    width: calc(100% / 2);
}
.calculator-input-select:after,
.calculator-input-select-2:after {
    content: '\f063';
    font-family: 'Font Awesome 6 Pro';
    font-size: 16px;
    color: #FFF;
    position: absolute;
    right: 15px;
    top: 49px;
    pointer-events: none;
}
.single-product-calculator-heading-text p.remarque-calculator {
    margin-top: 30px;
    font-weight: 600;
}

.ecoblock-comparaison-heading-inner-row.ubp-widthcontainer {
    width: 750px;
}
.ecoblock-caracteristique.ubp-widthcontainer {
    display: flex;
    column-gap: 30px;
    justify-content: space-between;
}
.vc_row.wpb_row.vc_row-fluid {
    border-radius: 20px !important;
}
.vc_row.wpb_row.vc_row-fluid.ecoblock-comparaison-row {
    box-shadow: 4px 4px 44px 0 rgba(0, 0, 0, 0.05);
}
.ecoblock-comparaison-content > .wpb_column:first-child {
    padding-right: 30px;
}
.ecoblock-comparaison-content > .wpb_column:last-child {
    padding-left: 30px;
}
.single-product .product_title.entry-title {
    display: none;
}
.evergreen-utilisation-content-inner-row {
    display: flex;
    gap: 45px;
    justify-content: space-between;
}
.ecoblock-utilisation, .evergreen-pourquoi-choisir-row.ubp-widthcontainer {
    width: 675px;
}

/* blog */

.cream .ubp-menu-holder li.menu-item a {
    color: #000;
}
.archive-blogs-banner-wrapper {
    padding: 150px 0;
}
.orange-dot:before {
    content: '';
    background: #FFD962;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}
.black-dot:before {
    content: '';
    background: #000;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}
.orange-dot, .black-dot {
    display: flex;
    align-items: center;
    gap: 10px;
}
.archive-blogs-small-title-banner p {
    color: #1A1A1A;
    font-family: Outfit;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 2.5px;
    text-transform: uppercase;
}
.archive-blogs-main-title {
    margin: 35px 0;
}
.archive-blogs-banner-description {
    width: 675px;
    color: #1A1A1AAA;
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 35px;
}
.archive-blogs-main-title h1 {
    color: #1A1A1A;
    font-size: 112px;
    line-height: 112px;
    font-weight: 300;
    letter-spacing: -3px;
    display: flex;
    flex-direction: column;
}
.archive-blogs-search input {
    background: transparent;
    border: none !important;
    width: 100%;
}
.archive-blogs-search {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #FFF;
    width: 50%;
    padding: 8px 24px;
    border-radius: 30px;
    border: 1px solid rgba(26, 26, 26, 0.08);
}
.archive-blogs-articles-overview {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 25px;
}
.archive-blogs-articles-overview p {
    padding: 8px 14px;
    border-radius: 100px;
    background: rgba(26, 26, 26, 0.04);
    color: #1A1A1A;
    font-family: Outfit;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.archive-blog-featured-article-text-overview span {
    color: #1A1A1A88;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
}
.archive-blog-featured-article-text-overview p {
    color: #1A1A1A;
    font-size: 28px;
    font-weight: 400;
    margin-top: 5px;
}
.archive-blog-featured-article-text-overview {
    margin-bottom: 25px;
}
.archive-blog-featured-article-content {
    display: flex;
    background: #FFF;
    border-radius: 20px;
    overflow: hidden;
}
.archive-blog-featured-article-content-image-wrapper {
    position: relative;
    width: 40%;
}
.archive-blog-featured-article-content-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.archive-blog-featured-article-content-image-wrapper p {
    position: absolute;
    top: 20px;
    left: 20px;
    background: #FFF;
    padding: 8px 16px;
    border-radius: 40px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 13px;
}
.archive-blog-featured-article-content-image {
    width: 100%;
    height: 100%;
}
.archive-blog-featured-article-content-text {
    width: 60%;
    padding: 50px;
}
.featured-article-content-date-reading-time {
    display: flex;
    gap: 15px;
}
.featured-article-content-date-reading-time p.date-published:after {
    content: '';
    background: #1A1A1A88;
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
}
.featured-article-content-date-reading-time p {
    color: #1A1A1A88;
    font-size: 14px;
    font-weight: 500;
}
.featured-article-content-date-reading-time p.date-published {
    display: flex;
    align-items: center;
    gap: 15px;
}
.featured-article-content-title {
    margin: 20px 0;
}
.featured-article-content-title h2 {
    color: #1A1A1A;
    font-size: 40px;
    font-weight: 400;
    letter-spacing: -1px;
}
.featured-article-content-excerpt p {
    color: #1A1A1AAA;
    font-size: 16px;
    font-weight: 400;
}
.featured-article-content-excerpt {
    margin-bottom: 50px;
}
.featured-article-content-author {
    display: flex;
    gap: 20px;
}
.featured-article-content-author-initial p {
    padding: 15px;
    border-radius: 50%;
    background: #E8E1CF;
    font-size: 16px;
    width: 55px;
    height: 55px;
    text-align: center;
    color: #1A1A1A;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
}
.featured-article-content-author-name p {
    color: #1A1A1A;
    font-size: 15px;
    font-weight: 600;
}
.featured-article-content-author-job-title p {
    color: #1A1A1A88;
    font-size: 14px;
}
.featured-article-content-author-container {
    display: flex;
    gap: 20px;
    width: 70%;
}
.featured-article-content-author-link {
    display: flex;
    align-items: center;
    width: 30%;
    justify-content: center;
}
.featured-article-content-author-link a {
    border-radius: 100px;
    background: #FFD962;
    padding: 14px 24px;
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 16px;
    font-weight: 500;
}
.featured-article-content-author-details {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.archive-blog-featured-article-text-overview-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.archive-blog-featured-article-text-overview-btn a {
    color: #1A1A1A !important;
    display: flex;
    gap: 15px;
    align-items: center;
    padding: 8px 16px;
    border: 1px solid #1A1A1A22;
    border-radius: 30px;
    font-size: 14px;
}
.nos-actualites-wrapper {
    margin: 75px 0 50px;
}
.nos-actualites-content-container {
    padding: 50px;
    border-radius: 25px;
    background: #2F2F2F;
    display: flex;
    gap: 50px;
    align-items: center;
}
.nos-actualites-content-text-overview p {
    color: #FFD962;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 14px;
    font-weight: 500;
}
.nos-actualites-content-text-title {
    margin: 25px 0;
}
.nos-actualites-content-container > div {
    width: 50%;
}
.nos-actualites-content-text-title h3 {
    color: #FFF;
    font-size: 44px;
    font-style: normal;
    font-weight: 600;
}
.nos-actualites-content-text-description p {
    color: #C9C9C9;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}
.nos-actualites-content-form div#field_3_1 {
    width: 95%;
}
.nos-actualites-content-form {
    position: relative;
}
.nos-actualites-content-form .gform-footer.gform_footer.top_label {
    width: 150px;
    top: 0;
    right: 0;
    margin-top: 0;
}
.nos-actualites-content-form form#gform_3 {
    display: flex;
    justify-content: space-between;
}
.nos-actualites-content-form .gform-body.gform_body {
    width: calc(100% - 150px);
}
.nos-actualites-content-form .ginput_container.ginput_container_consent * {
    color: #FFF !important;
}
.nos-actualites-content-form .gform-footer.gform_footer.top_label input {
    background: #FFD962 !important;
    color: #000 !important;
    padding: 8px 36px !important;
    border-radius: 10px !important;
    height: 50px !important;
    outline: none !important;
}
.nos-actualites-content-form div#gform_fields_3 {
    gap: 15px;
}
.nos-actualites-content-form .ginput_container.ginput_container_consent  input#input_3_2_1 {
    background: transparent;
    border: 1px solid;
}
.nos-actualites-content-form .ginput_container.ginput_container_consent input#input_3_2_1::before {
    color: #FFF;
}
.nos-actualites-content-form div#field_3_1 input {
    background: transparent;
    color: #FFF;
    padding: 8px !important;
    height: 50px;
    border-radius: 10px;
}
.archive-blogs-content-filters-wrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}
.archive-blogs-content-filters {
    display: flex;
    gap: 10px;
    overflow-x: scroll;
    flex-wrap: wrap;
    width: 60%;
}
.archive-filter-blog-filter-item {
    padding: 8px 20px;
    background: #FFF;
    border-radius: 30px;
    border: 1px solid #1A1A1A1A;
    cursor: pointer;
}
.archive-blogs-content-filters p {
    font-size: 14px;
    font-weight: 500;
}
.archive-filter-blog-filter-item span.term-count {
    color: #1A1A1A80;
    margin-left: 5px;
}
.archive-filter-blog-filter-item.active {
    background: #FFD962;
    border-color: #FFD962;
}
.archive-blogs-content {
    margin: 75px 0;
}
.archive-blogs-content-filter-order {
    display: flex;
    padding: 8px 20px 8px 20px;
    background: #FFF;
    border-radius: 30px;
    border: 1px solid #1A1A1A1A;
    width: fit-content;
    gap: 25px;
    font-size: 14px;
    align-items: center;
    cursor: pointer;
    height: fit-content;
}
.archive-blogs-content-filter-order p {
    color: #1A1A1A99;
    font-weight: 400;
}
.archive-blogs-content-filter-order select {
    border: none;
    appearance: none;
    font-weight: 600;
    color: #000;
    cursor: pointer;
}
.archive-blogs-content-filter-order:after {
    content: '\f078';
    font-family: 'Font Awesome 6 Pro';
    color: #000;
    font-size: 12px;
}

.archive-blogs-content-filter-order select:focus {
    outline: none;
    border: none;
}
.blog-posts-content-wrapper {
    display: grid;
    grid-template-columns: repeat(3, calc(95%/3));
    grid-gap: 30px;
    grid-auto-flow: row;
}
.blog-image-wrapper img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.blog-image {
    height: 250px;
}
article.ubp-blog-card {
    border-radius: 20px;
    overflow: hidden;
    background: #FFF;
    height: fit-content;
    border: 1px solid transparent;
    transition: 0.6s ease;
}
article.ubp-blog-card:hover {
    border: 1px solid #FFD962;
}
.blog-item-content-wrapper {
    padding: 25px;
}
.blog-item-category {
    padding: 6px 12px;
    background: #1a1a1a;
    width: fit-content;
    color: #FFD962;
    border-radius: 20px;
}
.blog-item-category p {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.blog-item-category-date-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.blog-item-date p {
    color: #1A1A1A80;
    font-size: 13px;
    font-weight: 500;
}
.blog-item-title {
    margin: 15px 0;
}
.blog-item-title h4 {
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
    color: #000;
}
.blog-item-excerpt p {
    color: #1A1A1A99;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
.blog-item-author-read-time {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    padding-top: 10px;
    border-top: 1px solid #1A1A1A12;
}
.blog-item-author-wrapper {
    display: flex;
    align-items: center;
    gap: 15px;
}
.blog-item-author-initial p {
    text-transform: uppercase;
    background: #FFD962;
    color: #000;
    padding: 5px;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    font-weight: 600;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.featured-article-content-author-link a span, .featured-article-content-author-link a i {
    color: #000 !important;
}
.blog-item-read-time {
    display: flex;
    align-items: center;
    gap: 15px;
}
.blog-item-read-time p {
    color: #1A1A1A99;
    font-size: 12px;
}
.blog-item-read-time-wrapper {
    display: flex;
    align-items: center;
}
.blog-item-read-time i {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000;
    color: #FFD962;
    border-radius: 50%;
}
.blog-item-excerpt {
    min-height: 75px;
}
#ubp-ajax-loader {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.85);
    z-index: 10;
    align-items: center;
    justify-content: center;
    border-radius: 20px; 
}
.ubp-loader-logo {
    display: none;
    width: 80px;
    height: auto;
    animation: ubp-pulse 1.5s infinite ease-in-out;
    margin: 150px auto;
}
@keyframes ubp-pulse {
    0%   { transform: scale(0.9); opacity: 0.6; }
    50%  { transform: scale(1.1); opacity: 1; }
    100% { transform: scale(0.9); opacity: 0.6; }
}
.ubp-ajax-pagination {
    position: relative;
    margin: 50px 0;
    display: flex;
    gap: 30px;
}
.ubp-ajax-pagination a.page-numbers.next {
    position: absolute;
    right: 0;
    width: fit-content;
    height: fit-content;
    padding: 10px 30px !important;
    border-radius: 25px;
    display: flex;
    gap: 20px;
    font-size: 15px;
}
.ubp-ajax-pagination a.page-numbers.prev {
    position: absolute;
    right: 150px;
    width: fit-content;
    height: fit-content;
    padding: 10px 30px !important;
    border-radius: 25px;
    display: flex;
    gap: 20px;
    font-size: 15px;
}
.ubp-ajax-pagination a.page-numbers, .ubp-ajax-pagination span.page-numbers {
    padding: 20px !important;
    border-radius: 50%;
    border: 1px solid rgba(26, 26, 26, 0.08);
    background: #FFF;
    font-size: 14px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000 !important;
    font-weight: 400;
    transition: 0.5s ease;
}
.ubp-ajax-pagination span.page-numbers.current {
    background: #000;
    color: #FFF !important;
}
.ubp-ajax-pagination a.page-numbers.next:hover, .ubp-ajax-pagination a.page-numbers.prev:hover {
    background: #000;
    color: #FFF !important;
}
.ubp-ajax-pagination a.page-numbers.next:hover i, .ubp-ajax-pagination a.page-numbers.prev:hover i{
    color: #FFD962 !important;
}
a.popular-article-item {
    display: flex;
    background: #FFF;
    padding: 30px 35px;
    border-radius: 30px;
}
.popular-article-item-position {
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 50px;
}
.popular-article-item-content {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.popular-article-item-position p {
    color: #C9C4B6;
    font-size: 40px;
    font-weight: 300;
}
a.popular-article-item:not(:last-child) {
    margin-bottom: 30px;
}
.popular-article-item-categry p {
    color: #8A8A8A;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.popular-article-item-title h4 {
    color: #1A1A1A;
    font-size: 22px;
    font-weight: 600;
    line-height: 125%; 
}
.popular-article-date-reading-time {
    display: flex;
    gap: 15px;
    color: #6A6A6A;
    font-size: 14px;
    font-weight: 400;
}
.popular-article-reading-time:before {
    content: '';
    background: #6A6A6A;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    display: block;
}
.popular-article-reading-time {
    display: flex;
    align-items: center;
    gap: 15px;
}
.popular-article-item-title {
    margin-bottom: 10px;
    width: 95%;
}
.popular-article-item-left {
    width: 95%;
}
.popular-article-item-right i {
    border-radius: 999px;
    background: #F7F5EF;
    padding: 15px;
    font-weight: 600;
}
.popular-articles-heading-overview p {
    color: #1A1A1A;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.popular-articles-heading-title h3 {
    color: #1A1A1A;
    font-size: 40px;
    font-weight: 600;
}
.popular-articles-heading-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 50px;
}
.popular-articles-heading-right a {
    color: #000 !important;
    border: 1px solid;
    padding: 8px 24px;
    border-radius: 30px;
    background: #FFF;
    display: flex;
    align-items: center;
    gap: 20px;
}
.popular-articles-wrapper {
    margin: 75px 0;
}
.ubp-ajax-pagination a.page-numbers.prev:hover {
    background: #000;
    color: #FFF !important;
}
.popular-article-item-category p {
    color: #8A8A8A;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 5px;
}
a.popular-article-item {
    border: 2px solid transparent;
    transition: 0.6s ease;
}
a.popular-article-item:hover {
    border: 2px solid #FFD962;
}
.single-post-wrapper {
    margin: 150px 0 75px;
}
.single-post-breadcrumb-wrapper {
    display: flex;
    gap: 10px;
    margin-bottom: 60px;
}
.single-post-breadcrumb-wrapper * {
    color: #1A1A1A99 !important;
    font-size: 14px;
    font-weight: 500;
}
.single-post-breadcrumb-wrapper p.active-blog {
    color: #000 !important;
}
.single-post-category p {
    border-radius: 50px;
    background: #FFD962;
    width: fit-content;
    padding: 4px 20px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.5px;
}
.single-post-date-reading-time {
    margin: 35px 0;
    display: flex;
    gap: 15px;
    color: #1A1A1A88;
    align-items: center;
}
.single-post-reading-time::before {
    content: '';
    background: #1A1A1A88;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    display: block;
}
.single-post-reading-time {
    display: flex;
    align-items: center;
    gap: 15px;
}
.single-post-title h1 {
    color: #1A1A1A;
    font-size: 64px;
    font-style: normal;
    font-weight: 300;
    line-height: 105%;
    letter-spacing: -1.5px;
}
.single-post-excerpt {
    margin: 30px 0;
}
.single-post-excerpt p {
    color: rgba(26, 26, 26, 0.60);
    font-size: 20px;
    font-weight: 400;
    line-height: 155%;
}
.single-post-author-container {
    display: flex;
    gap: 20px;
}
.single-post-author-wrapper {
    display: flex;
    justify-content: space-between;
}
.single-post-author-initial p {
    font-weight: 700;
    background: #E8E4D6;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.single-post-author-name p {
    color: #1A1A1A;
    font-size: 16px;
    font-weight: 600;
}
.single-post-author-job-title p {
    color: #1A1A1A88;
    font-size: 13px;
    font-weight: 400;
}
.single-post-share-post {
    display: flex;
    gap: 15px;
    align-items: center;
}
.single-post-share-post p {
    color: rgba(26, 26, 26, 0.47);
    font-family: Outfit;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 1px;
}
.single-post-social-media-share-link a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid rgba(26, 26, 26, 0.08);
    background: #F7F5EF;
    display: flex;
    justify-content: center;
    align-items: center;
}
.single-post-save-btn p {
    background: #1a1a1a;
    color: #FFF;
    padding: 12px 20px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.single-post-featured-image-container.ubp-width90-container {
    margin: 75px auto !important;
}
.single-post-featured-image {
    border-radius: 20px;
    overflow: hidden;
    aspect-ratio: 3/1;
}
.single-post-featured-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.single-post-featured-image-text p {
    padding: 20px 0;
    color: #1A1A1A77;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    line-height: 150%;
}
.single-post-cards-content {
    display: flex;
    gap: 30px;
    justify-content: center;
    flex-wrap: wrap;
}
.single-post-card-item {
    width: calc(90%/4);
    padding: 25px;
    border-radius: 18px;
    border: 1px solid rgba(26, 26, 26, 0.06);
    background: #F7F5EF;
}
.single-post-card-item-title p {
    color: #1A1A1A;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: -0.5px;
}
.single-post-card-item-title {
    margin-bottom: 10px;
}
.single-post-card-item-content p {
    color: #1A1A1A88;
    font-size: 13px;
    font-weight: 500;
    line-height: 140%;
}
.single-post-progress-card-wrapper {
    width: 25%;
}
.single-post-progress-card {
    border-radius: 16px;
    border: 1px solid #EBEBE5;
    background: #FAFAF7;
    padding: 25px;
    margin-bottom: 50px;
}
.single-post-progress-card-content {
    position: sticky;
    top: 45%;
}
.single-post-content-wrapper {
    display: flex;
    gap: 50px;
}
.single-post-content {
    width: 75%;
}
.single-post-progress-bar-wrapper {
    display: flex;
    gap: 20px;
    align-items: center;
}
.single-post-progress-bar-wrapper span {
    color: #1A1A1A;
    font-size: 13px;
    font-weight: 600;
}
.single-post-progress-article-progress-bar {
    width: 100%;
    height: 4px;
    background-color: #e0e0e0;
    border-radius: 4px;
    overflow: hidden;
}
.single-post-progress-article-progress-bar-fill {
    height: 100%;
    width: 0%;
    background-color: #FFD962;
    border-radius: 4px;
    transition: width 0.1s ease;
}
.single-post-progress-percentage {
    font-size: 12px;
    text-align: right;
}
.single-post-progress-article-content > p, 
.single-post-progress-article-progress-bar-container > p {
    color: #8A8A7F;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}
.single-post-progress-article-content > p, .single-post-progress-article-progress-bar-container > p {
    color: #8A8A7F;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}
.single-post-progress-article-content-list a {
    color: #1A1A1A;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}
.single-post-progress-article-content-list a:before {
    content: '';
    background: #FFD962;
    width: 5px;
    height: 5px;
    display: block;
    top: 5px;
    position: relative;
    border-radius: 50%;
}
.single-post-progress-article-content-list p {
    margin: 10px 0;
    opacity: 0.5;
}
.single-post-progress-article-content {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid;
}
.single-post-progress-article-content-list p:last-child {
    margin-bottom: 0;
}
.single-post-progress-article-content-list p.active {
    opacity: 1;
}
.single-post-tags-wrapper {
    display: flex;
    align-items: center;
    margin: 50px 0;
    padding-top: 30px;
    border-top: 1px solid #E6E6DF;
    gap: 10px;
}
.single-post-tag p {
    color: #1A1A1A;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    padding: 8px 14px;
    border-radius: 20px;
    border: 1px solid #E6E6DF;
    background: #FAFAF7;
}
.single-post-tag:last-child p {
    background: #FFD962;
}
.single-post-tags-wrapper > span {
    color: #5A5A55;
    font-size: 13px;
    font-weight: 600;
}
.single-post-about-the-author.ubp-widthcontainer {
    margin: 75px auto !important;
    border-radius: 15px;
    background: #FAF7EC;
    padding: 75px 150px;
    display: flex;
    gap: 35px;
    align-items: center;
}
.single-post-about-the-author-img img {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.single-post-about-the-author-img {
    width: 180px;
    height: 180px;
}
.single-post-about-the-author-text-wrapper {
    width: calc(100% - 180px );
}
.single-post-about-the-author-text > p {
    color: #B78B2C;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 2.4px;
    text-transform: uppercase;
}
.single-post-about-the-author-title p {
    margin: 15px 0;
    color: #1A1A1A;
    font-size: 28px;
    font-weight: 600;
    line-height: normal;
}
.single-post-about-the-author-description p {
    color: #555555;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 20px;
}
.single-post-about-the-author-links {
    display: flex;
    gap: 20px;
}
.single-post-about-the-author-links a:first-child {
    background: #000;
    color: #FFF !important;
    display: flex;
    align-items: center;
    gap: 10px;
}
.single-post-about-the-author-links a {
    padding: 10px 20px;
    border-radius: 30px;
}
.single-post-about-the-author-links a:last-child {
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 30px;
    border: 1px solid rgba(26, 26, 26, 0.27);
}
.related-blogs-wrapper-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.related-blogs-wrapper-heading-left-small-title p {
    color: #B78B2C;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 2.4px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.related-blogs-wrapper-heading-left-title h3 {
    color: #1A1A1A;
    font-size: 32px;
    font-weight: 600;
}
.related-blogs-wrapper-heading-right a {
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 15px;
    font-weight: 600;
}
.related-blogs-wrapper-content {
    display: flex;
    gap: 30px;
    margin: 50px 0;
}
.related-blogs-wrapper-content .ubp-blog-card {
    width: calc(100% / 3);
}
.detailed-outputs-wrapper {
    display: none;
}
.detailed-outputs-wrapper.active {
    display: block;
}
.detailed-output-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
p.detailed-output-item-heading span.detailed-output-item-heading-title {
    font-size: 18px;
    color: #FFF;
    font-weight: 600;
}
p.detailed-output-item-heading {
    display: flex;
    justify-content: space-between;
    margin: 40px 0 20px;
}
p.detailed-output-item-heading span.detailed-output-item-heading-val {
    color: #FFD962;
    font-size: 30px;
    font-weight: 700;
}
.detailed-outputs-wrapper {
    margin-top: 35px;
    padding: 0 15px;
}
.ubp-empty-state {
    color: #FFF;
    text-align: center;
}
.ubp-modal.active {
    display: flex !important;
    justify-content: center;
    align-items: center;
}
.ubp-modal {
    display: none;
    position: fixed;
    z-index: 999999999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
}
.ubp-modal-content {
    background: #ffffff;
    margin: auto;
    padding: 40px;
    width: 1170px;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    font-family: inherit;
}
.ubp-modal-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 30px;
}
.ubp-modal-subtitle {
    color: #c19b6c;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}
.ubp-modal-header h3 {
    margin: 0 0 8px 0;
    font-size: 28px;
    font-weight: 700;
    color: #1a1a1a;
}
.ubp-modal-header p {
    margin: 0;
    font-size: 14px;
    color: #666666;
}
.ubp-security-badge {
    background: #fdfaf5;
    border: 1px solid #f1e8d9;
    padding: 8px 16px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 600;
    color: #333;
}
.ubp-security-badge i {
    color: #c19b6c;
}
.ubp-modal-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    margin-bottom: 30px;
}
.ubp-full-width {
    grid-column: span 2;
}
.ubp-form-group label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 8px;
}
.ubp-label-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ubp-optional-text {
    font-size: 12px;
    color: #999;
}
.ubp-input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}
.ubp-input-wrapper i {
    position: absolute;
    left: 16px;
    color: #888;
    font-size: 14px;
}
.ubp-input-wrapper input {
    width: 100%;
    background: #faf9f7;
    border: 1px solid #e5e2db !important;
    border-radius: 8px !important;
    padding: 15px 15px 15px 45px !important;
    font-size: 14px;
    color: #333;
    transition: border-color 0.2s ease;
    box-sizing: border-box;
}
.ubp-form-group textarea {
    width: 100%;
    background: #faf9f7;
    border: 1px solid #e5e2db !important;
    border-radius: 8px !important;
    padding: 15px !important;
    font-size: 14px;
    color: #333;
    transition: border-color 0.2s ease;
    box-sizing: border-box;
}
.ubp-input-wrapper input {
    padding-left: 42px;
}
.ubp-input-wrapper input:focus,
.ubp-form-group textarea:focus {
    outline: none;
    border-color: #c19b6c;
    background: #ffffff;
}
.ubp-form-group textarea {
    resize: vertical;
    max-height: 150px;
    min-height: 100px;
}
.ubp-modal-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
}
.ubp-checkbox-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
}
.ubp-checkbox-wrapper input[type="checkbox"] {
    width: 18px;
    height: 18px;
    accent-color: #1a1a1a;
    cursor: pointer;
}
.ubp-checkbox-wrapper label {
    font-size: 13px;
    color: #555;
    cursor: pointer;
}
.ubp-modal-actions {
    display: flex;
    gap: 12px;
}
.ubp-btn-cancel {
    background: transparent;
    border: none;
    color: #666;
    font-weight: 600;
    padding: 10px 16px;
    cursor: pointer;
    border-radius: 24px;
    transition: background 0.2s;
}
.ubp-btn-cancel:hover {
    background: #f0f0f0;
}
.ubp-btn-submit {
    background: #1a1a1a;
    color: #ffffff;
    border: none;
    padding: 12px 24px;
    border-radius: 24px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: background 0.2s ease;
}
.ubp-btn-submit i {
    color: #c19b6c;
}
.ubp-btn-submit:hover {
    background: #333333;
}
body.modal-open {
    overflow: hidden;
}
/* Cart */
.ubp-cart-wrapper {
    margin: 40px 0;
}
.ubp-cart-left {
    flex: 2;
    min-width: 60%;
}
.ubp-add-more-container {
    margin-top: 20px;
}
.ubp-cart-right {
    flex: 1;
    min-width: 300px;
}
.ubp-cart-item-thumbnail img {
    border-radius: 10px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ubp-summary-card {
    border-radius: 15px;
    border: 1px solid #E6E0D1;
    background: #FFF;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05);
    padding: 30px;
}
#ubp-station-warning {
    color: #d9534f;
    display: none;
}
.ubp-cart-user-details {
    margin-top: 40px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}
.ubp-user-details-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.ubp-grid-span-2 {
    grid-column: span 2;
}
.ubp-cart-banner {
    height: 500px;
    background: #1a1a1a;
    color: #FFF;
    display: flex;
    align-items: center;
    border-radius: 20px;
}
.ubp-cart-banner-content.ubp-widthcontainer {
    display: flex;
    flex-direction: column;
    gap: 25px;
    width: 100%;
}
.ubp-cart-banner-count {
    padding: 10px 18px;
    border: 1px solid;
    width: fit-content;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    background: rgba(255, 255, 255, 0.08);
}
.ubp-cart-banner-count i {
    color: #FFD962;
    font-weight: 500;
}
.ubp-cart-banner-count span {
    font-weight: 600;
}
.ubp-cart-banner-content h1 {
    color: #FFF;
    font-size: 56px;
    font-weight: 600;
}
.ubp-cart-banner-content p {
    color: #CFCABB;
    font-size: 16px;
    font-weight: 400;
    width: 625px;
}
.ubp-cart-content-wrapper.ubp-widthcontainer {
    width: 100%;
    display: flex;
    gap: 35px;
}
.ubp-cart-selected-items h3 {
    color: #1A1A1A;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 5px;
}
.ubp-cart-selected-items p {
    color: #777;
    font-size: 16px;
    font-weight: 400;
}
.ubp-cart-selected-items-btn-wrapper {
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ubp-cart-selected-items {
    width: 65%;
}
.empty-cart-btn {
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 15px;
    border: 1px solid #E6E0D1;
    border-radius: 30px;
    cursor: pointer;
}
.empty-cart-btn i {
    color: #777777;
    font-size: 14px;
}
.empty-cart-btn span {
    color: #2A2A2A;
    font-size: 13px;
    font-weight: 500;
}
.ubp-cart-item.cart_item {
    border-radius: 15px;
    border: 1px solid #E6E0D1;
    background: #FFF;
    box-shadow: 0 6px 24px 0 rgba(0, 0, 0, 0.04);
    padding: 25px;
    position: relative;
    display: flex;
    gap: 25px;
}
.ubp-cart-item.cart_item:not(:last-child) {
    margin-bottom: 20px;
}
.ubp-cart-item-remove {
    position: absolute;
    right: 25px;
}
.ubp-cart-item-remove a {
    color: #777777 !important;
    font-size: 24px;
    padding: 10px;
    border: 1px solid #E6E0D1;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FAFAFA;
}
.ubp-add-more-container a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #D4CDB6;
    background: #FFF;
    color: #1A1A1A !important;
    font-size: 14px;
    font-weight: 500;
    transition: 0.6s ease;
}
.ubp-add-more-container a:hover {
    background: #1a1a1a;
}
.ubp-add-more-container a:hover * {
    color: #FFF;
}
.ubp-cart-item-thumbnail {
    width: 150px;
    height: 150px;
    margin: auto;
}
.ubp-cart-item-content {
    width: calc(100% - 150px);
    padding-right: 50px;
}
.ubp-cart-item-top-details {
    display: flex;
    gap: 10px;
    align-items: center;
}
.ubp-cart-item-category p {
    color: #B78B2C;
    font-family: Outfit;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1.4px;
    padding: 4px 10px;
    border-radius: 999px;
    background: #FFF8E1;
}
.ubp-cart-item-sku {
    color: #9A9A9A;
    font-family: Outfit;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.4px;
}
.ubp-cart-item-title a {
    color: #1A1A1A !important;
    font-size: 20px;
    font-weight: 600;
}
.ubp-cart-item-title {
    margin: 10px 0;
}
.ubp-cart-item-description {
    color: #666;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 15px;
}
.ubp-qty-wrapper {
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 30px;
    width: fit-content;
    overflow: hidden;
    padding: 10px 5px;
    background: #f9f9f9;
    margin: 0 auto;
}
.ubp-qty-unit {
    background: transparent;
    padding-right: 12px;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    line-height: 1;
    pointer-events: none;
}
.ubp-qty-btn {
    background: transparent;
    border: none;
    padding: 4px 16px;
    cursor: pointer;
    font-size: 16px;
    transition: background 0.2s;
}
.ubp-qty-wrapper input[type="number"] {
    background: transparent;
    width: 50px;
    text-align: center;
    border: none;
    -moz-appearance: textfield;
    margin-right: 4px !important;
    transition: 0.6s ease-in-out;
}
.ubp-qty-wrapper input[type="number"]::-webkit-outer-spin-button,
.ubp-qty-wrapper input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.ubp-cart-notices-container .woocommerce-message,
.ubp-cart-notices-container .woocommerce-info,
.ubp-cart-notices-container .woocommerce-error,
.ubp-cart-notices-container.woocommerce-noreviews,
.ubp-cart-notices-container p.no-comments {
    padding: 15px;
    color: #FFF;
    border-radius: 15px;
    margin-top: 20px;
    outline: none;
}
.ubp-cart-notices-container .woocommerce-message a {
    color: #FFF !important;
    text-decoration: underline !important;
    margin-left: 5px;
}
.ubp-cart-notices-container .woocommerce-info,
.ubp-cart-notices-container .woocommerce-noreviews,
.ubp-cart-notices-container p.no-comments {
	background-color: #3d9cd2;
}
.ubp-cart-notices-container .woocommerce-error {
	background-color: #e2401c;
}
.ubp-summary-card h3 {
    color: #1A1A1A;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px;
}
.ubp-summary-card-items p {
    border-radius: 5px;
    background: #F7F5EF;
    padding: 15px;
    width: 50%;
    display: flex;
    flex-direction: column;
    color: #777777;
    font-size: 14px;
    font-weight: 400;
}
.ubp-summary-card-items {
    display: flex;
    gap: 15px;
}
.ubp-summary-card-items p strong {
    font-size: 25px;
    font-weight: 700;
    color: #1a1a1a;
}
.ubp-categories-in-request p {
    color: #8A8A8A;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 30px 0 10px;
}
.ubp-categories-in-request span {
    padding: 8px 12px;
    color: #FFF;
    background: #1a1a1a;
    border-radius: 6px;
}
.ubp-categories-in-request {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ECECEC;
}
.ubp-categories-in-request-content {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.ubp-cart-station-select-wrapper {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.ubp-cart-delivery-project-type-wrapper {
    display: flex;
    gap: 15px;
    margin: 15px 0 30px;
    flex-direction: column;
}
.ubp-cart-delivery-project-type-wrapper .ubp-form-item {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.ubp-summary-card label {
    color: #1A1A1A;
    font-size: 14px;
    font-weight: 500;
}
.ubp-summary-card input, .ubp-summary-card select {
    padding: 15px !important;
    border-radius: 7px;
    border: 1px solid #E6E0D1;
    background: #FAFAFA;
}
.ubp-cart-confirm-quote button {
    width: 100%;
}
.single-product-inner-wrapper .woocommerce-message, 
.single-product-inner-wrapper .woocommerce-info, 
.single-product-inner-wrapper .woocommerce-error, 
.single-product-inner-wrapper .woocommerce-noreviews, 
.single-product-inner-wrapper p.no-comments {
    max-width: 1170px;
    padding: 15px;
    color: #FFF;
    border-radius: 15px;
    margin: 0 auto;
    outline: none;
}
.single-product-inner-wrapper .woocommerce-message a {
    text-decoration: underline !important;
    margin-left: 5px;
    color: #FFF !important;
}
.ubp-merci-container {
    color: #ffffff;
    text-align: center;
    padding: 150px 0;
    margin: 0 auto;
    border-radius: 15px;
    background: radial-gradient(100% 100% at 50% 50%, rgba(252, 211, 81, 0.20) 0%, rgba(26, 26, 26, 0.00) 100%), #1A1A1A;
}
.ubp-meta-item.reference i {
    color: #ffd962;
    margin-right: 10px;
    font-size: 16px;
}
.ubp-icon-wrapper {
    width: 80px;
    height: 80px;
    background-color: #F8D052;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 30px;
    box-shadow: 0 0 40px rgba(248, 208, 82, 0.2);
}
.ubp-icon-wrapper svg {
    width: 32px;
    height: 32px;
    fill: none;
    stroke: #1e1e1b;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.ubp-badge {
    display: inline-flex;
    align-items: center;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 50px;
    padding: 6px 16px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #d1d1d1;
    margin-bottom: 30px;
}
.ubp-badge span {
    width: 6px;
    height: 6px;
    background-color: #F8D052;
    border-radius: 50%;
    margin-right: 10px;
}
.ubp-merci-container h1 {
    color: #ffffff;
    font-size: 48px;
    line-height: 1.2;
    margin: 0 0 20px;
    font-weight: 700;
}
.ubp-merci-container p.ubp-desc {
    color: #a3a3a3;
    font-size: 16px;
    max-width: 600px;
    margin: 0 auto 40px;
    line-height: 1.6;
}
.ubp-order-meta {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.2);
    border: 1px solid #FFF;
    border-radius: 8px;
    padding: 15px 25px;
    gap: 20px;
    margin-bottom: 40px;
}
.ubp-meta-item {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #a3a3a3;
}
.ubp-meta-item.reference {
    border-right: 1px solid rgba(255, 255, 255, 0.15);
    padding-right: 20px;
}
.ubp-meta-item strong {
    color: #ffffff;
    margin-left: 10px;
    font-size: 16px;
    letter-spacing: 1px;
    padding-left: 20px;
    border-left: 1px solid rgba(255, 255, 255, 0.15);
}
.ubp-meta-icon {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    fill: #F8D052;
}
.ubp-btn-download {
    display: inline-flex;
    align-items: center;
    background-color: #F8D052;
    color: #1e1e1b !important;
    text-decoration: none !important;
    padding: 14px 28px;
    border-radius: 50px;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.3s ease;
}
.ubp-btn-download:hover {
    background-color: #e5be46;
    color: #1e1e1b;
}
.ubp-btn-download svg {
    width: 16px;
    height: 16px;
    margin-right: 10px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
}
.cart-estimate-handling {
    border-radius: 10px;
    background: #222;
    color: #FFF;
    padding: 25px;
}
.cart-estimate-handling-heading {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}
.cart-estimate-handling-heading h4 {
    color: #FFF;
    font-size: 18px;
    font-weight: 600;
}
.cart-estimate-handling-heading i {
    color: #ffd962;
    font-weight: 500;
}
.cart-estimate-handling-text-item {
    display: flex;
    align-items: center;
    gap: 15px;
}
.cart-estimate-handling-text-item span {
    color: #CFCABB;
    font-size: 13px;
    font-weight: 400;
}
.cart-estimate-handling-text-item:not(:last-child) {
    margin-bottom: 15px;
}
.cart-estimate-handling-text-item i {
    color: #FFD962;
}
.need-help-cart {
    background: #F7F5EF;
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 25px;
    border-radius: 10px;
    margin-top: 25px;
    border: 1px solid transparent;
    transition: 0.6s ease;
}
.need-help-cart-icon {
    background: #FFD962;
    padding: 10px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.need-help-cart-icon i {
    font-weight: 500;
}
.need-help-cart-text strong {
    color: #1A1A1A;
    font-size: 16px;
    font-weight: 600;
}
.need-help-cart-text p {
    color: #777;
    font-size: 14px;
    font-weight: 400;
}
.need-help-cart-text p a {
    color: inherit !important;
}
.ubp-qty-wrapper .quantity {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f9f9f9;
}
.ubp-content-single-product-devis-btn .single_add_to_cart_button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border-radius: 6px;
    background: #FFD962;
    width: 100%;
    justify-content: center;
    padding: 15px !important;
    border: none;
    transition: 0.6s ease;
}
.ubp-content-single-product-devis-btn .single_add_to_cart_button:hover {
    color: #FFD962;
    background: #1A1A1A;
}
.ubp-content-single-product-devis-btn .single_add_to_cart_button svg path {
    stroke: #000;
}
.ubp-content-single-product-devis-btn .single_add_to_cart_button:hover svg path {
    stroke: #FFD962;
}
.final-pricing-wrapper {
    border-radius: 8px;
    background: #FFF8E1;
    padding: 15px;
    display: flex;
    gap: 15px;
    align-items: flex-start;
    margin-bottom: 30px;
}
.final-pricing-wrapper i {
    color: #B78B2C;
}
.final-pricing-wrapper span {
    color: #5B4515;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
}
.ubp-cart-confirm-quote button {
    border-radius: 5px;
    background: #FFD962;
    border: none;
    color: #1a1a1a;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 15px;
}
.ubp-summary-card {
    margin-bottom: 30px;
}
.ubp-cart-quote-form-section.ubp-widthcontainer {
    padding: 75px;
    border-radius: 20px;
    border: 1px solid #ECECEC;
    background: #FFF;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05);
}
.ubp-form-subtitle {
    color: #B78B2C;
    font-family: Outfit;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2.4px;
}
.ubp-cart-quote-form-section  h3 {
    color: #1A1A1A;
    font-family: Outfit;
    font-size: 32px;
    font-weight: 600;
    padding: 10px 0px;
}
.ubp-cart-quote-form-section p {
    color: #666;
    font-size: 17px;
    font-weight: 400;
}
.ubp-cart-form-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ubp-cart-form-footer button {
    border-radius: 30px;
    background: #1A1A1A;
    padding: 10px 25px;
    color: #FFF;
    font-size: 15px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 10px;
}
.ubp-security-badge span {
    text-wrap: nowrap;
}
.ubp-cart-form-footer button i {
    color: #FFD962;
    font-weight: 500;
}
.ubp-form-header-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.ubp-form-header-data-privacy {
    border-radius: 30px;
    background: #F7F5EF;
    padding: 10px 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.ubp-form-header-data-privacy i {
    color: #B78B2C;
    font-weight: 500;
}
.ubp-form-header-data-privacy span {
    color: #1A1A1A;
    font-size: 14px;
    font-weight: 500;
    text-wrap: nowrap;
}
.ready-to-submit-wrapper {
    margin: 30px 0;
}
.ready-to-submit-content.ubp-widthcontainer {
    background: #1a1a1a;
    padding: 75px;
    border-radius: 20px;
    display: flex;
    gap: 40px;
    justify-content: space-between;
    align-items: center;
}
.ready-to-submit-mini-title {
    color: #FFD962;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 25px;
}
.ready-to-submit-mini-title span {
    color: #FFD962;
    font-family: Outfit;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 2.4px;
}
.ready-to-submit-main-title h3 {
    color: #FFF;
    font-size: 36px;
    font-weight: 600;
}
.ready-to-submit-main-title {
    margin-bottom: 25px;
}
.ready-to-submit-desc {
    color: #CFCABB;
    font-size: 16px;
    font-weight: 400;
    width: 90%;
    margin-bottom: 25px;
}
.ready-to-submit-btn button {
    border-radius: 999px;
    background: #FFD962;
    display: flex;
    align-items: center;
    gap: 15px;
    font-weight: 500;
    border: none;
    padding: 15px 30px;
}
.talk-to-sales-wrapper {
    border-radius: 20px;
    background: #FFD962;
    padding: 30px;
}
.ready-to-submit-left {
    width: 60%;
}
.ready-to-submit-right {
    width: 40%;
}
.talk-to-sales-top {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #1A1A1A22;
}
.talk-to-sales-top-icon i {
    background: #1a1a1a;
    color: #ffd962;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.talk-to-sales-text-content strong {
    color: #1A1A1A;
    font-size: 15px;
    font-weight: 600;
}
.talk-to-sales-text-content p {
    color: #5B4515;
    font-size: 13px;
    font-weight: 400;
}
.talk-to-sales-item {
    display: flex;
    align-items: center;
    gap: 15px;
}
.talk-to-sales-item:first-child {
    margin-bottom: 20px;
}
.talk-to-sales-item a {
    color: #1A1A1A !important;
    font-size: 15px;
    font-weight: 500;
}
.ubp-calc-error-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999999999999999999999;
    margin: auto;
    width: 100%;
    height: 100%;
    background: transparent;
    backdrop-filter: blur(1px);
    display: flex;
    align-items: center;
    justify-content: center;
}
.ubp-calc-error {
    background: #FFF;
    padding: 75px 50px 50px;
    border-radius: 20px;
    position: relative;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05);
    color: #FC5151;
    max-width: 500px;
}
.ubp-calc-error i.ubp-close-error {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid;
    border-radius: 50%;
    color: #5a5a5a;
    font-size: 12px;
    cursor: pointer;
}
.ubp-calc-error i.fa-solid.fa-triangle-exclamation {
    text-align: center;
    margin: 0 auto;
    width: 100%;
    font-size: 36px;
    margin-bottom: 15px;
}
.single-product-calculator-devis-wrapper {
    text-align: center;
}
.single-product-calculator-devis-wrapper button {
    background: #FFD962;
    font-weight: 600;
    border: none;
    border-radius: 5px;
    padding: 15px 150px;
    transition: 0.6s ease;
    display: flex;
    align-items: center;
    margin: 0 auto;
    gap: 10px;
}
.single-product-calculator-devis-wrapper button:hover {
    background: #1a1a1a;
    color: #ffd962;
}
span.ubp-required-indicator {
    color: red;
    margin-left: 2px;
}
.materials-required-wrapper p.expand-details {
    color: #ffd962;
    font-size: 18px;
    text-align: center;
    margin: 50px auto 25px;
    border: 1px solid;
    width: fit-content;
    padding: 8px 36px;
    border-radius: 6px;
    cursor: pointer;
}
.detailed-output-item {
    border-top: 1px solid #6a6a6a;
    border-bottom: 1px solid #6a6a6a;
    color: #FFF;
    padding: 20px;
}
.detailed-output-item:not(:last-child) {
    margin-bottom: 0;
    border-top: none;
}
p.detailed-output-item-value {
    color: #ffd962;
    font-weight: 700;
    font-size: 24px;
}
.gfield_description.gform_fileupload_rules {
    display: none;
}
.ginput_container.ginput_container_fileupload {
    position: relative;
    height: 62px;
    width: 100%;
    margin-top: 8px;
}
.ginput_container.ginput_container_fileupload input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
    z-index: 2;
    cursor: pointer;
}
.ginput_container.ginput_container_fileupload::after {
    content: "Joindre un fichier";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #FFF;
    border: 1px solid #111111; 
    border-radius: 10px;      
    display: flex;
    align-items: center;
    padding-left: 24px;
    box-sizing: border-box;
    font-family: inherit;     
    font-size: 16px;
    font-weight: 400;
    color: #000;
    z-index: 1;
    pointer-events: none;     
}
.key-senior-governance-item-modal-biography li:before {
    display: none;
}
.candidature-spontanee-row .gform-body.gform_body input[type="checkbox"] {
    padding: 3px;
    border-radius: 5px !important;
}
p.form-small-note {
    color: #808080;
    font-size: 14px;
}
.senior-governance-item:hover {
    border: 1px solid #FFD962;
}
.senior-governance-item {
    cursor: pointer;
}
p.form-small-note:before {
    content: "*";
}
.ginput_container.ginput_container_fileupload[data-text]::after {
    content: attr(data-text);
}
.single-job-form-container .gform-body.gform_body input[type="checkbox"] {
    padding: 3px !important;
    border-radius: 5px !important;
}
.ginput_container.ginput_container_fileupload::before {
    content: '\f0c6';
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300; 
    position: absolute;
    top: 50%;
    right: 24px;
    transform: translateY(-50%);
    font-size: 20px;
    color: #000;
    z-index: 3;
    pointer-events: none;
}
.promettons-row .promettons-item-container {
    counter-reset: promettons-counter;
}
.promettons-row .gws-heading.promettons-item:before {
    counter-increment: promettons-counter;
    content: "0"counter(promettons-counter);
    display: block;
    color: var(--text-color);
    font-size: 32px;
    font-weight: 600;
}
.gws-heading.promettons-item {
    display: flex;
    align-items: center;
    gap: 20px;
}
.name-job-picture-wrapper {
    display: flex;
    gap: 20px;
    align-items: center;
}
.name-job-profile-stars-ratings-wrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}
.stars-ratings-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.stars-ratings-wrapper i {
    font-weight: 700;
    color: #ffd962;
}
.testimonial-profile-item .profile-picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}
.testimonial-profile-item .profile-picture {
    width: 45px;
    height: 45px;
}
.testimonial-profile-item .name {
    font-size: 17px;
    font-weight: 500;
}
.testimonial-profile-item .job {
    font-size: 12px;
    color: #00000066;
    font-weight: 500;
}
.testimonial-profile-item:not(:last-child) {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #00000066;
}
.dark .testimonial-profile-item {
    color: #FFF;
}
.dark .testimonial-profile-item .job {
    color: #888888;
}
.gws-icon-box.rejoignez-nous-icon {
    width: calc(100% / 3);
}
.gws-icon-box.rejoignez-nous-icon svg {
    width: 100%;
    height: auto;
}
.careers-bien-etre-content p, .careers-des-metiers-pour-tout-content p {
    line-height: 40px !important;
}
.careers-testimonial-inner-row > .wpb_column:first-child {
    padding-right: 50px;
    border-right: 2px solid #0000003B;
}
.careers-testimonial-inner-row > .wpb_column:last-child {
    padding-left: 50px;
}
.video-wrapper.rejoignez-nous-video {
    /* padding-top: 150px; */
    position: relative;
    /* padding-bottom: 100px; */
}
.video-wrapper.rejoignez-nous-video:before {
    background: linear-gradient(0deg, #00000033 0%, #00000033 100%);
    position: absolute;
    display: block;
    height: 100%;
    content: '';
    width: 100%;
    z-index: 1;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    border-radius: 20px;
}
.video-wrapper.rejoignez-nous-video .video-cover {
    /* max-width: 1170px; */
    margin: 0 auto;
    position: relative;
    z-index: 2;
    height: 100%;
}
.video-wrapper.rejoignez-nous-video .video-image.no-image {
    display: none;
}
.ubp-header-container.ubp-desktop-menu.join-our-team-header {
    opacity: 0;
    transition: 0.6s ease-in-out;
    z-index: -1;
}
.ubp-header-container.ubp-desktop-menu.join-our-team-header.sticky-header.fixed-header {
    opacity: 1;
    z-index: 999999;
}
.gws-icon-box.rejoignez-nous-icon .gws-icon-text {
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
}
.ubp-single-job-banner {
    margin: -25px;
    padding-bottom: 25px;
    border-radius: 0;
}
.ubp-single-job-banner iframe {
    aspect-ratio: 16 / 9;
}
.ubp-single-job-banner-title {
    margin: 30px 0;
}
.ubp-single-job-banner-title h1 {
    color: #FFF;
    font-size: 100px;
    width: 75%;
    font-weight: 500;
    line-height: 95%; 
    letter-spacing: -4.5px;
}
.ubp-single-job-banner-excerpt {
    color: #FFFFFFCC;
    width: 60%;
    font-size: 20px;
    font-weight: 400;
}
.ubp-single-job-banner-pills-wrapper {
    margin: 30px 0;
    display: flex;
    color: #FFF;
    gap: 25px;
}
.ubp-single-job-banner-pill {
    border-radius: 100px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    background: rgba(255, 255, 255, 0.08);
    padding: 8px 15px;
    font-size: 14px;
    font-weight: 400;
}
.ubp-single-job-banner-pill p {
    display: flex;
    align-items: center;
    gap: 10px;
}
.single-job-banner-apply-btn button {
    background: #ffd962;
    border: none;
    border-radius: 15px;
    display: flex;
    align-items: center;
    gap: 15px;
    font-weight: 500;
    padding: 15px 30px;
}
.single-job-banner-created-date-deadline {
    margin-top: 40px;
    display: flex;
    align-items: center;
    gap: 15px;
    width: fit-content;
    background: #58595B;
    padding: 8px 14px;
    border-radius: 30px;
}
.single-job-banner-created-date-deadline i {
    color: #FFD962;
    font-size: 16px;
}
.single-job-banner-created-date-deadline span {
    color: #ffd962;
    font-weight: 400;
}
.single-job-at-a-glance-content.ubp-widthcontainer {
    display: flex;
}
.ubp-single-job-at-a-glace {
    margin: 50px 0;
}
.single-job-at-a-glance-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px 0 0 15px;
}
.single-job-at-a-glance-img {
    width: 45%;
}
.single-job-at-a-glance-text {
    width: 55%;
    padding: 50px;
    border-radius: 0 15px 15px 0;
    background: #FFF;
    box-shadow: 0 4px 29.75px 0 rgba(0, 0, 0, 0.10);
}
.single-job-at-a-glance-top-text {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.single-job-at-a-glance-top-text-left p {
    color: #8A8A8A;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.single-job-at-a-glance-top-text-left h2 {
    color: #2A2A2A;
    font-size: 32px;
    font-weight: 700;
}
.single-job-at-a-glance-top-text-right p {
    background: #ffd962;
    padding: 8px 15px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.8px;
}
.single-job-at-a-glance-bottom-text {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid #EEEEEE;
}
.single-job-at-a-glance-item {
    display: flex;
    justify-content: space-between;
    margin: 21px 0;
}
.single-job-at-a-glance-item p {
    color: #8A8A8A;
    font-size: 14px;
    font-weight: 500;
}
.single-job-at-a-glance-item strong {
    font-size: 15px;
}
.ubp-single-job-looking-for-content.ubp-widthcontainer {
    border-radius: 15px;
    border: 1px solid #ECECEC;
    background: #FFF;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05);
    padding: 75px;
}
.ubp-single-job-looking-for-small-title p {
    color: #8A6D00;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.ubp-single-job-looking-for-title h2 {
    margin: 15px 0;
    color: #2a2a2a;
    font-size: 44px;
    font-weight: 700;
    letter-spacing: -0.8px;
}
.ubp-single-job-looking-for-desc {
    color: #6A6A6A;
    font-size: 16px;
    font-weight: 400;
     /* 24px */
    margin-bottom: 30px;
}
.ubp-single-job-looking-for-content-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.ubp-single-job-looking-for-item {
    width: calc(98% / 2);
    display: flex;
    align-items: center;
    gap: 15px;
    border-radius: 12px;
    border: 1px solid #ECECEC;
    background: #FAFAF5;
    padding: 20px;
}
.ubp-single-job-looking-for-item i {
    width: 40px !important;
    height: 40px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffd962;
    border-radius: 50%;
}
.ubp-single-job-looking-for-item span {
    width: calc(100% - 40px);
    color: #2A2A2A;
    font-size: 14px;
    font-weight: 500;
}
.ready-to-join-content.ubp-widthcontainer {
    padding: 75px;
    border-radius: 24px;
    background: #2F2F2F;
    display: flex;
    gap: 45px;
}
.ready-to-join-small-title {
    color: #ffd962;
    font-size: 14px;
    letter-spacing: 2.4px;
    font-weight: 600;
}
.ready-to-join {
    margin: 50px 0;
}
.ready-to-join-title h2 {
    color: #FFF;
    font-size: 44px;
    width: 90%;
    margin: 25px 0;
}
.ready-to-join-left {
    width: 55%;
}
.ready-to-join-right {
    width: 45%;
    background: #ffd962;
    padding: 40px;
    border-radius: 25px;
    color: #1a1a1a;
}
.ready-to-join-desc {
    color: #CFCABB;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 45px;
}
.ready-to-join-apply-btn button {
    background: #ffd962;
    border: none;
    border-radius: 15px;
    display: flex;
    align-items: center;
    gap: 15px;
    font-weight: 500;
    padding: 15px 30px;
}
.ready-to-join-apply-btn {
    margin-bottom: 30px;
}
.share-job-wrapper p {
    color: #8F8B7F;
    font-size: 14px;
    font-weight: 400;
}
.share-job-wrapper {
    display: flex;
    gap: 30px;
    align-items: center;
}
.share-job-links {
    display: flex;
    gap: 15px;
}
.share-job-links i {
    color: #FFF;
}
.share-job-links a {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    transition: 0.3s ease-in-out;
}
.share-job-wrapper a:hover {
    color: #1a1a1a;
    background: #FFF;
}
.share-job-wrapper a:hover i {
    color: #1a1a1a;
}
.talk-to-a-recruiter {
    display: flex;
    gap: 30px;
}
.talk-to-a-recruiter-icon {
    background: #2a2a2a;
    width: 45px;
    height: 45px;
    color: #ffd962;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 20px;
}
.talk-to-a-recruiter-text strong {
    font-size: 18px;
    font-weight: 600;
}
.talk-to-a-recruiter-text p {
    color: #55451E;
    font-size: 14px;
}
.talk-to-a-recruiter {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #1A1A1A22;
}
.talk-to-a-recruiter-detail:not(:last-child) {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 15px;
    font-weight: 500;
}
.talk-to-a-recruiter-disclaimer {
    background: #1a1a1a;
    border-radius: 20px;
    padding: 20px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 25px;
}
.talk-to-a-recruiter-disclaimer i {
    color: #ffd962;
}
.talk-to-a-recruiter-disclaimer p {
    color: #FFF;
    font-size: 13px;
}
.ubp-single-job-wrapper button {
    transition: 0.6s ease-in-out;
}
.ubp-single-job-wrapper button:hover {
    color: #ffd962;
    background: #1a1a1a;
}
body.modal-open {
    overflow: hidden;
}
.single-job-form-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 99999999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}
.single-job-form-wrapper.is-active {
    opacity: 1;
    pointer-events: auto;
}
.single-job-form-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(4px);
}
.single-job-form {
    position: relative;
    background: #ffffff;
    width: 100%;
    max-width: 650px;
    max-height: 90vh;
    overflow-y: auto;
    padding: 80px 40px 40px;
    border-radius: 12px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
    transform: translateY(20px);
    transition: transform 0.3s ease;
    z-index: 2;
}
.single-job-form-wrapper.is-active .single-job-form {
    transform: translateY(0);
}
.close-modal-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #333;
    transition: color 0.2s ease;
    padding: 5px;
    line-height: 1;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.single-job-form input#gform_submit_button_4 {
    background: #ffd962;
    color: #1a1a1a;
    padding: 15px 60px;
    border-radius: 8px;
    transition: 0.6s ease;
}
.single-job-form input#gform_submit_button_4:hover {
    background: #1a1a1a;
    color: #ffd962;
}
.close-modal-btn:hover {
    color: #ff6b00;
}
.talk-to-a-recruiter-detail a {
    color: #1a1a1a !important;
}
div#gform_confirmation_message_4 {
    text-align: center;
}
.predalles-utilisation-inner-row .wpb_wrapper {
    display: flex;
    align-items: center;
    gap: 25px;
}
.predalles-utilisation-inner-row:not(:last-child) {
    padding-bottom: 25px;
}
.woocommerce-variation-add-to-cart-disabled .ubp-single-product-station-selector {
    opacity: 0.4;
    pointer-events: none;
}
.ubp-single-product-banner-image-wrapper.has-video iframe {
    width: 100%;
    height: 390px;
    transform: scale(1.2);
    position: relative;
    z-index: 2;
}
.ubp-single-product-banner-image-wrapper.has-video:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #E3E3E3;
    display: block;
    top: 0;
    left: 0;
    z-index: 1;
}
.ubp-single-product-banner-image-wrapper.has-video:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #00000033;
    display: block;
    top: 0;
    left: 0;
    z-index: 3;
}
.ubp-single-product-banner-image-wrapper.has-video {
    width: 100%;
    /* height: 550px; */
    height: 390px;
    overflow: hidden;
    border-radius: 15px;
    position: relative;
    z-index: 2;
}
.ubp-archive-products-content-wrapper .woocommerce-no-products-found > div {
    background: none;
    color: red;
}
.timeline-year-wrapper {
    display: none;
}
.blog-item-author {
    color: #000;
}
.ubp-archive-products-astuces-wrapper .ubp-blog-item-image-wrapper {
    height: 150px;
}
.evergreen-pourquoi-choisir-row.ubp-widthcontainer .single-product-utilisation-main-text .gws-text-content {
    text-align: justify;
    text-align-last: center;
}
.ubp-child-checkbox-label a {
    color: #1a1a1a !important;
}
.dark .ubp-child-checkbox-label a {
    color: #ffff !important;
}
.ubp-stock-date-filter-item {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}
.ubp-stock-date-filter-item input {
    width: 100% !important;
    padding: 8px 16px !important;
    margin-top: 5px !important;
}
.ubp-stock-container-container-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ubp-stock-range-buttons {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.ubp-stock-range-buttons button {
    background: #FFD962;
    border: none;
    color: #1a1a1a;
    font-size: 16px;
    font-weight: 600;
    border-radius: 5px;
    padding: 10px 24px;
    width: 100%;
    transition: 0.6s ease;
}
.ubp-stock-container {
    width: 20%;
}
.ubp-stock-content-wrapper {
    width: 75%;
}
.vc_row.wpb_row.vc_row-fluid.stock-graph-row {
    margin: 25px 0 !important;
    box-shadow: 0 4px 29.75px 0 #0000001a;
}
.ubp-stock-range-buttons button.active {
    background: #1a1a1a;
    color: #ffd962;
}
.ubp-stock-content-wrapper * {
    transition: none !important;
}
.ubp-stock-date-filter-item input {
    border: 1px solid #cccccc;
    padding: 6px 10px;
    border-radius: 4px;
    transition: border-color 0.2s ease;
}
.ubp-stock-date-filter-item input.ubp-input-error {
    border-color: #c0392b !important;
    background-color: #fdf2f2 !important;
    outline: none;
}
.vc_row.investor-sub-page-banner-row {
    /* height: 600px; */
    display: flex;
    align-items: center;
}
.investor-sub-page-banner-inner-row .gws-heading.orange-dot {
    border: 1px solid #FFF;
    width: fit-content;
    padding: 6px 20px;
    border-radius: 15px;
    letter-spacing: 1.5px;
    background: rgba(255, 255, 255, 0.08);
}
.calendar-of-events-content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 30px;
}
.event-item-date p {
    color: #8A6B00;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px;
}
.event-item-date {
    border-radius: 15px;
    border: 1px solid #FFD962;
    background: #FFF6D1;
    padding: 4px 16px;
}
.event-item-wrapper {
    border-radius: 20px;
    border: 1px solid #E8E3D6;
    padding: 32px 28px;
    min-height: 250px;
}
.event-item-title {
    margin-top: 15px;
}
.event-item-title h3 {
    font-size: 18px;
    font-weight: 400;
}
.calendar-of-events-content-row {
    padding-bottom: 50px;
}
/* .ubp-single-product-banner-image-wrapper.has-video,
.ubp-single-product-banner-image-wrapper.has-video iframe {
    width: 100%;
    height: 100%;
}

.ubp-single-product-banner-image-wrapper.has-video iframe {
    object-fit: cover;
} */

.woocommerce-product-gallery__image:hover > a > img {
    opacity: 0;
}
.ubp-content-single-product-caracterisque-devis-heading {
    display: none;
}
.vc_row.community-school-academy-row.ubp-widthcontainer .gws-text-content, .vc_row.community-school-academy-row.ubp-widthcontainer .gws-text-content * {
    line-height: 155%;
}
.building-for-the-community-inner-row, .roche-bois-warriors-inner-row {
    padding: 40px;
    background: #FFF;
    box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.15);
}
.vc_row.new-school-inner-row {
    margin: 50px 0 !important;
}
.building-for-the-community-inner-row, .new-school-inner-row, .roche-bois-warriors-inner-row {
    display: flex;
    gap: 50px;
    align-items: center;
}
.vc_row.community-school-academy-row.ubp-width90-container .gws-text-content, .vc_row.community-school-academy-row.ubp-width90-container .gws-text-content * {
    line-height: 170%;
}
.csr-focus-areas-text-inner-row .gws-text-content, .csr-focus-areas-text-inner-row .gws-text-content * {
    line-height: 170%;
}
.vc_row.csr-focus-areas-text-inner-row {
    width: 50%;
    margin: 0 auto !important;
}
.container-col.csr-organigramme-custom-container > .gws-organigramme-card,
.container-col.corporate-governance-organigramme-custom-container > .gws-organigramme-card {
    margin-left: 10px !important;
    margin-right: 10px !important;
}
.vc_row.csr-organigramme-row-1,
.vc_row.corporate-governance-organigramme-row-1 {
    background-color: #FAFAFA;
    padding: 50px 40px;
}
.vc_row.csr-organigramme-row-1 .gws-organigramme-card,
.vc_row.corporate-governance-organigramme-row-1 .gws-organigramme-card {
    margin: 0 auto;
}
.vc_row.csr-organigramme-row-1 .gws-organigramme-card:after,
.vc_row.corporate-governance-organigramme-row-1 .gws-organigramme-card:after {
    content: '';
    width: 1px;
    height: 30px;
    display: block;
    position: absolute;
    background: #CFCFCF;
    bottom: -31px;
}
.container-col.csr-organigramme-custom-container,
.container-col.corporate-governance-organigramme-custom-container {
    position: relative;
    justify-content: center;
}
.container-col.csr-organigramme-custom-container::before {
    content: '';
    width: 80%;
    height: 1px;
    display: block;
    position: absolute;
    background: #CFCFCF;
    top: -30px;
    left: 0;
    right: 0;
    margin: auto;
}
.container-col.corporate-governance-organigramme-custom-container::before {
    content: '';
    width: 75%;
    height: 1px;
    display: block;
    position: absolute;
    background: #CFCFCF;
    top: -30px;
    left: 0;
    right: 0;
    margin: auto;
}
.csr-focus-areas-row.ubp-width90container {
    padding: 50px;
    box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.15);
}
.container-col.csr-organigramme-custom-container .gws-organigramme-card,
.container-col.corporate-governance-organigramme-custom-container .gws-organigramme-card {
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.03);
    flex: 1;
}
.container-col.csr-organigramme-custom-container .gws-organigramme-card:before,
.container-col.corporate-governance-organigramme-custom-container .gws-organigramme-card:before {
    content: '';
    width: 1px;
    height: 31px;
    display: block;
    position: absolute;
    background: #CFCFCF;
    top: -31px;
}
.container-col.csr-organigramme-custom-container .gws-organigramme-card:after,
.container-col.corporate-governance-organigramme-custom-container .gws-organigramme-card:after {
    content: '';
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    background: #FFD962;
    border: 1.5px solid #FFF;
    top: -10px;
    border-radius: 50%;
}
.gws-organigramme-card.board-of-directors-main-card.custom-row.has-category {
    width: 500px;
    justify-content: flex-start;
}
.gws-organigramme-card.board-of-directors-main-card.custom-row.has-category .gws-organigramme-card-inner {
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 65%;
}
.gws-organigramme-card.board-of-directors-main-card.custom-row.has-category .gws-organigramme-card-icon-category {
    width: fit-content;
}
.gws-organigramme-card.board-of-directors-main-card.custom-row.has-category .gws-organigramme-card-content {
    width: calc(100% - 50px);
}
.gws-organigramme-card.board-of-directors-main-card.custom-row.has-category .gws-organigramme-card-category-title p {
    background: #FFFFFF14;
    color: #FFF;
    padding: 20px 12px;
    font-size: 14px;
}
.gws-organigramme-card h4.gws-icon-top-title {
    color: #9A9A9A;
    font-family: Outfit;
    font-size: 12px;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 2px;
    text-align: left;
}
.custom-row .gws-organigramme-card-content h4.gws-icon-title {
    text-align: left;
}
.how-oversight-flows-inner-row-heading {
    position: relative;
    padding: 50px 0;
}
.how-oversight-flows-inner-row-heading .gws-icon-box {
    width: fit-content;
    text-align: right;
    position: absolute;
    right: 0;
    padding: 8px 24px;
    border-radius: 50px;
    border: 1px solid #ffd962;
}
.how-oversight-flows-inner-row-heading .gws-icon-box h4.gws-icon-title {
    font-size: 14px;
    margin: 0;
}
.how-oversight-flows-inner-row-heading .gws-icon-box .gws-icon-inner {
    align-items: center;
}
.how-oversight-flows-inner-row-heading .gws-icon-box .gws-icon-graphic {
    padding: 0;
}
.how-oversight-flows-row {
    padding: 50px 0;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05);
    border: 1px solid #ECECEC;
}
.corporate-governance-main-heading-inner-row-heading .gws-text-block.black-dot {
    justify-content: center;
    background: #FFD962;
    width: fit-content;
    margin: 0 auto;
    padding: 6px 18px;
    border-radius: 50px;
}
.corporate-governance-main-heading-inner-row-heading .gws-heading {
    margin: 25px 0 10px;
}
.gws-organigramme-card.group-ceo .gws-organigramme-card-category-title p {
    background: #1a1a1a;
    color: #ffd962;
}
.vc_row.oversight-leadership-committees-row .gws-text-block * {
    line-height: 170%;
}
.vc_row.wpb_row.vc_row-fluid.oversight-leadership-committees-row > div {
    border-radius: 15px;
    border: 1px solid #ECECEC;
    background: #FFF;
    box-shadow: 0 6px 24px 0 rgba(0, 0, 0, 0.03);
    padding: 30px;
    position: relative;
}
.vc_row.wpb_row.vc_row-fluid.oversight-leadership-committees-row {
    display: flex;
    gap: 30px;
}
.vc_row.wpb_row.vc_row-fluid.oversight-leadership-committees-row > div:after {
    content: '';
    position: absolute;
    width: 70%;
    height: 1px;
    display: block;
    background: #EEEEEE;
    top: 55px;
    right: 30px;
}
.process-independance-assurance-row {
    border-radius: 15px;
    border: 1px solid #ECECEC;
    background: #FFF;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05);
    padding: 50px 0;
}

.vc_row.wpb_row.vc_row-fluid.process-independance-assurance-row {
    border-radius: 15px;
    border: 1px solid #ECECEC;
    background: #FFF;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05);
    padding: 50px 0;
}
.oversight-leadership-committees-content-inner-row > div {
    position: relative;
    flex: 0.3;
}
.oversight-leadership-committees-content-inner-row > div:before {
    content: '';
    width: 50px;
    display: block;
    height: 3px;
    background: #FFD962;
    margin-bottom: 15px;
}
.oversight-leadership-committees-content-inner-row.ubp-width90-container {
    display: flex;
    justify-content: space-between;
}
.oversight-leadership-committees-content-inner-row.ubp-width90-container .gws-text-block * {
    line-height: 170%;
}
.key-senior-governance-positions-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 50px 0;
}
.senior-governance-item {
    flex: 0 0 calc(25% - 20px);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 25px;
    border-radius: 15px;
    border: 1px solid #ECECEC;
}
.key-senior-governance-position-info {
    text-align: center;
}
.key-senior-governance-position-info h3 {
    color: #2A2A2A;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.3px;
    margin: 15px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}
.key-senior-governance-position-info h3:after {
    content: '\e09f';
    font-family: 'Font Awesome 6 Pro';
    font-weight: 600;
    background: #FFD962;
    font-size: 12px;
    border-radius: 50%;
    color: #000;
    width: 22px;
    height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.vc_row.corporate-governance-organigramme-row-1 .board-of-directors-main-card.gws-organigramme-card:after {
    left: 50%;
}
.key-senior-governance-position-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.key-senior-governance-position-photo {
    max-width: 250px;
    height: 215px;
    background: #D1D1D1;
    border-radius: 15px;
    margin: 0 auto;
    overflow: hidden;
}
.key-senior-governance-positions-heading-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.key-senior-governance-positions-heading-left {
    width: 700px;
}
.key-senior-governance-positions-main-heading h2 {
    margin: 10px 0;
    color: #2A2A2A;
    font-size: 36px;
    font-weight: 700;
    letter-spacing: -0.8px;
}
.key-senior-governance-positions-small-heading p {
    background: #FFD962;
    width: fit-content;
    padding: 4px 16px;
    border-radius: 100px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 12px;
}
.key-senior-governance-positions-description p {
    color: #6A6A6A;
    font-size: 16px;
    font-weight: 400;
}
.key-senior-governance-positions-count p {
    color: #2A2A2A;
    font-size: 64px;
    font-weight: 700;
    letter-spacing: -2px;
    line-height: 100%;
}
.key-senior-governance-positions-count span {
    color: #9A9A9A;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1.5px;
}
.key-senior-governance-positions-heading-right {
    text-align: right;
}
.key-senior-governance-item-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6); 
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
  }
.key-senior-governance-item-modal-wrapper {
    padding-right: 30px;
    background: #FFF;
    width: 600px;
    border-radius: 15px;
    padding-top: 30px;
    padding-bottom: 30px;
}
.key-senior-governance-item-modal-content {
    background: #FFF;
    max-height: 500px;
    padding: 0 30px;
    border-radius: 15px;
    overflow-y: scroll;
}
.key-senior-governance-item-modal-title {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
}
.key-senior-governance-item-modal-title p {
    color: #8A6D00;
    text-align: left;
    font-size: 15px;
    font-weight: 600;
    width: 100%;
}
.key-senior-governance-item-modal-title:after {
    content: '';
    width: -webkit-fill-available;
    display: block;
    height: 1px;
    background: #EEEEEE;
}
.key-senior-governance-item-modal-name {
    margin: 15px 0;
}
.key-senior-governance-item-modal-name h4 {
    color: #6A6A6A;
    font-size: 22px;
    font-weight: 700;
}
.key-senior-governance-item-modal-biography > p, .key-senior-governance-item-modal-qualifications > p, .key-senior-governance-item-modal-core-competencies > p {
    color: #6A6A6A;
    font-family: Outfit;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
     /* 23.1px */
    margin: 15px 0 5px;
}
.key-senior-governance-item-modal-content ul {
    margin: 0;
    list-style-type: none;
}
.key-senior-governance-item-modal-content li {
    position: relative;
    color: #6A6A6A;
    font-size: 15px;
    font-weight: 400;
    line-height: 170%;
}
.key-senior-governance-item-modal-content li:before {
    content: '';
    background: #6a6a6a;
    width: 4px;
    height: 4px;
    display: block;
    border-radius: 50%;
    position: absolute;
    left: -20px;
    top: 11px;
}
.key-senior-governance-item-modal-content::-webkit-scrollbar {
    display: block;
    width: 2px;
}
.key-senior-governance-item-modal-content::-webkit-scrollbar-thumb {
    background-color: #5D5D5D;
    border-radius: 2px;
    display: block;
}
.key-senior-governance-item-modal-content::-webkit-scrollbar-track {
    background-color: #D9D9D9;
    border-radius: 2px;
    display: block;
}
.our-board-committees-wrapper {
    border-radius: 15px;
    background: #2A2A2A;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.10);
}
.our-board-committees-container {
    padding: 50px 0;
}
.our-board-committees-small-title p.black-dot.uppercase {
    color: #2A2A2A;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.5px;
    border-radius: 999px;
    background: #FFD962;
    width: fit-content;
    padding: 8px 16px;
}
.our-board-committees-main-title {
    margin: 15px 0;
}
.our-board-committees-main-title h2 {
    color: #FFF;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -0.8px;
}
.our-board-committees-description p {
    color: #D4D4D4;
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
    width: 60%;
}
.our-board-committees-list {
    margin-top: 30px;
}
.our-board-committees-list {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.our-board-committees-item {
    width: calc(calc(100% - 30px)/2);
    padding: 30px;
    background: #FFF;
    border-radius: 15px;
}
.our-board-committees-item-title-icon {
    display: flex;
    gap: 15px;
    align-items: center;
}
.our-board-committees-item-icon {
    background: #FFD962;
    height: fit-content;
    width: fit-content;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}
.our-board-committees-item-icon svg, .our-board-committees-item-icon svg * {
    stroke: #1a1a1a;
}
.our-board-committees-item-title p {
    color: #9A9A9A;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.our-board-committees-item-title h3 {
    color: #2A2A2A;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.3px;
}
.our-board-committees-item-description {
    margin: 25px 0;
    color: #6A6A6A;
    font-size: 15px;
    font-weight: 400;
    line-height: 170%; 
    min-height: 105px;
}
.our-board-committees-item-composition-wrapper {
    border-radius: 12px;
    border: 1px solid #ECECEC;
    background: #FAFAFA;
    display: flex;
    padding: 20px 22px;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    align-self: stretch;
}
.our-board-committees-item-composition-title p {
    color: #8A6D00;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.our-board-committees-item-composition-member {
    display: flex;
    width: 100%;
    gap: 30px;
}
.our-board-committees-item-composition-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.our-board-committees-item-composition-member p.member-title {
    width: 25%;
    display: flex;
    align-items: center;
    gap: 10px;
    text-transform: capitalize;
    color: #9A9A9A;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
}
.our-board-committees-item-composition-member p.member-name {
    width: 75%;
    color: #2A2A2A;
    font-size: 16px;
    font-weight: 600;
}
.our-board-committees-item-composition-member p.member-title:before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    background: #CFCFCF;
    border-radius: 50%;
}
.our-board-committees-item-composition-member.is-chairperson p.member-title:before {
    background: #ffd962;
}
.key-senior-governance-position-info p {
    color: #8A6B00;
    text-align: center;
    font-family: Outfit;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}
.ubp-charts-grid * {
    box-sizing: border-box;
}
.ubp-charts-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 25px;
    width: 100%;
    max-width: 100%;
    margin: 20px 0;
}

@media (min-width: 640px) {
    .ubp-charts-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .ubp-charts-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

.chart-card-container {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    padding: 25px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
    width: 100%;
    max-width: 100%;
    min-width: 0;
}
.chart-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px;
    flex-wrap: wrap;
    gap: 10px;
}
.chart-title {
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.08em;
    color: #111111;
    text-transform: uppercase;
    margin: 0 0 4px 0;
}
.chart-subtitle {
    font-size: 14px;
    color: #666666;
    margin: 0;
}
.chart-badge {
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
}
.vc_row.financial-highlights-content-inner-row * {
    transition: none;
}
.chart-header-title-container {
    width: 70%;
    min-width: 150px;
}
.chart-header-title-container .chart-badge {
    width: fit-content;
}
.chart-badge.positive { 
    color: #16a34a; 
}
.chart-badge.negative { 
    color: #dc2626; 
}
.highcharts-container, .highcharts-container svg {
    max-width: 100% !important;
    padding: 1.55rem;
}
.gws-tab-container.tab-home-gammes-tabs .gws-title-tab.active {
    position: relative;
}
/* .gws-tab-container.tab-home-gammes-tabs .gws-title-tab.active:after {
    content: '\e09f';
    font-family: 'Font Awesome 6 Pro';
    font-size: 22px;
    color: #FFD962;
    position: absolute;
    right: 15px;
    top: 18px;
    font-weight: 600;
} */
.map-item-contact-desktop p {
    width: fit-content;
    padding: 10px 22px;
    background: #ffd962;
    border-radius: 25px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    font-weight: 500;
}
.map-item-contact-desktop {
    width: fit-content;
}
.map-item-contact-mobile {
    display: none;
}
.gws-column-wrapper.gws-col-home-actualites-items .ubp-blog-item-read-more span {
    border: none;
    padding: 0;
}
.gws-col-home-actualites-items .custom-blog-item .ubp-blog-item-read-more p {
    display: flex;
    align-items: center;
    gap: 10px;
}
.restez-connecte-row .social-media-btn {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
}
.restez-connecte-row .social-media-btn span.btn-text:after {
    content: '\e09f';
    font-family: 'Font Awesome 6 Pro';
    margin-left: 10px;
}
.restez-connecte-row .social-media-btn span.btn-icon {
    background: #1a1a1a;
    padding: 10px;
    border-radius: 50%;
}
.restez-connecte-row .social-media-btn:hover span.btn-icon {
    background: #FFD962;
}
.vc_row.restez-connecte-inner-row .wpb_wrapper {
    display: flex;
    gap: 25px;
}
.restez-connecte-row .social-media-btn span.btn-text {
    font-size: 15px;
    font-weight: 500;
}
.gws-heading.restez-connectes-heading {
    margin: 10px 0;
}
.vc_row.rejoignez-lequipe-row {
    border-radius: 15px;
    background: #2F2F2F;
    padding: 100px 80px;
    margin: 20px 0 !important;
}

.container-col.rejoignez-lequipe-column-custom-container {
    gap: 20px;
}

.gws-content-wrapper.container-rejoignez-lequipe-column-custom-container {
    position: relative;
    display: flex;
}

.gws-content-wrapper.container-rejoignez-lequipe-column-custom-container:before {
    content: '';
    background: #ffd962;
    width: 2px;
    height: 150%;
    display: block;
    position: relative;
    left: -35px;
    top: -20%;
}
.rejoignez-lequipe-row .gws-col-rejoignez-lequipe-column .gws-col {
    gap: 50px !important;
}
.vc_row.tous-les-profils-inner-row .wpb_column:last-child {
    background: #58595B;
    padding-left: 75px;
    display: flex;
    align-items: center;
    border-radius: 0 15px 15px 0;
}
.vc_row.tous-les-profils-inner-row .slick-initialized .slick-slide * {
    height: 600px;
}
.vc_row.tous-les-profils-inner-row {
    display: flex;
}
.vc_row.tous-les-profils-row {
    margin-bottom: 20px !important;
}
.slider-container ul.slick-dots li.slick-active button {
    background: #FFD962;
}
.vc_row.tous-les-profils-inner-row .slick-initialized .slick-slide {
    padding: 0;
}
.vc_row.tous-les-profils-inner-row .slick-initialized .slick-slide img {
    border-radius: 15px 0 0 15px;
}
.carriere-construit-row {
    position: relative;
    overflow: hidden;
    min-height: 75vh;
}
.iframe-video-wrapper.ce-que-lon-construit {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    aspect-ratio: 16/9;
    z-index: 1;
    overflow: hidden;
    pointer-events: none;
    filter: brightness(0.75);
}
.iframe-video-item {
    height: 100%;
}

.iframe-video-item iframe {
    width: 100%;
    height: 100%;
    border: 0;
    /* transform: scale(1.5); */
}
.carriere-construit-row .gws-heading,
.carriere-construit-row .gws-text-block {
    position: relative;
    z-index: 3;
}
.carriere-construit-row .gws-text-block {
    max-width: 500px;
    width: 100%;
    margin: 20px auto 0 auto;
}
.carriere-construit-row .wpb_wrapper {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
}
.slider-container.tous-les-profils-slider-container .slick-slide img {
    height: 500px;
    border-radius: 15px 0 0 15px;
}
.pourquoi-rejoindire-row.ubp-width90-container {
    margin: 20px auto !important;
    display: flex;
    height: 500px;
    overflow: hidden;
}
.pourquoi-rejoindire-row.ubp-width90-container > .wpb_column:last-child {
    background: rgba(47, 47, 47);
    padding: 90px;
    display: flex;
    align-items: center;
}
.slider-container.tous-les-profils-slider-container .slick-slide {
    padding: 0 !important;
}
.container-col.ce-que-nous-vous-promettons-container > .gws-text-block .gws-text-content {
    padding: 12px 24px;
    border-radius: 15px;
    overflow: hidden;
}
.container-col.ce-que-nous-vous-promettons-container .gws-text-block {
    width: 30%;
}
.container-col.ce-que-nous-vous-promettons-container .gws-text-block .gws-text-inner {
    border-radius: 10px;
    overflow: hidden;
}
.container-col.ce-que-nous-vous-promettons-container {
    justify-content: space-between;
    margin-bottom: 40px;
}
.gws-heading.ce-que-nous-vous-promettons-heading {
    position: relative;
    padding-bottom: 20px;
}
.gws-heading.ce-que-nous-vous-promettons-heading::after {
    content: '';
    background: #ffd962;
    display: block;
    width: 60px;
    height: 2px;
    position: absolute;
    bottom: 0;
}
.un-environnement-pense-inner-row {
    padding: 75px 0;
}
.vc_row.wpb_row.vc_row-fluid.job-shortcode-row {
    background: #F6F4EF;
    padding: 75px 0;
}
.ubp-jobs-heading-desc h2 {
    color: #000;
    font-size: 40px;
    font-weight: 400;
    letter-spacing: -1px;
}
.ubp-jobs-desc {
    margin-top: 20px;
    width: 475px;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
}
.ubp-jobs-top-container {
    display: flex;
    justify-content: space-between;
}
.ubp-jobs-filter-wrapper .ubp-jobs-filters {
    display: flex;
    align-items: flex-end;
    gap: 20px;
}
.ubp-jobs-filter-wrapper {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}
.ubp-jobs-filter-item {
    border-radius: 15px;
    border: 1px solid #000;
    padding: 16px 24px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
}
.ubp-bottom-container {
    margin: 50px 0;
}
.job-company-mini-title {
    margin-bottom: 20px;
}
.job-company-mini-title p {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 2px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.job-company-mini-title p::before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}
.company-ubp .job-company-mini-title p::before {
    background: #FFD962;
}
.company-ubp .job-company-mini-title p {
    color: #C89B00;
}
.ubp-job-items-content-wrapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.job-items-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
button.job-company-see-more {
    text-align: center;
    margin: 30px auto;
}
button.job-company-see-more {
    border: 1px solid #000 !important;
    padding: 8px 16px;
    border-radius: 15px;
    font-size: 14px;
}
button.job-company-see-more:after {
    right: 12px;
    content: '\f0ab';
    font-family: 'Font Awesome 6 Pro';
    font-size: 20px;
    font-weight: 200;
}
button.job-company-see-more span {
    font-weight: 400;
}
button.job-company-see-more.is-active {
    background: #FFD962;
    border: 1px solid #FFD962 !important;
}
button.job-company-see-more.is-active:after {
    transform: rotate(180deg);
}
.job-item {
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}
.job-item * {
    transition: 0.3s ease-in-out;
}
.job-item a {
    padding: 20px 15px;
    border-radius: 15px;
    border: 1px solid #DEDEDE;
    background: #FFF;
    display: block;
    overflow: hidden;
    transition: background-color 0.4s ease, border-color 0.4s ease, padding 0.4s ease;
}
.job-item-title {
    color: #000 !important;
    font-size: 20px;
    line-height: 110%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 20px;
    padding: 0 10px;
}
.job-item-title h4 {
    font-weight: 400;
    width: 75%;
    min-height: 45px;
    font-size: 20px;
}
.job-item-title i {
    font-size: 24px;
    color: #808080;
}
.job-item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.job-item-img {
    width: 100%;
    height: 215px;
    border-radius: 15px;
    overflow: hidden;
}
.job-item-btn {
    margin-top: 20px;
}
.job-item-btn p {
    padding: 4px 24px;
    border: 1px solid;
    width: fit-content;
    border-radius: 5px;
    color: #000 !important;
    font-weight: 400;
    font-size: 14px;
}

.job-item-img, 
.job-item-btn {
    max-height: 300px; 
    opacity: 1;
    overflow: hidden;
    transition: max-height 0.4s cubic-bezier(0.25, 1, 0.5, 1), 
                opacity 0.3s ease, 
                margin 0.4s ease;
}

.company-premix .job-company-mini-title p {
    color: #396858;
}
.company-premix .job-company-mini-title p::before {
    background: #396858;
}
.company-drymix .job-company-mini-title p {
    color: #5E7B9E;
}
.company-drymix .job-company-mini-title p::before {
    background: #5E7B9E;
}
.company-gros-cailloux .job-company-mini-title p {
    color: #B3B839;
}
.company-gros-cailloux .job-company-mini-title p::before {
    background: #B3B839;
}
.company-espace-maison .job-company-mini-title p {
    color: #F89521;
}
.company-espace-maison .job-company-mini-title p::before {
    background: #F89521;
}
.cff-page-name.cff-author-date span {
    color: #1a1a1a !important;
}
.job-item.is-mini-card .job-item-img,
.job-item.is-mini-card .job-item-btn,
.job-item.hide .job-item-img,
.job-item.hide .job-item-btn {
    display: none !important;
    max-height: 0 !important;
    opacity: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.job-item.is-mini-card a,
.job-item.hide a {
    padding: 15px;
}
.job-item:hover i {
    transform: rotate(45deg);
}
.job-item.is-mini-card .job-item-title,
.job-item.hide .job-item-title {
    margin: 0;
    align-items: center;
}

.job-item.is-mini-card .job-item-title h4,
.job-item.hide .job-item-title h4 {
    align-items: center;
    display: flex;
    min-height: auto;
}

.company-ubp .job-item.is-mini-card a,
.company-ubp .job-item.hide a {
    background: #FFD962;
    border-color: #FFD962;
}
.company-premix .job-item.is-mini-card a,
.company-premix .job-item.hide a {
    background: #396858;
    border-color: #396858;
}
.company-drymix .job-item.is-mini-card a,
.company-drymix .job-item.hide a {
    background: #5E7B9E;
    border-color: #5E7B9E;
}
.company-gros-cailloux .job-item.is-mini-card a,
.company-gros-cailloux .job-item.hide a {
    background: #B3B839;
    border-color: #B3B839;
}
.company-espace-maison .job-item.is-mini-card a,
.company-espace-maison .job-item.hide a {
    background: #F89521;
    border-color: #F89521;
}

.company-premix .job-item.is-mini-card .job-item-title *,
.company-premix .job-item.hide h4, .company-premix .job-item.hide i,
.company-drymix .job-item.is-mini-card .job-item-title *,
.company-drymix .job-item.hide h4, .company-drymix .job-item.hide i,
.company-gros-cailloux .job-item.is-mini-card .job-item-title *,
.company-gros-cailloux .job-item.hide h4, .company-gros-cailloux .job-item.hide i,
.company-espace-maison .job-item.is-mini-card .job-item-title *,
.company-espace-maison .job-item.hide h4, .company-espace-maison .job-item.hide i {
    color: #FFF !important;
}

.company-ubp .job-item.is-mini-card .job-item-title * {
    color: #000 !important;
}

.company-ubp .job-item a:hover {
    background: #FFD962;
}
.company-premix .job-item a:hover {
    background: #396858;
}
.company-drymix .job-item a:hover {
    background: #5E7B9E;
}
.company-gros-cailloux .job-item a:hover {
    background: #B3B839;
}
.company-espace-maison .job-item a:hover {
    background: #F89521;
} 
.company-gros-cailloux .job-item a:hover *,
.company-espace-maison .job-item a:hover *,
.company-premix .job-item a:hover *,
.company-drymix .job-item a:hover * {
    color: #FFF !important;
}

.job-item.is-hidden,
.job-company-wrapper.is-hidden,
.job-company-see-more.is-hidden {
    display: none !important;
}

.job-company-see-more {
    appearance: none;
    border: 0;
    background: transparent;
    padding: 0;
    margin-top: 30px;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    font: inherit;
}
.job-company-see-more span {
    font-weight: 500;
}
.job-company-see-more i {
    transition: transform 0.3s ease;
}
.job-company-see-more.is-expanded i {
    transform: rotate(180deg);
}
.job-company-see-more:hover i {
    transform: translateY(3px);
}

.ubp-jobs-filter-item {
    position: relative;
    padding: 16px 48px 16px 24px;
    cursor: pointer;
}
.ubp-jobs-filter-item::after {
    position: absolute;
    right: 12px;
    content: '\f0ab';
    font-family: 'Font Awesome 6 Pro';
    font-size: 20px;
    font-weight: 200;
}
.ubp-jobs-filter-item.filter-select {
    width: fit-content;
    padding: 0;
}

.ubp-jobs-filter-item.filter-select select {
    field-sizing: content;
    width: auto;
    max-width: 100%;
    cursor: pointer;
    padding: 16px 48px 16px 24px;
}
.ubp-jobs-filter-item.filter-select::after {
    position: absolute;
    right: 12px;
    pointer-events: none;
}
.ubp-jobs-filter-item.is-active {
    background: #FFD962;
    border-color: #FFD962;
}
.ubp-jobs-filter-item * {
    background: none;
    border: none;
    appearance: none;
    outline: none;
}

.candidature-spontanee-row .gform-body.gform_body input {
    padding: 30px 20px;
    border-radius: 10px !important;
    border: 1px solid;
}
.candidature-spontanee-row .gform-body.gform_body span.ginput_country-selector_container {
    justify-content: center;
}
.candidature-spontanee-row .gform-body.gform_body span.ginput_country-selector_container label {
    display: none;
}
.candidature-spontanee-row .gform-body.gform_body span.ginput_country-selector_container button {
    background: none;
}
.candidature-spontanee-row .gform-body.gform_body span.ginput_phone_container label {
    display: none;
}
.candidature-spontanee-row .gform-body.gform_body span.ginput_country-selector_container button#country_selector_button_4 {
    background: none;
    border: none;
    color: #000;
    outline: none;
    box-shadow: none;
}
.candidature-spontanee-row .gform-body.gform_body select {
    padding: 0 60px 0 30px;
    border-radius: 20px;
    border: none;
    width: fit-content;
    background: #FFD962;
    outline: none;
    cursor: pointer;
}
.candidature-spontanee-row .gform-body.gform_body .ginput_container.ginput_container_select {
    width: fit-content;
    background: #FFD962;
    border-radius: 20px;
    outline: none;
    display: flex;
    align-items: center;
    position: relative;
}
.candidature-spontanee-row .gform-body.gform_body span#select2-input_2_10-container {
    background-color: #FFD962;
    border: none;
    border-radius: 25px;
}
.candidature-spontanee-row .gform-body.gform_body span.select2-selection.select2-selection--single {
    border: none;
    padding: 8px 60px 8px 45px;
    background: #FFD962;
    border-radius: 25px;
    height: 100%;
}
.candidature-spontanee-row .gform-body.gform_body span.select2-selection.select2-selection--single span.select2-selection__arrow b {
    border-color: #000 transparent transparent transparent;
}
.candidature-spontanee-row .gform-body.gform_body span.select2-selection.select2-selection--single span.select2-selection__arrow {
    top: 8px;
    right: 27px;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #FFD962 !important;
    color: #000 !important; 
}
.ubp-single-job-category {
    display: flex;
    padding: 8px 14px;
    border: 1px solid #FFD962;
    width: fit-content;
    border-radius: 30px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 600;
}
.single-job-banner-video {
    height: 100%;
    width: 100%;
    position: relative;
}
/* .single-job-banner-video:before {
    background: radial-gradient(71.43% 71.43% at 50% 71.43%, rgba(255, 217, 98, 0.28) 0%, rgba(26, 26, 26, 0.00) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.55) 100%);
    position: absolute;
    display: block;
    height: 100%;
    content: '';
    width: 100%;
    z-index: 1;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
} */
.ubp-single-job-category span:before {
    content: '';
    background: #FFD962;
    width: 8px;
    height: 8px;
    display: block;
    border-radius: 50%;
}
.ubp-single-job-category span {
    display: flex;
    align-items: center;
    gap: 10px;
}
.ubp-single-job-main-title h1 {
    color: #000;
    font-size: 42px;
    font-weight: 600;
    letter-spacing: -1.5px;
}
.ubp-single-job-main-title {
    margin: 30px 0;
}
.ubp-single-job-content {
    display: flex;
    justify-content: space-between;
    margin-bottom: 45px;
}
.ubp-single-job-content > div {
    width: 48%;
}
.what-were-looking-for-heading h2 {
    margin: 15px 0;
    color: #2A2A2A;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -0.8px;
}
.what-were-looking-for-content {
    color: #6A6A6A;
    font-size: 16px;
}
.what-were-looking-for-content > h4 {
    font-size: 20px !important;
    margin-bottom: 5px;
}
.single-job-form-container span.gfield_required.gfield_required_text {
    display: none;
}
.single-job-form-container input {
    border-radius: 8px !important;
}
.gform-footer.gform_footer.top_label button.button.gform_button {
    background: #FFD962 !important;
    color: #000 !important;
    padding: 16px 36px !important;
    border-radius: 10px !important;
    outline: none !important;
}
.single-job-form-container {
    border-radius: 15px;
    background: #FEFEFE;
    box-shadow: 0 4px 34px 0 rgba(0, 0, 0, 0.10);
    padding: 50px;
}
.single-job-download-pdf-container a {
    display: flex;
    align-items: center;
    padding: 16px 24px;
    border: 1px solid;
    width: fit-content;
    border-radius: 15px;
    color: #000 !important;
    gap: 15px;
    transition: 0.3s ease;
}
.single-job-download-pdf-container a span {
    font-weight: 400;
}
.single-job-download-pdf-container {
    margin-top: 50px;
}
.single-job-download-pdf-container a:hover {
    background: #000;
    color: #FFD962 !important;
}
.single-job-download-pdf-container a:hover svg path {
    stroke: #FFD962;
}
.single-job-form-container form#gform_4 input {
    padding: 30px 25px;
}

.ubp-page-banner-wrapper.ubp-group-banner .ubp-page-banner-title h1 {
    font-size: 60px;
    line-height: 98%;
}
.ubp-page-banner-wrapper.ubp-group-banner .ubp-page-banner-content-wrapper {
    align-items: flex-end;
    bottom: 50px;
}
.ubp-page-banner-wrapper.ubp-group-banner .ubp-page-banner-image-wrapper.add-gradient.has-video:before {
    content: '';
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0.17) 146.52%);
    background-blend-mode: multiply;
    position: absolute !important;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.ubp-page-banner-wrapper.ubp-group-banner .ubp-page-banner-image-wrapper.add-gradient.has-video {
    position: relative;
}
.ubp-page-banner-content-inner-wrapper {
    position: relative;
    z-index: 3;
}
.ubp-page-banner-wrapper.ubp-group-banner .ubp-page-banner-inner-wrapper {
    height: calc(85vh - 50px);
}
.ubp-page-banner-wrapper.ubp-group-banner .ubp-page-banner-inner-wrapper iframe {
    transform: scale(1.75) !important;
}
.container-col.structure-cles-kpis {
    justify-content: center;
}
.container-col.structure-cles-kpis > .gws-kpi-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
.container-col.structure-cles-kpis > .gws-kpi-wrapper .kpi-title-text-wrapper.position-column {
    padding: 50px 0 0;
    gap: 20px;
}
.container-col.structure-cles-kpis > .gws-kpi-wrapper .kpi-title-text-wrapper.position-column span.add-rs, .container-col.structure-cles-kpis > .gws-kpi-wrapper .kpi-title-text-wrapper.position-column span.currency-symbol {
    font-size: 60px;
    font-weight: 700;
    line-height: 45px;
}
.structure-cles-kpis .kpi-title-text-wrapper.position-column .kpi-main-title-wrapper p {
    line-height: 52px !important;
    gap: 5px;
}
.what-were-looking-for-content ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.what-were-looking-for-content ul li::before {
    content: '';
    background: #6A6A6A;
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    position: relative;
    top: 11px;
}
.what-were-looking-for-content ul li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}
.single-job-form-heading {
    margin-bottom: 30px;
}
.single-job-form-heading h3 {
    font-size: 30px;
    font-weight: 400;
    letter-spacing: -1px;
}
.nos-segments-cards-inner-row > .wpb_column > .vc_column-inner > .wpb_wrapper {
    display: flex;
    width: 100%;
    max-width: 1170px;
    height: 600px;
    overflow: hidden;
    border-radius: 20px;
    margin: 0 auto;
    justify-content: center;
}
.nos-segments-cards-inner-row .wpb_wrapper.has-active-card {
    width: 100%;
}
.vc_row.nos-equipes-member-row {
    box-shadow: none !important;
}
.slider-container.nos-entites-slider button.slick-arrow {
    background: #FFD962;
    border: 1px solid #FFD962;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
}
.slider-container.nos-entites-slider button.slick-arrow i {
    color: #000;
}
.slider-container.nos-entites-slider button.slick-arrow.slick-prev {
    right: calc(((100% - 85%)/2) + 60px) !important;
    left: auto !important;
    bottom: 40px;
    z-index: 3;
}
.slider-container.nos-entites-slider button.slick-arrow.slick-next {
    right: calc((100% - 85%)/2) !important;
    left: auto !important;
    bottom: 40px;
    z-index: 3;
}
.slider-container.nos-entites-slider button.slick-arrow:hover {
    background: #ffd96280 !important;
}
.slider-container.nos-entites-slider button.slick-arrow:hover i {
    color: #FFF;
}
.container-col.structure-cles-kpis > .gws-kpi-wrapper:first-child {
    justify-content: flex-start;
}
.container-col.structure-cles-kpis > .gws-kpi-wrapper:last-child {
    justify-content: flex-end;
}
.vc_row.groupe-structure-cles-inner-row {
    padding: 0 80px;
}
.structure-cles-kpis .kpi-title-text-wrapper.position-column .kpi-text-wrapper p {
    font-weight: 400;
}
.groupe-structure-row .vc_row.groupe-structure-cles-inner-row {
    box-shadow: none;
}
.key-senior-governance-positions-row.ubp-group-governance-positions {
    box-shadow: 0 4px 34px 0 rgba(0, 0, 0, 0.10);
    padding: 50px 0;
    margin-bottom: 50px !important;
}
.key-senior-governance-positions-row.ubp-group-governance-positions .key-senior-governance-positions-count {
    display: none;
}
.key-senior-governance-positions-row.ubp-group-governance-positions .senior-governance-item {
    flex: 0 0 calc(calc(100%/3) - 20px);
}
.key-senior-governance-position-photo {
    max-width: 300px;
    height: 275px;
}
.ubp-page-banner-wrapper.a-propos-banner .ubp-page-banner-inner-wrapper {
    height: calc(85vh - 50px);
}
.ubp-page-banner-wrapper.a-propos-banner .ubp-page-banner-inner-wrapper .ubp-page-banner-title h1 {
    font-size: 60px;
    line-height: 98%;
    letter-spacing: -1%;
}
.a-propos-banner .ubp-page-banner-content-wrapper {
    align-items: flex-end;
    bottom: 50px;
}
.ubp-page-banner-wrapper.a-propos-banner .ubp-page-banner-inner-wrapper .ubp-page-banner-image-wrapper {
    height: 100%;
}
.about-us-banner-row .vc_row.qui-sommes-nous-inner-row .wpb_wrapper .gws-heading {
    max-width: 100%;
}
.about-us-banner-row .vc_row.qui-sommes-nous-inner-row .wpb_wrapper .gws-text-block {
    max-width: 100%;
}
.avec-integrite-row h4 {
    letter-spacing: 2px;
}
.container-col.en-un-clin-doeil-container .gws-text-block .gws-text-inner {
    padding: 25px;
    border-radius: 15px;
    min-height: 150px;
}
.vc_row.securite-priorite-inner-row h4, .gage-de-qualite-inner-row-heading h4 {
    letter-spacing: 2px;
}
.container-col.en-un-clin-doeil-container .gws-text-block .gws-text-inner .gws-text-content:before {
    content: '';
    background: #FFD962;
    display: block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    margin-bottom: 15px;
    
}
.container-col.en-un-clin-doeil-container .gws-text-block.en-un-clin-doeil-block {
    width: calc(95% / 5);
}
.container-col.en-un-clin-doeil-container {
    justify-content: space-between;
}
.vc_row.avec-integrite-content-inner-row .wpb_wrapper {
    display: flex;
    width: 100%;
    max-width: 1170px;
    height: 600px;
    overflow: hidden;
    border-radius: 20px;
    margin: 0 auto;
    justify-content: center;
}
.ubp-recrutement-banner .ubp-home-banner-inner-wrapper .ubp-home-banner-image-wrapper.video-cover {
    height: 100%;
}
.vc_row.avec-integrite-content-inner-row .wpb_wrapper.has-active-card {
    width: 100%;
}

.gws-card-img-hover:first-child,
.gws-card-img-hover:first-child .gws-card-img-hover-img-container,
.gws-card-img-hover:first-child .gws-card-img-hover-content {
    border-radius: 20px 0 0 20px;
}

.gws-card-img-hover:last-child,
.gws-card-img-hover:last-child .gws-card-img-hover-img-container,
.gws-card-img-hover:last-child .gws-card-img-hover-content {
    border-radius: 0 20px 20px 0;
}
.gws-card-img-hover-title p {
    color: #000;
    font-size: 40px;
    font-weight: 500;
    margin-bottom: 35px;
}
.vc_row.avec-integrite-content-inner-row {
    padding-top: 50px;
}
.vc_row.avec-integrite-content-inner-row .gws-card-img-hover-title p::before {
    content: '...';
    color: #FFF;
    margin-right: 10px;
}
.vc_row.securite-priorite-inner-row.ubp-width90-container {
    display: flex;
    align-items: center;
}
.vc_row.securite-priorite-inner-row.ubp-width90-container .wpb_column:first-child {
    padding-right: 50px;
}
.vc_row.gage-de-qualite-row {
    margin: 50px 0 !important;
    border-radius: 15px;
    border: 1px solid #ECECEC;
    background: #FFF;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05);
}
.gage-de-qualite-inner-row.ubp-width90-container > .wpb_column:first-child {
    padding-right: 90px;
}
.gage-de-qualite-inner-row.ubp-width90-container .gws-text-block * {
    line-height: 170%;
}
.gage-de-qualite-inner-row.ubp-width90-container > .wpb_column:before {
    content: '';
    background: #FFD962;
    display: block;
    width: 50px;
    height: 3px;
    margin-bottom: 20px;
}
.gage-de-qualite-inner-row {
    padding-top: 30px;
    padding-bottom: 75px;
}
.vc_row.securite-priorite-inner-row .gws-text-block * {
    line-height: 140%;
}
.vc_row.avec-integrite-content-inner-row .gws-card-img-hover {
    flex-direction: row-reverse;
}
.job-card-image {
    background: #D1D1D1;
}
.gws-timeline-wrapper {
    position: relative;
    width: 100%;
    height: calc(100vh - 100px);
    overflow-y: hidden;
    overflow-x: hidden;
}
.vc_row.wpb_row.vc_row-fluid.ubp-timeline-row * {
    transition: none;
}
.gws-timeline {
    --timeline-line-color: rgba(255, 255, 255, 0.15);
    --timeline-progress-color: #FFD962;
    --timeline-dot-color: #FFD962;
    --timeline-dot-border: #292929;
    --timeline-card-bg: #505050;
    --timeline-center-gap: 68px;
    --timeline-row-gap: 70px;

    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding-bottom: 80px;
}

.gws-timeline::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 2px;
    background: var(--timeline-line-color);
    transform: translateX(-50%);
    z-index: 1;
}

.gws-timeline-progress {
position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 2px;
    margin-left: -1px; /* Perfectly centers 2px line without CSS transform collisions */
    background: var(--timeline-progress-color);
    z-index: 2;
    pointer-events: none;
    will-change: transform;
}

.gws-timeline-item {
    position: relative;
    display: flex;
    width: 100%;
    margin-bottom: var(--timeline-row-gap);
    z-index: 3;
}

.gws-timeline-item:last-child {
    margin-bottom: 0;
}

.gws-timeline-item:nth-child(odd) {
    justify-content: flex-end;
}

.gws-timeline-item:nth-child(even) {
    justify-content: flex-start;
}

.gws-timeline-card {
    position: relative;
    width: calc(50% - var(--timeline-center-gap));
    padding: 20px;
    background: var(--timeline-card-bg);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    box-sizing: border-box;
    will-change: transform, opacity;
}

.gws-timeline-dot {
    position: absolute;
    top: 18px;
    left: 50%;
    width: 15px;
    height: 15px;
    background: var(--timeline-dot-color);
    border: 4px solid var(--timeline-dot-border);
    border-radius: 50%;
    transform: translateX(-50%);
    box-sizing: border-box;
    z-index: 4;
}

.gws-timeline-year {
    margin: 0 0 14px;
    color: #FFD962;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.1;
}

.gws-timeline-image {
    width: 100%;
    margin-bottom: 12px;
    overflow: hidden;
    border-radius: 8px;
}

.gws-timeline-image img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 7;
    object-fit: cover;
}

.gws-timeline-content {
    color: #ffffff;
    font-size: 14px;
    line-height: 1.5;
}

.gws-timeline-content > *:first-child {
    margin-top: 0;
}

.gws-timeline-content > *:last-child {
    margin-bottom: 0;
}
.privacy-policy-row .annual-report-item-details-description {
    max-width: 90%;
    margin: 50px auto 0;
}
.privacy-policy-row .annual-report-item-details-description a {
    color: #ffd962 !important;
    text-decoration: underline !important;
}

@media (max-width: 991px) {
    .gws-timeline {
        --timeline-center-gap: 40px;
        --timeline-row-gap: 50px;
    }

    .gws-timeline-card {
        padding: 16px;
    }

    .gws-timeline-year {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .gws-timeline-wrapper {
        overflow: hidden;
    }

    .gws-timeline {
        --timeline-row-gap: 35px;
        padding-left: 30px;
        box-sizing: border-box;
    }

    .gws-timeline::before {
        left: 6px;
        transform: none;
    }

    .gws-timeline-progress {
        left: 6px;
        margin-left: 0;
    }

    .gws-timeline-item,
    .gws-timeline-item:nth-child(odd),
    .gws-timeline-item:nth-child(even) {
        justify-content: flex-start;
    }

    .gws-timeline-card {
        width: 100%;
    }

    .gws-timeline-dot {
        left: 6px;
        transform: translateX(-50%);
    }

    .gws-timeline-year {
        font-size: 18px;
    }

    .gws-timeline-content {
        font-size: 13px;
    }
}
.vc_row.ubp-timeline-inner-row-heading {
    max-width: 55%;
    margin: 0 auto !important;
}
.vc_row.ubp-timeline-inner-row-heading .gws-heading h4 {
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.13);
    background: rgba(255, 255, 255, 0.08);
    width: fit-content;
    margin: 0 auto;
    padding: 8px 16px;
    letter-spacing: 2px;
}
.vc_row.ubp-timeline-inner-row-heading .gws-text-block * {
    line-height: 140%;
}
.nos-equipes-member-row.nos-equipes-member-dirigeante {
    padding: 50px 0 0 !important;
    background: #FFF;
    box-shadow: 0 4px 34px 0 rgba(0, 0, 0, 0.10) !important;
}
.vc_row.nos-equipes-member-inner-row {
    max-width: 85%;
    margin: 0 auto !important;
}
.key-senior-governance-item-modal-member-description * {
    position: relative;
    color: #6A6A6A;
    font-size: 15px;
    font-weight: 400;
    line-height: 170%;
}
.ubp-search-page .search-bar-wrapper {
    position: initial;
    opacity: 1;
    display: block !important;
    max-width: 100%;
    border-radius: 0 0 8px 8px;
}
section.ubp-search-hero {
    margin: 75px 0 30px;
}
.ubp-search-page .search-bar-wrapper h2.ubp-search-title {
    margin: 10px 0 30px;
}
.ubp-search-page .search-bar-form {
    width: 75%;
}
section.ubp-search-results {
    max-width: 90%;
    margin: 0 auto;
    padding: 30px 0 75px;
}
.ubp-search-results-header h2 {
    color: #111;
    font-family: Inter;
    font-size: 27px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.ubp-search-results-header p {
    color: #6E6E69;
    font-family: Inter;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 15px 0;
}
article.ubp-search-result a {
    padding: 25px 0;
    border-bottom: 1px solid #D8D8D4;
}
.ubp-search-results-header {
    padding-bottom: 15px;
    border-bottom: 1px solid #D8D8D4;
}
.ubp-search-results-list {
    max-width: 85%;
    margin: 0 auto;
}
article.ubp-search-result a {
    display: flex;
    align-items: center;
}
.ubp-search-result-icon {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #111;
    text-align: center;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    background: #FFD962;
    border-radius: 5px;
}
.ubp-search-result-description {
    width: 40%;
}
.ubp-search-result-info {
    width: 40%;
    padding: 0 45px;
}
span.ubp-search-result-arrow {
    width: 15%;
    text-align: right;
}
.ubp-search-page span.ubp-search-result-type {
    color: #A57D00;
    font-family: Inter;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.ubp-search-page h3.ubp-search-result-title {
    color: #111;
    font-family: Inter;
    font-size: 19px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 5px 0;
}
.ubp-search-page span.ubp-search-result-taxonomy {
    color: #A57D00;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.ubp-search-page .ubp-search-result-description p {
    color: #6E6E69;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.ubp-search-page span.ubp-search-result-arrow i {
    font-weight: 900;
    color: #000;
    transition: 0.5s ease;
}
article.is-page .ubp-search-result-icon {
    background: #111;
    color: #FFF;
}
article:hover span.ubp-search-result-arrow i {
    transform: translateX(20px);
}
article.is-news .ubp-search-result-icon {
    background: #E7E7E2;
}
article.is-news  span.ubp-search-result-type {
    color: #777772;
}
article.is-page span.ubp-search-result-type {
    color: #777772;
}
.search-bar-close-btn {
    width: fit-content;
    text-align: right;
    cursor: pointer;
}
.search .ubp-header-container.ubp-desktop-menu {
    background: transparent;
    padding: 30px 0;
}
.search .ubp-header-container.ubp-desktop-menu .ubp-menu-holder li.menu-item a {
    color: #000;
}
.search .ubp-header-search-wrapper {
    display: none !important;
}
.search .ubp-header-search-wrapper svg path {
    stroke: #000;
}
.search .ubp-header-search-wrapper svg {
    width: 20px;
    height: 100%;
}
.search .ubp-header-search-wrapper {
    border: 1px solid;
    display: flex;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    justify-content: center;
}
.search .ubp-header-container.ubp-desktop-menu.fixed-header .ubp-menu-holder li.menu-item a {
    color: #FFF;
}
.search-bar-close {
    max-width: 90%;
    margin: 0 auto;
    padding: 50px 0 0;
    display: flex;
    justify-content: flex-end;
}
.search-bar-form button:hover {
    background: #1a1a1a;
    color: #FFD962;
}
button.search-submit {
    transition: 0.5s ease;
}
.vc_row.group-structure-inner-row-root.ubp-width90-container {
    padding: 20px 0 35px;
}
.group-structure-inner-row-root .gws-icon-box .gws-icon-inner {
    justify-content: center;
}
.group-structure-inner-row-root .gws-icon-box .gws-icon-inner svg {
    width: 126px;
}
.group-structure-inner-row-root .gws-icon-box {
    padding-bottom: 0;
}
.company-tree-level {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 100px 0 50px;
    row-gap: 110px;
    column-gap: 40px;
}
.company-node {
    max-width: calc(80% / 6);
    min-width: calc(80% / 6);
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.company-card {
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    border: 1px solid #D1C4A9;
    background: #FFF;
    box-shadow: 0 4px 12px 0 rgba(74, 64, 46, 0.08);
    padding: 15px;
    min-height: 150px;
}
span.pct-badge {
    width: fit-content;
    border-radius: 4px;
    background: #FFD962;
    padding: 2px 6px;
    color: #2F2F2F;
    font-family: Inter;
    font-size: 12px;
    font-weight: 800;
}
span.company-name {
    margin-top: 10px;
    color: #2F2F2F;
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
}
.company-node-column {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.company-node.status-dormant .company-card, 
.company-child.status-dormant .company-card {
    background: #EDEDED;
}
.company-tree-level {
    position: relative;
}
.company-tree-level::before {
    content: '';
    background: #D1C4A9;
    display: block;
    position: absolute;
    top: 2.5%;
    width: 90%;
    height: 2px;
}
.company-tree-level::after {
    content: '';
    background: #D1C4A9;
    display: block;
    position: absolute;
    top: 24.5%;
    width: 90%;
    height: 2px;
}
.company-node, .company-node-column .company-child {
    position: relative;
}
.company-node:before {
    content: '';
    background: #D1C4A9;
    display: block;
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 2px;
    height: 50px;
}
.company-node-column .company-child::before {
    content: '';
    background: #D1C4A9;
    display: block;
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 2px;
    height: 30px;
}
.company-tree {
    position: relative;
}
.company-tree::before {
    content: '';
    background: #D1C4A9;
    display: block;
    position: absolute;
    top: 0;
    width: 2px;
    height: 30%;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.company-associates h3 {
    margin-bottom: 100px;
    color: #2F2F2F;
    text-align: center;
    font-family: Outfit;
    font-size: 24px;
    font-weight: 700;
}
.company-associates {
    margin: 50px 0 100px;
    position: relative;
}
.company-associates-level {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
}
.company-associate {
    max-width: calc(80% / 6);
    min-width: calc(80% / 6);
    display: flex;
    flex-direction: column;
    gap: 30px;
    position: relative;
}
.company-associate::before {
    content: '';
    background: #D1C4A9;
    display: block;
    position: absolute;
    top: -45px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 2px;
    height: 45px;
}
.company-associates::before {
    content: '';
    background: #D1C4A9;
    display: block;
    position: absolute;
    top: 30%;
    width: 90%;
    height: 2px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.container-col.group-structure-container {
    width: fit-content;
    justify-content: center;
    gap: 50px;
}

.gws-content-wrapper.container-group-structure-container {
    display: flex;
    justify-content: center;
}

.container-col.group-structure-container > div {
    width: fit-content !important;
    display: flex;
    align-items: center;
    gap: 10px;
}
.ubp-org-chart::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    display: block;
    top: 160px;
    background: #FFD962;
}
.ubp-org-ceo {
    position: relative;
}
.ubp-org-ceo::after {
    content: '';
    position: absolute;
    width: 2px;
    height: 53px;
    display: block;
    bottom: -53px;
    background: #FFD962;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.ubp-org-ceo::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    display: block;
    bottom: -53px;
    background: #FFD962;
    border-radius: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.gws-heading.group-structure-active:before {
    content: '';
    background:#FFFFFF;
    display: block;
    width: 8px; 
    height: 8px;
    border-radius: 50px
    
}
.gws-heading.group-structure-dormant:before {
    content: '';
    background: #EDEDED;
    display: block;
    width: 8px; 
    height: 8px;
    border-radius: 50px
    
}
.gws-heading.group-structure-ownership:before {
    content: '%';
    background:#FFD962;
    display: block;
    border-radius: 5px;
    padding: 2px 12px;
    font-weight: 600;
    
}
.group-structure-inner-row-root .gws-icon-box .gws-icon-inner svg path {
    stroke: initial;
}
.company-tree-legend {
    max-width: 90%;
    margin: 0 auto;
    position: absolute;
    top: 0.5%;
    left: 0;
    right: 0;
}
.company-tree-legend-items-wrapper {
    display: flex;
    gap: 30px;
}
.company-tree-legend-item {
    display: flex;
    align-items: center;
    gap: 10px;
}
.company-tree-legend-item:before {
    content: '';
    background: white;
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 1px solid#D1C4A9;
}
.company-tree-legend-item.legend-dormant:before {
    content: '';
    background: #EDEDED;
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 1px solid#D1C4A9;
}
.ubp-org-chart {
    max-width: 95%;
    margin: 0 auto;
    position: relative;
}

.ubp-org-chart * {
    box-sizing: border-box;
}

.ubp-org-panel {
    display: none;
    width: 100%;
    margin: 0 auto;
}

.ubp-org-panel.active {
    display: block;
}

.ubp-org-panel:not([data-org-panel="overview"]) {
    max-width: 850px;
}

.ubp-org-ceo {
    width: min(100%, 400px);
    margin: 0 auto clamp(50px, 6vw, 100px);
    background: #1A1A1A;
    border-radius: 15px;
    padding: clamp(20px, 2vw, 30px);
}

.ubp-org-ceo-card {
    display: flex;
    gap: clamp(15px, 2vw, 30px);
    align-items: center;
}

.ubp-org-ceo-card .ubp-org-member-content {
    display: flex;
    flex-direction: column-reverse;
    gap: 8px;
}

.ubp-org-ceo .ubp-org-member-name {
    color: #FFF;
    font-size: 20px;
}

.ubp-org-member-avatar {
    width: clamp(28px, 2.5vw, 35px);
    height: clamp(28px, 2.5vw, 35px);
    min-width: clamp(28px, 2.5vw, 35px);
    background: #FFD962;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-weight: 700;
    font-size: clamp(10px, 0.9vw, 14px);
}

.ubp-org-member-position {
    color: #FFD962;
    text-transform: uppercase;
    font-size: clamp(10px, 0.9vw, 14px);
    font-weight: 600;
}

.ubp-org-member-name {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.ubp-org-tabs {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: clamp(7px, 1.3vw, 30px);
    margin-bottom: clamp(30px, 3vw, 50px);
}

button.ubp-org-tab {
    color: #424242;
    text-align: center;
    font-size: clamp(12px, 1vw, 18px);
    font-weight: 700;
    border: 1px solid #DDDDDD;
    background: transparent;
    border-radius: 30px;
    padding: 9px 14px;
    white-space: nowrap;
    cursor: pointer;
}

button.ubp-org-tab.active {
    background: #1A1A1A;
    color: #FFF;
}

.ubp-org-departments {
    display: flex;
    width: 100%;
    gap: clamp(7px, 1.2vw, 25px);
    align-items: flex-start;
}

.ubp-org-department {
    flex: 1 1 0;
    min-width: 0;
    border: 1px solid #DDDDDD;
    border-radius: 15px;
    overflow: hidden;
    background: #FFF;
}

.ubp-org-department.is-single {
    width: 100%;
    max-width: 850px;
    margin: 0 auto;
}

h3.ubp-org-department-title {
    background: #F7F7F5;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: clamp(10px, 1.2vw, 20px);
    min-height: clamp(85px, 7vw, 105px);
}

span.ubp-org-department-small-title {
    color: #666A70;
    font-size: clamp(8px, 0.7vw, 12px);
    font-weight: 700;
    margin-bottom: clamp(7px, 1vw, 15px);
}

span.ubp-org-department-label {
    color: #151515;
    font-size: clamp(12px, 1vw, 18px);
    font-weight: 400;
    line-height: 1.2;
}

.ubp-org-department-members {
    padding: 10px 15px 25px;
}

.ubp-org-member {
    margin: 0;
}

.ubp-org-member-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: clamp(4px, 0.7vw, 15px);
    width: 100%;
    min-width: 0;
    padding: 10px 0;
    border-bottom: 1px solid #E7E7E7;
}
.ubp-org-member-children .ubp-org-member:last-child .ubp-org-member-card {
    border: none;
}
.ubp-org-member-content-wrapper {
    display: flex;
    align-items: center;
    gap: clamp(5px, 0.8vw, 15px);
    min-width: 0;
    flex: 1;
}

.ubp-org-member-content {
    min-width: 0;
    flex: 1;
}
.ubp-org-ceo-card .ubp-org-member-avatar {
    width: 50px;
    height: 50px;
}
.ubp-org-member-card .ubp-org-member-position {
    color: #666A70;
    text-transform: none;
    font-size: 13px;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.ubp-org-member-card .ubp-org-member-name {
    margin: 4px 0;
}

.ubp-org-company {
    color: #8E6800;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

button.ubp-org-member-toggle {
    background: #111;
    color: #FFD962;
    font-size: 20px;
    width: 30px;
    height: 30px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
}

.ubp-org-member-children {
    display: none;
    background: #F8F8F7;
    border-left: 3px solid #FFD962;
    padding: 5px clamp(7px, 1vw, 20px);
    margin-top: 0;
}

.ubp-org-member.is-open > .ubp-org-member-children {
    display: block;
}

.ubp-org-toggle-minus {
    display: none;
}

.ubp-org-member.is-open > .ubp-org-member-card .ubp-org-toggle-plus {
    display: none;
}

.ubp-org-member.is-open > .ubp-org-member-card .ubp-org-toggle-minus {
    display: inline;
}

@media (max-width: 1150px) {
    .ubp-org-departments {
        gap: 7px;
    }

    .ubp-org-department {
        border-radius: 10px;
    }

    .ubp-org-department-members {
        padding: 18px 7px;
    }

    h3.ubp-org-department-title {
        padding: 10px 8px;
    }

    .ubp-org-member-content-wrapper {
        gap: 5px;
    }

    .ubp-org-member-card {
        gap: 4px;
    }
}
.container-col.ce-que-nous-vous-promettons-container .slick-slide .gws-text-block .gws-text-inner {
    padding: 10px 15px;
    cursor: pointer;
}
.container-col.ce-que-nous-vous-promettons-container .slick-slide.slick-current.slick-active .gws-text-block .gws-text-inner {
    background: #FFD962;
}
.container-col.ce-que-nous-vous-promettons-container .slick-slide.slick-current.slick-active .gws-text-block .gws-text-inner,
.container-col.ce-que-nous-vous-promettons-container .slick-slide.slick-current.slick-active .gws-text-block .gws-text-inner * 
{
    color: #000;
    font-weight: 600;
    
}
.container-col.ce-que-nous-vous-promettons-container .slick-slide {
    width: 32% !important;
}

.container-col.ce-que-nous-vous-promettons-container.slick-initialized.slick-slider > .slick-list {
    width: 100%;
}
.container-col.ce-que-nous-vous-promettons-container.slick-initialized.slick-slider > .slick-list > .slick-track {
    width: 100% !important;
    transform: none !important;
    display: flex;
    justify-content: space-between;
}
.a-propos-banner .page-banner-image:before {
    background: linear-gradient(180deg, #0000004d 0%, #0000002b 146.52%);
}
.ubp-product-search-wrapper {
    width: 100%;
    margin-bottom: 30px;
}

.ubp-product-search {
    position: relative;
    width: 350px;
}
.ubp-shop-top-row .ubp-product-search input#ubpProductSearch {
    height: 45px;
    border-radius: 10px;
}
.ubp-shop-top-row .ubp-product-search-wrapper {
    width: auto;
    flex: none;
    margin-bottom: 0;
}
.ubp-product-search input {
    width: 100%;
    height: 55px;
    padding: 0 60px 0 20px !important;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 16px;
}

.ubp-product-search-btn {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border: 0;
    background: transparent;
    cursor: pointer;
}

#ubpProductsAjaxResults {
    position: relative;
    transition: opacity 0.2s ease;
}

#ubpProductsAjaxResults.is-loading {
    opacity: 0.4;
    pointer-events: none;
}

.ubp-ajax-pagination button.page-numbers {
    cursor: pointer;
    font: inherit;
}
.ubp-product-search-wrapper {
    display: flex;
    gap: 30px;
    align-items: center;
}
.ubp-shop-top-row .ubp-product-search-wrapper .product-search-clear button {
    background: none;
    border: none;
    padding: inherit;
    font-weight: 600;
    text-decoration: underline;
}
.ubp-no-products-found {
    padding: 100px 0;
    text-align: center;
    font-size: 20px;
}
.ubp-child-category-row .ubp-child-checkbox-label {
    margin-bottom: 0;
}
.ubp-child-category-row button {
    background: none;
    padding: 0;
    border: none;
    transition: 0.3s ease;
}
.ubp-child-category-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-right: 20px;
}
.ubp-nested-categories {
    margin: 15px 0;
}
.ubp-nested-categories .ubp-child-item {
    margin-bottom: 5px;
}
.ubp-child-item.is-open button {
    transform: rotate(180deg);
}
.ubp-nested-categories .ubp-child-cat-list {
    max-height: 100%;
    overflow: auto;
}
h4.ubp-parent-title a {
    background: #ececec52;
    padding: 8px 24px;
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 18px;
    color: #1a1a1a !important;
    border-radius: 8px 8px 0 0;
    font-weight: 600;
}
.archive-governance-policies-wrapper {
    background: #292929;
    padding: 70px 0;
    border-radius: 20px;
}

.archive-governance-policies-wrapper
.archive-annual-report-posts-details-wrapper {
    margin-bottom: 50px;
}

.governance-policies-small-title {
    color: #FFD962;
    font-size: 14px;
    margin-bottom: 15px;
}

.archive-governance-policies-wrapper
.annual-report-item-details-title p {
    font-size: clamp(32px, 3vw, 50px);
    line-height: 1.1;
    margin: 0;
}

.archive-governance-policies-wrapper
.annual-report-item-details-description {
    max-width: 700px;
    margin-top: 15px;
}

.archive-governance-policies-wrapper
.annual-report-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.archive-governance-policies-wrapper
.annual-report-item-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    padding: 28px 5px;
}

.archive-governance-policies-wrapper
.annual-report-item-title p {
    font-size: 20px;
    margin: 0;
}

.archive-governance-policies-wrapper
.annual-report-item-description p {
    margin: 5px 0 0;
    font-size: 14px;
    opacity: 0.55;
}
.governance-policy-item .annual-report-item-description {
    margin-top: 15px;
}

.governance-policy-toggle button {
    appearance: none;
    border: 0;
    background: transparent;
    padding: 0;
    color: #FFD962;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 15px;
    font: inherit;
}
.governance-policies-row {
    padding-top: 30px;

}
.governance-policy-toggle button i {
    transition: transform 0.3s ease;
}
.archive-annual-report-posts-wrapper.archive-governance-policies-wrapper * {
    transition: initial;
}
.governance-policy-hide-text {
    display: none;
}
.building-for-the-community-inner-row iframe {
    border-radius: 20px;
    width: auto;
    height: auto;
    min-height: 200px;
    aspect-ratio: 16 / 9;
}
.governance-policy-item.is-open
.governance-policy-show-text {
    display: none;
}

.governance-policy-item.is-open
.governance-policy-hide-text {
    display: inline;
}

.governance-policy-item.is-open
.governance-policy-toggle button i {
    transform: rotate(180deg);
}

.governance-policy-documents {
    display: none;
    padding: 35px 0;
}

.governance-policy-documents-inner {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.governance-policy-document {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

.governance-policy-document-title p {
    color: #9A9A9A;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
}

.governance-policy-document
.annual-report-item-btn-pdf {
    flex-shrink: 0;
}

@media (max-width: 767px) {

    .archive-governance-policies-wrapper {
        padding: 45px 0;
        border-radius: 15px;
    }

    .archive-governance-policies-wrapper
    .annual-report-item-inner {
        align-items: flex-start;
        gap: 20px;
    }

    .governance-policy-document {
        align-items: flex-start;
    }

}
h3.ubp-org-department-title i.ubp-org-department-icon {
    display: none;
}
html.governance-modal-open,
body.governance-modal-open {
    overflow: hidden;
}
.ubp-cart-confirm-quote button:hover {
    background: #1a1a1a;
    color: #FFD962;
}
.ubp-cart-confirm-quote button {
    transition: 0.3s ease;
}
.key-senior-governance-item-modal {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    padding: 20px;
    box-sizing: border-box;
    z-index: 10000;
}

.key-senior-governance-item-modal-wrapper {
    width: 600px;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.key-senior-governance-item-modal-content {
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
}
.ubp-search-results {
    transition: opacity 0.15s ease;
}

.ubp-search-results[aria-busy="true"] {
    opacity: 0.45;
    pointer-events: none;
}

.ubp-search-status {
    margin: 10px 0 0;
    font-size: 14px;
}
.ubp-products-loading {
    display: flex;
    justify-content: center;
    height: 100%;
    margin: 100px 0
}

.ubp-search-status:empty {
    display: none;
}
.ubp-search-empty {
    margin-top: 50px;
}



/* Feedbacks */
.ubp-archive-product-banner-image-wrapper.has-video {
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    height: 390px;
    width: 100%;
    z-index: 2;
}
.ubp-archive-product-banner-image-wrapper.has-video iframe {
    transform: scale(1.2);
    position: relative;
    height: 390px;
    width: 100%;
    z-index: 2;
}
.ubp-archive-product-banner-image-wrapper.has-video:before {
    background: #E3E3E3;
    position: absolute;
    display: block;
    height: 100%;
    content: '';
    width: 100%;
    z-index: 1;
    left: 0;
    top: 0;
}
.ubp-archive-product-banner-image-wrapper.has-video:after {
    background: #00000033;
    position: absolute;
    display: block;
    height: 100%;
    content: '';
    width: 100%;
    z-index: 3;
    left: 0;
    top: 0;
}
.ubp-purchase-form-container.cannot-be-counted .ubp-qty-wrapper {
    display: none;
}
.ubp-purchase-form-container.cannot-be-counted .ubp-content-single-product-devis-btn {
    display: none;
}
.ubp-purchase-form-container.cannot-be-counted .ubp-content-single-product-caracterisque-btn {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}
.ubp-content-single-product-wrapper {
    align-items: flex-start;
}
.ubp-content-single-product-image-gallery-container {
    margin-bottom: 50px;
    position: sticky;
    top: 100px;
}
.ubp-complementary-products .custom-product-item-inner {
    margin: 0 10px;
}
.ubp-complementary-products {
    margin: 0 -10px;
    flex-wrap: wrap;
    display: flex;
}
.custom-product-title i {
    transition: 0.6s all ease-in-out;
}
.custom-product-button p {
    transition: 0.6s all ease-in-out;
}
.ubp-complementary-products.slick-slider {
    padding-bottom: 50px;
}
.ubp-complementary-products.slick-slider ul.slick-dots {
    justify-content: flex-end;
    position: absolute;
    list-style: none;
    margin: 0 auto;
    display: flex;
    bottom: 20px;
    right: 20px;
    z-index: 10;
    padding: 0;
}
.ubp-complementary-products.slick-slider ul.slick-dots li {
    margin: 0 7px;
    height: 8px;
    width: 8px;
}
.ubp-complementary-products.slick-slider ul.slick-dots li:first-child {
    margin-left: 0;
}
.ubp-complementary-products.slick-slider ul.slick-dots button {
    text-indent: -9999px;
    background: #000000;
    border-radius: 50%;
    opacity: 50%;
    height: 8px;
    width: 8px;
    padding: 0;
    border: 0;
}
.ubp-complementary-products.slick-slider ul.slick-dots li.slick-active button {
    opacity: 100%;
}
.ubp-complementary-products .custom-product-item {
    width: calc(100% / 4);
}
.ubp-complementary-products .custom-product-title h3 {
    min-height: 50px;
}
.ubp-complementary-products .custom-product-image-wrapper {
    margin-top: 15px;
}