body {
    font-family: "Poppins", sans-serif !important;
}

td {
    padding: 4px !important;
    border: 1px solid #ccc !important;
}

.poppins-thin {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: normal;
}

.poppins-extralight {
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    font-style: normal;
}

.poppins-light {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.poppins-regular {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.poppins-medium {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.poppins-semibold {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
}

.poppins-bold {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.poppins-extrabold {
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: normal;
}

.poppins-black {
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: normal;
}

.poppins-thin-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: italic;
}

.poppins-extralight-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    font-style: italic;
}

.poppins-light-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: italic;
}

.poppins-regular-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: italic;
}


.poppins-medium-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: italic;
}

.poppins-semibold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: italic;
}

.poppins-bold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: italic;
}

.poppins-extrabold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: italic;
}

.poppins-black-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: italic;
}

li {
    list-style: none;
}

.no-padding {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.header_home_page {

    background-position: center !important;

    background-repeat: no-repeat !important;

    background-size: cover !important;

    height: 85vh;

    transition: 0.3s;

    animation: ease-in;

}



.header_home_page h1 {

    text-transform: none;

    margin-bottom: 15px;

    font-size: 38px;

    line-height: 40px;

    font-weight: 600;

    letter-spacing: 0;

    color: #fff;

    transition: 0.3s;

    text-align: center;

}

.header_home_page h1>span {

    color: #ff7a59;

}



.header_home_page p {

    color: #ffffff;

    line-height: 24px;

    font-size: 16px;

    font-weight: 400;

    text-align: left;

    margin: 0 0 15px;
    text-align: center;
}



.site-logo img {

    width: 100%;

    max-width: 220px;

    height: auto;

}



.cta {

    line-height: normal;

    background-color: #ff7a59;

    font-size: 16px;

    color: #fff;

    border-radius: 25px;

    padding: 10px 20px;

    text-decoration: none;

    display: flex;

    align-items: center;

    justify-content: center;

    width: fit-content;

    font-weight: 500;

    border: none;
    transition: 0.3s;

}

.cta:hover {
    background: #FF7A59;
    background: linear-gradient(0deg, rgba(255, 122, 89, 1) 0%, rgba(222, 98, 67, 1) 100%);
}



.cta.fixed {

    display: flex;

    top: 35%;

    position: fixed;

    right: 15px;

    z-index: 9999999;

}



.cta-v2 {

    line-height: normal;

    background-color: #fff;

    border: 1px solid #ff7a59;

    font-size: 16px;

    color: #FF7A59;

    border-radius: 25px;

    padding: 10px 20px;

    text-decoration: none;

    display: flex;

    align-items: center;

    justify-content: center;

    width: fit-content;

    font-weight: 500;

    transition: 0.3s;

    position: relative;

    overflow: hidden;

}



.cta-v2 span {

    position: relative;

    z-index: 1;

}



.cta-v2::before {

    background-color: #ff7a59;

    border: 1px solid #ff7a59;

    width: 0;

    display: flex;

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    z-index: 0;

    transition: 0.3s;

}



.cta-v2:hover {

    color: #FFF;

}



.cta-v2:hover::before {

    color: #FFF;

    width: 100%;

    height: 100%;

}

.cta-v3 {
    line-height: normal;
    background: #04395e;
    font-size: 16px;
    color: #fff;
    border-radius: 25px;
    padding: 10px 20px;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    font-weight: 500;
    border: none;
    transition: 0.3s;
}

.cta-v3:hover {
    background: #04395E;
    background: linear-gradient(0deg, rgba(4, 57, 94, 1) 0%, rgba(3, 23, 38, 1) 100%);
}

.cta-v4 {
    line-height: normal;
    background: #fff;
    font-size: 16px;
    color: #ff7a59;
    border-radius: 25px;
    padding: 10px 20px;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    font-weight: 500;
    border: none;
    transition: 0.3s;
}

.cta-v4:hover {
    background: #04395E;
    color: #fff;
}

.primary-navigation {
    width: -webkit-fill-available;
    transition: 0.3s;
}



.primary-navigation .menu-wrapper {

    display: flex;

    align-items: center;

    margin: 0;

    padding: 0;

    justify-content: space-around;

}



.primary-navigation .menu-wrapper>.menu-item {

    display: flex;

    align-items: start;

    padding: 0 13px 0 0;

    transition: 0.3s;

}



.primary-navigation .menu-wrapper>.current-menu-item a {

    color: #ff7a59 !important;

}



.primary-navigation>.menu-wrapper>.menu-item {

    text-align: center;

}



.primary-navigation .menu-wrapper>.menu-item:nth-child(4)>a:hover::after,

.primary-navigation .menu-wrapper>.menu-item:nth-child(5)>a:hover::after,

.primary-navigation .menu-wrapper>.menu-item:nth-child(6)>a:hover::after,



.primary-navigation .menu-wrapper>.current-menu-item:nth-child(4)>a::after,

.primary-navigation .menu-wrapper>.current-menu-item:nth-child(5)>a::after,

.primary-navigation .menu-wrapper>.current-menu-item:nth-child(6)>a::after {

    content: '';

    position: absolute;

    background-color: #ff7a59;

    width: 110%;

    height: 4px;

    /* border-bottom: 4px solid #ff7a59; */

    bottom: 0;

    left: -3px;

}



.primary-navigation .menu-wrapper .menu-item>a {

    display: block;

    line-height: 30px;

    padding: 15px 0;

    position: relative;

    font-size: 16px;

    font-weight: 500;

    letter-spacing: 0px;

    color: #fff;

    text-decoration: none;

    display: flex;

    align-items: center;

    gap: 5px;

}



.primary-navigation .menu-wrapper>.menu-item:last-of-type>a {

    line-height: normal;

    background-color: #ff7a59;

    font-size: 16px;

    color: #fff !important;

    border-radius: 25px;

    padding: 10px 20px;

    text-decoration: none;

    display: flex;

    align-items: center;

    justify-content: center;

    width: fit-content;

    font-weight: 500;

}

.primary-navigation .menu-wrapper>.menu-item:last-of-type>a:hover {
    background: #FF7A59;
    background: linear-gradient(0deg, rgba(255, 122, 89, 1) 0%, rgba(222, 98, 67, 1) 100%);
}

.primary-navigation .menu-wrapper .menu-item.current-menu-ancestor>a {

    color: #ff7a59;

}



.primary-navigation .menu-wrapper .sub-menu {

    display: none;

    background-color: #fff;

    position: absolute;

    margin: 60px 0 0 0;

    transition: 0.3s;

    padding: 0;

}



.primary-navigation .menu-wrapper .sub-menu a {

    padding: 10px 20px;

    display: block;

    border-bottom: 1px solid rgba(0, 0, 0, .05);

    color: #5f5f5f;

    transition: 0.3s;

}



.primary-navigation .menu-wrapper .sub-menu a:hover {

    text-decoration: none;

    background: rgba(0, 0, 0, .06);

}



.primary-navigation .menu-wrapper>.menu-item-has-children:hover .sub-menu {

    display: flex;

    flex-direction: column;

    background: #fff;

    border-radius: 5px;

}



.primary-navigation .menu-wrapper>.menu-item-has-children>a::after {

    content: '';

    display: block;

    background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"%3E%3Cpath fill="%23cccccc" d="M182.6 470.6c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-9.2-9.2-11.9-22.9-6.9-34.9s16.6-19.8 29.6-19.8l256 0c12.9 0 24.6 7.8 29.6 19.8s2.2 25.7-6.9 34.9l-128 128z"/%3E%3C/svg%3E');

    width: 10px;

    height: 16px;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center -4px;

}



.primary-navigation .menu-wrapper>.menu-item-has-children:nth-of-type(2):hover>.sub-menu {

    display: flex;

    flex-direction: row;

    width: 100%;

    left: 0;

    background: #fff;

    min-height: 305px;

    border-radius: 5px;

    overflow: hidden;

}



.primary-navigation .menu-wrapper>.menu-item-has-children:nth-of-type(2)>.sub-menu .sub-menu {

    display: flex;

    flex-direction: column;

}



.primary-navigation .menu-wrapper>.menu-item-has-children:nth-of-type(2)>.sub-menu>.menu-item {

    width: 33.33%;

    position: relative;

}



.primary-navigation .menu-wrapper>.menu-item-has-children:nth-of-type(2)>.sub-menu>.menu-item>a {

    font-weight: 600;

}



.primary-navigation .menu-wrapper>.menu-item-has-children:nth-of-type(2)>.sub-menu .menu-item>.sub-menu {

    margin: 0;

    width: -webkit-fill-available;

}



.site-branding,

.sub-menu-toggle,

.menu-button-container {

    display: none;

}



.slide_container {

    height: 60vh;

    display: flex;

    flex-direction: column;

    justify-content: center;

}



.exit-popup .second_title,
.solutions .second_title,
.chiffres_cles .second_title,
.avis_client .second_title,
.nos-offres .second_title,
.nos-actualites .second_title,
.references_block .second_title,
.secteur_block .second_title {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 40px;
    color: #33475b;
}

.exit-popup .second_title span,
.solutions .second_title span,
.chiffres_cles .second_title span,
.avis_client .second_title span,
.secteur_block .second_title span,
.nos-offres .second_title span,
.nos-actualites .second_title span,
.references_block .second_title span,
.tabs_left .tab-content .description a,
.nos-secteurs .description a,
.solutions .description a {

    color: #ff7a59;

    text-decoration: none;

}



.nos-secteurs .description a:hover,

.tabs_left .tab-content .description a:hover,

.solutions .description a:hover {

    text-decoration: underline;

}



.solutions .description {

    font-size: 16px;

    font-weight: 400;

    line-height: normal;

    margin-bottom: 15px;

    color: #33475b;

}



.solutions .box_solution {

    -webkit-box-shadow: 0 0 10px 3px #f3f3f3;

    -moz-box-shadow: 0 0 10px 3px #f3f3f3;

    box-shadow: 0 0 10px 3px #f3f3f3;

    background-color: #ffffff;

    padding: 20px 20px;

    border-radius: 5px;

    min-height: 430px;

}



.solutions .box_solution .icon {

    margin-bottom: 35px;

    width: 93px;

    height: 93px;

}



.solutions .box_solution h3 a {

    font-size: 22px;

    line-height: 24px;

    font-weight: 600;

    letter-spacing: 0;

    margin-bottom: 15px;

    text-decoration: none;

    color: #33475b;

}



.solutions .box_solution .description {

    font-size: 16px;

    font-weight: 400;

    line-height: 26px;

}



.chiffre_box {

    width: 20% !important;

    flex: 0 0 auto;

}



.chiffres_cles .unite {

    color: #ff7a59;

    font-size: 40px;

    line-height: 70px;

    font-weight: 600;

}



.chiffres_cles .chiffre {

    color: #33475b;

    font-size: 60px;

    font-weight: 600;

    line-height: 60px;

}



.chiffres_cles .chiffre_description {

    color: #33475b;

    font-size: 16px;

}



.chiffres_cles .chiffre_box:nth-of-type(5) .d-flex {

    flex-direction: row-reverse;

}



.chiffres_cles .chiffre_box:nth-of-type(2) {

    margin-left: 40px;

}



.avis_carrousel {

    margin: 32px 0;

    overflow: hidden;

}



.avis_carrousel .item {

    position: relative;

    transition-property: transform;

    overflow: hidden;

    background: #fff;

    margin-left: 15px;

    margin-right: 15px;

    border-radius: 15px;

    box-shadow: 0 0 5px 0 #33475B0F;

    padding: 20px;

    display: flex !important;

    flex-direction: column;

    align-items: center;

    max-height: 430px;

}

.avis_devis .item {

    position: relative;

    transition-property: transform;

    overflow: hidden;

    background: #ffffffe0;

    margin-left: 15px;

    margin-right: 15px;

    margin-bottom: 15px;

    border-radius: 15px;

    box-shadow: 0 0 5px 0 #33475B0F;

    padding: 20px;

    display: flex !important;

    flex-direction: row;

    align-items: center;
    gap: 20px;

}

.avis_devis .profile {
    width: 40%;
    display: flex;
    flex-direction: column;
    align-items: center;
}



.avis_carrousel .item img,
.avis_devis .item img {

    border-radius: 50%;

    width: 85px;

    min-height: 85px;

    margin-bottom: 15px;

}



.avis_carrousel .item h3,
.avis_devis .item h3 {

    color: #33475b;

    text-align: center;

    font-size: 16px;

    margin-bottom: 10px;

    min-height: 40px;

}



.avis_carrousel .item .description,
.avis_devis .item .description {

    color: #444444;

    font-style: italic;

    font-size: 16px;

    line-height: 1.4;

    padding: 20px;

    background: #f8f8f8;

    position: relative;

    height: -webkit-fill-available;

}

.avis_carrousel .item .description p,
.avis_devis .item .description p {
    margin: 0;
    padding: 0;
}

.avis_devis .item .description {
    width: 60%;
}



.avis_carrousel .item .description::before,
.avis_devis .item .description::before {

    content: "";

    background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" id="Calque_2" data-name="Calque 2" viewBox="0 0 229.14 179.13"%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23eaeaea; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cg id="objects"%3E%3Cg%3E%3Cpath class="cls-1" d="M125.39,179.13v-88.07C125.39,24.63,181.37,0,181.37,0l4.48,7.46s-33.59,34.33-27.62,67.92h70.91v103.75h-103.75Z"/%3E%3Cpath class="cls-1" d="M0,179.13v-88.07C0,24.63,55.98,0,55.98,0l4.48,7.46s-33.59,34.33-27.62,67.92h70.91v103.75H0Z"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E');

    position: absolute;

    display: block;

    left: 0;

    top: -15px;

    width: 27px;

    height: 20px;

    background-repeat: no-repeat;

    background-size: cover;

}



.slick-list {

    padding: 15px 0 !important;

}



.avis_client .slick_arrows {

    display: flex;

    justify-content: space-between;

    position: absolute;

    width: 100%;

    top: 50%;

    left: 0;

}



.avis_client .slick_arrows .slick_next,

.avis_client .slick_arrows .slick_prev {

    cursor: pointer;

}



.avis_client .slick_arrows .slick_next::before {

    content: "";

    background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Calque_1" x="0px" y="0px" viewBox="0 0 320 512" style="enable-background:new 0 0 320 512;" xml:space="preserve"%3E%3Cstyle type="text/css"%3E .st0%7Bfill:%23053A5E;%7D%0A%3C/style%3E%3Cpath class="st0" d="M310.6,233.4c12.5,12.5,12.5,32.8,0,45.3l-192,192c-12.5,12.5-32.8,12.5-45.3,0s-12.5-32.8,0-45.3L242.7,256 L73.4,86.6c-12.5-12.5-12.5-32.8,0-45.3s32.8-12.5,45.3,0l192,192L310.6,233.4z"/%3E%3C/svg%3E');

    display: block;

    width: 25px;

    height: 40px;

    background-repeat: no-repeat;

    background-size: cover;

}



.avis_client .slick_arrows .slick_prev::before {

    content: "";

    background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Calque_1" x="0px" y="0px" viewBox="0 0 320 512" style="enable-background:new 0 0 320 512;" xml:space="preserve"%3E%3Cstyle type="text/css"%3E .st0%7Bfill:%23053A5E;%7D%0A%3C/style%3E%3Cpath class="st0" d="M9.4,233.4c-12.5,12.5-12.5,32.8,0,45.3l192,192c12.5,12.5,32.8,12.5,45.3,0c12.5-12.5,12.5-32.8,0-45.3 L77.3,256L246.6,86.6c12.5-12.5,12.5-32.8,0-45.3s-32.8-12.5-45.3,0L9.4,233.4L9.4,233.4z"/%3E%3C/svg%3E');

    display: block;

    width: 25px;

    height: 40px;

    background-repeat: no-repeat;

    background-size: cover;

}



.secteur_block,

.references_block {

    padding: 64px 0;

}



.tabs_left .nav-pills,

.secteur_block .nav-pills {

    width: 30%;

    float: left;

}



.tabs_left .tab-content,

.secteur_block .tab-content {

    width: 70%;

    font-size: 16px;

    color: #33475b;

    text-align: left;

    line-height: 32px;

    background-color: #f6f9fc;

    padding: 20px;

    min-height: 420px;

}



.tabs_left .nav-pills .nav-link,

.secteur_block .nav-pills .nav-link {

    font-weight: 300;

    color: #33475b;

    text-transform: uppercase;

    font-size: 18px;

    text-align: left;

    padding: 20px;

    border-radius: 0;

    transition: 0.3s;

}



.tabs_left .nav-pills .nav-link.active,

.secteur_block .nav-pills .nav-link.active {

    background-color: #f6f9fc;

    color: #ff7a59;

    font-weight: 500;

}



.tabs_left .tab-content .description,
.secteur_block .tab-content .description {
    font-size: 16px;
    color: #33475b;
    text-align: left;
    line-height: 32px;
}

.tabs_left .tab-content .description p,
.secteur_block .tab-content .description p {
    margin-bottom: 10px;
}

.tabs_left .tab-content .description ul li,
.secteur_block .tab-content .description ul li {
    list-style: disc;
}

.tabs_left .tab-content .description ol li,
.secteur_block .tab-content .description ol li {
    list-style: decimal;
}

.nos-offres .description {
    color: #33475b;
    line-height: normal;
    font-size: 16px;
    font-weight: 400;
}

.nos-offres .description span {
    color: #ff7a59;
}

.nos-offres .card {
    border: none;
    gap: 0;
    border-radius: 15px;
}

.nos-offres .col-xl-4:nth-of-type(1) .card {
    background-color: #f3f8ff;
}

.nos-offres .col-xl-4:nth-of-type(2) .card {
    background-color: #f7f7fb;
}

.nos-offres .col-xl-4:nth-of-type(3) .card {
    background-color: #fff7f2;
}

.nos-offres .card .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.5rem;
}

.nos-offres .card .icon::before {
    content: '';
    width: 95px;
    height: 95px;
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.nos-offres .col-xl-4:nth-of-type(1) .card .icon::before {
    background: url(../images/rdv_icon.webp);
}

.nos-offres .col-xl-4:nth-of-type(2) .card .icon::before {
    background: url(../images/btob_icon.webp);
}

.nos-offres .col-xl-4:nth-of-type(3) .card .icon::before {
    background: url(../images/btoc_icon.webp);
}

.nos-offres .card .card-body {
    padding: 30px;
}

.nos-offres .card .card-title {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 35px;
    color: #ff7a59;
    margin-bottom: 35px;
}

.nos-offres .card .card-subtitle {
    font-size: 24px;
    line-height: 26px;
    font-weight: 700;
    letter-spacing: 0;
    color: #04395e;
}

.nos-offres .card .card-text {
    color: #33475b;
    font-size: 16px;
    font-weight: 400;
    margin-top: 15px;
    min-height: 250px;
}

.nos-offres .card ul li {
    list-style-type: none;
    padding-left: 22px;
    position: relative;
    margin-bottom: 10px;
}

.nos-offres .card ul li::before {
    content: '';
    display: block;
    background: url(../images/puce_checked.png);
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 4px;
}

.nos-offres .card ul li::marker {
    margin-top: 10px;
}

.nos-offres .card ul {
    padding: 0 1rem;
}

.nos-offres .card .cta-v2 {
    margin: 0 auto;
}

.references_block {
    position: relative;
}

.references_block .logos_reference {
    margin: 32px 0;
    overflow: hidden;
    background: transparent;
    border-radius: 0;
}

.logos_reference {
    margin: -70px 0 0 0;
    overflow: hidden;
    background: #fcfcfc;
    border-radius: 10px;
    padding: 0 25px;
}

.logos_reference .item {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    padding: 10px 15px;
    margin: 10px;
    background: rgba(0, 0, 0, .01);
    text-align: center;
    height: 75px;
    line-height: 75px;
    position: relative;
}

.logos_reference .item img {
    width: auto;
    height: 100%;
    filter: grayscale(1);
}

.logos_reference .item:hover img {
    filter: grayscale(0);
}

.references_block .slick_arrows {
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: -webkit-fill-available;
    top: 45%;
    left: 0;
}

.references_block .slick_arrows .slick_next,
.references_block .slick_arrows .slick_prev {
    cursor: pointer;
}



.references_block .slick_arrows .slick_next::before {
    content: "";
    background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Calque_1" x="0px" y="0px" viewBox="0 0 320 512" style="enable-background:new 0 0 320 512;" xml:space="preserve"%3E%3Cstyle type="text/css"%3E .st0%7Bfill:%23747474;%7D%0A%3C/style%3E%3Cpath class="st0" d="M310.6,233.4c12.5,12.5,12.5,32.8,0,45.3l-192,192c-12.5,12.5-32.8,12.5-45.3,0s-12.5-32.8,0-45.3L242.7,256 L73.4,86.6c-12.5-12.5-12.5-32.8,0-45.3s32.8-12.5,45.3,0l192,192L310.6,233.4z"/%3E%3C/svg%3E');
    display: block;
    width: 10px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: cover;
}



.references_block .slick_arrows .slick_prev::before {
    content: "";
    background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Calque_1" x="0px" y="0px" viewBox="0 0 320 512" style="enable-background:new 0 0 320 512;" xml:space="preserve"%3E%3Cstyle type="text/css"%3E .st0%7Bfill:%23747474;%7D%0A%3C/style%3E%3Cpath class="st0" d="M9.4,233.4c-12.5,12.5-12.5,32.8,0,45.3l192,192c12.5,12.5,32.8,12.5,45.3,0c12.5-12.5,12.5-32.8,0-45.3 L77.3,256L246.6,86.6c12.5-12.5,12.5-32.8,0-45.3s-32.8-12.5-45.3,0L9.4,233.4L9.4,233.4z"/%3E%3C/svg%3E');
    display: block;
    width: 10px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: cover;
}



.nos-actualites .card {

    border: 1px solid #fff2ee;

    box-shadow: 0 0 90px 0 #33475B0F;

    gap: 0;

    border-radius: 15px;

    overflow: hidden;

}



.nos-actualites .card .thumbnail {

    height: 200px;

    width: 100%;

    border-radius: 15px;

    background-repeat: no-repeat !important;

    background-size: cover !important;

    background-position: center !important;

    transition: 0.3s;

}



.nos-actualites .card .thumbnail:hover {

    opacity: 0.8;

    background-position: bottom !important;

}



.nos-actualites .card .card-body {

    padding: 15px;

    min-height: 100px;

}



.nos-actualites .card .card-title {

    font-size: 14px;

    line-height: 22px;

    font-weight: 600;

    letter-spacing: 0;

}



.page-numbers,

.nos-actualites .card a {

    color: #ff7a59;

    text-decoration: none;

}



.nos-actualites .card .card-text {

    color: #33475b;

    font-size: 16px;

    font-weight: 400;

    margin-top: 15px;

}



footer {

    background: #eff2f6;

    padding: 64px 0;

    color: #04395e;

}



footer .widget-title {

    font-weight: 600;

    margin-bottom: 15px;

    font-size: 13px;

}



footer .menu-menu-footer-container ul {

    margin: 0;

    padding: 0;

}



footer .menu-menu-footer-container ul li a {

    font-weight: 600;

    color: #04395e;

    text-decoration: none;

    padding: 0;

    font-size: 13px;

    margin-bottom: 5px;

    line-height: 30px;

}



footer .menu-menu-footer-container ul li.current-menu-item a {

    color: #ff7a59;

}



footer .textwidget {

    font-size: 13px;

    font-weight: 400;

}



footer .textwidget img {

    margin-bottom: 0.4rem;

}



footer .textwidget ul.social {

    margin: 0;

    padding: 0;

    display: flex;

    margin-bottom: 1rem;

}



footer .textwidget ul.social i::before {

    content: '';

    width: 20px;

    height: 20px;

    display: block;

    background-size: contain !important;

    background-repeat: no-repeat !important;

    background-position: center !important;

    margin: 5px;

}



footer .textwidget ul.social .icon-facebook::before {

    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path fill="%2304395e" d="M80 299.3V512H196V299.3h86.5l18-97.8H196V166.9c0-51.7 20.3-71.5 72.7-71.5c16.3 0 29.4 .4 37 1.2V7.9C291.4 4 256.4 0 236.2 0C129.3 0 80 50.5 80 159.4v42.1H14v97.8H80z"/></svg>');

}



footer .textwidget ul.social .icon-x-twitter::before {

    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path fill="%2304395e" d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/></svg>');

}



footer .textwidget ul.social .icon-linkedin::before {

    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path fill="%2304395e" d="M100.3 448H7.4V148.9h92.9zM53.8 108.1C24.1 108.1 0 83.5 0 53.8a53.8 53.8 0 0 1 107.6 0c0 29.7-24.1 54.3-53.8 54.3zM447.9 448h-92.7V302.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V448h-92.8V148.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V448z"/></svg>');

}



footer .textwidget h3 {

    font-weight: 600;

    margin: 15px 0;

    font-size: 13px;

}



footer .powered-by {

    font-size: 14px;

    font-weight: 300;

}



footer .powered-by strong {

    font-weight: 700;

}



.header_page_interne {

    background-position: center !important;

    background-repeat: no-repeat !important;

    background-size: cover !important;

    /*height: 40vh;*/

}



.header_actualite_page {

    background-position: top !important;

    background-repeat: no-repeat !important;

    background-size: cover !important;

    height: 50vh;

    position: relative;

}



.header_actualite_page::before {

    content: '';

    background-color: rgb(0 0 0 / .5);

    display: flex;

    width: 100%;

    height: 100%;

    position: absolute;

    z-index: 0;

}



.header_page_interne h1 {

    text-transform: uppercase;

    margin-bottom: 15px;

    font-size: 40px;

    line-height: 45px;

    font-weight: 600;

    letter-spacing: 0;

    color: #fff;

    text-align: center;

}



.header_actualite_page h1 {

    margin-bottom: 15px;

    font-size: 40px;

    line-height: 45px;

    font-weight: 600;

    letter-spacing: 0;

    color: #fff;

    text-align: center;

}



.header_actualite_page h1>span,

.header_page_interne h1>span {

    color: #ff7a59;

}



.header_actualite_page p,

.header_page_interne p {

    color: #ffffff;

    line-height: 24px;

    font-size: 16px !important;

    font-weight: 400;

    text-align: left;

    margin: 0 0 15px;

}



.header_actualite_page .chevron-down {

    margin-top: 4rem;

}



.header_actualite_page .chevron-down::before {

    content: "";

    display: flex;

    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path fill="%23ffffff" d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');

    background-repeat: no-repeat;

    background-size: contain;

    width: 40px;

    height: 40px;

    opacity: 0.5;

}



.header_actualite_page .chevron-down:hover:before {

    opacity: 0.7;

}



.bg_main_menu {

    padding: 1rem 0;

    z-index: 999998;

}



.bg_main_menu.white {

    background-color: #ffffffe0;

}



.bg_main_menu.sticky .primary-navigation .menu-wrapper .menu-item>a,

.bg_main_menu.white .primary-navigation .menu-wrapper .menu-item>a {

    color: #04395e;

}



.bg_main_menu.sticky .primary-navigation .menu-wrapper .menu-item.current-menu-ancestor>a,

.bg_main_menu.white .primary-navigation .menu-wrapper>.menu-item.current-menu-ancestor>a {

    color: #ff7a59;

}



.bg_main_menu.white .primary-navigation .menu-wrapper .menu-item.current-menu-item .menu-item.current-menu-ancestor>a,

.bg_main_menu.white .primary-navigation .menu-wrapper li .current-menu-parent>a,

.bg_main_menu.white .primary-navigation .menu-wrapper .menu-item .current-menu-item>a {

    background-color: rgba(0, 0, 0, .06);

}



.bg_main_menu .site-logo .white-logo,

.bg_main_menu.white .site-logo .black-logo,

.bg_main_menu.sticky .site-logo .black-logo {

    display: block;

}



.bg_main_menu.white .site-logo .white-logo,

.bg_main_menu.sticky .site-logo .white-logo,

.bg_main_menu .site-logo .black-logo {

    display: none;

}



.bg_main_menu.sticky {

    position: fixed !important;

    top: 0;

    left: 0;

    width: 100%;

    background-color: rgba(255, 255, 255, 0.95);

    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);

    z-index: 999 !important;

    transition: all 0.3s ease;

}



.about h2 {

    color: #04395e;

    font-size: 24px;

    font-weight: 600;

    line-height: 35px;

}



.about h3 {

    font-size: 22px;

    line-height: 24px;

    font-weight: 600;

    letter-spacing: 0;

    margin-bottom: 15px;

    color: #33475b;

}



.about img {

    width: 100%;

    border-radius: 7px;

}



.about p {

    color: #04395e;

    font-size: 16px;

    font-weight: 400;

    line-height: 35px;

}



.about ul {

    margin: 15px 0 15px 30px;

    color: #33475b;

    font-size: 16px;

}



.about ul li {

    list-style: disc;

    margin-bottom: 10px;

    line-height: 24px;

}



.about .icon {

    width: 85px;

    height: 85px;

    margin-bottom: 30px;

}



.about .icon_approche h3 {

    color: #5b6674;

    font-size: 20px;

    font-weight: 600;

    line-height: 35px;

}



.bg_F6F9FC {

    background-color: #F6F9FC;

}

.bg_04395e {

    background-color: #04395e;

}

.bg_ff7a59 {

    background-color: #ff7a59;

}



.padding_t_b_64 {

    padding: 64px 0;

}



.color_33475b {

    color: #33475b;

}



.color_ff7a59 {

    color: #ff7a59 !important;

}



.border_radius_10 {

    border-radius: 10px;

}



.teams img {

    width: 100%;

}



.teams .description {

    font-size: 16px;

    font-weight: 400;

    line-height: 28px;

    color: #33475b;

}



.teams .description ul {

    margin: 15px 0 15px 30px;

    padding: 0;

}



.teams .description ul li {

    margin-bottom: 10px;

    line-height: 24px;

    list-style: disc;

}



.about a,

.teams .description a {

    color: #ff7a59;

    text-decoration: none;

    transition: 0.3s;

}



.about a:hover,

.teams .description a:hover {

    text-decoration: underline;

}



.teams.poles_de_competences .col-xl-4:first-of-type h2 {

    background: #fff;

    display: flex;

    font-size: 25px;

    color: #ff613b;

    flex-direction: column;

    padding: 2rem;

    border-radius: 7px;

    margin: 2rem 2rem 2rem 0px;

    font-weight: 400;

}



.teams.poles_de_competences .col-xl-4:first-of-type h2 span {

    font-size: 72px;

    color: #ff7a59;

    font-weight: 600;

}



.teams.poles_de_competences .col-xl-4 h3.titre {

    font-size: 22px;

    line-height: 24px;

    font-weight: 600;

    letter-spacing: 0;

    margin-bottom: 15px;

    color: #33475b;

    border-bottom: 1px solid rgba(0, 0, 0, .08);

    padding-bottom: 15px;

}



.teams.poles_de_competences .col-xl-4 .description {

    font-size: 16px;

    font-weight: 400;

    line-height: 24px;

    color: #33475b;

    margin-bottom: 3rem;

}



.teams.poles_de_competences .col-xl-4 .description h4 {

    font-size: 16px;

    line-height: 24px;

    font-weight: 600;

    letter-spacing: 0;

}



.teams.poles_de_competences .col-xl-4 .description ul {

    margin: 15px 0 15px 30px;

    padding: 0;

}



.teams.poles_de_competences .col-xl-4 .description ul li {

    list-style: disc;

    margin-bottom: 10px;

    line-height: 24px;

}



.btn_mobile_menu {
    position: absolute;
    top: 55px;
    right: 45px;
}



.btn_mobile_menu .bars_icon,

.btn_mobile_menu .close_icon {

    display: none;

    cursor: pointer;

    transition: 0.3s;

}



.bars_icon::before {

    content: '';

    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path fill="%23ff7a59" d="M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z"/></svg>');

    display: block;

    width: 30px;

    height: 25px;

    background-repeat: no-repeat;

    background-size: contain;

}



.close_icon::before {

    content: '';

    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path fill="%23ff7a59" d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"/></svg>');

    display: block;

    width: 30px;

    height: 25px;

    background-repeat: no-repeat;

    background-size: contain;

}



.nos-solutions .tabs_top_block .nav-tabs {

    justify-content: space-between;

}



.nos-solutions .tabs_top_block .nav-tabs .nav-link {

    color: #aba9a8;

    font-size: 18px;

    border: none;

    display: block;

    font-weight: 700;

    padding: 14px 30px;

    width: calc((100%)/4);

    transition: 0.3s;

    border-radius: 0;

}



.nos-solutions .tabs_top_block .nav-tabs .nav-link:hover,

.nos-solutions .tabs_top_block .nav-tabs .nav-link.active {

    color: #ff7a59;

    border-bottom: 4px solid #ff7a59;

    background-color: #f6f9fc;

}



.nos-solutions .tabs_top_block .tab-content>.active {

    display: block;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    background-image: url(../images/box_shadow.png);

    border-width: 0;

    padding: 15px 0;

    margin: 0;

    overflow: hidden;

    background-repeat: repeat-x;

}



.nos-solutions .tabs_top_block .tab-content h2 {

    color: #04395e;

    letter-spacing: 0;

    font-size: 24px;

    font-weight: 600;

    line-height: 35px;

}



.nos-solutions .tabs_top_block .tab-content h3 {

    color: #04395e;

    font-size: 20px;

    line-height: 34px;

    letter-spacing: 0;

    font-weight: 600;

}



.nos-solutions .tabs_top_block .tab-content a {

    color: #ff7a59;

    text-decoration: none;

    transition: 0.3s;

}



.nos-solutions .tabs_top_block .tab-content a:hover {

    text-decoration: underline;

}



.nos-solutions .tabs_top_block .tab-content ul,

.nos-solutions .tabs_top_block .tab-content ol,

.nos-solutions .tabs_top_block .tab-content p {

    color: #04395e;

    font-size: 16px;

    font-weight: 400;

    line-height: 35px;

}



.nos-solutions .tabs_top_block .tab-content ul li {

    list-style-type: disc;

}



.nos-solutions .tabs_top_block .tab-content ol li {

    list-style-type: decimal;

}



.nos-solutions .avantage {

    display: flex;

    float: left;

    margin-bottom: 15px;

    width: 100%;

    align-items: center;

    flex-direction: row;

}



.nos-solutions .avantage .numerotation {

    float: left;

    width: 10%;

    font-size: 75px;

    text-align: center;

    color: #ff7a59;

}



.nos-solutions .avantage .desc-avanatge {

    float: left;

    width: 90%;

    background: #f5f8fa;

    padding: 24px;

}



.nos-solutions .avantage .desc-avanatge h3,

.nos-solutions .avantage .desc-avanatge h4 {

    font-size: 17px;

    font-style: italic;

    line-height: 24px;

    font-weight: 600;

    letter-spacing: 0;

    color: #04395e;

}



.nos-solutions .avantage .desc-avanatge ul {

    margin: 15px 0 15px 30px;

}



.nos-solutions .avantage .desc-avanatge ul li {

    list-style: disc;

}



.nos-secteurs .faqs_block h2,
.nos-solutions .faqs_block h2 {

    font-size: 32px;

    letter-spacing: 0;

    color: #04395e;

    font-weight: 600;

    line-height: 35px;

}



.nos-secteurs .faqs_block .accordion-item,
.nos-solutions .faqs_block .accordion-item {

    border: none;

    position: relative;

}



.nos-secteurs .faqs_block .accordion-item:after,
.nos-solutions .faqs_block .accordion-item:after {

    content: "";

    width: 60px;

    height: 100%;

    background: rgba(0, 0, 0, .03);

    position: absolute;

    left: 0;

    top: 0;

    z-index: 1;

}



.nos-secteurs .faqs_block .accordion-button,
.nos-solutions .faqs_block .accordion-button {

    font-size: 18px;

    font-weight: 500;

    line-height: 21.6px;

    padding: 20px 40px 20px 80px;

    color: #ff7a59;

    background-color: transparent;

}



.nos-secteurs .faqs_block .accordion-button:not(.collapsed),
.nos-solutions .faqs_block .accordion-button:not(.collapsed) {

    color: #ff7a59;

    background-color: transparent;

    box-shadow: none;

}



.nos-secteurs .faqs_block .accordion-button span,
.nos-solutions .faqs_block .accordion-button span {

    width: 60px;

    height: 60px;

    font-weight: 700;

    font-size: 16px;

    display: flex;

    justify-content: center;

    align-items: center;

    color: #444;

    position: absolute;

    left: 0;

}



.nos-secteurs .faqs_block .accordion-collapse,
.nos-solutions .faqs_block .accordion-collapse {

    font-size: 16px;

    font-weight: 400;

    line-height: 35px;

    color: #33475b;

    padding: 0 20px 20px 80px;

    overflow: hidden;

}



.nos-secteurs .faqs_block .accordion-collapse ol li,
.nos-solutions .faqs_block .accordion-collapse ol li {

    list-style: decimal;

}



.nos-solutions h2,
.nos-secteurs h2 {

    font-size: 24px;

    font-weight: 600;

    line-height: 35px;

    color: #33475b;

}



.nos-solutions h3,

.nos-secteurs h3 {

    font-size: 20px;

    font-weight: 600;

    line-height: 35px;

    color: #33475b;

}



.nos-secteurs h4,

.nos-secteurs ul,

.nos-secteurs ol,

.nos-solutions h4,

.nos-solutions ul,

.nos-solutions ol {

    color: #33475b;

    font-size: 16px;

    font-weight: 400;

}



.nos-secteurs p,

.nos-solutions p {

    color: #33475b;

    font-size: 16px;

    font-weight: 400;

    line-height: 30px;

}



.nos-solutions ul li,

.nos-secteurs ul li {

    list-style: disc;

}



.menu-item-description {

    display: none;

}



.wpcf7-form label {

    font-size: 16px;

    font-weight: 500;

    line-height: 35px;

    color: #33475b;

    width: 100%;

}


.wpcf7-form input,

.wpcf7-form textarea {

    font-size: 16px;

    font-weight: 400;

    line-height: 28px;

    color: #626262;

    border: 1px solid #04395e;

    border-radius: 25px;

    width: 100%;

    padding: 0 15px;

    transition: 0.3s;

    margin: 1rem 0;

}



.wpcf7-form select {

    font-size: 16px;

    font-weight: 400;

    line-height: 35px;

    color: #626262;

    border: 1px solid #04395e;

    border-radius: 25px;

    width: 100%;

    padding: 0 15px;

    transition: 0.3s;

    margin: 1rem 0;

    height: 35px;

}



.wpcf7-form textarea {

    max-height: 125px;

}



.wpcf7-form input:focus-visible,

.wpcf7-form textarea:focus-visible {

    outline: #ff7a59 auto 1px;

}



.wpcf7-form input[type=submit] {

    border: 1px solid #ff7a59;

    padding-top: 5px;

    background-color: transparent;

    color: #ff7a59;

    width: fit-content;

    padding: 3px 25px;

    transition: 0.3s;

}



.wpcf7-form input[type=submit]:hover {

    border: 1px solid #fff;

    padding-top: 5px;

    background-color: #ff7a59;

    color: #fff;

}



.contact {

    font-size: 16px;

    font-weight: 400;

    line-height: 35px;

    color: #33475b;

}



.contact h2 {

    font-size: 24px;

    font-weight: 600;

    line-height: 35px;

}



.contact h3 {

    font-size: 20px;

    font-weight: 600;

    line-height: 26px;

}



.contact li {

    list-style: disc;

}



.contact a {

    color: #ff7a59;

    text-decoration: none;

}



.contact a:hover {

    text-decoration: underline;

}



.card_actualite {

    display: flex;

    gap: 16px;

    float: none;

    width: auto;

    padding-left: 100px;

    margin-bottom: 0;

    padding-bottom: 40px;

    background: url(../images/timeline_right.png) 0 top no-repeat;

    position: relative;

    align-items: center;

}



.card_actualite::before {

    content: "";

    box-sizing: content-box;

    width: 7px;

    height: 7px;

    border-width: 4px;

    border-style: solid;

    -webkit-border-radius: 100%;

    border-radius: 100%;

    border-color: #ff7a59;

    position: absolute;

    left: 35px;

    top: 10px;

    display: block;

    visibility: visible;

    z-index: 1;

}



.card_actualite .thumbnail {

    border: 8px solid #f8f8f8;

    width: 40%;

    height: 200px;

    background-size: cover !important;

    background-repeat: no-repeat !important;

    background-position: center !important;

}



.card_actualite .card-body {

    width: 60%;

}



.card_actualite .card-body .title {

    font-size: 16px;

    line-height: 22px;

    font-weight: 600;

    letter-spacing: 0;

    color: #33475b;

}



.card_actualite .card-body .excerpt {

    margin-bottom: 15px;

    font-size: 16px;

    line-height: 22px;

    color: #9198a1;

    text-align: justify;

}



.card_actualite .card-body a {

    text-decoration: none;

    color: #ff7a59;

}



.card_actualite .card-body a:hover {

    text-decoration: underline;

}



.fixed_devis_btn.active {

    display: none;

}



.wpm-language-switcher {

    margin: 0;

    padding: 0;

}



.wpm-language-switcher.wpm-switcher-dropdown>li {

    background-color: #04395e;

    color: #fff;

    border-radius: 50%;

    width: 45px;

    height: 45px;

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 10px;

    font-weight: 600;

    text-align: center;

}



.wpm-language-switcher.wpm-switcher-dropdown .wpm-language-dropdown {

    background-color: #fff;

    color: #04395e;

    border-radius: 50%;

    width: 45px;

    height: 45px;

    padding: 10px;

    font-weight: 600;

    top: 75px;

    margin-left: 10px;

    display: none;

}



.wpm-language-switcher.wpm-switcher-dropdown .wpm-language-dropdown a {

    color: #04395e;

}



.wpm-language-switcher.wpm-switcher-dropdown:hover .wpm-language-dropdown {

    display: flex;

    position: absolute;

    justify-content: center;

    align-items: center;

}



.success_stories .description {

    font-size: 16px;

    font-weight: 400;

    line-height: 35px;

    color: #33475b;

}



.mobile {

    display: none;

}



.actualite {

    font-size: 16px;

    font-weight: 400;

    line-height: normal;

    margin-bottom: 15px;

    color: #33475b;

}



.actualite a {

    color: #ff7a59;

    text-decoration: none;

}



.actualite a:hover {

    text-decoration: underline;

}



.actualite ul li {

    list-style: disc;

}



.actualite ol li {

    list-style: decimal;

}



.actualite .share .icon {

    display: flex;

}



.actualite .share a>i {

    content: '';

    display: block;

    width: 20px;

    height: 20px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    margin: 4px 10px;

    opacity: 0.7;

    transition: 0.3s;

}



.actualite .share a>i:hover {

    opacity: 1;

}



.actualite .share a>i.fb {

    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23ff7a59" d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64h98.2V334.2H109.4V256h52.8V222.3c0-87.1 39.4-127.5 125-127.5c16.2 0 44.2 3.2 55.7 6.4V172c-6-.6-16.5-1-29.6-1c-42 0-58.2 15.9-58.2 57.2V256h83.6l-14.4 78.2H255V480H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64z"/></svg>');

}



.actualite .share a>i.tw {

    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23ff7a59" d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm297.1 84L257.3 234.6 379.4 396H283.8L209 298.1 123.3 396H75.8l111-126.9L69.7 116h98l67.7 89.5L313.6 116h47.5zM323.3 367.6L153.4 142.9H125.1L296.9 367.6h26.3z"/></svg>');

}



.actualite .share a>i.in {

    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23ff7a59" d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"/></svg>');

}



.actualite .share a>i.pn {

    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23ff7a59" d="M384 32H64C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64h72.6l-2.2-.8c-5.4-48.1-3.1-57.5 15.7-134.7c3.9-16 8.5-35 13.9-57.9c0 0-7.3-14.8-7.3-36.5c0-70.7 75.5-78 75.5-25c0 13.5-5.4 31.1-11.2 49.8c-3.3 10.6-6.6 21.5-9.1 32c-5.7 24.5 12.3 44.4 36.4 44.4c43.7 0 77.2-46 77.2-112.4c0-58.8-42.3-99.9-102.6-99.9C153 139 112 191.4 112 245.6c0 21.1 8.2 43.7 18.3 56c2 2.4 2.3 4.5 1.7 7c-1.1 4.7-3.1 12.9-4.7 19.2c-1 4-1.8 7.3-2.1 8.6c-1.1 4.5-3.5 5.5-8.2 3.3c-30.6-14.3-49.8-59.1-49.8-95.1C67.2 167.1 123.4 96 229.4 96c85.2 0 151.4 60.7 151.4 141.8c0 84.6-53.3 152.7-127.4 152.7c-24.9 0-48.3-12.9-56.3-28.2c0 0-12.3 46.9-15.3 58.4c-5 19.3-17.6 42.9-27.4 59.3H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64z"/></svg>');

}

.bg_main_menu .email a,
.bg_main_menu .phone a {
    color: #fff;
    display: flex;
    text-decoration: none;
    padding: 0 0 0 24px;
    align-items: center;
    transition: 0.3s;
    font-size: 14px;
}

.bg_main_menu .email a:hover,
.bg_main_menu .phone a:hover,
.bg_main_menu.sticky .email a,
.bg_main_menu.sticky .phone a,
.bg_main_menu.white .email a,
.bg_main_menu.white .phone a {
    color: #ff7a59;
}

.bg_main_menu .phone a::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath fill='%23fff' d='M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z'/%3E%3C/svg%3E");
    background-size: cover;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    display: block;
    margin-right: 10px;
}

.bg_main_menu .email a::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath fill='%23ffffff' d='M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48L48 64zM0 176L0 384c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-208L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z'/%3E%3C/svg%3E");
    background-size: cover;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    display: block;
    margin-right: 10px;
}

.bg_main_menu .phone a:hover::before,
.bg_main_menu.sticky .phone a::before,
.bg_main_menu.white .phone a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath fill='%23ff7a59' d='M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z'/%3E%3C/svg%3E");

}

.bg_main_menu .email a:hover::before,
.bg_main_menu.sticky .email a::before,
.bg_main_menu.white .email a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath fill='%23ff7a59' d='M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48L48 64zM0 176L0 384c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-208L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z'/%3E%3C/svg%3E");
}

.success-story ul li {
    list-style: disc;
}

.color_04395e {
    color: #04395e;
}

.header_success_story_single {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.header_success_story_single h1,
.header_success_story_single p {
    color: #fff;
}

.banner_leads_qualifies h2,
.canaux_prospection h2 {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 40px;
    color: #33475b;
}

.banner_leads_qualifies h2 span,
.canaux_prospection h2 span {
    color: #ff7a59;
}

.banner_leads_qualifies h3,
.canaux_prospection h3 {
    font-size: 22px;
}

.canaux_prospection .icon_canal {
    background-color: #e1e1e1;
    border-radius: 50%;
    margin: 0 auto;
    padding: 10%;
    width: 50%;
}

.canaux_prospection .icon_canal img {
    width: 100%;
    height: auto;
}

.story_details h3 {
    font-size: 20px;
    color: #04395e;
}

.story_details .description {
    font-size: 20px;
    font-weight: 700;
}

.avis_story img {
    border-radius: 50% !important;
    overflow: hidden;
}

.avis_story .description {
    font-size: 32px;
}

.story_header p {
    font-size: 20px;
}

.success-story li {
    list-style: disc;
}

.success-story img,
.story_header img {
    border-radius: 10px;
    overflow: hidden;
}

.checked_list {
    padding-left: 0;
    display: flex;
}

.checked_list li {
    list-style: none;
    display: flex;
    gap: 5px;
    align-items: center;
}

.sticky-contact {
    position: -webkit-sticky;
    position: sticky !important;
    top: 140px;
    z-index: 1;
}

.sticky-contact h2 {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    color: #33475b;
}

.sticky-contact .wpcf7-form input {
    margin: 0;
}

.checked_list li::before {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='20' height='20' viewBox='0 0 256 256' xml:space='preserve'%3E%3Cg style='stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;' transform='translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)'%3E%3Cpath d='M 89.122 3.486 L 89.122 3.486 c -2.222 -3.736 -7.485 -4.118 -10.224 -0.742 L 33.202 59.083 c -1.118 1.378 -3.245 1.303 -4.262 -0.151 L 17.987 43.291 c -3.726 -5.322 -11.485 -5.665 -15.666 -0.693 l 0 0 c -2.883 3.428 -3.102 8.366 -0.533 12.036 L 24.206 86.65 c 2.729 3.897 8.503 3.89 11.222 -0.014 l 6.435 -9.239 L 88.87 10.265 C 90.28 8.251 90.378 5.598 89.122 3.486 z' style='stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(6,188,66); fill-rule: nonzero; opacity: 1;' transform=' matrix(1 0 0 1 0 0) ' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");
    display: block;
}

#scrollTopBtn {
    display: none;
    /* caché par défaut */
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 1000;
    font-size: 20px;
    background-color: #ff7a59;
    color: white;
    border: none;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    cursor: pointer;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: opacity 0.3s ease;
}

#scrollTopBtn:hover {
    background-color: #e96345;
}

#fixed_devis_btn {
    display: none;
}

.news-item {
    display: none;
}

.exit-popup {
    display: none;
    /* caché par défaut */
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9999;
    justify-content: center;
    align-items: center;
}

.exit-popup-content {
    background: #fff;
    padding: 30px;
    border-radius: 12px;
    max-width: 400px;
    width: 90%;
    text-align: center;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    position: relative;
}

.exit-close {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 22px;
    cursor: pointer;
}

.exit-popup .wpcf7-form input[type=submit],
.exit-popup .wpcf7-form-control-wrap input {
    width: 100%;
    padding: 10px 20px;
    margin: 0;
}

/* Bouton flottant */
.chat-button {
    position: fixed;
    bottom: 95px;
    right: 30px;
    background-color: #4fce5d;
    color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    transition: transform 0.2s;
}

.chat-button svg,
.chat-footer svg{
    fill: #fff;
    width: 25px;
}

.chat-button:hover {
    transform: scale(1.1);
}

/* Badge notification */
.chat-button .badge {
    position: absolute;
    top: 8px;
    right: 8px;
    background: #04395e;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 6px;
    border-radius: 50%;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    animation: pulse 1.5s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.2);
        opacity: 0.7;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* Popup container */
.chat-popup {
    position: fixed;
    bottom: 100px;
    right: 20px;
    width: 320px;
    max-width: 90%;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
    display: none;
    flex-direction: column;
    font-family: Arial, sans-serif;
    z-index: 1001;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.chat-popup.show {
    display: flex;
    opacity: 1;
    transform: translateY(0);
}

/* En-tête */
.chat-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 15px;
    background: #f5f5f5;
    border-radius: 12px 12px 0 0;
}

.chat-header .title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: bold;
    font-size: 14px;
}

.chat-header img {
    border-radius: 50%;
}

.chat-header .close {
    cursor: pointer;
    font-size: 20px;
    color: #888;
    transition: color 0.2s;
}

.chat-header .close:hover {
    color: #000;
}

/* Contenu message */
.chat-body {
    padding: 15px;
    font-size: 14px;
    color: #333;
    background: #fff;
}

.chat-body small {
    color: #888;
}

.chat-body .msg {
    background: #f0f0f0;
    padding: 12px 15px;
    border-radius: 10px;
    margin: 10px 0;
    line-height: 1.4;
}

/* Bouton WhatsApp */
.chat-footer {
    padding: 15px;
    text-align: center;
}

.chat-footer a {
    background: #25D366;
    color: #fff;
    padding: 12px 20px;
    border-radius: 25px;
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
    transition: background 0.3s;
}

.chat-footer a:hover {
    background: #1ebe5b;
}


/* Responsive */
@media only screen and (max-width: 1399px) {

    .primary-navigation .menu-wrapper .menu-item>a,
    .primary-navigation .menu-wrapper>.menu-item:last-of-type>a,
    .wpm-language-switcher.wpm-switcher-dropdown>li {
        font-size: 14px;
    }

    .primary-navigation .menu-wrapper>.menu-item:last-of-type>a {
        padding: 7px 15px;
    }

    .wpm-language-switcher.wpm-switcher-dropdown>li {
        width: 35px;
        height: 35px;
        padding: 10px;
    }

    .bg_main_menu .email a,
    .bg_main_menu .phone a {
        font-size: 12px;
        font-weight: 600;
    }

    .header_home_page h1 {
        font-size: 32px;
    }

    .chiffre_box {
        width: 19% !important;
    }
}

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

    .btn_mobile_menu {
        top: 31px !important;
        right: 55px !important;
    }

    .btn_mobile_menu .bars_icon {
        display: flex;
    }



    .btn_mobile_menu.active .bars_icon {

        display: none;

    }



    .btn_mobile_menu.active .close_icon {

        display: flex;

        position: fixed;

        z-index: 999999999;

        top: 10px;

        right: 0px;

    }



    .primary-navigation {

        background-color: #04395e;

        border-color: #04395e;

        display: block;

        position: fixed;

        top: 0;

        right: -290px;

        max-width: 100%;

        width: 290px;

        height: 100%;

        overflow: auto;

        border-bottom-width: 60px;

        border-bottom-style: solid;

        z-index: 99999999;

    }



    .bg_main_menu.active::before {

        content: '';

        display: block;

        background-color: rgba(0, 0, 0, .6);

        width: 100%;

        position: fixed;

        height: 100%;

        left: 0;

        top: 0;

        z-index: 9999999;

    }



    .primary-navigation.active {

        right: 0px;

        padding: 25px 25px 0 25px;

    }



    .primary-navigation.active .menu-wrapper {

        flex-direction: column;

        align-items: flex-start;

    }



    .bg_main_menu.sticky .primary-navigation .menu-wrapper>.menu-item>a,

    .bg_main_menu.white .primary-navigation .menu-wrapper>.menu-item>a {

        color: #fff;

    }



    .primary-navigation .menu-wrapper .sub-menu {

        position: relative;

        margin: 0;

        padding: 0;

    }



    .primary-navigation .menu-wrapper>.menu-item,

    .primary-navigation .menu-wrapper>.menu-item-has-children:nth-of-type(2):hover>.sub-menu {

        flex-direction: column;

    }



    .primary-navigation .menu-wrapper>.menu-item-has-children:nth-of-type(2)>.sub-menu>.menu-item {

        width: 100%;

    }



    .primary-navigation .menu-wrapper .menu-item>a {

        line-height: 24px;

    }



    .primary-navigation .menu-wrapper .menu-item>a {

        padding: 6px 15px;

        line-height: 24px;

        font-size: 13px;

    }



    .primary-navigation .menu-wrapper>.menu-item:last-of-type {

        order: 1;

    }



}



@media only screen and (max-width: 479px) {
    .checked_list {
        flex-direction: column;
    }

    .wpcf7-form input[type=submit] {
        width: 100%;
    }

    .resulat_details .col-xl-4>div {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 1rem;
    }

    .resulat_details .col-xl-4>div::after {
        content: "";
        width: 100px;
        height: 1px;
        background-color: #ff7a59;
        display: block;
        margin-top: 5px;
    }

    .story_details .description {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 1rem;
    }

    .story_details .description::after {
        content: "";
        width: 100px;
        height: 1px;
        background-color: #04395E;
        display: block;
        margin-top: 5px;
    }

    .canaux_prospection .row>.col-xl-3 {
        width: 50%;
    }

    .story_header {
        background: #04395e;
    }

    .avis_devis .item {
        flex-direction: column;
        margin: 0 0 15px 0;
    }

    .avis_devis .profile {
        width: 100%;
    }

    .avis_devis .item .description {
        width: 100%;
    }

    .card_actualite {

        padding-left: 0;

        flex-direction: column;

        align-items: flex-start;

        background: none;

    }

    .card_actualite::before {

        display: none;

    }

    .card_actualite .thumbnail,

    .card_actualite .card-body {

        width: 100%;

    }

    .nos-solutions .avantage .numerotation {

        width: 30%;

    }

    .nos-solutions .avantage .desc-avanatge {

        width: 70%;

    }

    .nos-solutions .tabs_top_block .nav-tabs .nav-link {

        padding: 14px 5px;

        font-size: 14px;

    }

    /*.header_page_interne {

        height: 60vh;

    }*/

    .mobile {

        display: block;

    }

    .desktop {

        display: none !important;

    }

    .header_home_page h1 {

        font-size: 24px;

        line-height: 30px;

    }

    .header_home_page p {

        line-height: 18px;

        font-size: 12px;

        /*display: none;*/

    }

    .header_home_page {

        height: 550px;

        background-position: right !important;

    }

    .slide_container {

        height: 400px;

    }

    .padding_t_b_64 {

        padding: 34px 0;

    }

    .solutions .second_title,
    .chiffres_cles .second_title,
    .avis_client .second_title,
    .nos-offres .second_title,
    .nos-actualites .second_title,
    .references_block .second_title,
    .secteur_block .second_title {

        font-size: 26px;

    }

    .chiffres_cles .chiffre {

        font-size: 46px;

    }

    .chiffre_box {

        width: 100% !important;

        margin-bottom: 1rem;

    }

    .chiffres_cles .chiffre_box:nth-of-type(2) {

        margin-left: initial;

    }

    .tabs_left .nav-pills .nav-link,
    .secteur_block .nav-pills .nav-link {

        font-size: 14px;

        padding: 5px;

    }

    .tabs_left .nav-pills,
    .secteur_block .nav-pills {

        width: 40%;

    }

    .tabs_left .tab-content,
    .secteur_block .tab-content {

        width: 60%;

        font-size: 14px;

        line-height: 22px;

        padding: 6px;

    }

    .tabs_left .tab-content .description,
    .secteur_block .tab-content .description {

        font-size: 14px;

        line-height: 22px;

    }

    .cta {
        font-size: 14px;
        padding: 5px 15px;
    }

    .nos-actualites .card {
        margin-bottom: 1rem;
    }

    .wpm-switcher-dropdown {
        position: absolute !important;
        top: 52px;
        right: 10px;
    }

    .wpm-language-switcher.wpm-switcher-dropdown>li {
        width: 30px;
        height: 30px;
    }

    .wpm-language-switcher.wpm-switcher-dropdown .wpm-language-dropdown {

        width: 30px;

        height: 30px;

        padding: 3px;

        top: 23px;

    }

    .header_actualite_page h1,

    .header_page_interne h1 {

        font-size: 28px;

        line-height: 30px;

    }

    .nos-solutions .tabs_top_block .nav-tabs .nav-link {

        width: 100%;

    }

    .btn_mobile_menu {
        top: 55px !important;
        right: 45px !important;
    }

}



/* End Responsive */

body.menu-open {
    overflow: hidden;
    touch-action: none;
}

/*.primary-navigation {
    pointer-events: none;
}

.primary-navigation.active {
    pointer-events: auto;
}

.bg_main_menu {
    pointer-events: none;
}

.bg_main_menu.active {
    pointer-events: auto;
}*/