/*
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.1
*/


/* code ajouté par Rached à partir 30-05-2024 */
/* Generale */
::selection{
    background-color: #2991d6;
    color: #fff;
}
.btn_cta i{
    color: #222 !important;
}
.btn_cta .button_label{
    margin-right: 25px !important;
}
.btn_cta a.button:after,
.btn_v2 a.button:after{
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    width: 100%;
    height: 0%;
    background: linear-gradient(90deg, rgba(0, 118, 255, 1) 50%, rgba(19, 190, 242, 1) 100%);
    border-radius: 2px;
    transition: all 0.3s ease-in-out;
    z-index: 1;
}
.btn_cta a.button:hover:after,
.btn_v2 a.button:hover:after{
    height: 100%;
    width: 100%;
    top: 0;
}
.btn_cta .button_label,
.btn_cta i,
.btn_v2 a.button,
.btn_v3 a.button{
    transition: all 0.3s ease-in-out;
}
.btn_v3 a.button{
    border-color: #fff;
}
.btn_cta a.button:hover i,
.btn_v2 a.button:hover{
    color: #fff !important;
}
.btn_v2 a.button .button_label,
.btn_cta .button_label,
.btn_v3 a.button .button_label,
.btn_cta i{
    z-index: 2;
}
.btn_v3 a.button:after{
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    width: 100%;
    height: 0%;
    background: #fff;
    border-radius: 2px;
    transition: all 0.3s ease-in-out;
    z-index: 1;
}
.btn_v3 a.button:hover:after{
    height: 100%;
    width: 100%;
    top: 0;
}
.btn_v3 a.button:hover{
    color: #222 !important;
}
.button-animation-slide .button:before{
    background-color: transparent !important;
}
.ar_main_div_103{
    background-color: #fff;
    border-radius: 10px;
    padding: 20px 40px;
    box-shadow: 0px 0px 21px -4px #000;
}
#Content {
    padding-top: 0px !important;
}
#Subheader {
    padding: 10px 0 20px 0 ;
}
.content_wrapper .section_wrapper,
.section_wrapper{
    max-width: 100% !important;
}
/*header */

#Top_bar .menu > li > a span:not(.description){
    font-size: 15px;
    font-weight: 600;
    color: #222;
    text-transform: capitalize !important;
    border-right: none !important;
    padding: 0px 15px;
}

.mcb-header-section .mcb-wrap>.mcb-wrap-inner-lzgk23yp8i{
    position: relative;
}
.mcb-header-section .mcb-wrap>.mcb-wrap-inner-lzgk23yp8i:after{
    position: absolute;
    content: '';
    bottom: -25px;
    left: 12px;
    width: calc(100% - 12px);
    height: 1px;
    background-color:  #cbcbcb;
}
#menu-main-menu li a:hover,
#menu-main-menu-1 li a:hover{
    border-radius: 5px;
    background-color: #e1f0ff;
}
.active_sous_menu{
    border-radius: 5px;
    background-color: #e1f0ff;
}
.menu-item-25472:hover #mfn-megamenu-24639{
    display:none;
}
.menu-item-25472 .mfn-menu-link{
    cursor: pointer;
}
#mfn-megamenu-24639, #mfn-megamenu-24639 .mfn-builder-content {
    cursor: auto !important;
}
#menu-item-25472{
    cursor: pointer;
}
#menu-main-menu li a,
#menu-main-menu-1 li a{
    transition: all 500ms ease-out;
}
.section_mega_menu{
    position: relative;
}
.section_mega_menu:after{
    content: '';
    width: 100%;
    height: 4px;
    background: linear-gradient(to right, #c0242e 0, #097ffa 75%, #c0242e 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-animation-name: rainbow;
    animation-name: rainbow;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    z-index: 99999;
}
@keyframes rainbow {
0% {
    background-position: 0 0;
}
100% {
    background-position: 100vw 0;
}
}
.section_mega_menu .section_wrapper{
    padding-left: 4%;
    padding-right: 4%;
}
#mfn-megamenu-24639 {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
}
.item_mega_menu .mfn-icon-box{
    align-items: flex-start !important;
}
.item_mega_menu .desc{
    margin-left: -35px;
}
.item_mega_menu .prix{
    color: #222;
    font-weight: 700;
    font-size: 14px;
    display: flex;
    margin-left: 2px;
}
.item_mega_menu .text{
    display: flex;
    padding-top: 0.5em !important;
    margin-top: 0.5em !important;
    border-top: 1px solid #eee;
}
.item_mega_menu img{
    filter: invert(75%) sepia(69%) saturate(4598%) hue-rotate(347deg) brightness(102%) contrast(96%);
    transition: all 0.2s ease-in-out !important;
}
.item_mega_menu .mcb-column-inner{
    max-width: 253px;
}
.mfn-header-sticky-section #mfn-megamenu-24639{
    padding-top: 15px !important;
}
#menu-item-24417 .section_mega_menu a:hover .icon-wrapper img {
    filter: invert(11%) sepia(1%) saturate(834%) hue-rotate(343deg) brightness(99%) contrast(94%);
}
.mfn-header-tmpl-menu-sidebar:before{
    content: '';
    width: 3px;
    height: 100%;
    background: linear-gradient(to bottom, #ff7426 0, #f0ac0e 75%, #ff7426 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-animation-name: rainbow;
    animation-name: rainbow;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    z-index: 2; 
}
@keyframes rainbow{
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 100vw 0 ;
    }
}
.mobile_menu #menu-main-menu-1 li a:hover {
    border-radius: 0px;
    background-color: #e1f0ff;
}
.mfn-close-icon.mfn-header-menu-toggle{
    position: absolute;
    right: 20px;
    top: 22px;
    z-index: 100;
    box-shadow: 0px 0px 5px 0px #00000024;
    border-radius: 50%;
    padding: 5px;
    width: 35px;
    height: 35px;
    display: flex !important;
    align-items: center !important;
    justify-content: center;
    border: 1px solid #fa861e;
}
.mobile_menu .sub-menu.mfn-submenu li a{
    padding: 5px 5px 5px 45px !important;
    position: relative;
}
.mobile_menu  li a{
    justify-content: space-between;
}
.mobile_menu .sub-menu.mfn-submenu li a:before {
    position: absolute;
    content: '';
    left: 35px;
    top: calc(50% - 3px);
    background-color: #222;
    width: 5px;
    height: 5px;
    border-radius: 50%;
}
.mobile_menu .mfn-header-menu .mfn-submenu{
    box-shadow: none !important;
}
header .current_page_item a{
    border-radius: 5px;
    background-color: #e1f0ff;
}
header #menu-main-menu li {
    margin: 0 5px;
}
header #menu-main-menu li a{
    font-weight: 500 !important;
}
header .current_page_item.menu-item-24419 a {
    background-color: transparent ;
}
.mfn-header-scrolled .mfn-header-tmpl.mfn-hasSticky .mfn-header-tmpl-builder>.mfn-default-section{
    display: block;
}
#back_to_top.sticky {
    bottom: 90px !important;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
ul.clients .client_wrapper{
    padding: 0 !important;
}
/* Footer */
.rdv{
    color: #fff !important;
}
.rdv:hover{
    color: #ffe175 !important;
}

#Footer .widgets_wrapper .container .one-fourth:nth-child(1){
    color: #fff;
}
#Footer .footer_copy{
    background-color: #fff;
}
#Footer .footer_copy .one {
    margin-bottom: 0px;
    padding-top: 12px;
    min-height: 0px;
    padding-bottom: 12px;
}
.column_footer_menu li.current_page_item a{
    color: #0076FF !important;
}
p.title_col_footer {
    color: #000;
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 15px !important;
}
#Footer .widgets_wrapper .container .one-fourth p{
    margin-bottom: 0px;
}
#Footer .widgets_wrapper .container .one-fourth:nth-child(2) .textwidget a.mb_20{
    margin-bottom: 20px;
}
#Footer .widgets_wrapper .container .one-fourth:nth-child(2) .textwidget,
#Footer .widgets_wrapper .container .one-fourth:nth-child(3) .textwidget{
    color: #000;
    font-size: 15px;
}
#Footer .widgets_wrapper .container .one-fourth:nth-child(1) .textwidget p:first-child{
    font-size: 22px;
    line-height: 35px;
    max-width: 180px;
}
#Footer .widgets_wrapper .container .one-fourth:nth-child(1) .textwidget p:nth-child(2){
    font-size: 16px;
    line-height: 35px;
    max-width: 200px;
    margin: 10px 0;
}
#Footer a.button.button_outline.btn-tel,
.button.button_outline.button-novahoster{
    font-size: 16px;
    font-weight: 700;
    color: #000;
    background-color: transparent;
    border: 1px solid #0076FF ;
    padding: 5px 15px;
    margin-top: 10px;
}
#menu-technologies li,
#menu-solutions li{
    list-style: none;
    padding-left: 20px;
}
#menu-technologies , #menu-solutions {
    padding: 0;
    background: transparent;
}
#menu-technologies a:after ,
#menu-solutions a:after{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 5px;
    height: 5px;
    background-color:#0076FF ;
    border-radius: 50%;
}
#menu-technologies a,
#menu-solutions a{
    padding: 0px 0 8px 0px;
    font-size: 16px;
    color: #222;
    font-weight: 400 !important;
}
#menu-technologies a:hover,
#menu-solutions a:hover{
    color: #0076FF;
}
#Footer #nav_menu-2{margin: 0;}
#Footer #text-6{margin-bottom: 15px;}
.footer_copy .mcb-column-inner{
    display: flex;
    align-items: center;
    margin: 0;
    padding-right: 4%;
    padding-left: 4%;
}
@keyframes bouncing {
    0%, 10%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40%, 60% {
        transform: translateY(-5px);
    }
  }
#back_to_top {
    border: solid 1px #0076FF !important;
    background-color: #fff;
    line-height: 0px;
    border-radius: 5px;
    padding: 0px;
    animation: bouncing 3s infinite;
}
#back_to_top i{
    color: #0076FF;
}
#back_to_top:hover{
    background-color: #0076FF;
}
#back_to_top:hover i{
    color: #fff;
}
.footer_copy .mcb-column-inner .social{
    width: 30%;
    display: flex;
    justify-content: flex-end;
    margin-right: 0;
}
.footer_copy .mcb-column-inner .copyright{
    width: 70%;
}
.footer_copy .social i{
    color: #0076FF;
    transition: all 0.2s linear;
    top: 0;
    padding: 10px;
    background-color: #0076FF1F;
    border-radius: 50%;
}
.footer_copy .social i:hover{
    color: #fff;
    background-color: #0076FF;
}
.footer_copy .SectionRight{
    display: flex;
    justify-content: space-between;
    color: #222 !important;
    font-size: 14px;
    line-height: 22px;
}
.footer_copy .SectionRight a{
    color: #222;
}
.footer_copy .SectionRight a:hover{
    color: #0076FF;
}
.footer_copy .SectionRight .menufooter{
    display: flex;
    gap: 10px;
}
.footer_des strong{
    font-weight: 400 !important;
}
/* general */
#Content{
    background-color: #fff !important;
}
.hide_content{
    display: none;
}
/* Accueil */
.nos_services,
.section_bg_blue{
    background-image: url(https://www.novatis.tn/wp-content/uploads/2024/10/bg_services_digitaux.jpg) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
@media only screen and (min-width: 1024px){
.section_hero .section_wrapper{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(1, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}
.section_hero .section_wrapper .wrap.mcb-wrap:nth-child(1){
    grid-area: 1 / 1 / 2 / 2;
}
.section_hero .section_wrapper .wrap.mcb-wrap:nth-child(2){
    grid-area: 1 / 2 / 3 / 3;
}
.section_hero .section_wrapper .wrap.mcb-wrap:nth-child(3){
    grid-area: 2 / 1 / 3 / 2;
}
}
.section_hero h1 span{
    font-weight: 300 !important;
}
.col_img_agence_web div{
    height: 100%;
    display: flex;
    justify-content: center;
}
.col_img_agence_web img {
    background: none;
    border-width: 3px;
    width: 100% !important;
    max-width: 780px !important;
    height: 460px !important;
    max-height: 580px;
    border-radius: 40% 60% 70% 30% / 40% 50% 60% 50%;
    overflow: hidden;
    animation: morph 4s linear infinite;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    object-fit: cover;
}

@keyframes morph {
    0%, 100% {
        border-radius: 40% 70% 80% 30% / 40% 40% 60% 50%;
    }

    34% {
        border-radius: 65% 30% 60% 50% / 30% 30% 70% 70%;
    }

    67% {
        border-radius: 100% 70% 50% 100% / 100% 100% 60% 60%;
    }
}

.animated{
    background-image: linear-gradient(to right, #fecf2d 0, rgba(255, 107, 48, 0.01) 100%);
    background-position: left 90% !important;
    background-repeat: no-repeat;
    background-size: 100% 28%;
    font-style: normal !important;
}
.animation_img15{
    border-radius: 50%;
    background-color: rgb(45, 44, 43);
    align-items: center;
    justify-content: center;
    display: flex;
    background-image: linear-gradient(135deg, transparent 45%, rgb(70, 70, 70) 45%, rgb(70, 70, 70) 55%, transparent 0px);
    background-size: 5px 5px;
    width: 250px;
    height: 250px;
    transform: perspective(500px) scale(1) rotateX(0deg) rotateY(0deg);
    font-size: 100px;
    font-weight: 700;
    color: rgb(255, 255, 255);
}
.bloc_15 .mfn-html-editor-wrapper{
    display: flex;
    justify-content: center;
}
.section_counter {
    background: transparent !important;
}
.section_counter .quick_fact .number-wrapper {
    font-size: 0px;
    line-height: 0em;
    display: flex;
}
.section_counter  .quick_fact{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.bloc_services_digitaux {
    width: 100%;
    display: flex;
    align-items: center;
    color: #fff;
    padding: 10px 0px;
    border-top: 1px solid rgb(255 255 255 / 10%);
}
.section_counter  .quick_fact .postfix{
    line-height: 20px !important;
    font-size: 28px !important;
}
a.bloc_services_digitaux{
    transition: all 0.3s ease-in-out;
}
a.bloc_services_digitaux:hover {
    box-shadow: 0 0 0px 1px #ffffff96;
    transform: scale(1.01);
}
a.bloc_services_digitaux:hover {
    text-decoration: none !important;
}

.bloc_services_digitaux .num_services_digitaux {
    width: 15%;
    padding: 20px;
    font-weight: 700;
    font-size: 30px;
    text-align: center;
    color: #fff;
}
.bloc_services_digitaux .titre_services_digitaux {
    width: 35%;
    display: flex;
    align-items: center;
    padding: 20px 20px 20px 0px;
    gap: 20px;
}
.bloc_services_digitaux .titre_services_digitaux h3{
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 0 !important;
}
.bloc_services_digitaux .desc_services_digitaux {
    width: 50%;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    padding: 20px;
    max-width: 620px;
    color: #fff ;
}
.bloc_services_digitaux .img_services_digitaux {
    display: flex;
    width: 50px;
}
.nos_services .bloc_services_digitaux .img_services_digitaux img{
    filter:invert(76%) sepia(70%) saturate(350%) hue-rotate(-145deg) brightness(162%) contrast(137%);
}
.nos_services a.button {
    color: #fff;
}
.bloc_services_digitaux .titre_services_digitaux h3 a {
    font-size: 20px !important;
    line-height: 28px !important;
    text-transform: uppercase;
    font-weight: 400 !important;
    color: #fff;
    width: 100%;
    margin-bottom: 0;
    position: relative;
}
.bloc_services_digitaux .titre_services_digitaux h3 a:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -10px;
    height: 2px;
    width: 0%;
    background: #fff;
    transition: all 0.3s ease-in-out;
}
.bloc_services_digitaux .titre_services_digitaux h3 a:hover:after{
    width: 100%;
}

.slogon{
    max-width: 400px;
    gap: 5px;
    display: flex;
    flex-wrap: wrap;
}
.slogon span{
    border: 1px solid #7777;
    padding: 4px;
    font-size: 12px !important;
    line-height: 12px !important;
    color: #595959;
    text-transform: uppercase;
}
.projet_title{
    font-size: 50px;
    line-height: 60px !important;
    font-weight: 700;
    color: #000;
    width: max-content;
    background-image: linear-gradient(transparent calc(100% - 10px), #fecf2d 10px);
    background-repeat: no-repeat;
    background-size: 0% 100%;
    transition: background-size 1s;
    width: 100%;
}
.projet .mcb-wrap-inner:hover .projet_title{
    background-size: 100% 100% !important;
    width: max-content;
}
.projet_desc{
    font-size: 18px;
    line-height: 32px;
    color: #000;
    max-width: 500px;
}
.img_projet img{
    width: 100%;
}
.projet_content{
    padding: 50px 50px 50px 150px !important;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}
a.projet_content:hover {
    text-decoration: none;
}
.img_projet .image_item:hover img{
    top: 0 !important;
}
.img_projet .image_item a{
    height: 100%;
}
.img_projet .image_item:hover .mask::after{
    background: transparent !important;
}
.cursor-circle {
    width: 100px;
    height: 100px;
    background-color: #fecf2d;
    border-radius: 50%;
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #222;
    font-size: 14px;
    pointer-events: none;
    display: none;
    z-index: 1000;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2.5px;
}
@media only screen and (min-width: 1024px){
.projets{
    position: relative;
    z-index: 1;
    height: 300vh;
}
.home .projets{
    position: relative;
    z-index: 1;
    height: 400vh;
}
.projets .section_wrapper{
    height: 100vh;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}
.projets .mcb-background-overlay{
    z-index: -1;
}
.projets .section_wrapper .projet{
    height: 100vh;
    width: 100%;
    position: absolute;
    overflow: hidden;
    z-index: 9999;
    display: flex;
    align-items: center;
}
.projets .section_wrapper .projet{
    padding-top: 50px;
}
.projets .section_wrapper .projet:nth-child(2){
    z-index: 999;
}
.projets .section_wrapper .projet:nth-child(3){
    z-index: 99;
}
.projets .section_wrapper .projet:nth-child(4){
    z-index: 9;
}
.projets .projet .column,
.projets .projet .column .mcb-column-inner,
.projets .projet .column .mcb-column-inner .image_frame,
.projets .projet .column .mcb-column-inner .image_frame .image_wrapper ,
.projets .projet .column .mcb-column-inner .image_frame .image_wrapper img,
.projets .projet .column .column_attr {
    height: 100%;
}
.projets .projet .column .projet_content{
    height: 100vh;
}
.projets .projet .column .mcb-column-inner .image_frame .image_wrapper{
    overflow: hidden;
    height: 100vh;
}
}
.projets .projet .column .mcb-column-inner .image_frame .image_wrapper img{
    object-fit: cover;
}
.projets .projet .mcb-wrap-inner:before {
    position: absolute;
    left: calc(50% - 55px);
    font-size: 170px;
    line-height: 170px;
    top: 50px;
    z-index: 1;
    font-weight: 700;
    font-family: 'public sans';
    color: #13bef278;
    pointer-events: none;
}
.projets .projet:nth-child(1) .mcb-wrap-inner:before{
    content: '01';
}
.projets .projet:nth-child(2) .mcb-wrap-inner:before{
    content: '02';
}
.projets .projet:nth-child(3) .mcb-wrap-inner:before{
    content: '03';
}
.projets .projet:nth-child(4) .mcb-wrap-inner:before{
    content: '04';
}
.projets .image_links{
    display: none !important;
}
.col_services .mfn-icon-box{
    min-height: 292px;
}
.col_services .mfn-icon-box .desc-wrapper,
.Pourquoi_choisir .mfn-icon-box .desc-wrapper{
    display: block;
}
.home .Pourquoi_choisir .mfn-icon-box{
    min-height: 375px;
}
.sub_title_solution{
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
    display: block;
}
.col_item_solution{min-height: 240px;}
.box_expertises .mfn-icon-box{min-height:275px;}
.box_expertises .icon-wrapper{
    width: 100% !important;
}
.col_item_solution .desc-wrapper{
    text-align: start;
}
.box_expertises a.btn-underline {
    text-decoration: underline;
    color: #0076ff;
}
.box_expertises a.btn-underline:hover{
    text-decoration: underline;
    color: #000;
}
.box_expertises .icon-wrapper{
    min-height: 47px;
}
.box_expertises .mcb-item-icon_box_2-inner::before{
    position: absolute;
    content: '';
    left: 0;
    top: -5px;
    height: 100%;
    width: 100%;
    background: linear-gradient(90deg, rgba(0, 118, 255, 1) 50%, rgba(19, 190, 242, 1) 100%);
    z-index: -1;
    border-radius: 5px; 
}
.section_blog .ul-second{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-left: 50% !important;
}
.section_blog .ul-second li{
    width: calc( 50% - 15px );
    margin: 0 !important;
}
.section_blog .ul-second li .photo,
.section_blog .ul-second li .desc{
    width: 100% !important;
    margin-left: 0 !important;
    padding: 0 !important;
}
.section_blog .desc_footer{
    display: none;
}
.section_blog  .photo img{
    width: 100%;
}
.section_blog .ul-second li .desc h4 a{
    font-size: 18px !important;
    font-weight: 400 !important;
}
.section_blog .ul-second li .desc h4{
    margin-bottom: 0 !important;
}
.section_blog  li .photo{
    border-radius: 10px !important;
    height: 100%;
    object-fit: cover;
}
.section_blog  li .photo img{
  transition:all 0.3s ease-in-out;
}
.section_blog .ul-second li .photo{
    margin-bottom: 10px;
    height: 200px;
}
.section_blog li .desc a:hover {
    text-decoration: underline;
}
.section_blog  li:hover img{
    transform: scale(1.1);
}
.section_blog .category a{
    color: #000 !important;
    border: 0 !important;
    border-radius: 5px;
    font-weight: 400 !important;
    font-size: 14px !important;
    padding: 5px;
    margin-bottom: 5px;
    display: inline-block;
    background-color: #8eb1ff;
}
.section_blog .category.category-actualites a{
    background-color: rgb(165, 165, 253);
}
.section_blog .category.category-agence-web-tunisie a{
    background-color: rgb(255, 181, 181);
}
.section_blog .category.category-actualites.category-referencement-seo a:nth-child(2){
    background-color: #facc2ea3;
}
.section_blog .ul-first{
    position: absolute;
    height: 100%;
}
.section_blog .ul-first li,
.section_blog .ul-first li .photo,
.section_blog .ul-first li .photo img{
    height: 100%;
}
.section_blog .ul-first li .photo img{
    object-fit: cover;
}
.section_blog .ul-first li .desc{
    position: absolute;
    padding: 50px !important;
}
.section_blog .ul-first li .desc h3 a{
    color: #fff;
    font-size: 38px;
    font-weight: 400;
    line-height: 45px;
}
ul.custom_list_check{
    color: inherit;
    margin-left: 0;
}
.column_column ol{
    color: inherit;
}
ul.custom_list_check li::before{
        content: '\e841';
        font-family: 'mfn-icons';
        color: #0076ff;
        padding-right: 10px
}
ul.custom_list_check li{
    list-style: none;
    margin-bottom: 0;
}
ul.custom_list_check li a{
    display: contents;
}

#footerTopBar{
    background: linear-gradient(to left, #abd3ed 50%, #f8b532 50%) !important;
}
a.link_2{
    color: #fff;
    text-decoration: underline;
}
a.link_2:hover,
#footerTopBar h5 a:hover{
    color: #007cc3;
}
#footerTopBar h5 {
    font-size: 18px;
}
#Subheader:after{
    display: none;
}
#Subheader{
    background-color: #fff !important;
}
.item_pourquoi_choisir .mcb-column-inner,
.col_border_top>.mcb-wrap-inner{
    position: relative;
}
.item_pourquoi_choisir .mcb-column-inner:before,
.col_border_top>.mcb-wrap-inner:before,
.card_visuelle .mfn-icon-box:before{
    position: absolute;
    content: '';
    left: 0;
    top: -4px;
    height: 100%;
    width: 100%;
    background: linear-gradient(90deg, rgba(0, 118, 255, 1) 50%, rgba(19, 190, 242, 1) 100%);
    z-index: -1;
    border-radius: 5px;
}
#Subheader{
    padding-right: calc( 4% + 15px);
    padding-left: calc( 4% + 15px);
}

/* page agence */
.nav_agence ul li .icon i {
    line-height: 22px !important;
}
.nav_agence ul li .icon{
    display: none;
}
.nav_agence ul li a{
    position: relative;
    width: max-content;
}
.nav_agence ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.nav_agence ul li{
    width: 150px !important;
}
.nav_agence ul li p{
    padding: 0 !important;
}
.nav_agence ul li a:after{
    margin-top: 0;
    top: auto;
    border-top: none;
    border-right: none;
    bottom: 0;
    border-left: none;
    border-bottom: 2px solid #000;
    border-radius: 0;
    background-color: transparent !important;
    transition: transform .4s cubic-bezier(.23,.46,.4,1);
    animation: none;
    transform-origin: left;
    z-index: 1; 
    display: block;
    content: '';
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 2px;
    background-color: #fff;
    bottom: -4px;
    opacity: .8;
    left: 0;
    backface-visibility: hidden;
    pointer-events: none;
    animation: portSliderLine2 .45s cubic-bezier(.15,.75,.5,1) forwards;
}
.nav_agence ul li a:hover:after{
    animation: portSliderLine .5s cubic-bezier(.3,.75,.5,1) forwards;
}
@keyframes portSliderLine {
    0% {
        transform: scaleX(0);
        transform-origin: left
    }

    100% {
        transform: scaleX(1);
        transform-origin: left
    }
}

@keyframes portSliderLine2 {
    0% {
        transform: scaleX(1);
        transform-origin: right
    }

    100% {
        transform: scaleX(0);
        transform-origin: right
    }
}
.col_chiffre .column_attr p{
    margin-bottom: 0;
}
.col_chiffre img{
    filter: invert(30%) sepia(27%) saturate(6708%) hue-rotate(203deg) brightness(103%) contrast(104%);
}
.col_chiffre .number-wrapper{
    line-height: 0;
}
.col_chiffre .mcb-wrap-inner{
    position: relative;
}
.col_chiffre .mcb-wrap-inner:after {
    content: '';
    position: absolute;
    right: -14px;
    top: 10px;
    width: 2px;
    height: 70px;
    background-color: #a3a3a359;
}
.col_chiffre:last-child .mcb-wrap-inner:after{
    display: none;
}
ul.clients .client_wrapper{
    position: relative;
    margin: 20px !important;
}
.membre .mfn-icon-box:hover .icon-wrapper{
    transform: scale(.95);
}
.membre .mfn-icon-box:hover .icon-wrapper img{
    transform: scale(1.15);
}
.membre .mfn-icon-box .icon-wrapper img{
    -webkit-transition: transform .8s cubic-bezier(.05,.2,.1,1);
    transition: transform .8s cubic-bezier(.05,.2,.1,1);
}
.membre .mfn-icon-box .icon-wrapper{
    -webkit-transition: transform .8s cubic-bezier(.05,.2,.1,1);
    transition: transform .8s cubic-bezier(.05,.2,.1,1);
}
.section_trajectoire .section_wrapper{
    position: relative;
}
.section_trajectoire .section_wrapper:before {
    content: '';
    position: absolute;
    left: 12px;
    width: calc(100% - 24px);
    background-color: #000;
    height: 1px;
    z-index: 2;
    top: -20px;
}
.section_services_complets .service img {
    width: 50px !important;
    filter: invert(100%) sepia(0%) saturate(7459%) hue-rotate(137deg) brightness(104%) contrast(91%);
}
.section_services_complets .service .title  {
    margin-top: -15px;
}
.section_services_complets .service .desc-wrapper{
    flex-direction: column-reverse;
}
.col_postule .desc-wrapper{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    text-align: center !important; 
    z-index: 2;
    width: 250px;
    height: 100px;
    align-items: center;
    display: flex;
    justify-content: center;
    border: 8px solid #fff;
    border-radius: 0%;
    font-weight: 700;
    transition: all 0.3s ease-in-out;
}
.col_postule .mfn-icon-box:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fecf2d;
    transition: all 0.3s ease-in-out;
}
.col_postule .mfn-icon-box:hover:after {
    background-color: #fecf2dc9;
}
.col_postule .mfn-icon-box:hover .icon-wrapper{
    transform: scale(1);
}
.col_postule .mfn-icon-box .icon-wrapper{
    margin-bottom: 0 !important;
}
.col_postule .mfn-icon-box:hover .desc-wrapper{
    border-radius: 50%;
    height: 250px;
}
.mfn-popup-tmpl-content{
    height: 100% !important;
}
.exit-mfn-popup.exit-mfn-popup-abs{
    left: 10px;
    top: 20px;
    border: 1px solid;
    border-radius: 50%;
    background: #fff;
    color: #000;
}
.popup_col_txt{
    position: sticky;
}
.popup_col_img{
    position: fixed;
    left: 50%;
}
.popup_membre img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: 0% 20%;
}
.popup_membre .img_membre{
    width: 40%;
}
.popup_membre .content{
    width: 60%;
    padding: 50px;
}
.popup_membre{
    display: flex;
    height: 100%;
}
.pum-content.popmake-content{
    height: 100% !important;
}
.pum-container.popmake{
    padding: 0 !important;
    top:0 !important;
    left: 0 !important;
}
.popup_membre p{
    font-size: 18px;
    line-height: 32px;
    color: #555;
    margin-bottom: 0 !important;
}
.popup_membre .title{
    font-size: 50px;
    line-height: 70px;
    color: #222;
    font-weight: 700;
    margin: 10px 0px;
}
.popup_membre .sub_title{
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    color: #555;
}
.pum-close.popmake-close{
    width: 35px !important;
    height: 35px !important;
    left: 10px !important;
    top: 20px !important;
    border: 1px solid !important;
    border-radius: 50% !important;
    background: #fff !important;
    color: #000 !important;
    font-size: 0 !important;
}
.pum-close.popmake-close::after {
    content: '✕';
    width: 33px;
    height: 35px;
    opacity: 1;
    font-size: 18px;
    background-color: transparent;
    text-align: center;
    justify-content: center;
    display: flex;
    position: absolute;
    left: 0px;
    top: 0;
}

/* page Création de site internet */
.list_idea{
    display: flex;
    flex-wrap: wrap;
}
.list_idea li{
    width: 50%;
    padding-left: 20px !important;
}
.list_idea li:before{
    left: 0px !important;
}
.section_etapes_site .section_wrapper{
    justify-content: space-between;
}
.bloc-txt-gray a{
    color: #222;
}
.section_etapes_site .col_etape:hover{
    transform: translateY(-6px);
}
.section_etapes_site .col_etape{
    transition: transform .3s,box-shadow .3s,background-color .3s,color .3s,opacity .3s;
}
.col_video_with_bg>.mcb-wrap-inner{
    position: relative;
}
.col_video_with_bg>.mcb-wrap-inner:after{
    content: '';
    position: absolute;
    background-image: url(/wp-content/uploads/2024/06/landing-page-showcase-background.png);
    left: 40px;
    top: 40px;
    width: calc(100% - 40px);
    background-size: 100% 100%;
    z-index: -1;
}
.nbr_site_realises .column_attr{
    font-size: 180px !important;
    line-height: 150px !important;
}
.woow_img {
    -webkit-animation: MoveUpDown 1.5s linear .5s infinite alternate both;
    z-index: 22;
}
@keyframes MoveUpDown {
0% {
    transform: translateY(0);
}
50% {
    transform: translateY(5px);
}
100% {
    transform: translateY(10px);
}
}
.nectar_video_player_self_hosted{
    align-items: center;
    display: flex;
    height: 100%;
}
.site_vetrine .bloc_services_digitaux .num_services_digitaux {
    font-size: 20px;
}


/* page Création de site e-commerce */

.bloc_rendez_vous input {
    padding: 15px 10px !important;
    border: none !important;
}
.bloc_rendez_vous #gform_submit_button_2{
    height: 49px;
    border: none;
    border-radius: 5px;
    background: linear-gradient(90deg, rgba(0, 118, 255, 1) 50%, rgba(19, 190, 242, 1) 100%) !important;
    color: #fff;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 0px 30px !important;
}
.bloc_rendez_vous #gform_submit_button_2:hover{
    border: none !important;
    background: linear-gradient(90deg, rgba(0, 118, 255, 1) 50%, rgba(19, 190, 242, 1) 100%) !important;

}
.bloc_rendez_vous .gform_body.gform-body{
    width: calc(100% - 200px);
}
.bloc_rendez_vous  .gform_footer.top_label{
    width: 200px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 !important;
    margin: 0 !important;
    justify-content:end !important;
}
.bloc_rendez_vous #field_2_9 .gfield_consent_label{
    color: #706D70;
    font-family: Roboto;
    font-size: 14px;
    line-height: 16px !important;
    display: flex;
    padding-left: 25px;
    margin-top: -25px;
}
.bloc_rendez_vous input[type="text"]:focus,
.bloc_rendez_vous input[type="tel"]:focus,
.bloc_rendez_vous input[type="email"]:focus{
    color: #222 !important;
    background-color: rgb(255 255 255) !important;
}
/* page référencement web */
.packs_seo .pack .mcb-column-inner .plan-inside {
    min-height: 660px;
}
.par-mois, .mensuel {
    display: none;
}
.active {
    display: block;
}
.toggle-button {
    display: block;
    border-radius: 100px !important;
    width: 76px;
    height: 34px;
    cursor: pointer;
    overflow: hidden;
    box-shadow: 0 0 0 4px currentColor !important;
    padding: 0 !important;
    background-color: #0177ff !important;
    margin: 0 20px !important;
    border: 3px solid #0177ff !important;
}
.toggle-button .circle{
    display: block;
    border-radius: 100px;
    background-color: #fff;
    height: 28px;
    width: 70px;
    left: 0;
    top: 0;
    transition: transform 0.45s cubic-bezier(0.23,0.46,0.4,1);
    transform: translateX(-42px);
}
.toggle-button.mensuel_bouton .circle{
    transform: translateX(42px);
}
.abonnement_mensuel, .semestriel{
    color: #676767;
}
.txt_active{
    color: #000 !important;
}
.toggle_content .mfn-html-editor-wrapper{
    display: flex;
    justify-content: center;
}
.nous_consulter{
    font-size: 45px;
    line-height: 55px;
}
.pack .pricing-box .plan-inside {
    padding: 10px 15px;
}
.pack .plan-inside ul li{
    position: relative;
    padding-left: 20px !important;
}
.pack .plan-inside ul li::before{
    content: ".";
    position: absolute;
    left: 0px;
    top: 15px;
    line-height: 0;
    font-size: 26px;
}
.pack_sur_mesure .plan-inside ul li {
    border-bottom: 1px solid rgb(255 255 255 / 10%);
}
.card_visuelle .mfn-icon-box:hover{
    margin-top: -10px;
    box-shadow: 0px 12px 22px 4px #0000006b !important;
}
.stabilo {
    display: inline-block;
    position: relative;
    z-index: 100;
}
.stabilo::before {
    content: '';
    display: block;
    background: linear-gradient(to right, #fecf2d 0, rgba(255, 107, 48, 0.01) 100%) !important;
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    bottom: 5%;
    transform: rotate(-5deg);
    z-index: -1;
    border-radius: 100% 100% 10% 10% / 100% 100% 100% 100%;
}
.ar_main_div_102 .next_btn{
    height: 50px !important;
    width: 190px !important;
    display: inline-block;
    padding: 0 !important ;
    margin: 0 !important;
    position: absolute !important;
    right: 0;
    top: 2px;
    background-image: linear-gradient(to right, #0072CE 0%, #03BEFD 51%, #0072CE 100%) !important;
    background-position: right center !important;
    background-size: 200% auto !important;
}
.ar_main_div_102 .arf_field_131 input{
    padding-right: 225px;
    height: 60px;
    box-shadow: 0 6px 22px 8px rgb(0 114 206/22%)!important;
    border-radius: 10px;
}
#arffrm_102_container .arfformfield,
#arffrm_102_container .page_break,
#arffrm_102_container .arf_submit_div{
    margin: 0 !important;
}
#arffrm_102_container .previous_btn{
    display: none !important;
}
#arffrm_102_container .arfmainformfield .arf_htmlfield_control {
    word-wrap: break-word;
    font-size: 32px;
    line-height: 32px;
    text-align: center;
    margin-bottom: 25px;
}
#arffrm_102_container input {
    height: 50px;
    margin-bottom: 20px !important;
}
#arffrm_102_container .arf_submit_btn{
    background-image: linear-gradient(to right, #0072CE 0%, #03BEFD 51%, #0072CE 100%) !important;
    background-position: right center !important;
    background-size: 200% auto !important;
}
#arffrm_102_container #brand-div,
#arffrm_102_container #brand-div a{
    opacity: 0 !important;
}
#arffrm_102_container  .formtitle_style{
    display: none !important;
}
#arffrm_102_container .arf_fieldset{
    background: transparent !important;
}
.section_form_audit_seo .gfield_label,
.section_form_audit_seo #validation_message_5_1{
    display: none !important;
}
.section_form_audit_seo form{
    display: flex;
    align-items: center;
    gap: 20px;
}
.section_form_audit_seo form .gform_body{
    width: 100%;
}
.section_form_audit_seo form .gform_footer{
    width: 40%;
}
.section_form_audit_seo .gform_page_footer .gform_previous_button.button{
    display: none !important;
}
.section_form_audit_seo #gform_page_5_2{
    display: block ;
}
.section_form_audit_seo #gform_page_5_2 .gform_page_fields {
    width: 100% !important;
}
.section_form_audit_seo #gform_page_5_2 .gform_page_footer {
    display: flex;
    width: auto;
    margin-left: 0px !important;
}
.section_form_audit_seo #gform_page_5_2 .gform_page_footer input{
    margin-left: 0 !important;
}
.section_form_audit_seo #input_5_1,
.section_form_audit_seo #input_5_4_3,
.section_form_audit_seo #input_5_4_6,
.section_form_audit_seo #input_5_6,
.section_form_audit_seo #input_5_8{
    border-radius: 10px;
    border: none;
    font-family: 'public sans';
    text-align: left;
    background: #FFF;
    box-shadow: 0 0 20px #1a3f772e;
    font-size: 16px !important;
    padding: 20px !important;
    line-height: 18px;
    height: auto;
    margin-right: 15px;
}
.section_form_audit_seo #gform_next_button_5_2,
.section_form_audit_seo #gform_submit_button_5{
    background-color: #0177ff !important;
    border: 1px solid #0177ff;
}
.section_form_audit_seo #gform_next_button_5_2:hover,
.section_form_audit_seo #gform_submit_button_5:hover{
    background-color: transparent !important;
    color: #0177ff;
}
.section_form_audit_seo .gf_progressbar_wrapper{
    display: none;
}
.section_form_audit_seo .gform_page{
    display: flex;
    align-items: center;
}
.section_form_audit_seo #input_5_6{
    padding: 20px 20px 20px 100px !important;
}
.section_form_audit_seo .iti__flag-container{
    padding: 0 !important;
}
.section_form_audit_seo .iti__selected-flag{
    border-radius: 10px 0px 0px 10px;
}
.section_form_audit_seo #input_5_4_3_container label,
.section_form_audit_seo #input_5_4_6_container label{
    display: none;
}
.section_form_audit_seo input[type=button],
.section_form_audit_seo #gform_submit_button_5
{
    color: #fff;
    border-radius: 10px;
    font-family: 'public sans';
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 16px !important;
    padding: 20px !important;
    line-height: 18px;
    height: auto;
    width: max-content;
    margin-top: 0 !important;
    background-color: #0177ff;
}
.section_form_audit_seo .gform_page_footer{
    display: flex;
    width: 125px;
    margin-left: 20px !important;
}
.section_form_audit_seo .gform_page_fields{
    width: calc(100% - 145px);
}
ul.check-circle-o li{
    position: relative;
    padding-left: 35px;
    display: inline-block;
    padding-right: 15px;
    color: #222;
}
ul.check-circle-o li:before {
    position: absolute;
    content: url(/wp-content/uploads/2024/06/check-circle-o.png);
    left: 0;
    top: 2px;
}
.check-circle-o.d-flex{
    display: flex;
}
.nos_services a {
    color: #fecf2d;
}
.pack .mcb-column-inner:hover{
    transform: translateY(-20px);
    box-shadow: 1px 1px 11px #00000038;
}
.pack .mcb-column-inner{
    transition: all 0.3s ease-in-out;
}
.pack_sur_mesure .image img{
    filter: invert(100%) sepia(0%) saturate(7476%) hue-rotate(184deg) brightness(91%) contrast(115%);

}
.pack .button {
    width: 100%;
    justify-content: center;
}
.pack_sur_mesure .mcb-item-pricing_item-inner{
    position: relative;
    overflow: hidden;
}
.pack_sur_mesure .mcb-item-pricing_item-inner:before {
    content: '';
    position: absolute;
    background-image: url(https://www.novatis.tn/wp-content/uploads/2024/06/lotie.svg);
    top: -350px;
    right: -350px;
    width: 700px;
    height: 700px;
    z-index: 0;
    background-position: 100% 100%;
    background-size: cover;
}  
.pricing-box{
    position: relative;
    z-index: 2;
}
.pack .pricing-box .plan-header .price sup.period{
    top: 10px;
}
.col_expertise_seo .img_blue img {
    filter: invert(42%) sepia(100%) saturate(357%) hue-rotate(171deg) brightness(87%) contrast(105%);
}
.col_expertise_seo  img{
    height: 100%;
}
.col_expertise_seo .mfn-icon-box .desc-wrapper .title{
    min-height: 40px;
}
.col_counter_ref .number-wrapper span.number{
    position: relative;
}
.col_counter_ref .number-wrapper span.number:before{
    content: '';
    position: absolute;
    background-image: url(/wp-content/uploads/2024/07/up-arrow.png);
    left: -22px;
    top: 10px;
    width: 20px;
    height: 25px;
    background-size: cover;
    z-index: 12;
    background-repeat: no-repeat;
    filter: invert(119%) sepia(73%) saturate(6120%) hue-rotate(60deg) brightness(101%) contrast(83%);
}
.col_counter_ref .column_counter .mcb-item-counter-inner{
    background: none !important;
}
.col_counter_ref  .counter .title {
    min-height: 40px;
}
/* page e-commerce */
.card_bg_color .button{
    position: relative;
}
.card_bg_color .button:before  {
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    width: 100%;
    height: 0%;
    background: #fff !important;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
}
.card_bg_color .button:hover:before {
    height: 100%;
    width: 100%;
    top: 0;
}
.card_bg_color .button .button_label{
    z-index: 2;
}
/* page Google Ads */
.card_google_ads>.mcb-wrap-inner,
.card_google_ads>.mcb-wrap-inner .mcb-column{
    transition: all 0.3s ease-in-out;
}
.card_google_ads>.mcb-wrap-inner:hover{
    box-shadow: 0 0 11px 0px rgba(0, 0, 0, 0.07);
    background-color: #fff !important;
}
.card_google_ads>.mcb-wrap-inner:hover .mcb-column{
    transform: translateY(-30px);
}
.custom_liste_ads .mfn-icon-box {
    display: block;
}
.custom_liste_ads .desc{
    width: calc(100% - 70px) !important;
    border-left: 1px solid #00000026;
    padding-left: 10px;
}
.custom_liste_ads .title {
    width: 70px !important;
    justify-content: center;
    align-items: center;
    display: flex !important;
    padding-right: 10px;
}
.custom_liste_ads .mcb-column-inner:hover{
    box-shadow: 0 0 10px rgba(0,0,0,.15);
    border-color: #fff !important;
}
.custom_liste_ads .mcb-column-inner:hover .title,
.custom_liste_ads .mcb-column-inner:hover .desc{
    color: #000 !important;
}
.custom_liste_ads .mcb-column-inner,
.custom_liste_ads .mcb-column-inner .title,
.custom_liste_ads .mcb-column-inner .desc{
    transition: all 0.3s ease-in-out;
}
.ol_faq li{
    color: #222 !important;
}
/* page maintenance */
.icon_subtitle img{
    width: 50px !important;
}
span.sub_title_pack {
    font-size: 16px;
    line-height: 20px;
    display: inline-block;
    font-weight: 700;
    padding-top: 10px;
}
.pack_maintenance .hr_color{
    display: none !important;
}
.pack_maintenance .price{
    position: relative;
}
.pack_maintenance .price:before {
    content: 'À partir de';
    position: absolute;
    top: -10px;
}
.pack_maintenance.pack_maintenance .price:before{
    color: #fff !important;
}
.pack_maintenance.pack_sur_mesure .price::after{
    background-color: #fff !important;
}
.pack_maintenance .subtitle{
    padding: 0 !important;
    margin-top: -10px !important;
}
.pack_sur_mesure.pack_maintenance .image img{
    filter: none !important;
}
.pack_maintenance .pricing-box .plan-inside{
    padding: 10px 15px;
    min-height: 290px;
}
.pack_maintenance .price:after {
    content: '';
    position: absolute;
    left: 0;
    top: -30px;
    height: 1px;
    width: 60%;
    background-color: #000;
}
.suplementaire{
    font-size: 14px;
}
.packs_maintenance .plan-inside{
    min-height: 390px;
}
.col_formulaire_maintenance .gfield_required{
    display: none;
}
.col_formulaire_maintenance form{
    background-color: #fff;
    border-radius: 10px;
    padding: 20px 40px;
    box-shadow: 0px 0px 21px -4px #000;
}
.col_formulaire_maintenance form label.gfield_label {
    text-transform: inherit;
    font-size: 20px !important;
    letter-spacing: 0px !important;
    font-family: 'Open sans' !important;
}
.col_formulaire_maintenance form label.gfield_label .gfield_required{
    width: 100% !important;
}
.col_formulaire_maintenance form  input[type=submit] {
    text-transform: math-auto !important;
    font-family: 'open sans';
    font-weight: 600;
    letter-spacing: 1px;
    background-color: #fff;
    color: #222;
    border: 1px solid;
    border-radius: 5px;
}
.col_formulaire_maintenance form #field_1_4 .spf-phone.valid-msg.hide,
.col_formulaire_maintenance form #field_1_4 .spf-phone.error-msg.hide{
    display: none;
}
.col_formulaire_maintenance label{
    color: #09256f !important;
}
.col_formulaire_maintenance input,
.col_formulaire_maintenance textarea{
    border:1px solid #09256f !important;
    border-radius: 3px;
}
.col_formulaire_maintenance #gform_submit_button_1{
    background-color:#09256f ;
    border-radius: 3px;
    color: #fff !important;
    line-height: 18px !important;
    white-space: normal !important;
    height: auto !important;
}
.col_formulaire_maintenance .wpb_wrapper{
    display: flex;
    align-items: center;
}
.col_formulaire_maintenance #gform_confirmation_message_4{
    color: #fff;
    font-size: 28px;
    text-align: center;
    padding: 10px; 
}
.col_formulaire_maintenance .gform_required_legend{
    display: none !important;
}
.img_ronde{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin-bottom: -20px;
}
.groupe_img_roude .img_ronde:nth-child(2),
.groupe_img_roude .img_ronde:nth-child(3){
    margin-left: -15px;
}
/* page conception graphique */
.col_img_ux_design{
    position: relative;
    --s: 100%;
    --delay: 1.5s;
    width: var(--s);
    height: 500px;
    min-height: 500px;
}
.col_img_ux_design  .ux-design-img{
    position: absolute;
}
.col_img_ux_design  .ux-design-img  img{
    --s: 500px;
    --delay: 1.5s;
    width: 500px;
    height: 100%;
    min-height: 355px;
    top: 100px;
    left: 0;
    position: absolute;
    box-sizing: border-box;
    object-fit: cover;
    object-position: left;
    padding-right:500px ;
    animation: fill-after-animation var(--delay) ease-in-out forwards;
  }
  
.col_img_ux_design>.mcb-wrap-inner{
    position: relative;
}
.col_img_ux_design>.mcb-wrap-inner:after{
    content: "";
    position: absolute;
    background-color: #0076FF;
    top: 0;
    width: 4px;
    height: 335px;
    z-index: 22222;
    animation: fill-after var(--delay) ease-in-out forwards;
}
.col_img_ux_design>.mcb-wrap-inner::before{
    content: "";
    position: absolute;
    background-color: transparent;
    top: 0;
    width: 4px;
    height: 335px;
    z-index: 22222;
    animation: fill-before var(--delay) ease-in-out forwards;
    animation-delay: var(--delay);
}
.col_img_ux_design .ux-design-img.after img{
    animation-delay: var(--delay);
  }
  
  @keyframes fill-after-animation {
    0% {
        padding-right: 500px ;

    }
    100% {
     padding: 0 ;
    }
  }
  @keyframes fill-after {
    0% {
        left: 0 ;

    }
    99% {
     left: 500px ;
    }
    100% {
        background-color: transparent ;
       }
    
  }
  @keyframes fill-before {
    0% {
        left: 0 ;
        background-color: #0076FF;

    }
    99% {
     left: 500px ;
    }
    100% {
        background: transparent ;
       }
  }

.card_visuelle .icon-wrapper:before,
.card-2 .icon-wrapper:before{
    position: absolute;
    content: '';
    left: 30px;
    top: 0px;
    width: 65px;
    height: 65px;
    background-color: #f7df43;
    border-radius: 50%;
    z-index: -1;
}
.card_visuelle .title,
.card_visuelle .desc,
.card-2 .title,
.card-2 .desc {
    text-align: left;
}

/* page nos services */
.services .card_visuelle .title,
.services .card_visuelle .desc{
    text-align: center !important;
}
.services .card_visuelle .icon-wrapper:before{
    left: calc(50% + 0px);
    top: 30px;
    width: 50px;
    height: 50px;
    z-index: 0 !important;
}
.services .card_visuelle .icon-wrapper img{
    z-index: 1;
}
.icon_box_cercle .mfn-icon-box{
    width: 220px;
    height: 220px;
    align-items: center !important;
    display: flex !important;
    justify-content: center;
    transition:all 0.3s ease-in-out;
}

.icon_box_cercle .desc-wrapper{
    flex-grow: inherit !important;
}
.icon_box_cercle>.mcb-column-inner>a{
    display: flex;
    justify-content: center;
}
.icon_box_cercle .mfn-icon-box:hover{
    background-color: #0f2264 !important;
}
.icon_box_cercle .mfn-icon-box .icon-wrapper{
    position: relative;
}
.icon_box_cercle .mfn-icon-box:hover .icon-wrapper:after{
    content: '';
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}
.icon_box_cercle.vitrine .mfn-icon-box:hover .icon-wrapper:after{
    background-image: url(/wp-content/uploads/2024/07/Site-web-vitrine2.png);
}
.icon_box_cercle.dynamique .mfn-icon-box:hover .icon-wrapper:after{
    background-image: url(/wp-content/uploads/2024/07/Site-web-dynamique-2.png);
}
.icon_box_cercle.e_commerce .mfn-icon-box:hover .icon-wrapper:after{
    background-image: url(/wp-content/uploads/2024/07/Site-web-e-commerce-2.png);
}
.icon_box_cercle.refonte .mfn-icon-box:hover .icon-wrapper:after{
    background-image: url(/wp-content/uploads/2024/07/Refonte-site-web-2.png);
}
.icon_box_cercle .mfn-icon-box:hover .icon-wrapper img{
    opacity: 0;
}
.icon_box_cercle .mfn-icon-box:hover h3{
    color: #fff !important;
}

/* page nos services */
.section_wave:before {
    animation: animatedBackground 50s linear infinite;
    background-image: url(/wp-content/uploads/2024/06/wave-shape-white.png);
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto 100%;
    content: "";
    height: 53px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.section_wave:after {
    animation: animatedBackground 50s linear infinite !important;
    background-image: url(/wp-content/uploads/2024/06/wave-shape-white.png);
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto 100%;
    content: "";
    height: 53px;
    left: 0;
    position: absolute;
    bottom: 0px;
    width: 100%;
    transform: rotate(180deg);
}
@keyframes animatedBackground{
0% {
    background-position: 0 0;
}
100% {
    background-position: -3840px 0;
}
}

/* Contact */
#input_3_114, #input_3_116{
    display: flex;
    flex-wrap: wrap;
    position: relative;
    gap: 10px;
}
#input_3_114 .gchoice, #input_3_116 .gchoice{
   width: 110px; 
   padding: 5px;
   position: relative;
   text-align: center;
   border: 1px solid #c0dbfa;
    border-radius: 4px;
    background-color: #F7FBFF;
}
#input_3_114 .gchoice label, #input_3_116 .gchoice label{
    font-size: 13px;
    position: relative;
    z-index: 2;
    max-width: max-content;
}
#input_3_114 .gchoice input.gfield-choice-input, #input_3_116 .gchoice input.gfield-choice-input{
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 22;
    cursor: pointer;
}
#input_3_114 .gchoice::before{
    content: '';
    background: center top no-repeat;
    display: block;
    background-size: contain;
    height: 33px;
    margin: 10px 0px 0px;
    filter: invert(40%) sepia(87%) saturate(3062%) hue-rotate(212deg) brightness(101%) contrast(101%);
    z-index: 2;
    position: relative;
}
#input_3_116 .gchoice::before{
    content: '';
    background: center top no-repeat;
    display: block;
    background-size: contain;
    height: 36px;
    margin: 10px 0px 0px;
    z-index: 2;
    position: relative; 
}
#input_3_114 .gchoice.gchoice_3_114_0::before{
    background-image: url(/wp-content/uploads/2024/06/devis.svg);
}
#input_3_114 .gchoice.gchoice_3_114_1::before{
    background-image: url(/wp-content/uploads/2024/06/partenariat.svg);
}
#input_3_114 .gchoice.gchoice_3_114_2::before{
    background-image: url(/wp-content/uploads/2024/06/information.svg);
}
#input_3_114 .gchoice.gchoice_3_114_3::before{
    background-image: url(/wp-content/uploads/2024/06/recrutement-demployes.svg);
}
#input_3_116 .gchoice.gchoice_3_116_0::before{
    background-image: url(/wp-content/uploads/2024/06/site-web.svg);
}
#input_3_116 .gchoice.gchoice_3_116_1::before{
    background-image:url(/wp-content/uploads/2024/06/web-design-1.svg);
}
#input_3_116 .gchoice.gchoice_3_116_2::before{
    background-image:url(/wp-content/uploads/2024/06/google-ads-1.svg);
}
#input_3_116 .gchoice.gchoice_3_116_3::before{
    background-image: url(/wp-content/uploads/2024/06/Seo-1.svg);
}
#input_3_116 .gchoice.gchoice_3_116_4::before{
    background-image: url(/wp-content/uploads/2024/06/maintenance-1.svg);
}
#input_3_114 .gchoice:hover , 
#input_3_114 .gchoice:hover input.gfield-choice-input::before{
    background: linear-gradient(#176fda, #176fda) !important;
    background-color: #176fda !important;
    color: #fff;
    border: 1px solid #176fda;
}
#input_3_114 .gchoice:hover:before,
#input_3_114 .gchoice.checked:before{
    filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(11deg) brightness(107%) contrast(101%);
}

#input_3_114 .gchoice input:checked + label{
    color: #fff;
}
#input_3_114 .gchoice.checked{
    background-color: #176fda !important;
    border: 1px solid #176fda;
}
#input_3_116 .gchoice:nth-child(1):hover , 
#input_3_116 .gchoice:nth-child(1):hover input.gfield-choice-input::before,
#input_3_116 .gchoice.checked:nth-child(1){
    background-color: #176fda !important;
    color: #fff;
    border: 1px solid #176fda;
}
#input_3_116 .gchoice:nth-child(1):hover:before,
#input_3_116 .gchoice.checked:nth-child(1):before{
    background-image: url(/wp-content/uploads/2024/06/site-web-1.svg);
}
#input_3_116 .gchoice:nth-child(2):hover , 
#input_3_116 .gchoice:nth-child(2):hover input.gfield-choice-input::before,
#input_3_116 .gchoice.checked:nth-child(2){
    background-color: #f5a11c !important;
    color: #fff;
    border: 1px solid #f5a11c;
}
#input_3_116 .gchoice:nth-child(2):hover:before,
#input_3_116 .gchoice.checked:nth-child(2):before{
    background-image: url(/wp-content/uploads/2024/06/Webdesign.svg);
}
#input_3_116 .gchoice:nth-child(3):hover , 
#input_3_116 .gchoice:nth-child(3):hover input.gfield-choice-input::before,
#input_3_116 .gchoice.checked:nth-child(3){
    background-color: #e54022 !important;
    color: #fff;
    border: 1px solid #e54022;
}
#input_3_116 .gchoice:nth-child(3):hover:before,
#input_3_116 .gchoice.checked:nth-child(3):before{
    background-image: url(/wp-content/uploads/2024/06/google-ads-2.svg);
}
#input_3_116 .gchoice:nth-child(4):hover , 
#input_3_116 .gchoice:nth-child(4):hover input.gfield-choice-input::before,
#input_3_116 .gchoice.checked:nth-child(4){
    background-color: #872749 !important;
    color: #fff;
    border: 1px solid #872749;
}
#input_3_116 .gchoice:nth-child(4):hover:before,
#input_3_116 .gchoice.checked:nth-child(4):before{
    background-image: url(/wp-content/uploads/2024/06/Seo.svg);
}
#input_3_116 .gchoice:nth-child(5):hover , 
#input_3_116 .gchoice:nth-child(5):hover input.gfield-choice-input::before,
#input_3_116 .gchoice.checked:nth-child(5){
    background-color: #5a8b28 !important;
    color: #fff;
    border: 1px solid #5a8b28;
}
#input_3_116 .gchoice:nth-child(5):hover:before,
#input_3_116 .gchoice.checked:nth-child(5):before{
    background-image: url(/wp-content/uploads/2024/06/maintenance.svg);
}
#field_3_116{
    margin-bottom:40px;
}
#field_3_114{
    margin-bottom: 20px;
}

.gform_wrapper select option[value=Autre]:checked,.gform_wrapper select option[value=Autre]:hover{
    background: linear-gradient(#21759a,#21759a)!important;
    background-color: #21759a!important;
    color: #fff;
    border: 1px solid #21759a;
}
.gform_wrapper select option {
    width: 18.4%;
    height: 92px;
    padding: 9px 2px 0;
    position: relative;
    display: table-cell;
    width: 94px;
    white-space: initial;
    font-size: 13px;
    font-family: 'public sans';
    text-align: center;
    font-weight: 400;
    color: #787878;
    background: #F7FBFF;
    text-indent: 0;
    letter-spacing: 0;
    border: 1px solid #c0dbfa;
    border-radius: 4px;
    padding: 6px 4px 11px;
    min-height: 76px;
    vertical-align: top;
    cursor: pointer;
    text-align: center !important;
}
.contact-formulaire.vc_col-sm-8.contact-formulaire.wpb_column.column_container.vc_column_container.col.nectar-sticky-column-css--middle.nectar-sticky-column-css.padding-4-percent.padding-5-percent_tablet.inherit_phone.n-sticky-initialized {
    padding-left: 100px;
}
.contact-dynamic-words h6.heading {
    margin-top: 40px;
}
.form-contact {
    margin-top: 32px;
}
.gform_wrapper select option:before {
    content: '';
    background: center top no-repeat;
    display: block;
    width: 100%;
    height: 48px;
    margin: -5px 0;
    margin-top: 10px;
}
#input_3_32{
    display: flex;
    min-width: 200px;
}
#field_3_5 .gfield_label{
    display: none;
}
.page-id-24420 form#gform_3 {
    box-shadow: 0 20px 90px 0 rgba(30,89,157,.06);
    background-color: #fff;
    padding: 50px;
    border-radius: 5px;
}
.section-contact .gform_footer.top_label, #gform_submit_button_5 {
    margin-right: 0px;
    border-color: rgba(0, 0, 0, 0.0);
    width: 100%;
    background: linear-gradient(96deg, #0077ff90 0%, #0076ff 50%, #0077ff90 100%) !important;
    animation: nectarBtnGradientScroll 30s linear infinite;
    background-size: 1300%;
    border-radius: 5px;
    font-family: Public Sans;
    font-size: 16px;
    color: #fff;
    letter-spacing: 0px;
    display: flex;
    justify-content: right;
    margin-top: 20px;
    padding: 0 !important;
}
.section-contact .gform_footer.top_label .gform_button.button {
    width: 100%;
    background: transparent;
    font-size: 16px;
    color: #fff;
    letter-spacing: 0px;
    text-transform: capitalize;
    padding: 0 !important;
    margin: 0 !important;
    font-family: Public Sans;
    padding: 15px 25px 15px 25px!important;
    display: flex;
    justify-content: center;
}
.section-contact input[type="text"], .section-contact input[type="email"], .section-contact input[type="tel"], .section-contact textarea, .section-contact select#input_3_51, .section-contact select#input_3_77, .section-contact select#input_3_78, .section-contact select#input_3_86, .section-contact select#input_3_54, .section-contact select#input_3_88, .section-contact select#input_3_89, .section-contact select#input_3_90, .section-contact select#input_3_95, .section-contact select#input_3_97, .section-contact select#input_3_101, .section-contact select#input_3_102, .section-contact select#input_3_103, .section-contact select#input_3_104, .section-contact #input_3_106, .section-contact #input_3_109 {
    max-width: 100%;
    font-size: 14px !important;
    border: 1px solid #7b838e70 !important;
    box-sizing: border-box;
    margin: 0 0 15px;
    font-weight: 400;
    width: 100%;
    padding: 15px 24px !important;
    transition: all .3s;
    height: 55px;
    border-radius: 4px;
    box-shadow: none !important;
}
.section-contact .gform_wrapper.gravity-theme .gfield textarea.large {
    height: 135px;
}
#input_3_32 {
    display: flex;
    min-width: 200px;
}
#input_3_32 .gchoice{
    width: 65px;
}
legend, .section-contact .gfield_label {
    color: #787878;
    font-size: 14px !important;
    font-family: 'Public Sans' !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
}
@media screen and (min-width: 600px){
fieldset#field_3_32 {
    position: relative;
    max-width: 700px;
    margin-bottom: 40px;
}
fieldset#field_3_32 .gfield_label {
    max-width: 390px;
}
fieldset#field_3_32 .ginput_container.ginput_container_radio {
    width: 70px;
    position: absolute;
    top: -40px;
    left: 400px;
}
}
button#gform_browse_button_3_5, button#gform_browse_button_3_53, button#gform_browse_button_3_68 {
    background-image: linear-gradient(96deg, #0077ff90 0%, #0076ff 50%, #0077ff90 100%);
}
.gfield_html.field_description_below, #field_3_24 label, #field_3_33 label, #field_3_114 .gfield_label, #field_3_116 .gfield_label {
    font-size: 18px !important;
    font-weight: 600 !important;
    text-transform: initial;
    letter-spacing: 0 !important;
    font-family: 'public sans' !important;
    color: #222222;
}
.gform_required_legend {
    display: none;
}
.section-contact .gfield .iti.iti--allow-dropdown input {
    border: none;
    padding: 15px 50px !important;
}
.section-contact select#input_3_77, .section-contact select#input_3_78, .section-contact select#input_3_86, .section-contact select#input_3_88, .section-contact select#input_3_89, .section-contact select#input_3_90, .section-contact select#input_3_95, .section-contact select#input_3_97, .section-contact select#input_3_101, .section-contact select#input_3_102, .section-contact select#input_3_103, .section-contact select#input_3_104, .section-contact select#input_3_109 {
    height: auto !important;
    margin-bottom: 0 !important;
}
.gform_wrapper.gravity-theme .ginput_container_date input {
    width: 100% !important;
}
.section-contact select#input_3_77 option, .section-contact select#input_3_78 option, .section-contact select#input_3_86 option, .section-contact select#input_3_88 option, .section-contact select#input_3_89 option, .section-contact select#input_3_90 option, .section-contact select#input_3_95 option, .section-contact select#input_3_97 option, .section-contact select#input_3_101 option, .section-contact select#input_3_102 option, .section-contact select#input_3_103 option, .section-contact select#input_3_104 option, .section-contact select#input_3_109 option, .section-contact select#input_3_51 option {
    text-align: left !important;
}
.section-contact input::placeholder,
.section-contact textarea::placeholder{
    color: #414141;
}
/* section portfolio */
.new_portfolio .portfolio-item{
    position: relative !important;
    width: 100% !important;
    top: inherit !important;
}
.new_portfolio .image_frame .image_wrapper .image_links{
    display: none !important;
}
.new_portfolio .portfolio-item-fw-bg{
    display: flex;
}
.new_portfolio .portfolio-item-fw-bg .image_frame ,
.new_portfolio .portfolio-item-fw-bg .desc{
    width: 50% !important;
}

/* page projets */
.page-id-24939 .portfolio-logo img {
    filter: brightness(0) invert(1);
}
.portfolio_projets .image_frame .image_links{
    display: none !important;
}
.portfolio_group.list .portfolio-item .desc .title_wrapper{
    display: block !important;
}
.portfolio_group.list  .details-wrapper{
    display: none !important;
}
.portfolio_group .portfolio-item .desc .desc-wrapper{
    margin-right: 0 !important;
}
.portfolio_group.list .portfolio-item .desc{
    padding: 20px !important;
}
.portfolio_projets .image_frame:hover .image_wrapper img{
    top: 0 !important;
}
.portfolio_projets .image_frame .image_wrapper .mask:after{
    display: none !important;
}
.portfolio_projets .image_frame .image_wrapper{
    border-radius: 10px;
    transition: all 0.3s ease-in-out !important;
}
.portfolio_projets .portfolio-item{
    transition: all 0.3s ease-in-out !important;
}
.portfolio_projets .portfolio-item:hover{
    transform: translateY(-10px) !important;
    box-shadow: 0 40px 70px 0 rgba(0,0,0,.07);
    border-radius: 10px;
}
.portfolio_projets .portfolio-item:hover .image_wrapper{
    border-radius: 10px 10px 0px 0px;
}
.portfolio_projets .portfolio-item .image_frame .image_wrapper .mask {
    box-shadow: none;
}
.portfolio_group.grid .portfolio-item .desc .desc-wrapper{
    display: block !important;
}
.projets_posts .portfolio-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    pointer-events: none;
    max-width: 180px;
}
.projets_posts .portfolio-item:hover  .image_wrapper {
    border-radius: 10px 10px 0px 0px;
}
.projets_posts .portfolio-item .image_wrapper {
    transition: all 0.3s ease-in-out !important;
}
.image_frame .image_wrapper .mask::after {
    background: rgb(0 0 0 / 20%);
}
.image_frame .image_wrapper .mask:after{
    opacity: 1;
}
.projets_posts .portfolio-logo img{
    width: auto;
    height: auto !important;
}
.projets_posts .image_frame .image_wrapper img{
    width: 100%;
    height: 350px;
    object-fit: cover;
}
.projets_posts .image_frame .image_wrapper{
    border-radius: 10px;
}
.projets_posts .portfolio_group.masonry.col-2 .portfolio-item{
    width: 41.99%;
}
.projets_posts .portfolio_group.masonry .portfolio-item {
    margin: 0px 4% 40px;
}

.projets_posts .pager_load_more .button_icon{
    display: none !important;
}
.projets_posts .pager_load_more .button_label{
    opacity: 0 !important;
}
.projets_posts .pager_load_more:after{
    content: "CHARGER PLUS";
    position: absolute;
    left: 50%;
    top: 50%;
    background: transparent;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    line-height: 20px;
    align-items: center;
    justify-content: center;
    display: flex;
    font-family: 'Public Sans';
    letter-spacing: 2px;
    font-size: 14px;
    color: #000;
    font-weight: 600;
}
.projets_posts .pager_load_more{
    border: 1px solid #0076ff;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
    position: relative;
    padding: 14px 35px;
    background: transparent;
}
.projets_posts .pager_load_more:before {
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    width: 100%;
    height: 0%;
    background: linear-gradient(90deg, rgba(0, 118, 255, 1) 50%, rgba(19, 190, 242, 1) 100%);
    border-radius: 2px;
    transition: all 0.3s ease-in-out;
    z-index: -1;
    border-radius: 5px;
}
.projets_posts .pager_load_more:hover::before {
    height: 100%;
    width: 100%;
    top: 0;
}
.projets_posts .pager_load_more:hover::after{
    color: #fff;
}

/* page prestashop */
.animation_3d img{
    -webkit-transition: none !important;
    transition: none !important;
}

/* page hébergement web */
.novahoster_pricing .plan-header{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 10px 20px 0;
}
.novahoster_pricing .image{
    width: 65px;
}
.novahoster_pricing .title{
    width: calc(100% - 65px);
}
.novahoster_pricing .price sup.period,
.novahoster_pricing .price sup.currency{
    top: 0 !important;
}
.novahoster_pricing .price{
    width: 100%;
    display: flex;
    align-items: center;
    order: 3;
}
.novahoster_pricing .subtitle{
    order: 2;
    padding-top: 10px !important;
    margin-bottom: 20px !important;
}
.novahoster_pricing a.button.button_theme {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
}
.novahoster_pricing a.button .button_label{
    opacity: 0;
}
.novahoster_pricing .mcb-column-inner{
    border: none !important;
}
.novahoster_pricing .pricing-box:hover{
    box-shadow: 0 2px 15px 0 rgb(0 0 0/15%);
    transform: translateY(-20px);
}
.novahoster_pricing .pricing-box{
    transition: all 0.3s ease-in-out !important;
    border-radius: 5px;
}
.novahoster_pricing .pricing-box a::after{
    display: none;
}
.yellow_link{
    color: #fecf2d !important;
}
.yellow_link:hover{
    color: #ffe27c  !important;
    text-decoration: underline;
}
.section_choisir_heb .icon-wrapper img{
    height: 35px;
    width: auto;
}
.section_choisir_heb .desc-wrapper{
    display: block !important;
}
.section_choisir_heb .mfn-icon-box-top{
    min-height: 295px;
}
.section_faq .section_wrapper .wrap.mcb-wrap .mcb-wrap-inner .column:nth-child(2) p{
    font-weight: 700;
}
/*page histoire */
.frame-paper-planes{position:relative}
.frame-paper-planes .plane-container{
    position: absolute;
    right: 0;
    top: -40px;
    width:339px;
    height:288px;
    text-align:right;
    animation:paper-plane-scoping 2s alternate infinite;
    animation-timing-function:linear
}
@keyframes paper-plane-scoping{0%{transform:translateX(0) translateY(0)}100%{transform:translateX(3%) translateY(3%)}}
.frame-paper-planes .plane-container .plane{animation:sous-paper-plane-soaring 4s forwards infinite}
.frame-paper-planes .plane-container .plane.paper-planes-rouge{animation:paper-plane-soaring 4s forwards infinite}
.frame-paper-planes .plane-container .plane.paper-planes-1{position:absolute;top:51px;left:0}
.frame-paper-planes .plane-container .plane.paper-planes-2{position:absolute;top:5px;left:122px}
.frame-paper-planes .plane-container .plane.paper-planes-3{position:absolute;bottom:0;left:27px}
.frame-paper-planes .plane-container .plane.paper-planes-4{position:absolute;bottom:33px;right:63px}
.frame-paper-planes .plane-container .plane.paper-planes-5{position:absolute;top:139px;right:5px}
@keyframes paper-plane-soaring{0%,100%{transform:rotate(0)}40%{transform:rotate(3deg)}70%{transform:rotate(-3deg)}}
@keyframes sous-paper-plane-soaring{0%,100%{transform:rotate(0)}40%{transform:rotate(10deg)}70%{transform:rotate(-10deg)}}

/* page single blog */
.single.single-post p{
    line-height: 32px !important;
}
/* page single projet */
.single-portfolio .column_attr.align_left {
    line-height: 30px;
}
.single-portfolio .entry-content{
    padding-left: 4%;
    padding-right: 4%;
    margin-bottom: 70px;  
}
.single-portfolio .section-post-intro-share,
.single-portfolio .section-post-header,
.single-portfolio .the_content,
.post-related  .date_label,
.single-portfolio  .fixed-nav.fixed-nav-prev,
.single-portfolio .fixed-nav.fixed-nav-next{
    display: none;
}
.single-portfolio  .section-related-ul{
    display: flex;
    gap: 40px;
}
.btn_visitez a{
    z-index: 1;
}
.btn_visitez a:hover .button_label{
    color: #fff;
}
.btn_visitez a.button:before{
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    width: 100%;
    height: 0%;
    background: #222 !important;
    border-radius: 2px;
    transition: all 0.3s ease-in-out;
    z-index: -1;
    border-radius: 0px !important;
}
.btn_visitez a.button:hover:before{
    height: 100%;
    width: 100%;
    top: 0;
}
.list-circle li {
    line-height: 30px;
    color: #222;
    margin-bottom: 0 !important;
}
.post-related .button_icon {
    display: none !important;
}
.post-related .button_label{
    margin-left: 0 !important;
}
.post-related a.button{
    border: 1px solid #0076ff;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
    position: relative;
    padding: 14px 35px;
    background: transparent;
    color: #0076ff;
    line-height: 14px;
}
.post-related a.button:hover{
    color: #fff;
}
.post-related a.button:before {
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    width: 100%;
    height: 0%;
    background: linear-gradient(90deg, rgba(0, 118, 255, 1) 50%, rgba(19, 190, 242, 1) 100%);
    border-radius: 2px;
    transition: all 0.3s ease-in-out;
    z-index: -1;
    border-radius: 5px;
}
.post-related a.button:hover:before {
    height: 100%;
    width: 100%;
    top: 0;
}
.single-portfolio .section-post-navigation-inner{
    display: flex;
}
.single-portfolio .section-post-navigation-inner .post-navigation{
    width: 50%;
}
.single-portfolio .section-post-navigation-inner .post-navigation a{
    height: 300px;
    display: block;
    overflow: hidden;
    cursor: pointer;
    position: relative;
}
.single-portfolio .section-post-navigation-inner .post-navigation a .nav-thumbnail,
.single-portfolio .section-post-navigation-inner .post-navigation a .nav-thumbnail img{
    height: 100%;
}
.single-portfolio .section-post-navigation-inner .post-navigation a .nav-thumbnail img{
    object-fit: cover;
    width: 100%;
}
.single-portfolio .section-post-navigation-inner .post-navigation{
    position: relative;
}
.single-portfolio .section-post-navigation-inner .nav-text{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}
.single-portfolio .section-post-navigation-inner .post-navigation a:after {
    background-color: #0d0d0d;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    display: block;
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: .35;
    -webkit-transition: opacity .4s cubic-bezier(.05,.2,.1,1) 0s;
    transition: opacity .4s cubic-bezier(.05,.2,.1,1) 0s;
}
.single-portfolio .section-post-navigation-inner .post-navigation a:hover:after {
    background-color: rgba(13, 13, 13, 0.9);
    opacity: .9;
}
.single-portfolio .section-post-navigation-inner .nav-text span{
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 15px;
    z-index: 2;
}
.single-portfolio .section-post-navigation-inner .nav-text .title{
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    z-index: 2;
}
.single-portfolio .section-post-navigation-inner .nav-thumbnail{
    transition: transform .4s cubic-bezier(.05,.2,.1,1) 0s, opacity .3s ease;
}
.single-portfolio .section-post-navigation-inner .post-navigation a:hover .nav-thumbnail{
    transform: scale(1.1);
}
.single-portfolio .section-post-navigation-inner .nav-text .txt:after{
    content: '';
    position: absolute;
    left: 0px;
    background-image: url(https://www.novatis.tn/wp-content/uploads/2024/07/right-arrow.svg);
    width: 55px;
    height: 55px;
    background-size: cover;
    top: calc(50% - 27px);
    background-repeat: no-repeat;
    transition: all 0.4s ease-in-out;
    opacity: 0;
    transform: rotate(180deg);
}
.single-portfolio .section-post-navigation-inner .post-navigation.previous .nav-text .txt:after {
    transform: rotate(0deg);
	right:0;
	left: inherit;
}
.single-portfolio .section-post-navigation-inner .post-navigation.previous a:hover .nav-text .txt:after{
    right: -70px;
    opacity: 1;
}
.single-portfolio .section-post-navigation-inner .nav-text{
    transition: all 0.4s ease-in-out;
    width: max-content;
}
.single-portfolio .section-post-navigation-inner .post-navigation.previous a:hover .nav-text{
    margin-left: -60px;
}
.single-portfolio .section-post-navigation-inner .post-navigation.next a:hover .nav-text{
    margin-left: 60px;
}
.single-portfolio .section-post-navigation-inner .post-navigation.next a:hover .nav-text .txt:after{
    left: -70px;
    opacity: 1;
}


/* page blog */
.blog .posts_blog .post-footer,
.category .posts_blog .post-footer,
.blog .posts_blog  .image_frame .image_wrapper .image_links,
.category .posts_blog  .image_frame .image_wrapper .image_links{
    display: none;
}
 .image_frame:hover .image_wrapper img{
    top: 0 !important;
} 
.blog .posts_blog article .image_frame,
.category .posts_blog article .image_frame{
    transition: transform .7s cubic-bezier(.2,1,.22,1);
    border-radius: 5px;
}
.blog .posts_blog article,
.category .posts_blog article {
    overflow: visible !important;
    display: flex;
    align-items: center;
}
.blog .posts_blog article:hover .image_frame,
.category .posts_blog article:hover .image_frame{
    transform: translateY(-4px);
}
.blog .posts_recemment .category,
.category .posts_recemment .category,
.blog .posts_recemment  .button-love,
.category .posts_recemment  .button-love{
    display: none !important;
}
.blog .posts_recemment  .ul-first,
.category .posts_recemment  .ul-first{
    margin-top: 20px;
}
.blog .posts_recemment  .ul-first .desc,
.category .posts_recemment  .ul-first .desc{
    line-height: 20px;
}
.blog .posts_recemment  .ul-first .desc a,
.category .posts_recemment  .ul-first .desc a{
    font-size: 15px;
    color: #000;
    font-weight: 600;
}
.blog .posts_recemment  .ul-first .desc a:hover,
.category  .posts_recemment  .ul-first .desc a:hover{
    color: #0177ff;
    text-decoration: none !important;
}
.blog .mfn-live-searchform input.field,
.category .mfn-live-searchform input.field{
    background-color: #ecf6ff;
    border: 1px solid #58a5fe;
    border-radius: 5px;
    padding-left: 60px;
    font-size: 18px;
    font-family: 'Public Sans';
    color: #999999;
    padding: 15px 30px 15px 60px;
}
.blog .mfn-live-searchform svg .path,
.category  .mfn-live-searchform svg .path {
    stroke: #0076ff;
}
.blog .mfn-live-searchform svg,
.category .mfn-live-searchform svg{
    width: 30px;
}
.blog .mfn-tag-cloud.mfn-tag-cloud-pills li a,
.category .mfn-tag-cloud.mfn-tag-cloud-pills li a{
    background-color: rgb(236 246 255 / 0%);
    color: #000;
    font-size: 17px;
    border-top: 1px solid #e6e6e6;
    padding: 7px 0px;
}
.blog .mfn-tag-cloud.mfn-tag-cloud-pills li,
.category .mfn-tag-cloud.mfn-tag-cloud-pills li{
    width: 100%;
}
.blog .mfn-tag-cloud.mfn-tag-cloud-pills li a:hover,
.category .mfn-tag-cloud.mfn-tag-cloud-pills li a:hover{
    color:#0177ff;
}
.blog .posts_blog  .pager,
.category .posts_blog  .pager{
    font-size: 15px ;
    display: flex;
    align-items: center;
    margin-top: 25px;
}
.blog .posts_blog  .pager .pages,
.category .posts_blog  .pager .pages,
.blog .posts_blog  .pager .pages a,
.category .posts_blog  .pager .pages a {
    background-color: #fff;
    color: #222;
    font-weight: 500;
}
.blog .posts_blog  .pager .pages a.active,
.category .posts_blog  .pager .pages a.active,
.blog .posts_blog  .pager .pages a:hover,
.category .posts_blog  .pager .pages a:hover {
    background-color: #0177ff;
    color: #fff;
}
.blog .posts_blog .pager a.next_page,
.category .posts_blog .pager a.next_page, 
.blog .posts_blog .pager a.prev_page,
.category .posts_blog .pager a.prev_page{
    color: #222;
}
.blog .posts_blog .pager a.next_page:hover,
.category .posts_blog .pager a.next_page:hover, 
.blog .posts_blog .pager a.prev_page:hover,
.category .posts_blog .pager a.prev_page:hover{
    color: #0177ff;
}
.blog .posts_blog .pager .pages,
.category .posts_blog .pager .pages{
    margin: 0 10px;
}
ul.mfn-tag-cloud.mfn-tag-cloud-pills{
    padding-left: 15px;
}
.related_posts .post-desc-wrapper{
    position: absolute;
    top: 35px;
    left: 35px;
    width: calc(100% - 70px);
    z-index: 2;
}
.related_posts article{
    position: relative;
    max-height: 250px;
}
.related_posts  .image_frame{
    height: 100%;
}
.related_posts .mask{
    background-color: #00000054;
}
.related_posts .mask:after{
    background-color: transparent !important;
}

.articles-populaires {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.articles-populaires .article {
    position: relative;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}

.articles-populaires .article a {
    text-decoration: none;
    color: inherit;
    display: block;
}
.articles-populaires .article:hover .article-thumbnail{
    opacity: 1;
}
.articles-populaires .article:hover .post-title,
.articles-populaires .article:hover  .date {
    color: #fff;
}
.articles-populaires .article:nth-child(1) .article-thumbnail{
    opacity: 1;
}
.articles-populaires .article:nth-child(1) .post-title,
.articles-populaires .article:nth-child(1) .date{
    color: #fff;
}
.articles-populaires .article:hover .article-details,
.articles-populaires .article:nth-child(1) .article-details{
    background-color: rgb(0 0 0 / 50%);
}
.articles-populaires .article:hover .article-thumbnail img{
    transform: scale(1.1) !important;
    transition: 3s ease !important;
}

.article-thumbnail {
    width: 100%;
    height: 180px;
    overflow: hidden;
    opacity: 0;
    transition: 1s ease !important;
}

.article-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.article-details {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    color: white;
    height: 100%;
    align-items: flex-end;
    display: flex;
    transition: 1s ease !important;
}

.article-details .date {
    font-size: 0.9em;
    color: #000;
    transition: 1s ease !important;
}
.article-details .post-title{
    color: #0177ff;
    transition: 1s ease !important;
    font-size: 17px;
}



/* single blog */
.author_box img.scale-with-grid{
    border-radius: 50%;
}
.author_box .title.label{
    width: max-content;
}
.author_box .mfn-icon-box{
    width: max-content;
}
.author_box>.mcb-column-inner>a{
    display: flex;
    justify-content: center;
}
.content_single_post ol{
    padding-left: 20px;
}
.image_frame .image_wrapper .image_links{
    display: none;
}
.related_posts article{
    width: 33.33% !important;
    margin: 0 !important;
}
.related_posts .posts_group{
    display: flex;
    gap: 10px;
}
.articles-similaires {
    display: flex;
    gap: 10px;
}
.articles-similaires .article {
    width: 33.33%;
    height: 250px;
    overflow: hidden;
    border-radius: 10px;
}
.articles-similaires .article a {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 30px;
    border-radius: 10px;
    transition: opacity .45s cubic-bezier(.15,.75,.5,1) 0s, transform .45s cubic-bezier(.15,.75,.5,1) 0s;
    background-size: cover;
}
.articles-similaires .content{
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    z-index: 2;
    transition: opacity .45s cubic-bezier(.15,.75,.5,1) 0s, transform .45s cubic-bezier(.15,.75,.5,1) 0s;
}
.articles-similaires .post-title{
    width: 100%;
}
.articles-similaires .post-author,
.articles-similaires .date{
    margin: 0 10px 0 0;
    align-items: center;
    display: flex; 
}
.articles-similaires span.category{
    color: #000 !important;
    background-color: #fff !important;
    border-radius: 4px;
    font-size: 14px;
    padding: 5px;
    margin: 0 5px 5px 0;
}
.articles-similaires .article a:hover {
    text-decoration: none !important;
    transform: scale(1.1);
}
.articles-similaires .article a:hover .content{
    transform: scale(.9);
}
.articles-similaires .article a{
    position: relative;
}
.articles-similaires .article a:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 30%);
    z-index: 1;
    border-radius: 10px;
}
.single.single-post .items_group .column_column {
    flex-wrap: wrap;
}


/* page equipe */
.equipe_item .icon-wrapper img{
    height: 350px;
    object-fit: cover;
    object-position: top center;
}

/* page partenariat */
#gform_6 input[type=email], #gform_6 input[type=tel], #gform_6 input[type=text],
#gform_6  #input_6_11{
    font-size: 14px !important;
    border: 1px solid #7b838e70 !important;
    box-sizing: border-box;
    margin: 0 0 15px;
    font-weight: 400;
    width: 100%;
    padding: 15px 24px !important;
    transition: all .3s;
    height: 55px;
    border-radius: 4px;
    box-shadow: none !important;
}
#gform_6 #input_6_11,
#gform_6  select option{
   font-size: 16px !important; 
   text-align: left !important;
}
#gform_6  select .gf_placeholder{
    text-align: left !important;
}
#gform_6 #input_6_1 label,
#gform_6 #field_6_1 legend,
#gform_6 #field_6_3 label,
#gform_6 #field_6_3 legend,
#gform_6 #field_6_4 label,
#gform_6 #field_6_4 legend{
    display: none;
}
#gform_6 #field_6_9 .gfield_label,
#gform_6 #field_6_10 .gfield_label,
#gform_6 #field_6_11 .gfield_label,
#gform_6 #field_6_12 .gfield_label,
#gform_6 #field_6_13 .gfield_label{
    font-size: 18px !important;
    color: #222;
    font-weight: 700 !important;
    text-align: left;
    display: block;
}
#gform_6 .gchoice_6_9_1,
#gform_6 .gchoice_6_9_2{
    width: 130px;
}
#gform_6 #field_6_9 .gfield_checkbox{
    display: flex;
}
#gform_6 .gfield_required{
    display: none;
}
#gform_6 .gchoice_6_15_1{
    text-align: left;
}
#gform_6 #field_6_12 .gchoice {
    width: 50%;
    text-align: left;
}
#gform_6 #field_6_12 .gfield_checkbox{
    display: flex;
    flex-wrap: wrap;
}
#gform_6 .gfield-choice-input {
    width: 18px;
    height: 18px;
}
#gform_6 #gform_submit_button_6{
    width: 100%;
    background: linear-gradient(96deg, #0077ff90 0%, #0076ff 50%, #0077ff90 100%) !important;
    animation: nectarBtnGradientScroll 30s linear infinite;
    background-size: 1300%;
    border-radius: 5px;
    color: #fff;
    justify-content: center;
    padding: 15px !important;
}

/* page FAQ */
.accordion .question {
    border: none;
    border-radius: 3px;
    box-shadow: 0 0 18px 0 rgba(20,100,142,.15);
    margin-bottom: 12px;
}
.accordion .question > .title,
.accordion .question > .answer{
    box-shadow: none !important;
}


/* page E-MAILLING */
.page-id-24920 .price sup.currency{
    top: 0 !important;
}

/* page condition génerales */
.page-id-25725 .entry-content{
    padding: 20px 4% 0px 4%;
}

/* page mentions légales */
.page-id-24497 .entry-content{
    padding: 20px 4% 40px 4%;
}
.mfn-popup-tmpl-content{
    max-height: 100% !important;
}
/* .exit-mfn-popup.exit-mfn-popup-abs{
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 0;
    opacity: 0;
    cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><circle cx="25" cy="25" r="24" fill="none" stroke="black" stroke-width="1.5"/><line x1="15" y1="15" x2="35" y2="35" stroke="black" stroke-width="1.5"/><line x1="35" y1="15" x2="15" y2="35" stroke="black" stroke-width="1.5"/></svg>') 25 25, auto;

}  */
.emoji{
    width: 25px;
}
/* responsive */
@media screen and (max-width: 1024px){
.projet  .img_projet,
.projet .column_html{
    width: 100%;
}
.projet  .img_projet img{
    max-height: 500px;
}
.projets .projet .mcb-wrap-inner:before {
    left: 50% !important;
    top: 500px;
    font-size: 70px !important;
    line-height: 70px !important;
    transform: translate(-50%, -50%);
}
.projets .projet .projet_content {
    padding: 50px !important;
    text-align: center;
}
.projets .projet .projet_desc{
    margin: 10px auto 0;
    max-width: 600px;
}
}

@media screen and (max-width: 960px){
.section_cta .col1{
    order: 1;
}
.section_cta .col3{
    order: 2;
}
.section_cta .col2{
    order: 3;
}
.popup_membre .content {
    width: 100%;
    padding: 50px;
}
.popup_membre .img_membre {
    width: 100%;
}
.popup_membre{
    display: flex;
    flex-wrap: wrap;
}
.popup_membre img {
    max-height: 600px;
}
}

@media screen and (max-width: 959px){
.nav_agence ul{
    justify-content: flex-start;  
}
.section_wrapper .col_chiffre:nth-child(4) .mcb-wrap-inner:after{
    display: none;
}
.reverse_columns .section_wrapper{
    display: flex;
    flex-direction: column-reverse;
}
#Subheader ul.breadcrumbs {
    display: block !important; 
}
.single-portfolio h1{
    font-size: 50px !important;
    line-height: 60px !important;
}
.single-portfolio .section_wrapper .mcb-wrap-inner{
    padding-right: 0 !important;
}
.single-portfolio .section_wrapper .wrap{
    width: 100% !important;
}
.single-portfolio .section_wrapper .column_fancy_heading,
.single-portfolio .section_wrapper .btn_visitez{
    width: 50% !important;
}
.single-portfolio .section_wrapper .titre-single-realisation{
    width: 100% !important;
}
.single-portfolio .entry-content section:first-child{
    margin-top: 0 !important;
}
.single-portfolio .mfn-inline-editor,
.single-portfolio .list-circle li{
    font-size: 16px !important;
    line-height: 20px;
}
.articles-similaires .article{
    width: calc(50% - 10px);
}
.articles-similaires{
    flex-wrap: wrap;
    gap: 20px;
}
}


@media only screen and (max-width: 767px){
.content_wrapper .section_wrapper{
 padding-left: 0 !important;
 padding-right: 0 !important;   
}
.bloc-faq-new .mfn-acc.accordion_wrapper .question{
    width: 100% !important;
}
.column_clients ul.clients:not(.clients_slider_ul) li{
    width: 150px !important;
}
.slick-expertises .slick-track .slick-slide{
    padding: 0px 20px;
}
.slick-expertises .mcb-wrap-background-overlay.slick-slide{
    display: none;
}
.slick-expertises .slick-track{
    display: flex;
}
.clients .slick-track{
    height: 100px !important;
    overflow: hidden !important;
}
.col_img_agence_web img{
    max-width: 500px !important;
    max-height: 400px !important;
}
.bloc_services_digitaux .titre_services_digitaux, .bloc_services_digitaux .desc_services_digitaux {
    width: 100%;
    padding: 20px 0px 0px 0px;
}
.bloc_services_digitaux {
    display: block;
}
.bloc_services_digitaux .num_services_digitaux {
    padding: 0;
    text-align: left;
}
.bloc_services_digitaux {
    padding: 30px 0;
}
.section_blog .Latest_news.featured ul{
    width: 100% !important;
    margin-right: 0 !important;
    position: relative;
    margin-left: 0 !important;
}
.section_blog .ul-first li .desc h3 a{
    font-size: 26px;
    line-height: 32px;
}
.section_blog .ul-first li .desc{
    padding: 30px 20px ;
}
.projets .projet .mcb-wrap-inner:before {
    top: 400px;
}
.projet  .img_projet img{
    height: 400px;
}
.icon_box_v1 .icon-wrapper{
    width: 100px;
    justify-content: left; 
}
.section_wrapper .col_chiffre .mcb-wrap-inner:after{
    display: none;
}
.popup_col_img{
    position: relative;
    left: 0; 
}
.popup_col_txt .mcb-wrap-inner{
    padding: 0 !important;
} 
.popup_col_txt .mcb-column-inner{
    margin-bottom: 0 !important;
}
.popup_col_txt .mcb-column-inner .title{
    font-size: 35px !important;
    line-height: 50px !important;
    margin-bottom: 10px;
}
.popup_col_txt .mcb-wrap-inner .column:nth-child(2) .mcb-column-inner{
    padding-top: 70px !important;
}
.popup_col_txt .mcb-wrap-inner .column:nth-child(2) .mcb-column-inner p{
    margin: 0 !important;
}
#footerTopBar {
    background: linear-gradient(to top, #abd3ed 50%, #f8b532 50%) !important;
}
.nbr_site_realises .column_attr {
    font-size: 70px !important;
    line-height: 100px !important;
}
.projet_title {
    font-size: 35px;
    line-height: 40px !important;
}
#Subheader .container{
    max-width: 100% !important;
    padding: 0 !important;
}
.packs_seo .pack .mcb-column-inner .plan-inside,
.packs_maintenance .plan-inside{
    min-height: auto !important;
}
.check-circle-o.d-flex{
    flex-wrap: wrap;
    margin-left: 0;
}
.check-circle-o.d-flex li{
    width: 100%;
}
.mfn-footer-tmpl .mcb-section:not(.full-width){
    padding-left: 2% !important;
    padding-right: 2% !important;
}
.col_formulaire_maintenance form label.gfield_label {
    font-size: 16px;
}
.col_img_ux_design .ux-design-img img {
    min-height:250px ;
}
.col_img_ux_design>.mcb-wrap-inner::before,
.col_img_ux_design>.mcb-wrap-inner:after {
    top: 50%;
    height: 250px;
    transform: translateY(-50%);
}
.col_img_ux_design {
    height: 250px;
    min-height: 250px;
}
.posts_blog .image_frame.post-photo-wrapper{
    margin-right: 30px;
}
.page-id-24420 form#gform_3 {
    padding: 25px;
}
.single-portfolio h1{
    font-size: 40px !important;
    line-height: 50px !important;
}
.single-portfolio .fancy_heading.fancy_heading_icon .title:not(h1){
    font-size: 18px !important;
}
.single-portfolio .fancy_heading.fancy_heading_icon .inside{
    font-size: 16px !important;
}
.single-portfolio .fancy_heading.fancy_heading_icon h2.title{
    font-size: 26px !important;
}
.single-portfolio .section-post-navigation-inner .nav-text span{
    font-size: 16px;
}
.single-portfolio .section-post-navigation-inner .nav-text .title {
    font-size: 18px;
}
.single-portfolio .section-post-navigation-inner .post-navigation{
    width: 100%;
}
.single-portfolio .section-post-navigation-inner{
    display: block;
}
.articles-similaires .article{
    width: calc(100%);
}
.single-post h1{
    font-size: 40px !important;
    line-height: 50px !important;
}
.single-post h2{
    font-size: 30px !important;
    line-height: 40px !important;
}
.single-post .fixed-nav{
    display: block !important;
}
.single-post .fixed-nav .arrow {
    width: 16px;
}
.single.single-post p{
    line-height: 26px !important;
}
.single-portfolio .column_attr.align_left {
    line-height: 26px;
}
.section_equipe img{
    width: 100% !important;
}
}

@media only screen and (max-width: 576px){
.col_img_agence_web img{
    max-height: 300px !important;
} 
.projets .projet .mcb-wrap-inner:before {
    top: 300px;
}
.projet  .img_projet img{
    height: 300px;
}  
.posts_blog .post-item{
    display: block !important;
}
.posts_blog .post-item .image_frame img{
    width: 100%;
}
.posts_blog .image_frame.post-photo-wrapper {
    margin-right: 0px;
    margin-bottom: 25px;
}

}

.single.single-post .image_frame.image_item.no_link.scale-with-grid.alignnone.no_border {
    max-width: 65% ; 
}

.single.single-post .mcb-column-inner.mfn-module-wrapper.mcb-column-inner-56nnkij3u.mcb-item-post_content-inner h2 {
    font-size: 35px;
    line-height: 45px;
}

.single.single-post h2.wp-block-heading {
    font-size: 35px !important;
    padding-top: 10px;
    line-height: 45px;
}
.single.single-post h3.wp-block-heading {
    font-size: 25px;
    line-height: 45px;
}
#Filters.only .filters_wrapper{
	text-align: center;
}

.column_blog .post-meta .category{
	    float: left;
}
.column_blog ul.post-categories{
	    display: flex;
    background: transparent !important;
}
.column_blog ul.post-categories li a{
	  padding: 10px !important;
    border-radius: 5px;
}

.column_blog ul.post-categories li a.category-actualités{
	    background-color: rgb(165, 165, 253) ;
}
.column_blog ul.post-categories li a.category-référencement{
	  background-color: #facc2ea3;
}
.column_blog ul.post-categories li a.category-hébergement-web{
	  background-color:#c7f1a1 ;
}
.column_blog ul.post-categories li a.category-webmarketing{
	   background-color: #f0c3ff;
}
.column_blog ul.post-categories li a.category-ecommerce{
    background-color:#ffe1c3 ;
}
.column_blog ul.post-categories li a.category-agence-web-à-paris{
    background-color:#c3fffc ;
}
.column_blog ul.post-categories li a.category-agence-web-tunisie{
    background-color: rgb(255, 181, 181);
}
.column_blog ul.post-categories li a.category-astuces{
    background-color:#ffc3f8 ;
}
.column_blog ul.post-categories li a.category-cms{
    background-color: #b9c3b9;
}
.column_blog ul.post-categories li a.category-community-management{
    background-color: #feffb0;
}
.column_blog ul.post-categories li a.category-design-web{
    background-color:#bfede5 ;  
}
.column_blog ul.post-categories li a.category-facturation-en-ligne{
    background-color:#f9e79f ;
}
.column_blog ul.post-categories li a.category-refonte-site-web{
    background-color: #d6eaf8;
}
.column_blog ul.post-categories li a.category-social-media{
    background-color: #fbfcfc;
}
.column_blog ul.post-categories li a.category-wordpress{
    background-color: #f1948a;
}




/* ajouté par Rached le 13/12/2024 */
.archive.tax-portfolio-types .the_content.category_description{
	padding: 10px 4% 0px 4%;
}
.archive.tax-portfolio-types .image_frame .image_wrapper{
    border-radius: 10px;
    height: 350px;
    transition: all 0.3s ease-in-out !important;
}
.archive.tax-portfolio-types .image_frame .image_wrapper img.wp-post-image{
    width: 100%;
    height: 350px !important;
    object-fit: cover;
}
.archive.tax-portfolio-types .portfolio-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    pointer-events: none;
    max-width: 180px;
}
.archive.tax-portfolio-types .title_wrapper .entry-title {
    font-size: 30px;
    line-height: 35px;
    font-weight: 700;
    margin-bottom: 15px !important;
}
.archive.tax-portfolio-types .title_wrapper .entry-title:hover{
    text-decoration: underline;
}
.archive.tax-portfolio-types .desc .desc-wrapper{
    color: #676767;
    font-size: 18px;
    line-height: 25px;
    font-weight: 400;
}
.archive.tax-portfolio-types .portfolio-item .desc {
    padding: 20px;
    background: #fff;
    overflow: hidden;
}
.archive.tax-portfolio-types .portfolio-item:hover {
    transform: translateY(-10px) !important;
    box-shadow: 0 40px 70px 0 rgba(0, 0, 0, .07);
    border-radius: 10px;
}
.archive.tax-portfolio-types .portfolio-item {
    transition: all 0.3s ease-in-out !important;
    width: 41.99% !important;
    margin: 0px 4% 40px !important;
}
.archive.tax-portfolio-types .portfolio-item:hover .desc{
    border-radius: 10px;
}
.archive.tax-portfolio-types .portfolio-item:hover .image_frame .image_wrapper{
    border-radius: 10px 10px 0px 0px ;
}
.archive.tax-portfolio-types .title_wrapper .entry-title a:hover{
    text-decoration: underline;
}
.archive.tax-portfolio-types .sections_group{
    margin-bottom: 60px;
}
.archive.tax-portfolio-types .pager{
    font-size: 15px;
    font-weight: 500;
}
.archive.tax-portfolio-types .pages{
    background-color: transparent !important;
}
.archive.tax-portfolio-types a.page.active,
.archive.tax-portfolio-types a.page:hover {
    background-color: #0177ff !important;
    color: #fff !important;
}
.archive.tax-portfolio-types a.page{
    color: #000 !important;
}
.archive.tax-portfolio-types .portfolio-logo img {
    filter: brightness(0) invert(1);
}
@media only screen and (max-width: 767px) {
.archive.tax-portfolio-types .portfolio-item {
    width: 100% !important;
    margin: 0 0 20px !important;
    float: none;
}
.archive.tax-portfolio-types .section_wrapper.clearfix{
    padding: 0px 4% !important;
}
}

.section_blog ul li .photo{
    position: relative;
}
.section_blog ul li .photo:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: lch(0 0 0 / 0.5);
}
.section_blog .ul-second li .desc {
    position: absolute;
    padding: 20px !important;
    color: #fff !important;
}
.section_blog .ul-second li .desc h4 a{
    color: #fff;
}
.section_blog .photo img {
    height: 100%;
    object-fit: cover;
}

@media only screen and (max-width: 412px){
.mcb-section .mcb-wrap .mcb-item-1rdbq5nk .title {
    font-size: 37px !important;
}
}