/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0.2
*/
:root {
    --base-font-size: 1vw; /* Base font size */
    --base-font: 19.2; /* Base font size without unite */
  }
html {
    font-size: var(--base-font-size) !important;
}
/*************************************************/
body {
    font-family: inter !important;
    
}
#Wrapper #Content {
    padding-top: 0;
}
.section_wrapper, .container {
    max-width: 100rem;
}
#Side_slide {
    background-color: #000 !important;
}

.section_wrapper,
.container {
    max-width: 100rem;
}
h1 {
    font-size: calc(70 / var(--base-font) * 1rem) !important;  
    line-height: 150%;
    font-weight: 500;
    text-align: center !important;
    font-family: 'Poppins';
}

h2 {
    font-size: calc(60 / var(--base-font) * 1rem) !important;
    line-height: 150%;
}
h3 {
    font-size: calc(2O / var(--base-font) * 1rem) !important;
    line-height: 150%;
}

h4 {

}

p {
    font-size: calc(16 / var(--base-font) * 1rem) !important;
    line-height: 150%;
    margin: 0 !important;
}
.mcb-column-inner {
    position: relative;
    margin: 0 !important;
}
/*********************devis****************************/
body {
    position: relative;
}

.devis-btn {
    position: fixed;
    top: calc(270 / var(--base-font) * 1rem);
    right: calc(26 / var(--base-font) * 1rem);
    transform: rotate(-90deg) translateY(-50%); /* Rotate 90° and adjust centering */
    transform-origin: right top; /* Anchor rotation point */
    
}

.devis-btn a {
    display: block;
    background-color: #8F01FD;
    color: #fff;
    font-size: calc(22 / var(--base-font) * 1rem);
    padding: calc(15 / var(--base-font) * 1rem) calc(40 / var(--base-font) * 1rem);
    border-radius: calc(20 / var(--base-font) * 1rem) calc(20 / var(--base-font) * 1rem)  0 0;
    text-transform: uppercase;
}

/***********************header*********************************/
.sticky-tb-color #Top_bar.is-sticky {
    background: #000;
}


#Top_bar #logo img.svg {
    width: calc(321 / var(--base-font) * 1rem);
    height: auto !important;
    max-width: auto !important;
    margin-top: calc(10 / var(--base-font) * 1rem);
}

#Top_bar.is-sticky #logo img.logo-sticky {
    width: calc(193 / var(--base-font) * 1rem);
    height: auto !important;
    max-width: none;
    margin-top: calc(17 / var(--base-font) * 1rem);
    max-height: none;
}

#Top_bar .menu>li>a span:not(.description) {
    display: block;
    font-size: calc(18 / var(--base-font) * 1rem) !important;
    line-height: 150%;
    padding: 0 calc(20 / var(--base-font) * 1rem);
    white-space: nowrap;
    border-right-width: 1px;
    border-style: solid;
}

.menu_wrapper {
    height: calc(111 / var(--base-font) * 1rem);
}

#Top_bar .menu>li>a {
    padding: calc(10 / var(--base-font) * 1rem) 0;
    margin-top: calc(7 / var(--base-font) * 1rem) !important;
    text-transform: uppercase;
}


#Top_bar .menu li .sub-menu {
    text-transform: uppercase;
    background-color: #FFF;
    border-radius: calc(10 / var(--base-font) * 1rem);
    width: calc(236 / var(--base-font) * 1rem);
    left: calc(-40 / var(--base-font) * 1rem);
}

#Top_bar .menu li ul.sub-menu li a span {
    font-size: calc(18 / var(--base-font) * 1rem);
    line-height: 150%;
    padding: calc(5 / var(--base-font) * 1rem);
}

#Top_bar .menu li .sub-menu li {
    width: 100%;
}

#Top_bar .menu>li:not(.mfn-megamenu-parent) {
    position: relative;
}

#Top_bar .menu li .sub-menu li a {
    border-bottom: none;
    padding: calc(10 / var(--base-font) * 1rem) calc(20 / var(--base-font) * 1rem);
}

#Top_bar .logo {
    margin: 0 !important;
}

#Top_bar .menu>li:last-child>a {
    background-color: #611be7;
    border-radius: calc(10 / var(--base-font) * 1rem);
    margin-left: calc(20 / var(--base-font) * 1rem);
    font-weight: 600;
}

.page-contact #Top_bar .menu>li:last-child>a {
    background-color: #fff;
    color: #5E16EA !important;
}

#Header .top_bar_left,
#Top_bar.is-sticky .top_bar_left {
    padding: 0 calc(136 / var(--base-font) * 1rem);
}

#Top_bar .menu>.menu-item.menu-item-has-children img {
    position: absolute;
    top: calc(22 / var(--base-font) * 1rem);
    right: calc(5 / var(--base-font) * 1rem);
}

#Top_bar .menu>.menu-item.menu-item-has-children img {
    position: absolute;
    top: calc(21 / var(--base-font) * 1rem);
    right: calc(5 / var(--base-font) * 1rem);
    width: calc(20 / var(--base-font) * 1rem);
    height: auto;
}

#Top_bar.is-sticky .menu>.menu-item.menu-item-has-children img {
    top: calc(22 / var(--base-font) * 1rem);
}

.menu>.menu-item.menu-item-has-children img {
    top: calc(20 / var(--base-font) * 1rem);
}

@media only screen and (min-width: 1240px) {
    .menu-line-below-80-1 #Top_bar:not(.is-sticky) .menu>li>a:not(.menu-toggle):after {
        height: 1px;
        left: 10%;
        top: 70% !important;
        margin-top: 20px;
        width: 80%;
    }
}

.menu>.menu-item.menu-item-has-children.hover img {
    transform: rotate(180deg);
}

#Top_bar .menu>li:not(.mfn-megamenu-parent).menu-item-has-children>a {
    width: calc(100% - calc(5 / var(--base-font) * 1rem));
}

#Top_bar .menu>li:not(.mfn-megamenu-parent).menu-item-has-children>a>span {
    pointer-events: none;
}

#Top_bar .menu>li:not(.mfn-megamenu-parent).menu-item-has-children {
    padding-right: calc(15 / var(--base-font) * 1rem);
}

#Top_bar .menu>li:not(.mfn-megamenu-parent).menu-item-has-children .sub-menu {
    display: none !important;
}

#Top_bar .menu>li:not(.mfn-megamenu-parent).menu-item-has-children .sub-menu.toggel-menu {
    display: block !important;
}

#Top_bar .menu>li:not(.mfn-megamenu-parent).menu-item-has-children.hover .sub-menu.toggel-menu {
    display: none !important;
}

#Top_bar .menu>li:not(.mfn-megamenu-parent).menu-item-has-children.hover .sub-menu {
    display: block !important;
}


#Top_bar .menu>li.hover:last-child a:after {
    display: none;
}

#Top_bar .menu>li.current-menu-item a:after {
    display: none;
}

#Top_bar.is-sticky {
    height: calc(60 / var(--base-font) * 1rem) !important;
}

#Top_bar .logo {
    height: auto !important;
}

#Top_bar .logo #logo {
    height: auto !important;
    padding: 0 !important;
    line-height: 0 !important;
}

#Top_bar.is-sticky .menu_wrapper .menu>li>a {
    /*padding: 10px 0;*/
    padding: calc(10 / var(--base-font) * 1rem) 0;
    margin-top: calc(15 / var(--base-font) * 1rem);
}

#Top_bar .menu>li>a:not(.menu-toggle):after {
    height: 1px;
}

/**************************** sub header home page **************/

.section-hero-home {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(1044 / var(--base-font) * 1rem);
    position: relative;
}

.section-hero-home .section-hero-home_content {
    max-width: calc(931 / var(--base-font) * 1rem);
    margin: 0 auto;
    text-align: center;  
}
.section-hero-home .section-hero-home_content h1 {
    display: flex;
    font-size: calc(147.39 / var(--base-font) * 1rem) !important;
    align-items: center;
    justify-content: center;
    gap: calc(22 / var(--base-font) * 1rem);
}
.section-hero-home .section-hero-home_content img{
    width: calc(153 / var(--base-font) * 1rem);  
}

.section-hero-home .section-hero-home_content a{
    background-color: #FFF;
    border-radius: calc(10 / var(--base-font) * 1rem);
    color: #000;
    font-size: calc(20 / var(--base-font) * 1rem);
    padding: calc(22 / var(--base-font) * 1rem) calc(50 / var(--base-font) * 1rem);
    text-transform: uppercase;
}

.section-hero-home .section_wrapper {
    position: static;
}

.section-hero-home_social-media {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: calc(110 / var(--base-font) * 1rem);
    width: calc(400 / var(--base-font) * 1rem) !important;
}

.section-hero-home_social-media >.mcb-wrap-inner {
display: flex;
flex-direction: column;
width: calc(400 / var(--base-font) * 1rem) !important;
}

.section-hero-home_social-media >.mcb-wrap-inner  > .mcb-column > .mcb-column-inner > .image_frame > .image_wrapper img {
    height: calc(70 / var(--base-font) * 1rem) !important;
    width: auto;
}



/**************************Our services***********************/

.our-services {
    padding-top: calc(100 / var(--base-font) * 1rem) !important;
    padding-bottom: calc(100 / var(--base-font) * 1rem) !important;
    
}

.our-services h2 {
    margin: 0 0 calc(100 / var(--base-font) * 1rem) 0 !important
}

.our-services_cards-wrap {
    max-width: calc(1729 / var(--base-font) * 1rem) !important;
    margin: 0 auto;
}

.our-services_cards-wrap .mcb-wrap-inner{
    display: flex;
    align-items: normal ;
    gap: calc(65 / var(--base-font) * 1rem);
}

.our-services_cards-wrap .mcb-wrap-inner >div.wrap{
    width: calc(20% - calc(52 / var(--base-font) * 1rem));
    border-radius: calc(20 / var(--base-font) * 1rem);
    padding: 0 !important;
    background-color: #190235 !important;
}

.our-services_cards-wrap .mcb-wrap-inner > div.wrap .mcb-wrap-inner{
    display: flex;
    align-items: normal ;
    gap: calc(30 / var(--base-font) * 1rem);
}

.our-services_cards-wrap .mcb-wrap-inner >div.wrap .mcb-item-image-inner {
    margin: 0 !important;
}

.our-services .our-services_card .image_wrapper img {
    height: calc(106 / var(--base-font) * 1rem) !important;
    width: auto;
}

.our-services .our-services_card .image_wrapper .mcb-item-column-inner {
    margin: 0 !important;
}

.our-services .our-services_card h3{
    font-size: calc(24 / var(--base-font) * 1rem) !important;
}

.our-services .our-services_card p{
    font-size: calc(22 / var(--base-font) * 1rem) !important;
}

.our-services_card_content a{
    text-decoration: underline;
    color: #FFF;
    font-size: calc(18 / var(--base-font) * 1rem);
    padding-top: calc(23 / var(--base-font) * 1rem);
}

.our-services .column_button a{
    margin-top: calc(90 / var(--base-font) * 1rem) !important;
    border-radius: calc(10 / var(--base-font) * 1rem) !important;
    font-size: calc(18 / var(--base-font) * 1rem) !important;
    color: #fff !important;
    font-weight: 700;
    padding: calc(19 / var(--base-font) * 1rem) calc(50 / var(--base-font) * 1rem);
    background-color: #9000FF !important;
}

/************************************************************/

.quote-section {
    padding : calc(180 / var(--base-font) * 1rem) 0 calc(150 / var(--base-font) * 1rem) 0 !important;
}

.quote-section .quote-section_inner {
    margin: 0 auto;
    max-width: calc(1436 / var(--base-font) * 1rem) !important;
    position: relative;
}

.quote-section .quote-section_inner p{
    font-size: calc(26 / var(--base-font) * 1rem) !important;
    line-height: 170% !important;
}

.quote-section .quote-section_inner img.img_quote_1{
    position: absolute;
    top: calc(-72 / var(--base-font) * 1rem);
    left: 0;
    height: calc(89 / var(--base-font) * 1rem);
}

.quote-section .quote-section_inner img.img_quote_2{
    position: absolute;
    bottom: calc(0 / var(--base-font) * 1rem);
    right: 0;
    height: calc(89 / var(--base-font) * 1rem)
}

.quote-section .quote-section_inner .quote-section_text {
    position:static;
    margin: 0 auto;
    max-width: calc(1140 / var(--base-font) * 1rem) !important;
    font-size: calc(28 / var(--base-font) * 1rem);
    line-height: 150%;
}

/**************************************section how we are ********************/
.section-how-we-are {
    color: #000 !important;
    padding: calc(1340 / var(--base-font) * 1rem);
    padding: calc(133 / var(--base-font) * 1rem) 0 calc(100 / var(--base-font) * 1rem) 0;
}

.section-how-we-are > .section_wrapper {
    max-width: calc(1340 / var(--base-font) * 1rem);
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    gap: calc(124 / var(--base-font) * 1rem) !important;
}

.section-how-we-are h2{
    color: #5F00D1;
    font-size: calc(60 / var(--base-font) * 1rem) !important;
    margin-bottom: calc(48 / var(--base-font) * 1rem) !important;
    
}
.section-how-we-are p{
    color: #000 ;
    font-size: calc(24 / var(--base-font) * 1rem) !important;
}
.section-how-we-are_col-left  {
    max-width: calc(478 / var(--base-font) * 1rem)
}

.section-how-we-are_col-left img {
    
}

.section-how-we-are_col-right {
    max-width: calc(738 / var(--base-font) * 1rem)
}
.section-how-we-are_col-right .mcb-item-button-inner a.button {
    background-color: #9000FF;
    color: #fff;
    border-radius: calc(10 / var(--base-font) * 1rem);
    margin-top: calc(48 / var(--base-font) * 1rem) !important;
}
.section-how-we-are > .section_wrapper::after {
    display: none;
}
/*******************************section nos valeurs********************************/

.section-our-values {
    padding: calc(100 / var(--base-font) * 1rem) 0 calc(100 / var(--base-font) * 1rem) 0 !important;
}

.section-our-values h2{
    font-size: calc(60 / var(--base-font) * 1rem) !important;
    margin: 0 0 calc(50 / var(--base-font) * 1rem) 0 !important
}

.section-our-values h3{
    font-size: calc(22 / var(--base-font) * 1rem) !important;
    color: #FFF !important;
}

.section-our-values p{
    font-size: calc(16 / var(--base-font) * 1rem) !important;
}

.section-our-values .section-our-values_cards-wrap .mcb-item-column-inner {
    padding: calc(20 / var(--base-font) * 1rem) !important;
    border-radius: calc(20 / var(--base-font) * 1rem) !important;
}

.section-our-values .section-our-values_cards-wrap .mcb-wrap-inner{
    max-width: calc(1320 / var(--base-font) * 1rem) !important;
    gap: calc(60 / var(--base-font) * 1rem) !important;
    margin: 0 auto;
    display: flex;
}
.section-our-values_card {
    width: calc(33.33% - calc(40 / var(--base-font) * 1rem)) !important;
    
}

.section-our-values .section-our-values_cards-wrap .column_attr{
    background-color: rgba(0, 0, 0, 0.5) ;
    padding: calc(32 / var(--base-font) * 1rem) !important;
}

.section-our-values .section-our-values_cards-wrap .column_attr h3{
    font-size: calc(22 / var(--base-font) * 1rem) !important;
}

.section-our-values .section-our-values_cards-wrap .column_attr p{
    font-size: calc(20 / var(--base-font) * 1rem) !important;
}

.section-our-values .section-our-values_cards-wrap .column_attr hr {
    
    width: 100% !important;
    margin: calc(20 / var(--base-font) * 1rem) 0 0 0;
    border: calc(0.5 / var(--base-font) * 1rem) solid #D1D0D0 !important;
    
}

/***********************************section-video**************************************************/

.section-video {
    padding: calc(146 / var(--base-font) * 1rem) 0 calc(129 / var(--base-font) * 1rem) 0 !important;
}

.section-video .section-video_wrap {
    max-width: calc(1000 / var(--base-font) * 1rem) !important;
    margin: 0 auto;
}

.section-video .section-video_wrap .section-video_col-1 {
    width: 50% !important;
    /*margin-left: calc(29 / var(--base-font) * 1rem) !important;*/
    margin-top: calc(281 / var(--base-font) * 1rem) !important;
}

.section-video .section-video_wrap .section-video_col-1 .column_attr {
  padding: calc(64 / var(--base-font) * 1rem) calc(45 / var(--base-font) * 1rem) calc(64 / var(--base-font) * 1rem) calc(45 / var(--base-font) * 1rem) !important;  
  margin-left: calc(29 / var(--base-font) * 1rem) !important;
  width: calc(416 / var(--base-font) * 1rem) !important;
  border-radius: calc(20 / var(--base-font) * 1rem) !important;
  background-color: #290159 !important;
}
.section-video .section-video_wrap .section-video_col-1 .column_attr p{
    font-size: calc(22 / var(--base-font) * 1rem) !important;
 }



.section-video .section-video_wrap .section-video_col-1 .column_attr h3{
    font-size: calc(30 / var(--base-font) * 1rem) !important;
    margin-bottom: calc(30 / var(--base-font) * 1rem) !important;
}

.section-video .section-video_wrap .section-video_col-2 {
    width: 50% !important;
    /*margin-right: calc(22 / var(--base-font) * 1rem) !important;*/
    margin-top: calc(80 / var(--base-font) * 1rem) !important;
}

.section-video .section-video_wrap .section-video_player .image_frame {
    margin: 0 !important;
    margin-left: calc(309 / var(--base-font) * 1rem) !important;
    width: calc(191 / var(--base-font) * 1rem);
    display: none;
}

.section-video .section-video_wrap .section-video_player img{
    height: calc(191 / var(--base-font) * 1rem);
    width: calc(191 / var(--base-font) * 1rem);
}

/*********************************section-testimonials**********************************************/

.section-testimonials {
    padding: calc(100 / var(--base-font) * 1rem) 0 calc(100 / var(--base-font) * 1rem) 0 !important;
}

.section-testimonials .heading h2{
    font-size: calc(60 / var(--base-font) * 1rem) !important;
    color: #5F00D1 !important;
}

.section-testimonials .heading p{
    font-size: calc(28 / var(--base-font) * 1rem) !important;
    color: #000 !important;
    margin-bottom: calc(84 / var(--base-font) * 1rem) !important;;
}

.section-testimonials_card {
padding:  0 !important;
}

.section-testimonials .section-testimonials_cards-wrap > .mcb-wrap-inner{
    max-width: calc(1075 / var(--base-font) * 1rem) !important;
    gap: calc(108 / var(--base-font) * 1rem) !important;
    margin: 0 auto;
    display: flex;
}

.section-testimonials_cards-wrap::after , .section-testimonials_cards-wrap::before {
    display: none;
}

.section-testimonials_card {
    width: calc(33.33% - calc(72 / var(--base-font) * 1rem)) !important;   
}

.section-testimonials_card h3 {
    margin-top: calc(30 / var(--base-font) * 1rem);
}

.section-testimonials_card  > .mcb-wrap-inner > .column:nth-child(2) {
    margin-bottom: calc(20 / var(--base-font) * 1rem) !important;
}

.testimonials_card-header .column_attr p{
    display: flex;
    align-items: flex-start;
    gap: calc(54 / var(--base-font) * 1rem);
}

.testimonials_card-header .column_attr p img:nth-child(1){
    height: calc(90 / var(--base-font) * 1rem);
    width: calc(90 / var(--base-font) * 1rem);
}

.testimonials_card-header .column_attr p img:nth-child(2){
    margin-top: calc(10 / var(--base-font) * 1rem);
    height: calc(41 / var(--base-font) * 1rem);
}

.testimonials_card-header .column_attr::before , .testimonials_card-header .column_attr::after {
    display: none;
}

.testimonials_card-content h3 {
    font-size: calc(20 / var(--base-font) * 1rem) !important;
    color: #5F00D1 !important;
} 

.testimonials_card-content p {
    font-size: calc(20 / var(--base-font) * 1rem) !important;
    color: #000 !important;
}
/**************************posts*********************************/

.section-heading-latest-posts .section_wrapper{
    max-width: calc(1320 / var(--base-font) * 1rem) !important;
    padding-top: calc(100 / var(--base-font) * 1rem) !important;
    margin: 0 auto !important;
}

/********/

.section-latest-posts .section_wrapper {
    max-width: calc(1320 / var(--base-font) * 1rem) !important;
    margin: 0 auto !important;
    padding-top: calc(80 / var(--base-font) * 1rem) !important;
    padding-bottom: calc(100 / var(--base-font) * 1rem) !important;
}

.section-latest-posts>.section_wrapper {
    display: flex;
    gap: calc(60 / var(--base-font) * 1rem) !important;
}

.section-latest-posts_content h5.title a {
    font-size: 14px !important;
    line-height: 140%;

}

.section-latest-posts_content .mcb-item-heading-inner .title {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1.6 !important;
    max-height: 3.2em !important;
    /* 2 lignes * line-height */
}

.section-latest-posts_content .mcb-item-heading-inner a {
    color: #ffffff !important;
    display: block;
    margin-top: 10px;
}


.section-latest-posts>.section_wrapper::after,
.section-latest-posts>.section_wrapper::before {
    display: none;
}

.section-latest-posts>.section_wrapper>.mfn-queryloop-item-wrapper {
    width: calc(33.33% - calc(40 / var(--base-font) * 1rem)) !important;
    padding: 0 !important;
}

.section-latest-posts>.section_wrapper>.mfn-queryloop-item-wrapper>.mcb-wrap:first-child>.mcb-wrap-inner {
    padding-top: 85% !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    border-radius: calc(20 / var(--base-font) * 1rem) !important;
    position: relative;
}

.section-latest-posts>.section_wrapper>.mfn-queryloop-item-wrapper>.mcb-wrap:first-child>.mcb-wrap-inner .column {
    position: absolute;
    right: calc(20 / var(--base-font) * 1rem);
    bottom: calc(20 / var(--base-font) * 1rem);
    padding: calc(9 / var(--base-font) * 1rem) calc(13 / var(--base-font) * 1rem);
    background-color: #fff;
}

.section-latest-posts>.section_wrapper>.mfn-queryloop-item-wrapper>.mcb-wrap:nth-child(2) ul.mfn-tag-cloud li {
    font-size: calc(14 / var(--base-font) * 1rem);
    margin-bottom: calc(20 / var(--base-font) * 1rem);
}

.section-latest-posts>.section_wrapper>.mfn-queryloop-item-wrapper>.mcb-wrap:nth-child(2) ul.mfn-tag-cloud {
    padding-left: calc(30 / var(--base-font) * 1rem);
    position: relative;
}

.section-latest-posts>.section_wrapper>.mfn-queryloop-item-wrapper>.mcb-wrap:nth-child(2) ul.mfn-tag-cloud::before {
    position: absolute;
    content: "";
    height: calc(2 / var(--base-font) * 1rem);
    background-color: #5F00D1;
    left: 0;
    top: calc(15 / var(--base-font) * 1rem);
    ;
    width: calc(20 / var(--base-font) * 1rem);


}

.section-latest-posts>.section_wrapper>.mfn-queryloop-item-wrapper>.mcb-wrap:nth-child(2) ul.mfn-tag-cloud li a {
    color: #fff;
}

.section-latest-posts>.section_wrapper>.mfn-queryloop-item-wrapper>.mcb-wrap:nth-child(2) h4 {
    font-size: calc(24 / var(--base-font) * 1rem);
    line-height: 150%;
    margin-bottom: calc(20 / var(--base-font) * 1rem);
    text-transform: uppercase;
}

.section-latest-posts>.section_wrapper>.mfn-queryloop-item-wrapper>.mcb-wrap:nth-child(2) h4 a {
    text-decoration: underline !important;
}

.section-latest-posts>.section_wrapper>.mfn-queryloop-item-wrapper>.mcb-wrap:nth-child(2) span.title {
    font-size: calc(16 / var(--base-font) * 1rem);
    line-height: 150%;
}

.section-latest-posts_content {
    display: flex;
    flex-wrap: wrap;
    gap: calc(30 / var(--base-font) * 1rem) 0;
}

.section-latest-posts_content :nth-child(2) {
    width: calc(50% - calc(15 / var(--base-font) * 1rem)) !important;
}

.section-latest-posts_content :nth-child(3) {
    width: calc(50% - calc(15 / var(--base-font) * 1rem)) !important;
}

.section-latest-posts_content :nth-child(3) h5 {
    font-weight: 500 !important;
}

.section-latest-posts_content :nth-child(3) h5 {
    text-align: right !important;
}

.section-latest-posts-btn {
    padding-bottom: calc(100 / var(--base-font)* 1rem);
    background-color: #06005e !important;
}

.section-latest-posts-btn .section_wrapper .column_button .button {
    background-color: #9000FF !important;
    border-radius: calc(10 / var(--base-font)* 1rem) !important;
    color: #fff !important;
    font-weight: 600;
}
/******************************section-slider*****************************/

.section-slider {
padding-top: calc(100 / var(--base-font) * 1rem) !important;
padding-bottom: calc(100 / var(--base-font) * 1rem) !important;
}

.section-slider .blog_slider_header {
    position: relative;
}

.section-slider .blog_slider_header::before {
    position: absolute;
    left: 0;
    top: 50%;
    visibility: visible;
    width: calc(725 / var(--base-font) * 1rem) !important;
    height: calc(1 / var(--base-font) * 1rem) !important;
    background-color: #F2F2F2;
}

.section-slider .blog_slider_header h3 {
    margin: 0 auto !important;
}

.section-slider {
      
}

.section-slider .blog_slider_header {
    max-width: calc(1708 / var(--base-font) * 1rem) !important;
    margin: 0 auto;
}

.section-slider .blog_slider_header::after {
    position: absolute;
    right: 0;
    top: 50%;
    visibility: visible;
    width: calc(725 / var(--base-font) * 1rem) !important;
    height: calc(1 / var(--base-font) * 1rem) !important;
    background-color: #F2F2F2;
}

.clients_slider ul.slick-slider {
    max-height: calc(143 / var(--base-font) * 1rem);
    height: calc(243 / var(--base-font) * 1rem);
}

ul.clients .client_wrapper{
    height: auto;
}

.section-slider h3 {
    margin-bottom: calc(50 / var(--base-font) * 1rem) !important;
    text-transform: uppercase;
}

.section-slider .slider_navigation{
    display: none !important;
} 

.clients_slider ul.slick-slider li img {
    height: calc(143 / var(--base-font) * 1rem);
    width: auto;
    max-height: calc(143 / var(--base-font) * 1rem);
}


/****************************page 3*******************************/

/****************************section-digital-marketing-items*******************************/

.section-digital-marketing_heading {
    width:  calc(1323 / var(--base-font) * 1rem) !important;
    margin: 0 auto !important;
    padding: calc(100 / var(--base-font) * 1rem) 0 !important;
}

.section-digital-marketing_heading p{
    font-size: calc(26 / var(--base-font) * 1rem) !important;
    text-align: justify !important;
}

.section-digital-marketing_items{
    max-width:  calc(1246 / var(--base-font) * 1rem) !important;
    margin: 0 auto !important;
    /*padding: calc(69 / var(--base-font) * 1rem) calc(108.5 / var(--base-font) * 1rem) !important;*/
    border-radius: calc(20 / var(--base-font) * 1rem) !important;
}

.section-digital-marketing_items h3{
    font-size: calc(28 / var(--base-font) * 1rem) !important;
}

.section-digital-marketing_items p{
    font-size: calc(24 / var(--base-font) * 1rem) !important;
}

.section-digital-marketing_items img{
    height: calc(76 / var(--base-font) * 1rem) !important;
    width: auto !important;
    margin-bottom: calc(30 / var(--base-font) * 1rem);
}

.section-digital-marketing_items > .mcb-wrap-inner {
 display: flex;
 gap: calc(106 / var(--base-font) * 1rem) !important;
}

.section-digital-marketing_items > .mcb-wrap-inner .column {
   width: calc(50% - calc(106 / var(--base-font) * 1rem)) !important;
}

.section-digital-marketing_items > .mcb-wrap-inner .column .hover_color_wrapper {
    padding: 0 !important;
    border: none !important;
}

/****************************page 4*******************************/

.section-lead-generation_heading {

}
.section-lead-generation_heading> .section_wrapper {
    max-width:  calc(1323 / var(--base-font) * 1rem) !important;
    margin: 0 auto !important;
}

.section-lead-generation_heading h2{
    max-width:  calc(1098 / var(--base-font) * 1rem) !important;
    margin-bottom: calc(50 / var(--base-font) * 1rem) !important;
    font-size:  calc(60 / var(--base-font) * 1rem) !important;
}

.section-lead-generation_heading p{
    font-size:  calc(26 / var(--base-font) * 1rem) !important;
    margin-bottom: calc(50 / var(--base-font) * 1rem) !important;
}

/*****/

.section-lead-generation_grid > .section_wrapper { 
    max-width: calc(1246 / var(--base-font) * 1rem) !important;
    margin: 0 auto;
    border-radius: calc(20 / var(--base-font) * 1rem) !important;
    background-color: #31006c !important;
    padding: calc(50 / var(--base-font) * 1rem) calc(150 / var(--base-font) * 1rem) !important;
  
}

.section-lead-generation_grid h3, .section-lead-generation_grid  p {  
    font-size : calc(26 / var(--base-font) * 1rem) !important;
}

.section-lead-generation_grid img {
    height: calc(50 / var(--base-font) * 1rem) !important;
    width: auto;
}

.section-lead-generation_grid_row-1 img {
 height: calc(74 / var(--base-font) * 1rem) !important;;
}

.section-lead-generation_grid_row-2 img {
    height: calc(50 / var(--base-font) * 1rem) !important;;
   }
   

.section-lead-generation_grid_row-3 {

}

.section-lead-generation_grid_row-3 > .mcb-wrap-inner div:nth-child(2){
    width: 12.5% !important;
}

.section-lead-generation_grid_row-3 > .mcb-wrap-inner div:nth-child(3){
    width: 25% !important;
}

.section-lead-generation_grid_row-3 > .mcb-wrap-inner div:nth-child(4){
    width: 12.5% !important;
}

.section-lead-generation_grid_row-3 > .mcb-wrap-inner div:nth-child(5){
    width: 12.5% !important;
}

.section-lead-generation_grid_row-3 > .mcb-wrap-inner div:nth-child(6){
    width: 25% !important;
}

.section-lead-generation_grid_row-3 > .mcb-wrap-inner div:nth-child(7){
    width: 12.5% !important;
}

.section-lead-generation_grid_row-5 img {
    height: calc(89 / var(--base-font) * 1rem) !important;;
}
   

.section-lead-generation_grid_row-5 {

}

.section-lead-generation_grid_row-6 {

}

.section-lead-generation_grid_row-6 p{

}

.section-lead-generation_grid_row-7 img {
    height: calc(123 / var(--base-font) * 1rem) !important;;
   }
   

.section-lead-generation_grid_row-3  .hover_color .hover_color_wrapper {
    text-decoration: none;
    padding: calc(25 / var(--base-font) * 1rem) 0 !important;
}

.section-lead-generation_grid_row-4  .hover_color .hover_color_wrapper {
    text-decoration: none;
    padding: calc(20 / var(--base-font) * 1rem) 0 !important;
}

.section-lead-generation_grid_row-6  .hover_color .hover_color_wrapper {
    text-decoration: none;
    padding: 0 0 0 calc(182 / var(--base-font) * 1rem) !important ;
}
/****************************section-conseil-en-digital-items*******************************/
.section-conseil-en-digital {
    
}
.section-conseil-en-digital_heading {
    max-width:  calc(1323 / var(--base-font) * 1rem) !important;
    margin: 0 auto !important;
    padding: calc(100 / var(--base-font) * 1rem) 0 !important;
}

.section-conseil-en-digital_heading p {
    font-size: calc(26 / var(--base-font) * 1rem) !important;
}

.section-conseil-en-digital_items{
    max-width:  calc(1285 / var(--base-font) * 1rem) !important;
    margin: 0 auto !important;
    
    
}
.section-conseil-en-digital_items img{
    height: calc(76 / var(--base-font) * 1rem) !important;
    width: auto !important;
}
.section-conseil-en-digital_items > .mcb-wrap-inner {
 display: flex;
 gap: calc(65 / var(--base-font) * 1rem) !important;
 justify-content: center;
}
.section-conseil-en-digital_items > .mcb-wrap-inner .column {
    width: calc(50% - calc(32.5 / var(--base-font) * 1rem)) !important;
    background-color: #090173;
    border-radius: calc(20 / var(--base-font) * 1rem) !important;
    padding: calc(57.5 / var(--base-font) * 1rem) !important;
}
.section-conseil-en-digital_items > .mcb-wrap-inner .column .hover_color_wrapper {
    padding: 0 !important;
    border: none !important;
}
.section-conseil-en-digital_items > .mcb-wrap-inner .column img {
    margin-bottom: calc(30 / var(--base-font) * 1rem);
}
.section-conseil-en-digital_items h3 {
    font-size: calc(28 / var(--base-font) * 1rem) !important;
}
.section-conseil-en-digital_items p {
    font-size: calc(24 / var(--base-font) * 1rem) !important;
}
/****************************page 5*******************************/
.section-page-design-items > .section_wrapper{
    max-width: calc(1168 / var(--base-font) * 1rem) !important;
    margin: 0 auto !important;
} 
.section-page-design-items > .section_wrapper > .wrap > .mcb-wrap-inner {
    display: flex;
    gap: calc(120 / var(--base-font) * 1rem) !important;
}
.section-page-design-items > .section_wrapper > .wrap > .mcb-wrap-inner > .column {
    width: calc(50% - calc(60 / var(--base-font) * 1rem)) !important;
    border-radius: calc(20 / var(--base-font) * 1rem) !important;
}
.section-page-design-items > .section_wrapper > .wrap > .mcb-wrap-inner > .column > div {
    border-radius: calc(20 / var(--base-font) * 1rem) !important;
}
.section-page-design-items > .section_wrapper > .wrap > .mcb-wrap-inner > .column .trailer_box {
    position: relative;
}
.section-page-design-items > .section_wrapper > .wrap > .mcb-wrap-inner > .column img.scale-with-grid {
    width: 100%;
}
.section-page-design-items > .section_wrapper > .wrap > .mcb-wrap-inner > .column .desc{
    position: absolute;
    bottom: calc(20 / var(--base-font) * 1rem);
    left: calc(20 / var(--base-font) * 1rem);
    width: calc(100% - calc(40 / var(--base-font) * 1rem));
    font-size: calc(20 / var(--base-font) * 1rem) !important;
    line-height: 150% !important;
    background: rgba(6, 0, 94, 0.6);
    padding: calc(48.5 / var(--base-font) * 1rem) calc(20 / var(--base-font) * 1rem) !important ;
}
.section-page-design-items .column .desc h3{ 
    margin: 0 !important;

}

.section-page-design-content > .section_wrapper {
    max-width: calc(1462 / var(--base-font) * 1rem) !important;
    border-radius: calc(20 / var(--base-font) * 1rem) !important;
    margin: 0 auto !important;
    padding: calc(70 / var(--base-font) * 1rem) !important;
}

.section-page-design-content p{

    font-size: calc(26 / var(--base-font) * 1rem) !important;

}

/****************************page 6*******************************/
/****************************page 7 ******************************/

.section-nos-produits-heading {
    
    
}

.section-nos-produits-heading >.section_wrapper {
    max-width: calc(1543 / var(--base-font) * 1rem) !important;
    margin: 0 auto;
color: #000 !important;
    padding: calc(100 / var(--base-font) * 1rem) 0 !important;
    font-size: calc(26 / var(--base-font) * 1rem) !important;
    line-height: 150%;

}
.section-nos-produits_text-image {
    background-color: #101010;
    position: relative;
    padding-bottom: calc(120 / var(--base-font) * 1rem);
}
.section-nos-produits_text-image::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    
    height: calc(73 / var(--base-font) * 1rem);
    background-color: #190235;
}
.section-nos-produits_text-image .section_wrapper{
    
    max-width: calc(1276 / var(--base-font) * 1rem) !important; 
    margin: 0 auto;

}
.section-nos-produits_text-image .section_wrapper h2{
    line-height: 100%;
    margin-bottom: calc(40 / var(--base-font) * 1rem);
}
.section-nos-produits_text-image .section_wrapper h3{
    font-size: calc(40 / var(--base-font) * 1rem) !important;
}
.section-nos-produits_text-image .section_wrapper p{
    font-size: calc(24 / var(--base-font) * 1rem) !important;
}
.section-nos-produits_text-image img{
    height: calc(623 / var(--base-font) * 1rem) !important; 
     width: auto !important; 
}
/*****/

.section-meet-our-team .section_wrapper{
    max-width: calc(1008 / var(--base-font) * 1rem) !important;
}

.section-meet-our-team_cards-wrap > .mcb-wrap-inner{
    display: flex;
    gap: calc(48 / var(--base-font) * 1rem) !important;
}

.section-meet-our-team_cards-wrap > .mcb-wrap-inner > .wrap {
    width: calc(33.33% - calc(32 / var(--base-font) * 1rem)) !important;
}
.section-meet-our-team .section-meet-our-team_cards-wrap .mcb-wrap-inner > .mcb-wrap > .mcb-wrap-inner > .column_image{
    margin-bottom: calc(20 / var(--base-font) * 1rem);
}

.section-meet-our-team img {
    border-radius: calc(20 / var(--base-font) * 1rem) !important;
}
/*********************************page 8***********************************/
/*********************************page 8***********************************/

.section-grid-projects_cards-wrap{
    max-width: calc(1539 / var(--base-font) * 1rem) !important;
    margin: 0 auto;
}

.section-grid-projects_cards-wrap > .mcb-wrap-inner {
    display: grid;
    gap: calc(80 / var(--base-font) * 1rem) calc(95 / var(--base-font) * 1rem);
    grid-template-columns: auto auto auto;
    grid-template-rows: calc(407 / var(--base-font) * 1rem)
                        calc(155 / var(--base-font) * 1rem)
                        calc(407 / var(--base-font)* 1rem)
                        calc(565 / var(--base-font) * 1rem);
}

.section-grid-projects_cards-wrap > .mcb-wrap-inner > .column {
    height: 100% ;
    width: 100%;
}

.section-grid-projects_cards-wrap > .mcb-wrap-inner > .column > .mcb-column-inner{
    height: 100% ;
    border-radius: calc(20 / var(--base-font) * 1rem) !important;
   
}




.section-grid-projects_cards-wrap > .mcb-wrap-inner > .column:nth-child(2) {
    grid-row: 1 / 3;
    grid-column: 1 / 2;
    
}
.section-grid-projects_cards-wrap > .mcb-wrap-inner > .column:nth-child(3) {
    grid-row: 1 / 2;
    grid-column: 2 / 3;
}
.section-grid-projects_cards-wrap > .mcb-wrap-inner > .column:nth-child(4) {
    grid-row: 1 / 3;
    grid-column: 3 / 4;
}
.section-grid-projects_cards-wrap > .mcb-wrap-inner > .column:nth-child(5) {
    grid-row: 3 / 4;
    grid-column: 1 / 2;
}
.section-grid-projects_cards-wrap > .mcb-wrap-inner > .column:nth-child(6) {
    grid-row: 2 / 4;
    grid-column: 2 / 3;
}
.section-grid-projects_cards-wrap > .mcb-wrap-inner > .column:nth-child(7) {
    grid-row: 3 / 4;
    grid-column: 3 / 4;
}
.section-grid-projects_cards-wrap > .mcb-wrap-inner > .column:nth-child(8) {
    grid-row: 4 / 5;
    grid-column: 1 / 2;
}
.section-grid-projects_cards-wrap > .mcb-wrap-inner > .column:nth-child(9) {
    grid-row: 4 / 5;
    grid-column: 2 / 3;
}
.section-grid-projects_cards-wrap > .mcb-wrap-inner > .column:nth-child(10) {
    grid-row: 4 / 5;
    grid-column: 3 / 4;
}

.section-grid-projects_cards-wrap > .mcb-wrap-inner > .column .hover_color_bg{
position: relative;
    
}

.section-grid-projects_cards-wrap > .mcb-wrap-inner > .column .hover_color_bg{
    position: relative;       
}

.section-grid-projects_cards-wrap > .mcb-wrap-inner > .column .hover_color_bg a{
   
    display: none;
    transition: all 2s ease-out;          
}

.section-grid-projects_cards-wrap > .mcb-wrap-inner > .column > .mcb-column-inner h3{
    font-size: calc(40 / var(--base-font) * 1rem) !important;
    text-decoration: underline;
    text-transform: uppercase;
}
.section-grid-projects_cards-wrap > .mcb-wrap-inner > .column .hover_color_bg p{
    font-size:  calc(24 / var(--base-font) * 1rem) !important;        
} 
.section-grid-projects_cards-wrap > .mcb-wrap-inner > .column:hover .hover_color_bg a,
.section-grid-projects_cards-wrap > .mcb-wrap-inner > .column:active .hover_color_bg a{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(6, 0, 94, 0.9);
    border-radius: calc(20 / var(--base-font) * 1rem) !important;
    padding: calc(61 / var(--base-font) * 1rem) calc(20 / var(--base-font) * 1rem);
         
}
/***********************************/
.section-influence-heading  {
    max-width: calc(1307 / var(--base-font) * 1rem) !important;
    margin: 0 auto;
    background-color: #190235;
    border-radius: calc(20 / var(--base-font) * 1rem) !important;
    margin-top: calc(76 / var(--base-font) * 1rem) !important;
    padding: calc(50 / var(--base-font) * 1rem) calc(95 / var(--base-font) * 1rem) !important ;
}

.section-influence-heading p{
    font-size: calc(26 / var(--base-font) * 1rem) !important;
    
}

.section-grid-influence_cards-wrap{
    max-width: calc(1008 / var(--base-font) * 1rem) !important;
    margin: 0 auto;
}
.section-grid-influence_cards-wrap > .mcb-wrap-inner {
    
    display: grid;
    gap: calc(20 / var(--base-font) * 1rem);
    grid-template-columns: auto auto auto;
    grid-template-rows: calc(305.3 / var(--base-font) * 1rem)
                        calc(99.81 / var(--base-font) * 1rem)
                        calc(3.77 / var(--base-font)* 1rem)
                        calc(289.82 / var(--base-font) * 1rem)
                        calc(3.77 / var(--base-font) * 1rem)
                        calc(7.94 / var(--base-font) * 1rem)
}
.section-grid-influence_cards-wrap > .mcb-wrap-inner > .column {
    height: 100% ;
    width: 100%;
}
.section-grid-influence_cards-wrap > .mcb-wrap-inner > .column > .mcb-column-inner{
    height: 100% ;
    border-radius: calc(20 / var(--base-font) * 1rem) !important; 
}
.section-grid-influence_cards-wrap > .mcb-wrap-inner > .column:nth-child(2) {
    grid-row: 1 / 4;
    grid-column: 1 / 2;
}

.section-grid-influence_cards-wrap > .mcb-wrap-inner > .column:nth-child(3) {
    grid-row: 1 / 2;
    grid-column: 2 / 3;
}
.section-grid-influence_cards-wrap > .mcb-wrap-inner > .column:nth-child(4) {
    grid-row: 1 / 3;
    grid-column: 3 / 4;
}
.section-grid-influence_cards-wrap > .mcb-wrap-inner > .column:nth-child(5) {
    grid-row: 4 / 6;
    grid-column: 1 / 2;
}
.section-grid-influence_cards-wrap > .mcb-wrap-inner > .column:nth-child(6) {
    grid-row: 2 / 7;
    grid-column: 2 / 3;
}
.section-grid-influence_cards-wrap > .mcb-wrap-inner > .column:nth-child(7) {
    grid-row: 3 / 5;
    grid-column: 3 / 4;
}

/********************************************************************/
.blog-posts {
    padding-top: calc(110 / var(--base-font) * 1rem);
    padding-bottom: calc(110 / var(--base-font) * 1rem);
}
.blog-posts .site-container .site-row {
    display: flex;
    max-width: calc(1273 / var(--base-font) * 1rem);
    flex-wrap: wrap;
    gap: calc(130 / var(--base-font) * 1rem);
    margin: 0 auto;
}

.blog-posts .site-container .site-row > article{
    width: calc(50% - calc(65 / var(--base-font) * 1rem)) !important;

}
.blog-posts .site-container .site-row > article h2{
    font-size: calc(34 / var(--base-font) * 1rem) !important;
    line-height: 150%;

}
.blog-posts .site-container .site-row > article .post-thumbnail {
position: relative;
}
.blog-posts .site-container .site-row > article {
    border-bottom: calc(1 / var(--base-font) * 1rem) solid #cccccc;
    padding-bottom: calc(50 / var(--base-font) * 1rem);
}
.blog-posts .site-container .site-row > article .post-thumbnail .post-date {
    position: absolute;
    color: #5F00D1;
    font-size: calc(17 / var(--base-font) * 1rem);
    bottom: calc(28 / var(--base-font) * 1rem);
    right: calc(28 / var(--base-font) * 1rem);
    background-color: #FFF;
    padding: calc(12 / var(--base-font) * 1rem) calc(18 / var(--base-font) * 1rem);
}
.blog-posts .site-container .site-row > article .post-thumbnail img {
    width: 100%;
}

.blog-posts .pagination {
    padding-top: calc(100 / var(--base-font) * 1rem);
    text-align: center;
}
/****************************Category************************************/
    body.archive .site-container {
        padding-top: calc(110 / var(--base-font) * 1rem);
        padding-bottom: calc(110 / var(--base-font) * 1rem);
    }

    body.archive .site-container .post-list {
        display: flex;
        max-width: calc(1273 / var(--base-font) * 1rem);
        flex-wrap: wrap;
        gap: calc(130 / var(--base-font) * 1rem);
        margin: 0 auto;
    }
    
    body.archive .site-container .post-list > article{
        width: calc(50% - calc(65 / var(--base-font) * 1rem)) !important;
    
    }
    body.archive .site-container .post-list > article h2{
        font-size: calc(34 / var(--base-font) * 1rem) !important;
        line-height: 150%;
    
    }
    body.archive .site-container .post-list > article .post-thumbnail {
    position: relative;
    }
    body.archive .site-container .post-list > article {
        border-bottom: calc(1 / var(--base-font) * 1rem) solid #cccccc;
        padding-bottom: calc(50 / var(--base-font) * 1rem);
    }
    body.archive .site-container .post-list > article .post-thumbnail .post-date {
        position: absolute;
        color: #5F00D1;
        font-size: calc(17 / var(--base-font) * 1rem);
        bottom: calc(28 / var(--base-font) * 1rem);
        right: calc(28 / var(--base-font) * 1rem);
        background-color: #FFF;
        padding: calc(12 / var(--base-font) * 1rem) calc(18 / var(--base-font) * 1rem);
    }
    body.archive .site-container .post-list > article .post-thumbnail img {
        width: 100%;
    }
    
    body.archive .pagination {
        padding-top: calc(100 / var(--base-font) * 1rem);
        text-align: center;
    }
/******************************** single page ***************************/

 .sub-header-post {
    padding: calc(100 / var(--base-font) * 1rem) 0;
    min-height: calc(435 / var(--base-font) * 1rem);
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.post-cover {
    width: 100%;
    height: auto;
}
.sub-header-post .sub-header-post_inner {
    text-align: center;
    max-width: calc(1400 / var(--base-font) * 1rem);
    margin: 0 auto;
}
.sub-header-post .sub-header-post_inner h1{
    font-size: calc(80 / var(--base-font) * 1rem) !important;
}
.sub-header-post .sub-header-post_inner h2{
    font-size: calc(24 / var(--base-font) * 1rem) !important;
}
.content-post {
    background-color: #fff;
    padding-top: calc(100 / var(--base-font) * 1rem);
    padding-bottom: calc(100 / var(--base-font) * 1rem);
    margin-top: calc(-10 / var(--base-font) * 1rem);
}
.content-post h2{
    color: #5F00D1;
    font-size: calc(48 / var(--base-font) * 1rem) !important;
}
.content-post .content-post_inner {
    max-width: calc(1402 / var(--base-font) * 1rem) !important;
    margin: 0 auto;
    color: #000;

}
.single .related-posts {
    max-width: calc(1400 / var(--base-font) * 1rem);
    margin: 0 auto;
    padding-top: calc(100 / var(--base-font) * 1rem);
    padding-bottom: calc(100 / var(--base-font) * 1rem);
}
.related-posts .related-posts_heading{
    text-align: center;
}
.single .related-posts .related-posts_cards-wrap{
 display: flex;
 gap: calc(50 / var(--base-font) * 1rem) ;
 
}
.single .related-posts .related-posts_cards-wrap > article{
   
    width: calc(25% - calc(37.5 / var(--base-font) * 1rem));
}
.post-thumbnail-post {
    padding-top: 85%;
    border-radius: calc(20 / var(--base-font) * 1rem);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.post-categories a{
    color: #fff;
}
.post-categories-dates {
    display: flex;
    justify-content: space-between;
    margin-top: calc(15 / var(--base-font) * 1rem);
    margin-bottom: calc(15 / var(--base-font) * 1rem);
    position: relative;
    font-size: (22 / var(--base-font) * 1rem) !important;
}
.post-related-title span{
    font-size: calc(15 / var(--base-font) * 1rem) ;
}
.post-related-title h4{
    font-size: calc(20 / var(--base-font) * 1rem) ;
}
.post-related-title h4 {
    font-size: calc(20 / var(--base-font) * 1rem);
}

.post-content h4 {
    font-size: calc(25 / var(--base-font) * 1rem);
    line-height: 150%;
    text-transform: uppercase;
}

.post-content p {
    font-size: calc(24 / var(--base-font) * 1rem);
    line-height: 150%;
}

.post-content .post-categories-dates {
    font-size: calc(14 / var(--base-font) * 1rem) !important;
}

.post-content .post-categories-dates a {
    font-size: inherit;
}

.post-content .post-detail {
    display: block !important;
    margin-top: 15px !important;
    color: white !important;
}

.single .sub-header-post h2 {
    text-transform: uppercase;
}
/*********************************************page contact *********************************/
.section-heading-contact {
    background-color: #06005E;   
}

.section-heading-contact > .section_wrapper{
    max-width: calc(968 / var(--base-font) * 1rem) !important;
    margin: 0 auto;
}

.section-heading-contact h3 {
    font-size: calc(40 / var(--base-font) * 1rem) !important;
}

.section-formulaire-contact .section-formulaire-contact_wrap {
    position: relative;
    padding-bottom: calc(100 / var(--base-font) * 1rem);
}

.section-formulaire-contact .section-formulaire-contact_wrap h2{
    font-size: calc(42 / var(--base-font) * 1rem) !important;
    padding-left: calc(10 / var(--base-font) * 1rem);
    margin-top: calc(50 / var(--base-font) * 1rem);
    margin-bottom: calc(50 / var(--base-font) * 1rem);
}

.wpcf7-form .column {
     padding: 0 calc(15 / var(--base-font) * 1rem) calc(30 / var(--base-font) * 1rem); 
}

.section-formulaire-contact .section-formulaire-contact_wrap > .mcb-wrap-inner {
    max-width: calc(1233  / var(--base-font) * 1rem) !important;
    margin: 0 auto;
    position: relative;
    display: flex;
    gap: calc(60 / var(--base-font) * 1rem) !important;
    padding-top: calc(100 / var(--base-font) * 1rem) !important;
}

.section-formulaire-contact .section-formulaire-contact_wrap > .mcb-wrap-inner >.wrap:nth-child(2) {
    width: calc(52% - calc(30 / var(--base-font) * 1rem)) !important;
} 
.section-formulaire-contact .section-formulaire-contact_wrap > .mcb-wrap-inner >.mcb-wrap:nth-child(3) {
    width: calc(48% - calc(30 / var(--base-font) * 1rem)) !important;
} 
.section-formulaire-contact .section-formulaire-contact_wrap > .mcb-wrap-inner h2{
    color: #5F00D1;
}
.section-formulaire-contact .section-formulaire-contact_wrap > .mcb-wrap-inner form input,
.section-formulaire-contact .section-formulaire-contact_wrap > .mcb-wrap-inner form textarea{
    background-color: #F2F2F2;
    font-size: calc(14 / var(--base-font) * 1rem) !important;
    border: none;
    border-radius: calc(10 / var(--base-font) * 1rem) !important;
    color: #000;
}

.section-formulaire-contact .section-formulaire-contact_wrap > .mcb-wrap-inner form input[type=submit] {
    color: #fff;
    background-color: #5F00D1;
    padding: calc(13 / var(--base-font) * 1rem) calc(35 / var(--base-font) * 1rem);
    font-weight: 600;
}

.section-formulaire-contact .section-formulaire-contact_wrap > .mcb-wrap-inner form span {
    margin: 0;
}
.section-formulaire-contact .section-formulaire-contact_wrap > .mcb-wrap-inner form input[type=text] ,
.section-formulaire-contact .section-formulaire-contact_wrap > .mcb-wrap-inner form input[type=email],
.section-formulaire-contact .section-formulaire-contact_wrap > .mcb-wrap-inner form input[type=tel] {
    height: calc(58 / var(--base-font) * 1rem) !important;
    padding:  calc(35 / var(--base-font) * 1rem) calc(20 / var(--base-font) * 1rem);
}
.section-formulaire-contact .section-formulaire-contact_wrap > .mcb-wrap-inner form textarea {
    height: calc(222 / var(--base-font) * 1rem) !important;
    resize: none;
    color: #000;
    height: calc(265 / var(--base-font) * 1rem) !important;
}

.section-formulaire-contact .section-formulaire-contact_wrap > .mcb-wrap-inner .img-formulaire-contact img {
    width: auto !important;
    border-radius: calc(20 / var(--base-font) * 1rem) !important;
}
.section-formulaire-contact .section-formulaire-contact_wrap > .mcb-wrap-inner form label {
    margin: 0;
    padding: 0;
}

.section-formulaire-contact .section-formulaire-contact_wrap > .mcb-wrap-inner form ::placeholder {
    color: #5D5D5D;
    opacity: 1; /* Firefox */
  }
  .section-formulaire-contact  .wpcf7-response-output
 {
    color: #000 !important;
 }

  .section-formulaire-contact_wrap-col-2 > .mcb-wrap-inner{
    display: flex;
    flex-wrap: wrap;
    gap: calc(30 / var(--base-font) * 1rem);
    align-items: center;
  }
  .section-formulaire-contact_wrap-col-2 > .mcb-wrap-inner > :nth-child(2) {
    width: calc(100% - calc(100 / var(--base-font) * 1rem)) !important;
    order: 1;
  }
  .section-formulaire-contact_wrap-col-2 > .mcb-wrap-inner > :nth-child(2) .mcb-column-inner {
    width: 100% !important;
  }

  .section-formulaire-contact_wrap-col-2 > .mcb-wrap-inner > :nth-child(2) .mcb-column-inner > .image_frame {
 width: 100% !important;
  }

  .section-formulaire-contact_wrap-col-2 > .mcb-wrap-inner > :nth-child(2) .mcb-column-inner > .image_frame > .image_wrapper {
 width: 100% !important;
  }

  .section-formulaire-contact_wrap-col-2 > .mcb-wrap-inner > :nth-child(2) .mcb-column-inner > .image_frame > .image_wrapper > img{
     width: 100% !important;
  }
  .section-formulaire-contact_wrap-col-2 > .mcb-wrap-inner :nth-child(3) {
    order: 3;
  }
  .section-formulaire-contact_wrap-col-2 > .mcb-wrap-inner :nth-child(4) {
    width: calc(70 / var(--base-font) * 1rem) !important;
    color: #000;
    display: flex;
    order: 2;
    width: calc(70 / var(--base-font) * 1rem) !important;
  }

  .section-formulaire-contact_wrap-col-2 > .mcb-wrap-inner :nth-child(4) .mcb-column-inner .column_attr > div{
        display: flex;
        flex-direction: column;
  }

  .section-formulaire-contact_wrap-col-2 a {color: #5E16EA;}





  
  #Footer {
    background-color: #000 !important;
  }
 #Footer p{
    color: #fff ;
  }

#Footer .widgets_wrapper > .container{
    
    max-width: calc(1723 / var(--base-font) * 1rem) !important;
    margin: 0 auto;
    display: flex;
    gap: calc(40 / var(--base-font) * 1rem);
}

#Footer .widgets_wrapper  .column{
    margin: 0;
}

#Footer .widgets_wrapper  .column .mcb-column-inner{
    margin: 0 !important;
}

#Footer .widgets_wrapper  .column:nth-child(1){
    width: calc(40% - calc(30 / var(--base-font) * 1rem));

}
#Footer .widgets_wrapper  .column:nth-child(2){
    width: calc(40% - calc(30 / var(--base-font) * 1rem));
}
#Footer .widgets_wrapper  .column:nth-child(2) .tnp-subscription{
margin: 0;
}

#Footer .widgets_wrapper  .column:nth-child(2) .tnp-subscription form{
    display: flex;
    gap: calc(10 / var(--base-font) * 1rem);
}

#Footer .widgets_wrapper  .column:nth-child(2) .tnp-subscription form label{
    display: none;
}

#Footer .widgets_wrapper  .column:nth-child(2) .tnp-subscription form input[type=email] {
    border-radius: calc(10 / var(--base-font) * 1rem);
    font-size: calc(14 / var(--base-font) * 1rem);
    min-width: calc(290 / var(--base-font) * 1rem);
    padding:calc(13 / var(--base-font) * 1rem) calc(20 / var(--base-font) * 1rem);
}

#Footer .widgets_wrapper  .column:nth-child(2) .tnp-subscription form input[type=submit] {
    color: #FFF;
    background-color: #5F00D1;
    border-radius: calc(10 / var(--base-font) * 1rem);
    padding:calc(13 / var(--base-font) * 1rem) calc(20 / var(--base-font) * 1rem);
    font-size: calc(14 / var(--base-font) * 1rem);
    text-transform: uppercase;
    font-weight: 600;
}

#Footer .widgets_wrapper  .column:nth-child(3){
    width: calc(20% - calc(30 / var(--base-font) * 1rem));
}

#Footer .widgets_wrapper  .column:nth-child(4){
    width: calc(20% - calc(30 / var(--base-font) * 1rem));
}

#Footer .widgets_wrapper > .container::after{
   display: none;
}

#Footer .widgets_wrapper h4 {
    margin-bottom: calc(30 / var(--base-font) * 1rem);
}

.footer_social_media {
    margin-top: calc(20 / var(--base-font) * 1rem);
    display: flex !important;
    gap: 0;
}

.footer_social_media img{
    height: calc(57 / var(--base-font) * 1rem) !important;
    width: calc(57 / var(--base-font) * 1rem) !important;
}
/*****/
.page-404 {
    
    
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.page-404-content {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.page-404 a {
    display: inline-block;
    padding: calc(22 / var(--base-font) * 1rem) calc(50 / var(--base-font) * 1rem);
    font-size: calc(23 / var(--base-font) * 1rem);
    background-color: #FFF;
    text-align: center;
    text-transform: uppercase;
    border-radius: calc(10 / var(--base-font) * 1rem) ;
    margin-top: calc(150 / var(--base-font) * 1rem) ;
}
.page-404 h3 {
    margin-bottom: calc(150 / var(--base-font) * 1rem) ;
}


/*******************responsive****************************/
@media only screen and (max-width: 1240px) {
    #Side_slide #menu>ul li.menu-item-has-children img {
        display: none;
    }

    #Top_bar .column.one {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 20px;
        height: 60px;
    }

    #Top_bar #logo {
        display: flex !important;
        align-items: center;
        justify-content: flex-start;
        margin: 0 !important;
        padding: 0 !important;
        text-align: left !important;
    }

    #Top_bar #logo img {
        max-height: 40px;
        height: auto;
        margin: 0 !important;
        display: block;
    }

    #Top_bar .menu_wrapper {
        display: flex !important;
        align-items: center;
        justify-content: flex-end;
        height: 100%;
    }

    #Top_bar .responsive-menu-toggle {
        display: flex !important;
        align-items: center;
        justify-content: center;
        font-size: 24px;
        height: 100%;
        width: 60px;
        padding: 0;
    }

    #Top_bar {
        background: #000;
        height: auto !important;
        min-height: 60px;
    }

    /*page contact*/
    .section-formulaire-contact .section-formulaire-contact_wrap>.mcb-wrap-inner {
        flex-direction: column;
        gap: calc(40 / var(--base-font) * 1rem) !important;
        padding: calc(50 / var(--base-font) * 1rem) calc(20 / var(--base-font) * 1rem) !important;
    }

    .section-formulaire-contact .section-formulaire-contact_wrap>.mcb-wrap-inner>.wrap:nth-child(2),
    .section-formulaire-contact .section-formulaire-contact_wrap>.mcb-wrap-inner>.mcb-wrap:nth-child(3) {
        width: 100% !important;
    }

    .section-formulaire-contact .section-formulaire-contact_wrap h2 {
        font-size: calc(35 / var(--base-font) * 1rem) !important;
    }
    .section-formulaire-contact_wrap-col-2 .column_attr > div,
    .section-formulaire-contact_wrap-col-2-social .column_attr > div {
        display: flex !important;
        flex-direction: row !important;  
        justify-content: center !important;
        align-items: center !important;
        gap: calc(15 / var(--base-font) * 1rem) !important;
    }

}

/*  tablettes */
@media (max-width: 1024px) and (min-width: 768px) {
    /*projects*/
    .section-grid-projects_cards-wrap {
        max-width: 90% !important;
    }
    
    .section-grid-projects_cards-wrap > .mcb-wrap-inner {
        display: grid !important;
        gap: calc(40 / var(--base-font) * 1rem) calc(30 / var(--base-font) * 1rem);
        grid-template-columns: 1fr 1fr; /* 2 colonnes sur tablette */
        grid-template-rows: auto;
        grid-auto-rows: minmax(200px, auto);
    }
    
    /* Réorganisation des éléments sur tablette */
    .section-grid-projects_cards-wrap > .mcb-wrap-inner > .column:nth-child(2) {
        grid-row: 1;
        grid-column: 1;
    }
    .section-grid-projects_cards-wrap > .mcb-wrap-inner > .column:nth-child(3) {
        grid-row: 1;
        grid-column: 2;
    }
    .section-grid-projects_cards-wrap > .mcb-wrap-inner > .column:nth-child(4) {
        grid-row: 2;
        grid-column: 1;
    }
    .section-grid-projects_cards-wrap > .mcb-wrap-inner > .column:nth-child(5) {
        grid-row: 2;
        grid-column: 2;
    }
    .section-grid-projects_cards-wrap > .mcb-wrap-inner > .column:nth-child(6) {
        grid-row: 3;
        grid-column: 1;
    }
    .section-grid-projects_cards-wrap > .mcb-wrap-inner > .column:nth-child(7) {
        grid-row: 3;
        grid-column: 2;
    }
    .section-grid-projects_cards-wrap > .mcb-wrap-inner > .column:nth-child(8) {
        grid-row: 4;
        grid-column: 1;
    }
    .section-grid-projects_cards-wrap > .mcb-wrap-inner > .column:nth-child(9) {
        grid-row: 4;
        grid-column: 2;
    }
    .section-grid-projects_cards-wrap > .mcb-wrap-inner > .column:nth-child(10) {
        grid-row: 5;
        grid-column: 1 / 3; /* Prend toute la largeur pour le dernier élément */
    }
}




@media only screen and (max-width: 767.99px) {
    :root {
        --base-font-size: 16px; /* Base font size */
        --base-font: 16; /* Base font size without unite */
      }
    html {
        font-size: var(--base-font-size) !important;
    }
    .section_wrapper, .container {
        max-width: 100rem;
    }
    h1 {
        font-size: 26px !important;  
        line-height: 150%;
    }
    
    h2 {
        font-size: 20px !important;
        line-height: 150%;
    }
    h3 {
        font-size: 18px !important;
        line-height: 150%;
    
    }
    
    h4 {
    
    }
    
    #Top_bar,
    .mobile-header-mini #Top_bar,
    .mobile-header #Top_bar {
        background-color: #000 !important;
    }

    p {
        font-size: 16px !important;
        line-height: 150%;
        margin: 0 !important;
    }

    .mcb-column-inner {
        position: relative;
        margin: 0 !important;
    }

    #Header .top_bar_left,
    #Top_bar.is-sticky .top_bar_left {
        padding: 10px !important;
    }

    .menu_wrapper {
        height: auto;
    }

    #Top_bar #logo img.svg {
        width: 100px;

    }
/*********************home*******************/
    /**********************hero home ************/
    .section-hero-home {
        min-height: auto;
        padding: 50px 0 10px 0 !important;
    }

    
    .section-hero-home_social-media {
        left: 0;
        display: none;
    }

    .section-hero-home .section-hero-home_content h1 {
        font-size: 20px !important;
    }

    .section-hero-home .section-hero-home_content a {
        background-color: #FFF;
        border-radius: calc(10 / var(--base-font)* 1rem);
        color: #000;
        font-size: 14px;
        padding: 10px 15px;
        text-transform: uppercase;
    }
    /**************services***************/
    .our-services {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
    .our-services h2 {
        margin: 0 0 30px 0 !important;
    }
    .our-services_cards-wrap .mcb-wrap-inner {
        display: flex
    ;
        align-items: normal;
        gap: 30px;
    }
    .our-services_cards-wrap .mcb-wrap-inner >div.wrap {
        width: 100%;
        border-radius: 20px;
        
    }
    .our-services .column_button a {
        margin-top: 30px !important;
        font-size: 14px !important;
        padding: 10px 15px;
    }
    /*********************/
    .quote-section {
        padding: 50px 0 !important;
    }
    .quote-section .quote-section_inner .quote-section_text {
        position: static;
        margin: 0 auto;
        max-width: calc(1140 / var(--base-font)* 1rem) !important;
        font-size: 16px;
        
    }
    .quote-section .quote-section_inner p {
        font-size: 16px !important;
        line-height: 150% !important;
    }
    .quote-section .quote-section_inner img.img_quote_1 {
        position: relative;
        top: 0;
        height: 50px;
    }
    .quote-section .quote-section_inner img.img_quote_2 {
        position: relative; 
        bottom: calc(0 / var(--base-font)* 1rem);
        right: 0;
        height: 50px;
    }
    /********************how we are ***************/
    
    .section-how-we-are img {
        height: auto; 
        border-radius: 20px;
    }

    .section-how-we-are_content h2 {
        font-size: 22px;
        margin: 0  !important;
    }

    .section-how-we-are_content p {
        font-size: 16px !important;
        margin-bottom: 50px !important;
    }

    .section-how-we-are {
        padding: 50px 0 !important;
    }
    .section-how-we-are_btn {
        font-size: 14px !important;
        padding: 10px 15px
    }
/********************* section-our-values ***************/
    .section-our-values {
        padding: 50px 0 !important;
    }
    .section-our-values h2 {
        font-size: 22px !important;
        margin: 0 0 30px 0 !important;
    }

    .section-our-values .section-our-values_cards-wrap .mcb-wrap-inner {
        gap: 30px !important;
    }

    .section-our-values_card {
        width: 100% !important;
    }
    /******************section vide **********/
    .section-video {
        padding:50px 0 !important;
    }

    .section-video .section-video_wrap .section-video_col-1 {
        width: 100% !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
    }

    .section-video .section-video_wrap .section-video_col-1 .column_attr {
         padding: 50px !important; 
         margin-left: 0 !important; 
         width: auto !important; 
         border-radius: 20px !important; 
    }

    .section-video .section-video_wrap .section-video_player .image_frame {
         margin: 0 !important; 
         margin-left: 0 !important; 
         width: auto; 
    }

    /*************section-testimonials***************/
    .section-testimonials {
        padding: 50px 0 !important;
    }

    .section-testimonials .heading h2 {
        font-size: 22px !important;
    }

    .section-testimonials .heading p {
        font-size: 16px !important;
        margin-bottom: 30px !important;
    }

    .section-testimonials .section-testimonials_cards-wrap > .mcb-wrap-inner {
        gap: 30px !important;
    }

    .section-testimonials_card {
        width: 100% !important;
    }
    /*******************section-heading-latest-posts ***********************/
    .section-heading-latest-posts {
        padding-top: 50px !important;
    }

    .section-latest-posts {
        max-width: calc(1320 / var(--base-font)* 1rem) !important;
        margin: 0 auto !important;
        padding-top: 30px !important;
        padding-bottom: 50px !important;
    }
    .section-latest-posts > .section_wrapper {
        display: flex;
        gap: 30px !important;
    }

    .section-latest-posts > .section_wrapper > .mfn-queryloop-item-wrapper {
        width: 100% !important;
    }

    /****************************Footer**************************/
    #Footer .widgets_wrapper {
        padding: 50px 0;
    }
    
    #Footer .widgets_wrapper > .container {
        gap: 30px;
        flex-wrap: wrap;
    }

    #Footer .widgets_wrapper .column:nth-child(1) {
        width: 100%;
    }

    #Footer .widgets_wrapper .column:nth-child(2) {
        width: 100%;
    }

    #Footer .widgets_wrapper .column:nth-child(3) {
        width: 100%;
    }
    #Footer .widgets_wrapper .column:nth-child(4) {
        width: 100%;
    }
    #Footer .widgets_wrapper  .column:nth-child(2) .tnp-subscription form{
        flex-wrap: wrap;
    }
    /**********************************Subheader **********************/

    #Subheader {
        padding: 50px 0;
    }
    /******************section-nos-produits-heading***************/
    .section-nos-produits-heading {
        font-size: 16px !important;
        padding: 50px 0 !important;
        border-radius: 0 !important;
    } 

    .section-nos-produits_before_text-image {
        display: none;
    } 

    .section-nos-produits_text-image::before {
        display: none;
    } 
    .section-nos-produits_text-image img {
        height: auto !important;
    }

    .section-nos-produits_text-image {
        padding: 50px 0 !important;
    }
/******************section-meet-our-team***************/
    
    .section-meet-our-team {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    .section-meet-our-team_cards-wrap > .mcb-wrap-inner {
        display: flex;
        gap: 30px !important;
    }

    .section-meet-our-team_cards-wrap > .mcb-wrap-inner > .wrap {
        width: 100% !important;
    }
    /*****************************section-conseil-en-digital *****/
    .section-conseil-en-digital_heading {
        
        padding: 50px 0 !important;
    }

    .section-conseil-en-digital_heading p {
        font-size: 16px !important;  
    }

    .section-conseil-en-digital_items > .mcb-wrap-inner {
        
        gap: 30px !important;
        
    }
    .section-conseil-en-digital_items > .mcb-wrap-inner .column {
        width: 100% !important;
        background-color: #101010;
        border-radius: 20px !important;
        padding: 30px !important;
    }
    /*****************************section-page-design-items ***************/
    .section-page-design-items {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
    .section-page-design-items > .section_wrapper > .wrap > .mcb-wrap-inner {
        display: flex;
        gap: 30px !important;
    }
    .section-page-design-items > .section_wrapper > .wrap > .mcb-wrap-inner > .column {
        width: 100% !important;
        border-radius: 20px !important;
    }
    .section-page-design-content {
        
        border-radius: 0 !important;
        
        margin: 0 auto !important;
        padding: 50px 0 !important;
    }

    .section-page-design-content p {
        font-size: 16px !important;
    }
/**************************digital-marketing *************/
    .section-digital-marketing_heading {
        max-width: calc(1098 / var(--base-font)* 1rem) !important;
        margin: 0 auto !important;
        padding: 50px 0 !important;
    }

    .section-digital-marketing_heading p {
        font-size: 16px !important;
        text-align: justify !important;
    }

    .section-digital-marketing_items {
        padding: 30px !important;
        border-radius: 20px !important;
    }

    .section-digital-marketing_items > .mcb-wrap-inner {
        display: flex;
        gap: 30px !important;
    }

    .section-digital-marketing_items > .mcb-wrap-inner .column {
        width: 100% !important;
    }
/************************slider*********************/

    .section-slider .blog_slider_header::before {
        display: none;
    }

    .section-slider .blog_slider_header::after {
        display: none;
    }
.section-slider {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}
    /***********************projects *********************/
    .section-grid-projects_cards-wrap {
        max-width: 90% !important;
    }
    
    .section-grid-projects_cards-wrap > .mcb-wrap-inner {
        display: grid !important;
        gap: calc(40 / var(--base-font) * 1rem) calc(30 / var(--base-font) * 1rem);
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        grid-auto-rows: minmax(200px, auto);
    }
    
    .section-grid-projects_cards-wrap > .mcb-wrap-inner > .column:nth-child(2) {
        grid-row: 1;
        grid-column: 1;
    }
    .section-grid-projects_cards-wrap > .mcb-wrap-inner > .column:nth-child(3) {
        grid-row: 1;
        grid-column: 2;
    }
    .section-grid-projects_cards-wrap > .mcb-wrap-inner > .column:nth-child(4) {
        grid-row: 2;
        grid-column: 1;
    }
    .section-grid-projects_cards-wrap > .mcb-wrap-inner > .column:nth-child(5) {
        grid-row: 2;
        grid-column: 2;
    }
    .section-grid-projects_cards-wrap > .mcb-wrap-inner > .column:nth-child(6) {
        grid-row: 3;
        grid-column: 1;
    }
    .section-grid-projects_cards-wrap > .mcb-wrap-inner > .column:nth-child(7) {
        grid-row: 3;
        grid-column: 2;
    }
    .section-grid-projects_cards-wrap > .mcb-wrap-inner > .column:nth-child(8) {
        grid-row: 4;
        grid-column: 1;
    }
    .section-grid-projects_cards-wrap > .mcb-wrap-inner > .column:nth-child(9) {
        grid-row: 4;
        grid-column: 2;
    }
    .section-grid-projects_cards-wrap > .mcb-wrap-inner > .column:nth-child(10) {
        grid-row: 5;
        grid-column: 1 / 3; /* Prend toute la largeur pour le dernier élément */
    }

    
    /* Ajustement des titres pour mobile */
    .section-grid-projects_cards-wrap > .mcb-wrap-inner > .column > .mcb-column-inner h3,
    .section-grid-projects_cards-wrap > .mcb-wrap-inner > div[class*="mobile-one"] > .mcb-column-inner h3 {
        font-size: calc(20 / var(--base-font) * 1rem) !important;
    }
    
    .section-grid-projects_cards-wrap > .mcb-wrap-inner > .column .hover_color_bg p,
    .section-grid-projects_cards-wrap > .mcb-wrap-inner > div[class*="mobile-one"] .hover_color_bg p {
        font-size: calc(12 / var(--base-font) * 1rem) !important;
    }
    
    /* Ajustement du hover pour mobile */
    .section-grid-projects_cards-wrap > .mcb-wrap-inner > .column:hover .hover_color_bg a,
    .section-grid-projects_cards-wrap > .mcb-wrap-inner > .column:active .hover_color_bg a,
    .section-grid-projects_cards-wrap > .mcb-wrap-inner > div[class*="mobile-one"]:hover .hover_color_bg a,
    .section-grid-projects_cards-wrap > .mcb-wrap-inner > div[class*="mobile-one"]:active .hover_color_bg a {
        padding: calc(40 / var(--base-font) * 1rem) calc(15 / var(--base-font) * 1rem);
    }
    

/***************single**************************/
    .sub-header-post{
        padding: 50px 0;
        min-height: auto;
    }

    .sub-header-post .sub-header-post_inner h1{
       font-size: 26px !important; 
    }

    .sub-header-post .sub-header-post_inner h2{
        display: none;
        font-size: 22px !important; 
    }

    .content-post {
        background-color: #fff;
        padding-top: 50px;
        padding-bottom: 50px;
        padding-left: 33px;
        padding-right: 33px;
    }
    
    .content-post h2 {
        color: #5F00D1;
        font-size: 22px !important;
    }

    .single .related-posts {

        padding-top: 50px;
        padding-bottom: 50px;
        padding-left: 33px;
        padding-right: 33px;
    }

    .single .related-posts .related-posts_cards-wrap > article {
        width: 100%;
    }

    .single .related-posts .related-posts_cards-wrap {
        flex-wrap: wrap;
    }

    /*************************posts*************************/
    
    .blog-posts {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .blog-posts .site-container .site-row > article {
        width: 100% !important;
    }

    .blog-posts .site-container .site-row {
        gap: 30px;
        padding-left: 33px;
        padding-right: 33px;
    }

    .blog-posts .pagination {
        padding-top: 50px;
        text-align: center;
    }

    /*****************page contact***************/
  .section-formulaire-contact .section-formulaire-contact_wrap::before {
        display: none;
    }

    .section-formulaire-contact .section-formulaire-contact_wrap h2 {
        font-size: 22px !important;
        padding-left: 0;
    }

    .wpcf7-form .column {
        padding: 0 0 10px 0;
    }

    .section-heading-contact h3 {
        font-size: 18px !important;
    }

    .section-formulaire-contact .section-formulaire-contact_wrap>.mcb-wrap-inner>.wrap {
        width: 100% !important;
    }

    .section-formulaire-contact .section-formulaire-contact_wrap>.mcb-wrap-inner form {
        margin-top: 50px !important;
    }

    .section-formulaire-contact .section-formulaire-contact_wrap>.mcb-wrap-inner .img-formulaire-contact img {
        height: auto !important;
    }

    .section-formulaire-contact .section-formulaire-contact_wrap>.mcb-wrap-inner {
        flex-direction: column;
        padding: calc(30 / var(--base-font) * 1rem) calc(15 / var(--base-font) * 1rem) !important;
        gap: calc(30 / var(--base-font) * 1rem) !important;
    }

    .wpcf7-form .column.one-second {
        width: 100% !important;
        display: block;
        float: none;
    }

    .section-formulaire-contact_wrap-col-2>.mcb-wrap-inner {
        flex-direction: column;
        text-align: center;
    }

    .section-formulaire-contact_wrap-col-2>.mcb-wrap-inner :nth-child(4) {
        width: 100% !important;
        justify-content: center;
    }

    /****************************section-lead-generation*******************************/
    
    
    .section-lead-generation_heading {
        padding: 50px 0 20px 0 !important;
    }

    .section-lead-generation_heading h2 {
        margin-bottom: 30px !important;
        font-size: 20px !important;
    }

    .section-lead-generation_heading p {
        font-size: 16px !important;
        margin-bottom: 30px !important;
    }

    .section-lead-generation_grid {
        padding: 50px 0 !important;
    }

    .section-lead-generation_grid_row-3 , .section-lead-generation_grid_row-4 , .section-lead-generation_grid_row-6 {
        display: none;
    }
    .section-lead-generation_heading {
        padding: 50px 0 20px 0 !important;
    }

    .section-lead-generation_heading h2 {
        margin-bottom: 30px !important;
        font-size: 20px !important;
    }

    .section-lead-generation_heading p {
        font-size: 16px !important;
        margin-bottom: 30px !important;
    }

    .section-lead-generation_grid {
        padding: 25px 0 !important;
    }

    .section-lead-generation_grid_row-3 , .section-lead-generation_grid_row-4 , .section-lead-generation_grid_row-6 {
        display: none;
    }

    .section-lead-generation_grid_row-1 > .mcb-wrap-inner > div:nth-child(2) ,
    .section-lead-generation_grid_row-1 > .mcb-wrap-inner > div:nth-child(4) {
        display: none;
    }

    .section-lead-generation_grid_row-5 > .mcb-wrap-inner > div:nth-child(2) ,
    .section-lead-generation_grid_row-5 > .mcb-wrap-inner > div:nth-child(4) {
        display: none;
    }

    .section-lead-generation_grid_row-7 > .mcb-wrap-inner > div:nth-child(2) ,
    .section-lead-generation_grid_row-7 > .mcb-wrap-inner > div:nth-child(4) {
        display: none;
    }
    .section-lead-generation_grid_row-1  .hover_color .hover_color_wrapper,
    .section-lead-generation_grid_row-2  .hover_color .hover_color_wrapper,
    .section-lead-generation_grid_row-5  .hover_color .hover_color_wrapper,
    .section-lead-generation_grid_row-7  .hover_color .hover_color_wrapper {
        
        padding: 25px 0 !important;
    }
}

/* RESPONSIVE MOBILE */
@media screen and (max-width: 480px) {
    .section-formulaire-contact .section-formulaire-contact_wrap {
        padding-bottom: calc(50 / var(--base-font) * 1rem);
    }

    .section-formulaire-contact .section-formulaire-contact_wrap>.mcb-wrap-inner {
        padding: calc(20 / var(--base-font) * 1rem) calc(10 / var(--base-font) * 1rem) !important;
        gap: calc(20 / var(--base-font) * 1rem) !important;
    }

    .section-formulaire-contact .section-formulaire-contact_wrap h2 {
        font-size: 20px !important;
        margin-top: calc(30 / var(--base-font) * 1rem);
        margin-bottom: calc(30 / var(--base-font) * 1rem);
    }

    .section-formulaire-contact .section-formulaire-contact_wrap>.mcb-wrap-inner form input[type=text],
    .section-formulaire-contact .section-formulaire-contact_wrap>.mcb-wrap-inner form input[type=email],
    .section-formulaire-contact .section-formulaire-contact_wrap>.mcb-wrap-inner form input[type=tel] {
        height: calc(50 / var(--base-font) * 1rem) !important;
        padding: calc(15 / var(--base-font) * 1rem) calc(15 / var(--base-font) * 1rem);
    }

    .section-formulaire-contact .section-formulaire-contact_wrap>.mcb-wrap-inner form textarea {
        height: calc(180 / var(--base-font) * 1rem) !important;
        padding: calc(15 / var(--base-font) * 1rem);
    }

    .section-formulaire-contact .section-formulaire-contact_wrap>.mcb-wrap-inner form input[type=submit] {
        padding: calc(15 / var(--base-font) * 1rem) calc(25 / var(--base-font) * 1rem);
        width: 100%;
    }

    .section-formulaire-contact_wrap-col-2>.mcb-wrap-inner {
        gap: calc(20 / var(--base-font) * 1rem);
    }
        .section-formulaire-contact_wrap-col-2 .column_attr > div,
    .section-formulaire-contact_wrap-col-2-social .column_attr > div {
        display: flex !important;
        flex-direction: row !important; 
        justify-content: center !important;
        align-items: center !important;
        gap: calc(10 / var(--base-font) * 1rem) !important;
    }
}

/* RESPONSIVE TRÈS PETIT MOBILE */
@media screen and (max-width: 320px) {
    .section-formulaire-contact .section-formulaire-contact_wrap h2 {
        font-size: 18px !important;
    }

    .section-formulaire-contact .section-formulaire-contact_wrap>.mcb-wrap-inner {
        padding: calc(15 / var(--base-font) * 1rem) calc(5 / var(--base-font) * 1rem) !important;
    }

    .section-formulaire-contact .section-formulaire-contact_wrap>.mcb-wrap-inner form input,
    .section-formulaire-contact .section-formulaire-contact_wrap>.mcb-wrap-inner form textarea {
        font-size: calc(13 / var(--base-font) * 1rem) !important;
    }
    .section-formulaire-contact_wrap-col-2 .column_attr > div,
    .section-formulaire-contact_wrap-col-2-social .column_attr > div {
        display: flex !important;
        flex-direction: row !important;  
        justify-content: center !important;
        align-items: center !important;
        gap: calc(8 / var(--base-font) * 1rem) !important;
    }
}
/* Focus visible pour l'accessibilité */
.section-formulaire-contact .section-formulaire-contact_wrap>.mcb-wrap-inner form input:focus-visible,
.section-formulaire-contact .section-formulaire-contact_wrap>.mcb-wrap-inner form textarea:focus-visible {
    outline: 2px solid #5F00D1;
    outline-offset: 2px;
    
}