/* new */
.headline.header .container {
    width:100%;
    max-width: 1900px;
    background-color:#000000;
    padding-left:20px !important;
    padding-right:20px !important;

}
/**
headline.header{
    box-shadow: 0 5px 20px 0 rgba(255,255,0,1);
}
*/
#navigation .logo{
    margin-left:25px;

}

.lang-selector-header{
    text-align: left;
}

html{height:100%;overscroll-behavior:none}
body{height:100%;overscroll-behavior:none}
.arrow-hover-responsive{
    display:none;
}
@media screen and (max-width:768px){
    .js-company-name-form{
        display:block;
    }
    #company::placeholder {
        color: #757575 !important; /* Cache le texte en le rendant transparent */
    }
    .box-shadow-go{
        display:none;
    }
    .arrow-hover{
        display:none;
    }

    .arrow-hover-responsive{
        display:inline-block !important;
    }
    .input-btn-go{
        width:100%  !important;
        padding-left:10px;
        padding-right:10px;
        overflow:hidden;
        vertical-align:top;
    }

    .button-go{
        margin-top:30px;
        margin-bottom: 30px;
    }

    .input-home {
        width:80% !important;
        vertical-align:top;
        background:none !important;
        background-color:#fff !important;
        padding-left:20px;
        font-size:18px;
    }

    .headline.first-line{
        padding-top: 75px !important;
        padding-bottom: 60px !important;
    }
}
#navigation{
    line-height: 60px;
}

.headline.header .row {
    margin-right: 0px;
    margin-left: 0px;

}

.title-get-started{
    color:#ffffff;
    font-size:35px;
    line-height: 50px;
    font-weight:bold;
}

.home-subline-logo:before{
    color:#ffffff !important;
}

.cart-information-order{
    margin-top:0px !important;
}
.sub-menu-account-order{
    padding-left:10px !important;
    padding-right:10px !important;
}
.main-block-header-left {
    height: 100%;
    vertical-align: middle;
    position: relative;
    text-align: center;
    /* margin-top: 75px; */
    padding-left: 40px;
    padding-right: 0px;
}

.color-number{
    color:#08a59c;
}

.new-title-home{
    font-size:35px !important;
    font-weight:bold !important;
    color:#242f33;
    text-align: left;
}

.white{
    color:#ffffff;
}


.headline-services {
    padding-top:50px;
    padding-bottom:75px;
}
.headline.texture-green{
    padding-top:70px;
    padding-bottom:75px;
}

.headline-about{
    padding-top:50px !important;
    padding-bottom:0px !important;
}

.headline-step {
    padding-top:50px;
    padding-bottom:65px;
}
.satisfaction-list li{
    font-size:17px;
}

/* .headline-inspiration{
    padding-top:50px;
    padding-bottom:75px;
    border-bottom:1px solid #e1e1e9;
} */

.headline-grey{
    padding-top:70px;
    padding-bottom:25px;
    background-color: #f4f6f8;
}
.headline-slider{
    padding-top:50px;
    padding-bottom:50px;
}
.headline-keywords{
    background-color: #f4f6f8;
    padding-top:50px;
    padding-bottom:60px;
}

#navigation .sub-menu-categorie li:first-child a
{
    border-bottom:1px solid #333333;
}

.sub-menu-categorie a{
    width:110px;
    border-top:none !important;
    border-bottom:1px solid #333333;
}

.sub-menu-categorie li:nth-last-child(-n+4) a {
    border-bottom:none;
}

.headline-article
{
    padding-top:50px;
    padding-bottom:75px;
}

.headline-faq
{
    padding-top:50px;
    padding-bottom:75px;
    border-top:1px solid #e1e1e9;
}
.headline-statisfaction
{
    padding-top:50px;
    padding-bottom:55px;
    background-color: #f4f6f8;
}

html body .cartouche-information-container {
    text-align: right;
    padding-right: 25px !important;
}

.sub-menu-account.sub-menu{
    text-align: left;
}
.mt65 {
    margin-top:65px;
}
a.start-now {
    color:#08a59c;
    font-size:22px;
    font-weight:bold;
    position:relative;

}

html body .pl-100{
    padding-left:100px !important;
}

.new-title-home.bloc-1
{
    margin-top:90px;
}
.new-title-home.bloc-2
{
    margin-top:110px;
}
.new-title-home.bloc-3
{
    margin-top:130px;
}

.desc-presentation{
    line-height:28px;
    max-width:430px;
    padding-bottom:15px;
}
.start-now:after {

    background:url(/images/csg-54b795ddcc68e.png) -694px -483px no-repeat;
    display: inline-block;
    content: '';
    top: 4px;
    left: 0;
    width: 20px;
    height: 15px;
    margin-left:10px;
    vertical-align: middle;
}

.dropdown-item{
    color:#c7c9c9;
}

.industry-nav-dropdown{
    list-style:none;
}

.industry-nav-dropdown::marker,
.industry-nav-dropdown::-webkit-details-marker{
    display:none;
    content:none;
}

.industry-nav-dropdown .industry-nav-dropdown-trigger{
    display:flex;
    align-items:center;
    gap:8px;
    padding:0 15px;
    cursor:pointer;
    color:#fff;
    line-height:40px;
}

.industry-nav-dropdown .industry-nav-dropdown-icon{
    flex-shrink:0;
    transition:transform 0.2s ease;
}

#navigation .topnav .industry-nav-dropdown-icon{
    display:none;
}

.industry-nav-dropdown .sub-menu-categorie,
.industry-nav-dropdown .sub-menu-categorie li{
    list-style:none;
}

.industry-nav-dropdown .sub-menu-categorie li::marker{
    content:none;
}

.slicknav_nav .industry-nav-dropdown .slicknav_arrow{
    display:none !important;
}

.slicknav_nav .industry-nav-dropdown > .slicknav_item{
    display:flex !important;
    align-items:center;
    gap:8px;
}

.slicknav_nav .industry-nav-dropdown .industry-nav-dropdown-trigger{
    display:inline-flex !important;
    align-items:center;
    gap:8px;
    color:#fff;
    padding:5px 10px;
    border-radius:4px;
    line-height:normal;
}

.slicknav_nav .industry-nav-dropdown-icon{
    display:inline-block !important;
    width:9px;
    height:6px;
    flex-shrink:0;
}

.slicknav_nav .industry-nav-dropdown.slicknav_open .industry-nav-dropdown-icon{
    transform:rotate(180deg);
}
.start-now:hover:after {
    margin-left:15px;
}


.sub-title-home {
    line-height:30px;
    text-align: center;
    margin-bottom:50px;
    font-size:20px;
}

.slider-home{
    position: relative;
    height: 500px;
}
.slider-home img{
    position: absolute;
    left:0px;
}
.title-h3{
    color: #242f33;
    font-size: 25px;
    font-weight: bold;
    position: relative;
}

.service-icon{
    margin-top:25px;
    font-size: 25px;
    font-weight: bold;
    color:#242f35;
}

.new-faq-title{
    margin-top:20px;
    font-size: 18px;
    font-weight: bold;
    color:#242f35;
}



html body .faq-block{
    min-height: 250px;
    padding-left:45px !important;
    padding-right:45px !important;
    margin-bottom:20px;
}
.faq-description{

    line-height:28px;
    margin-top:25px;
}

html body .new-buttom-home{
    height:50px;
    line-height:50px;
    color:#ffffff;
    background: #09A59C !important;
    box-shadow: 0 2px 4px 1px #dfe0e6;
    font-size:20px;
    padding-left:30px;
    padding-right:30px;
    display: inline-block;
    border-radius:4px;
    text-decoration: none;
    text-transform: none !important;
}

.new-buttom-home.btn-yellow{
    background: #ffa20d !important;
    box-shadow: 0 2px 4px 1px rgba(10,10,10,0.15);

}
.new-buttom-home.btn-yellow:hover{
    background: #ffad29 !important;
}
.new-buttom-home:hover{
    text-decoration: none;
    background: #0aB3A9 !important;
}

.service-description{
    text-align: center;
    width:320px;
    line-height:28px;
    margin-top:25px;
    margin-left:auto;
    margin-right:auto;
}

.service-icon:before{
    content:"";
    display:block;
    width:106px;
    height:105px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom:20px;

}

.satisfaction-list{
    margin-top:10px;
    padding-left:0px;
}
.satisfaction-list li{
    list-style-type: none;
    margin-bottom:20px;
}
.satisfaction-list li:before{
    content:'';
    background: url(/images/csg-54b795ddcc68e.png) no-repeat top left;

    background-position: -688px -513px;
    width: 26px;
    height: 26px;
    margin-right: 20px;
    content: '';
    display: inline-block;
    vertical-align: middle;

}

.service-icon-coeur:before{position:relative;background:url(/images/slider/icons-services.webp) -0px -0px no-repeat}
.service-icon-box:before{position:relative;background:url(/images/slider/icons-services.webp) -106px -0px no-repeat;}
.service-icon-gear:before{position:relative;background:url(/images/slider/icons-services.webp) -212px -0px no-repeat;}
.service-icon-tool:before{position:relative;background:url(/images/slider/icons-services.webp) -0px -105px no-repeat;}
.service-icon-fiole:before{position:relative;background:url(/images/slider/icons-services.webp) -106px -105px no-repeat;}
.service-icon-msg:before{position:relative;background:url(/images/slider/icons-services.webp) -212px -105px no-repeat;}

/* /css/commun.css*/
.slick-slide .image a{
    padding-top:25px;
    padding-bottom: 25px;
    display: block;

}


.slick-slide .image{
    position: relative;
    left:-12px !important;
}


.slick-slide .image{text-align:center;display:block;/*width:252px;*/background:#fff;border-radius:5px;box-shadow:0 2px 5px 2px rgba(100,100,100,0.15)}
.logo{text-indent:-10000px}.etape-bar li:after,.etape-bar li:before{content:''}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset}.title-overlay-order{margin-top:30px;font-size:22px}.btn-green-v2.btn-connexion-overlay{margin-top:5px;cursor:pointer;width:100%;text-align:center}
.logo{position:relative;top:14px;display:inline-block;width:153px;height:32px;background:url(/images/logo-header.png) no-repeat}
#connexion-overlay{width:auto;padding:17px 25px 25px;border-radius:4px}#fancybox-content{border-radius:4px}.title-overlay{font-size:25px;margin-bottom:17px;font-weight:400;color:#242E33}.btn-connect-frm,.btn-green-v2{text-transform:uppercase;font-size:15px}.mt10{margin-top:10px}.mt15{margin-top:15px}.mt20{margin-top:20px}.mt25{margin-top:25px}.mt30{margin-top:30px}.mt35{margin-top:35px}.mt40{margin-top:40px}.mt45{margin-top:45px}.lost-password-overlay{text-align:right;margin-top:25px;border-top:1px solid #e2e3ef;padding-top:18px;margin-left:50px;margin-right:50px}.btn-connect-frm{color:#098C85;float:right;margin-top:8px}.btn-connect-frm a,.lost-password-overlay a,.lost-password-overlay a:hover{color:#098C85}.lost-password-overlay a{text-decoration:none}.lost-password-overlay a:hover{text-decoration:underline}.login-form-overlay{margin-top:20px;margin-left:auto}.content-overlay{line-height:25px}.center{text-align:center}.fst-column{display:block;position:relative}.input-text-overlay{height:35px;line-height:35px;border-radius:4px;border:1px solid #E2E3EF;padding-left:15px;padding-right:15px;width:100%;outline:0;-webkit-transition:border .2s ease-in;-moz-transition:border .2s ease-in;-o-transition:border .2s ease-in;transition:border .2s ease-in;margin-bottom:16px;vertical-align:top}.input-text-overlay{margin-bottom:15px!important}.login-form-overlay label{width:100%;display:block}.input-text-overlay:focus{border:1px solid #0BA69D}.btn-green-v2{display:inline-block;text-align:left;padding-left:50px;padding-right:30px;border-radius:4px;height:35px;line-height:35px;color:#fff;background:#0ba69d;background:-moz-linear-gradient(top,#0ba69d 0,#0a948c 100%);background:-webkit-linear-gradient(top,#0ba69d 0,#0a948c 100%);background:linear-gradient(to bottom,#0ba69d 0,#0a948c 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ba69d', endColorstr='#0a948c', GradientType=0 );position:relative;border:none;outline:0}.etape-bar li,.etape-bar li:before{text-align:center;position:relative}.btn-green-v2:hover{text-decoration:none;background:#0cb3a9;background:-moz-linear-gradient(top,#0cb3a9 0,#0a9e95 100%);background:-webkit-linear-gradient(top,#0cb3a9 0,#0a9e95 100%);background:linear-gradient(to bottom,#0cb3a9 0,#0a9e95 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0cb3a9', endColorstr='#0a9e95', GradientType=0 )}.etape-bar li.active{color:#e1e3e5}.etape-bar li{list-style-type:none;width:160px;float:left;font-size:14px;line-height:5px}.etape-bar li:before{top:1px;width:10px;height:10px;line-height:30px;border:2px solid #a2a2a4;display:block;margin:0 auto 10px;border-radius:50%;background-color:#a2a2a4;z-index:5;box-sizing:border-box;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:.1s;-moz-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:fadein;-moz-transition-timing-function:fadein;transition-timing-function:fadein}.etape-bar li.active:hover::before{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.etape-bar li.active:before{border-color:#e1e3e5;background-color:#e1e3e5;width:10px;height:10px}

.account-top-bar li ul a{color:#c7c9c9;font-size:14px;padding:0 0 0 6px;margin-left:15px;margin-right:15px;line-height:35px;font-weight:400;background-repeat:no-repeat;text-decoration:none;display:block}.account-top-bar li ul a:hover{color:#fff;text-decoration:none}.account-top-bar li li{position:relative;margin:0;display:block}.account-top-bar li li a{border-top:1px solid #474747}.account-top-bar li li ul{position:absolute;top:0;left:200px;margin:0}.account-top-bar a{color:#0BA69D;font-weight:400;font-family:'Open Sans',sans-serif}.account-top-bar .icon-menu-mobile:before{color:#e3e4e6}.account-top-bar li a:hover{color:#3e5059;text-decoration:none}.account-top-bar #btn-account-header,.account-top-bar .cart-information a,.account-top-bar .cart-information a:hover{text-decoration:none;color:#e3e4e6}.account-top-bar li ul{border:none;background:#1A1A1A;position:absolute;top:24px;width:165px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px;padding-bottom:5px;text-align:left;border-top:1px solid transparent}.account-top-bar ul{list-style-type:none;margin:0;padding:0}.account-top-bar ul li{list-style:none;display:block;position:relative}.account-top-bar #btn-account-header:before{font-size:13px}.account-top-bar{top:15px}ul.sub-menu{display:none;z-index:2000}.account-top-bar .sub-menu-account li:first-child a{border:none}html body .normal-sub-menu-account .sub-menu-account,html body .normal-sub-menu-account2 .sub-menu-account{left:-60px;top:27px}.account-top-bar .icon-panier-account:before{font-size:17px;top:1px}.account-top-bar .icon-panier-account:hover:before{color:#0BA69D}.btn-top-bar{padding-left:25px;position:relative;top:-4px;margin-left:4px;padding-right:25px;cursor:pointer;display:none}.btn-top-bar.visible{display:inline-block;vertical-align:top}.btn-logo-simple{border:1px solid #0d0d0d;padding:5px;border-radius:4px;top:9px;cursor:pointer;background:#4a4a4a}.btn-logo-simple:hover{background:#5f5f5f}.btn-green-engine,.btn-logo-simple{-webkit-transition:all .6s cubic-bezier(.1,.875,.23,.98);-moz-transition:all .6s cubic-bezier(.1,.875,.23,.98);-o-transition:all .6s cubic-bezier(.1,.875,.23,.98);transition:all .6s cubic-bezier(.1,.875,.23,.98);-webkit-transition-timing-function:cubic-bezier(.1,.875,.23,.98);-moz-transition-timing-function:cubic-bezier(.1,.875,.23,.98);-o-transition-timing-function:cubic-bezier(.1,.875,.23,.98);transition-timing-function:cubic-bezier(.1,.875,.23,.98)}.btn-home-engine{display:none}.btn-logo-back{border:1px solid #0d0d0d;position:absolute;left:175px;padding-left:12px;padding-right:12px;color:#e2e4e6;font-size:15px}.top-bar{background-color:#000000;height:50px;text-align:center;position:fixed;width:100%;top:0;left:0;z-index:50;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.etape-bar li:after{width:100%;height:1px;position:absolute;background-color:#7c7d7f;top:6px;left:-50%;z-index:2}.etape-bar li:first-child:after{content:none}.etape-bar li a,.top-bar li{color:#A2A4A6}.etape-bar li.active a{color:#e1e3e5}html body .top-bar #btn-account-header{line-height:20px;margin-top:0}html body .normal-sub-menu-account .sub-menu-account{margin-top:-13px}html body .top-bar .cart-information{line-height:20px}html body .top-bar .icon-panier-account:before{color:#e3e4e6}html body .top-bar .icon-panier-account:hover:before{color:#fff}.btn-logo-back:before{color:#e3e4e6;-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);display:inline-block;font-size:14px;top:0;margin-right:8px}.btn-logo-back:hover:before,.btn-logo-simple:hover{color:#f6f6f6}.svg-icon.btn-home-engine:before{color:#e3e4e6;margin:0;font-size:17px}.btn-logo-simple:before{color:#e3e4e6}.btn-home-engine,.btn-orange-v2{color:#fff;text-decoration:none}.btn-home-engine{position:absolute;left:15px;text-align:center;height:32px;line-height:1;font-size:15px}@media (max-width:1366px){.etape-bar li{width:145px}}@media (max-width:1200px){.etape-bar li{width:118px;font-size:13px}/*.logo-engine{display:none}*/.btn-home-engine{display:block!important}.btn-logo-back{left:50px}}.btn-orange-v2{border-radius:4px;background-color:#ffa20d;height:45px;line-height:45px;padding-left:30px;padding-right:30px;display:inline-block;font-size:18px;-moz-box-shadow:0 2px 4px 0 rgba(0,105,105,.3);-webkit-box-shadow:0 2px 4px 0 rgba(0,105,105,.3);-o-box-shadow:0 2px 4px 0 rgba(0,105,105,.3);box-shadow:0 2px 4px 0 rgba(0,105,105,.3);filter:progid:DXImageTransform.Microsoft.Shadow(color=rgba(0, 105, 105, .3), Direction=180, Strength=4)}.btn-orange-v2:hover{background-color:#f2990c;text-decoration:none}

/* /v2/css/fonts-design.css */

.icon-svg,.svg-icon:before{position:relative;font-family:icomoon!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-right:6px}@font-face {font-family: 'icomoon';src: url("/v2/fonts/icomoon.woff2") format("woff2"), url("/v2/fonts/icomoon.woff") format("woff");font-weight: 400;font-style: normal;}.icon-svg{font-size:22px;color:#A7A6AA}.svg-icon:before{text-decoration:none}.icon-svg:hover:before,.svg-icon:hover:before{color:#0BA69D;text-decoration:none}.disabled{color:#cdcdcd}

.icon-video-tuto:before{content:"\e964";color:#fff}.icon-question:before{content:"\e963";color:#2ba493}.icon-card-number:before{content:"\e960";color:#cccccb}.icon-card-expiry:before{content:"\e961";color:#cccccb}.icon-security-number:before{content:"\e962";color:#cccccb}.icon-rouage:before{content:"\e95a";color:#828181}.icon-impression-en-cours:before{content:"\e95c";color:#828181}.icon-imprimer:before{content:"\e95d";color:#828181}.icon-telecharger2:before{content:"\e95e";color:#fff}.icon-panier2:before{content:"\e95f";color:#fff}.icon-social-network-option:before{content:"\e953";color:#828181}.icon-black-and-white-option:before{content:"\e954";color:#828181}.icon-exclusive-option:before{content:"\e955";color:#828181}.icon-unlimited-option:before{content:"\e958";color:#828181}.icon-vector-option:before{content:"\e959";color:#828181}.svg-icon.disabled:before{color:#cdcdcd!important}.icon-padlock:before{content:"\e951";color:#0eada3}.icon-padlock2:before{content:"\e952";color:#fff}.icon-at:before{content:"\e950";color:#0eada3}.icon-phone:before{content:"\e956";color:#0eada3}.icon-tick2:before{content:"\e957";color:#0eada3}.icon-inversion:before{content:"\e94b";color:#fff}.icon-plus2:before{content:"\e94c";color:#fff}.icon-rotation:before{content:"\e94d";color:#fff}.icon-scaling:before{content:"\e94e";color:#fff}.icon-petit-coeur:before{content:"\e94a"}.icon-play:before{content:"\e949"}.icon-user:before{content:"\e948";color:#e2e4e6}.icon-avis:before{content:"\e947";color:#7f7f81}.icon-fleche-acc:before{content:"\e946";color:#ced3da}.icon-fleche-roll-down:hover:before{color:#fff}.icon-fleche-roll-down:before{content:"\e945";color:#fff}.icon-point-interogation:before{content:"\e94f";color:#2ca493}.icon-menu-mobile:before{content:"\e944" !important;color:#c7c9c9}.icon-menu-mobile:hover:before,.icon-panier:hover:before{color:#c7c9c9;text-decoration:none!important}.icon-home:before{content:"\e943";color:#11a79d}.icon-lock:before{content:"\e942";color:#fff}.icon-duplicate:before{content:"\e940";color:#3e5059}.icon-recto-verso:before{content:"\e941";color:#3e5059}.icon-croix2:before{content:"\e93d";color:#3e5059}.icon-gear2:before{content:"\e93e";color:#3e5059}.icon-loupe22:before{content:"\e93f";color:#3e5059}.icon-panier:before{content:"\e93c" !important;color:#11a79d}.icon-fleche:before{content:"\e939";color:#3e5059}.icon-guillement:before{content:"\e93b";color:#3e5059}.icon-signature-picasso:before{content:"\e937";color:#fff}.icon-fleche-categories:before{content:"\e936"}.icon-guillement2:before{content:"\e938";color:#3e5059}.icon-art:before{content:"\e929";color:#11a79d}.icon-baggage:before{content:"\e92a";color:#11a79d}.icon-consulting:before{content:"\e92b";color:#11a79d}.icon-finance:before{content:"\e92c";color:#11a79d}.icon-house:before{content:"\e92d";color:#11a79d}.icon-letters:before{content:"\e92e";color:#11a79d}.icon-media:before{content:"\e92f";color:#11a79d}.icon-pomme:before{content:"\e930";color:#11a79d}.icon-reparation:before{content:"\e932";color:#11a79d}.icon-rugby:before{content:"\e933";color:#11a79d}.icon-sante:before{content:"\e934";color:#11a79d}.icon-toque:before{content:"\e935";color:#11a79d}.icon-telecharger:before{content:"\e93a";color:#fff}.icon-loupe2:before{content:"\e931";color:#11a79d}.icon-magnetism:before{content:"\e920";color:#0fada4}.icon-tuto:before{content:"\e921";color:#0fada4}.icon-close:before{content:"\e922";color:#0fada4}.icon-revenir-en-avant:before{content:"\e923";color:#0fada4}.icon-revenir-en-arriere:before{content:"\e924";color:#0fada4}.icon-editer:before{content:"\e925";color:#0fada4}.icon-changer-dicone:before{content:"\e926";color:#0fada4}.icon-arriere:before{content:"\e927";color:#0fada4}.icon-avant:before{content:"\e928";color:#0fada4}.icon-align-bas:before{content:"\e917";color:#9696a6}.icon-align-centre-horizontal:before{content:"\e919";color:#9696a6}.icon-align-centre-vertical:before{content:"\e91a";color:#9696a6}.icon-align-droite:before{content:"\e91b";color:#9696a6}.icon-align-gauche:before{content:"\e91c";color:#9696a6}.icon-align-top:before{content:"\e91d";color:#9696a6}.icon-interlettrage:before{content:"\e91e";color:#9696a6}.icon-taille-texte:before{content:"\e91f";color:#9696a6}.icon-symetrie-vertical:before{content:"\e911";color:#afb1be}.icon-outil-rotation:before{content:"\e90b";color:#57ab3c}.icon-outil-scaling:before{content:"\e90c";color:#57ab3c}.icon-bold:before{content:"\e916";color:#afb0be}.icon-italic:before{content:"\e918";color:#afb0be}.icon-fleche-police:before{content:"\e915";color:#afb0be}.icon-cross:before{content:"\e914";color:#e87c6f}.icon-symetrie-horizontal:before{content:"\e910";color:#afb1be}.icon-facebook:before{content:"\e900";color:#109880}.icon-align1:before{content:"\e901";color:#109880}.icon-align2:before{content:"\e902";color:#afb1be}.icon-align3:before{content:"\e903";color:#afb1be}.icon-align4:before{content:"\e904";color:#afb1be}.icon-bas:before{content:"\e905";color:#afb1be}.icon-changer:before{content:"\e906"}.icon-dissocier:before{content:"\e907";color:#afb1be}.icon-down:before{content:"\e908";color:#afb1be}.icon-haut:before{content:"\e909";color:#afb1be}.icon-loupe:before{content:"\e90a";color:#109880}.icon-plus:before{content:"\e90d";color:#afb1be}.icon-rotate-droite:before{content:"\e90e";color:#afb1be}.icon-rotate-gauche:before{content:"\e90f";color:#afb1be}.icon-tick:before{content:"\e912"!important;color:#109880}.icon-up:before{content:"\e913";color:#109880}.icon-fleche-categories:before,.icon-fleche-categories:hover:before{color:#fff}

.dropdown{
    list-style-type: none;
}
/* /css/jquery.fancybox-1.3.4.css */

#fancybox-loading div,#fancybox-overlay,#fancybox-wrap{position:absolute;top:0;left:0}#fancybox-bg-ne,#fancybox-bg-nw,#fancybox-bg-se,#fancybox-bg-sw,#fancybox-left-ico,#fancybox-loading div,#fancybox-right-ico{background-image:url(/js/fancybox/fancybox.png)}#fancybox-loading{position:fixed;top:50%;left:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px;cursor:pointer;overflow:hidden;z-index:1104;display:none}#fancybox-loading div{width:40px;height:480px}#fancybox-overlay{width:100%;z-index:1100;display:none}#fancybox-tmp{padding:0;margin:0;border:0;overflow:auto;display:none}#fancybox-wrap{padding:0px;z-index:1101;outline:0;display:none}#fancybox-outer{position:relative;width:100%;height:100%;background:#fff;border-radius:6px}#fancybox-frame,#fancybox-img{width:100%;border:none;height:100%}#fancybox-content{width:0;height:0;padding:0;outline:0;position:relative;overflow:hidden;z-index:1102;border:0 solid #fff;background-color:#fff}#fancybox-hide-sel-frame{position:absolute;top:0;left:0;width:100%;background:0 0;z-index:1101}#fancybox-close{position:absolute;top:11px;right:-23px;width:23px;height:23px;background:url(/images/csg-54b795ddcc68e.png) -135px -752px no-repeat;cursor:pointer;z-index:1103;display:none}#fancybox-error{color:#444;font:400 12px/20px Arial;padding:14px;margin:0}#fancybox-img{padding:0;margin:0;outline:0;line-height:0;vertical-align:top}#fancybox-frame{display:block}#fancybox-left,#fancybox-right{position:absolute;bottom:0;height:100%;width:35%;cursor:pointer;outline:0;background:url(/js/fancybox/blank.gif);z-index:1102;display:none}#fancybox-left{left:0}#fancybox-right{right:0}#fancybox-left-ico,#fancybox-right-ico{position:absolute;top:50%;left:-9999px;width:30px;height:30px;margin-top:-15px;cursor:pointer;z-index:1102;display:block}#fancybox-left-ico{background-position:-40px -30px}#fancybox-right-ico{background-position:-40px -60px}#fancybox-left:hover,#fancybox-right:hover{visibility:visible}#fancybox-left:hover span{left:20px}#fancybox-right:hover span{left:auto;right:20px}.fancybox-bg{position:absolute;padding:0;margin:0;border:0;width:20px;height:20px;z-index:1001}#fancybox-bg-n,#fancybox-bg-s{left:0;width:100%;background-image:url(/js/fancybox/fancybox-x.png)}#fancybox-bg-e,#fancybox-bg-w{top:0;height:100%;background-image:url(/js/fancybox/fancybox-y.png)}#fancybox-bg-n{top:-20px}#fancybox-bg-ne{top:-20px;right:-20px;background-position:-40px -162px}#fancybox-bg-e{right:-20px;background-position:-20px 0}#fancybox-bg-se{bottom:-20px;right:-20px;background-position:-40px -182px}#fancybox-bg-s{bottom:-20px;background-position:0 -20px}#fancybox-bg-sw{bottom:-20px;left:-20px;background-position:-40px -142px}#fancybox-bg-w{left:-20px}#fancybox-bg-nw{top:-20px;left:-20px;background-position:-40px -122px}#fancybox-title{font-family:Helvetica;font-size:20px;text-align:center;z-index:1102}.fancybox-title-inside{padding-bottom:10px;text-align:center;color:#333;background:#fff;position:relative}.fancybox-title-outside{padding-top:10px;color:#fff}.fancybox-title-over{position:absolute;bottom:0;left:0;color:#FFF;text-align:left}#fancybox-title-over{padding:10px;background-image:url(/js/fancybox/fancy_title_over.png);display:block}.fancybox-title-float{position:absolute;left:0;bottom:-20px;height:32px}#fancybox-title-float-wrap{border:none;border-collapse:collapse;width:auto}#fancybox-title-float-wrap td{border:none;white-space:nowrap}#fancybox-title-float-left{padding:0 0 0 15px;background:url(/js/fancybox/fancybox.png) -40px -90px no-repeat}#fancybox-title-float-main{color:#FFF;line-height:29px;font-weight:700;padding:0 0 3px;background:url(/js/fancybox/fancybox-x.png) 0 -40px}#fancybox-title-float-right{padding:0 0 0 15px;background:url(/js/fancybox/fancybox.png) -55px -90px no-repeat}.fancybox-ie6 #fancybox-close{background:0 0;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancybox/fancy_close.png', sizingMethod='scale')}.fancybox-ie6 #fancybox-left-ico{background:0 0;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancybox/fancy_nav_left.png', sizingMethod='scale')}.fancybox-ie6 #fancybox-right-ico{background:0 0;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancybox/fancy_nav_right.png', sizingMethod='scale')}.fancybox-ie6 #fancybox-title-over{background:0 0;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancybox/fancy_title_over.png', sizingMethod='scale');zoom:1}.fancybox-ie6 #fancybox-title-float-left{background:0 0;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancybox/fancy_title_left.png', sizingMethod='scale')}.fancybox-ie6 #fancybox-title-float-main{background:0 0;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancybox/fancy_title_main.png', sizingMethod='scale')}.fancybox-ie6 #fancybox-title-float-right{background:0 0;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancybox/fancy_title_right.png', sizingMethod='scale')}#fancybox-hide-sel-frame,.fancybox-ie6 #fancybox-bg-e,.fancybox-ie6 #fancybox-bg-w,.fancybox-ie6 #fancybox-left,.fancybox-ie6 #fancybox-right{height:100%}#fancybox-loading.fancybox-ie6{position:absolute;margin-top:0;top:50%}#fancybox-loading.fancybox-ie6 div{background:0 0;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancybox/fancy_loading.png', sizingMethod='scale')}.fancybox-ie .fancybox-bg{background:0 0!important}.fancybox-ie #fancybox-bg-n{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancybox/fancy_shadow_n.png', sizingMethod='scale')}.fancybox-ie #fancybox-bg-ne{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancybox/fancy_shadow_ne.png', sizingMethod='scale')}.fancybox-ie #fancybox-bg-e{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancybox/fancy_shadow_e.png', sizingMethod='scale')}.fancybox-ie #fancybox-bg-se{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancybox/fancy_shadow_se.png', sizingMethod='scale')}.fancybox-ie #fancybox-bg-s{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancybox/fancy_shadow_s.png', sizingMethod='scale')}.fancybox-ie #fancybox-bg-sw{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancybox/fancy_shadow_sw.png', sizingMethod='scale')}.fancybox-ie #fancybox-bg-w{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancybox/fancy_shadow_w.png', sizingMethod='scale')}.fancybox-ie #fancybox-bg-nw{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancybox/fancy_shadow_nw.png', sizingMethod='scale')}

/*!
 * Bootstrap v3.2.0 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}article,details,footer,header,main,nav,section,summary{display:block}video{display:inline-block;vertical-align:baseline}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}b,strong{font-weight:700}h1{margin:.67em 0}img{border:0}svg:not(:root){overflow:hidden}button,input{margin:0;font:inherit;color:inherit}button{overflow:visible}button{text-transform:none}button,html input[type=button],input[type=submit]{appearance:button;-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{appearance:none;-webkit-appearance:none}@media print{*{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.label{border:1px solid #000}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#fancybox-content,.fancybox-wrap,.fancybox-wrap *{-moz-box-sizing:content-box!important;-webkit-box-sizing:content-box!important;-safari-box-sizing:content-box!important;box-sizing:content-box!important}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:transparent}body{margin:0;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#428bca;text-decoration:none}a:focus,a:hover{color:#737373;text-decoration:underline}a:focus{outline:dotted thin;outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}.h1,.h2,.h3,h1,h2,h3{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1,h1{font-size:36px}.h2,h2{font-size:30px}p{margin:0 0 10px}.text-center{text-align:center}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.row{margin-right:-15px;margin-left:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}@media screen and (max-width:767px){img.no-responsive{width:auto !important}}label{display:inline-block}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=file]{display:block}input[type=file]:focus{outline:dotted thin;outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}input[type=search]{appearance:none;-webkit-appearance:none}input[type=date],input[type=time]{line-height:34px;line-height:1.42857143 \0}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.active,.btn-default:active,.btn-default:focus,.btn-default:hover,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.btn-primary.active,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#3071a9;border-color:#285e8e}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#428bca;border-color:#357ebd}.btn-primary .badge{color:#428bca;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.active,.btn-success:active,.btn-success:focus,.btn-success:hover,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled,.btn-success.disabled.active,.btn-success.disabled:active,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled],.btn-success[disabled].active,.btn-success[disabled]:active,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success.active,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.active,.btn-info:active,.btn-info:focus,.btn-info:hover,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled,.btn-info.disabled.active,.btn-info.disabled:active,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled],.btn-info[disabled].active,.btn-info[disabled]:active,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info.active,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.active,.btn-warning:active,.btn-warning:focus,.btn-warning:hover,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled,.btn-warning.disabled.active,.btn-warning.disabled:active,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled],.btn-warning[disabled].active,.btn-warning[disabled]:active,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning.active,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.active,.btn-danger:active,.btn-danger:focus,.btn-danger:hover,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled,.btn-danger.disabled.active,.btn-danger.disabled:active,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled],.btn-danger[disabled].active,.btn-danger[disabled]:active,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger.active,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#428bca;cursor:pointer;border-radius:0}.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#2a6496;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.dropdown{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#428bca;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px solid}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group-vertical>.btn:focus,.btn-group>.btn:focus{outline:0}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child>.btn:last-child,.btn-group>.btn-group:first-child>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn-lg .caret{border-width:5px 5px 0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn{border-top-right-radius:0;border-bottom-right-radius:0}.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn-group{margin-left:-1px}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#428bca}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#428bca}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (max-width:767px){.container-etape-bar{display:none !important} .navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-default .navbar-toggle .icon-bar{background-color:#888}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .btn-link{color:#777}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#777}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn-xs .badge{top:0;padding:1px 5px}.nav-pills>.active>a>.badge{color:#428bca;background-color:#fff}.nav-pills>li>a>.badge{margin-left:3px}.media{overflow:hidden;zoom:1}.media,.media .media{margin-top:15px}.media:first-child{margin-top:0}.media>.pull-right{margin-left:10px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{appearance:none;-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate3d(0,-25%,0);-o-transform:translate3d(0,-25%,0);transform:translate3d(0,-25%,0)}.modal.in .modal-dialog{-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{min-height:16.43px;padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-size:12px;line-height:1.4;visibility:visible;filter:alpha(opacity=0);opacity:0}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block}.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;margin-top:-10px;font-family:serif}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}@media screen and (min-width:768px){.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-15px;font-size:30px}.carousel-control .icon-prev{margin-left:-15px}.carousel-control .icon-next{margin-right:-15px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.container:after,.container:before,.modal-footer:after,.modal-footer:before,.nav:after,.nav:before,.navbar:after,.navbar:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.container:after,.modal-footer:after,.nav:after,.navbar:after,.row:after{clear:both}.pull-right{float:right!important}.hide{display:none!important}.show{display:block!important}.hidden{display:none!important;visibility:hidden!important}@-ms-viewport{width:device-width}
/* Bootstrap */
.no-margin{margin:0px}
#btn-account-header,#btn-inscription-header,body{font-size:15px;font-family:'Open sans'; }

.img,.slick-slide.dragging img{pointer-events:none}
.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}#btn-account-header,#btn-inscription-header,.btn-green,.dark-grey,body,li,p{font-family:'Open sans'}#navigation ul,.formulaire label li,.link-ref,.tools-line ul li{list-style-type:none}
.nav-lang,.nav-lang ul,.slick-dots,ul.faq{list-style:none}body{background-color:#fff;color:#3E5059;padding-top:60px}
@font-face {font-family: 'icomoon';src: url("/v2/fonts/icomoon.woff2") format("woff2"), url("/v2/fonts/icomoon.woff") format("woff");font-weight: 400;font-style: normal;}
#btn-account-header,#btn-inscription-header{background:#2E2E2E!important;display:block;height:32px;width:140px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;text-align:center;line-height:32px;color:#c7c9c9;font-weight:400;margin-top:14px}
.headline.header{position:fixed;z-index:1000;width:100%;top:0;left:0;display:block;}a:hover{text-decoration:underline;color:#737373}
.btn-connexion:before{font-size:13px;color:#c7c9c9}
.icon-panier-account:before{font-size:17px;color:#c7c9c9;top:2px}
.icon-panier-account:hover,.icon-panier-account:hover:before{text-decoration:none}
.grey-line{border-top:1px solid #cdcdcd;margin-top:15px;padding:0 15px}#notifications{display:none}
.btn-green{width:270px;height:40px;line-height:40px;padding-left:60px;display:inline-block;background:#0ca18d;background:-moz-linear-gradient(top,rgba(12,161,141,1) 0,rgba(11,139,123,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(12,161,141,1)),color-stop(100%,rgba(11,139,123,1)));background:-webkit-linear-gradient(top,rgba(12,161,141,1) 0,rgba(11,139,123,1) 100%);background:-o-linear-gradient(top,rgba(12,161,141,1) 0,rgba(11,139,123,1) 100%);background:-ms-linear-gradient(top,rgba(12,161,141,1) 0,rgba(11,139,123,1) 100%);background:linear-gradient(to bottom,rgba(12,161,141,1) 0,rgba(11,139,123,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0ca18d', endColorstr='#0b8b7b', GradientType=0);position:relative;color:#fff;font-size:16px;font-weight:700;text-align:left;border:none}
.btn-green:before{background-repeat:no-repeat}
.btn-code-reduction{background:#0ba69d;background:-moz-linear-gradient(top,#0ba69d 0,#0a948c 100%);background:-webkit-linear-gradient(top,#0ba69d 0,#0a948c 100%);background:linear-gradient(to bottom,#0ba69d 0,#0a948c 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ba69d', endColorstr='#0a948c', GradientType=0 );position:relative;color:#fff;width:auto;padding:0;padding-left:10px;padding-right:10px;text-align:center;height:35px;line-height:35px;border:none;vertical-align:top;border-top-right-radius:4px;border-bottom-right-radius:4px;text-transform:uppercase}
.icon-lock:hover:before{color:#fff}
.btn-code-reduction:hover{text-decoration:none;background:#0cb3a9;background:-moz-linear-gradient(top,#0cb3a9 0,#0a9e95 100%);background:-webkit-linear-gradient(top,#0cb3a9 0,#0a9e95 100%);color:#fff;filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0cb3a9', endColorstr='#0a9e95', GradientType=0 )}
.stars{background:url(/images/csg-54b795ddcc68e.png) top left no-repeat;height:14px;margin-top:-3px;width:75px}
.btn-green:hover{background:#00b89f;background:-moz-linear-gradient(top,rgba(0,184,159,1) 0,rgba(11,145,128,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,184,159,1)),color-stop(100%,rgba(11,145,128,1)));background:-webkit-linear-gradient(top,rgba(0,184,159,1) 0,rgba(11,145,128,1) 100%);background:-o-linear-gradient(top,rgba(0,184,159,1) 0,rgba(11,145,128,1) 100%);background:-ms-linear-gradient(top,rgba(0,184,159,1) 0,rgba(11,145,128,1) 100%);background:linear-gradient(to bottom,rgba(0,184,159,1) 0,rgba(11,145,128,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b89f', endColorstr='#0b9180', GradientType=0);text-decoration:none}
.btn-green.decline:before,.btn-green.gear:before,.icon-send:before{content:'';position:absolute;left:12px}
.btn-green.gear{padding-left:50px}#login-frm #message{color:#E87C21}#otherproducts .notification-content,#valider-et-payer .notification-content{width:auto}
.btn-green.gear:before{top:8px;background:url(/images/csg-54b795ddcc68e.png) 0 -1190px no-repeat;width:24px;height:24px}
.btn-green.decline:before{top:8px;background:url(/images/csg-54b795ddcc68e.png) -394px 0 no-repeat;width:26px;height:26px}
.icon-send{padding-left:42px}
.icon-send:before{top:14px;background:url(/images/csg-54b795ddcc68e.png) -196px -226px no-repeat;width:20px;height:14px}
.btn-orange.download{padding-left:50px;position:relative}
.btn-orange.download:before{background:url(/images/csg-54b795ddcc68e.png) 0 -1617px no-repeat;width:22px;height:27px;left:13px;top:6px;content:'';position:absolute}
.btn-green.mouse,.btn-green.validate{padding-left:50px}
.btn-green.mouse:before,.btn-green.next:before,.btn-green.validate:before{content:'';position:absolute;left:12px}
.btn-green.next{margin-left:26px}
.btn-green.mouse:before{top:8px;background:url(/images/csg-54b795ddcc68e.png) -196px -1249px no-repeat;width:25px;height:25px}
.btn-green.validate:before{top:8px;background:url(/images/csg-54b795ddcc68e.png) -196px -493px no-repeat;width:22px;height:21px}
.btn-green.next:before{background:url(/images/csg-54b795ddcc68e.png) -196px -1304px no-repeat;top:9px;width:24px;height:22px}
.icon-temoignage:before{left:0;content:''}
.icon-temoignage{position:relative;font-size:15px;color:#087d6d;padding-left:40px;height:24px;line-height:18px}
.icon-temoignage:before{background:url(/images/csg-54b795ddcc68e.png) -196px -270px no-repeat;width:26px;height:24px;position:absolute;top:0;display:block}
.grey-permute,.grey-zoom{color:#73726E;padding-left:25px;display:inline-block}
.grey-permute:before,.grey-zoom:before{content:'';top:0;left:0}
.grey-zoom{position:relative}
.grey-zoom:before{position:absolute;background:url(/images/csg-54b795ddcc68e.png) 0 -1292px no-repeat;width:18px;height:18px}
.grey-permute{position:relative}
.grey-permute:before{position:absolute;background:url(/images/csg-54b795ddcc68e.png) -38px -1292px no-repeat;width:19px;height:20px}
.btn-grey-account.grey-permute:before{top:8px;left:8px}
.grey-custom{background:url(/images/csg-54b795ddcc68e.png) 0 -1890px no-repeat;height:20px;padding-left:25px;display:inline-block}
.btn-notification,.first-line,.green-bar,.slick-dots{text-align:center}
.slick-list,.slick-slider,.slick-track{position:relative;display:block}
.slick-dots li button,.slick-next,.slick-prev{line-height:0;font-size:0;color:transparent;outline:0}
.slick-slider{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.slick-list{overflow:hidden;margin:0;padding:0;padding-bottom:25px;}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slide,.slick-slide img,.slick-slider .slick-list,.slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{left:0;top:0;zoom:1;padding-top:15px}
.slick-track:after,.slick-track:before{content:"";display:table}
.slick-slide,.slick-slide.slick-loading img{display:none}
.slick-track:after{clear:both}
.slick-slide{float:left;height:100%;min-height:1px}
.slick-initialized .slick-slide{display:block}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-next,.slick-prev{position:absolute;display:block;cursor:pointer;background:0 0;top:50%;margin-top:-10px;padding:0;border:none}
.slick-next:focus,.slick-prev:focus{outline:0}
.slick-prev{left:-50px}
.slick-next{right:-50px}
.slick-dots{position:absolute;bottom:-40px;display:block;padding:0;width:100%}
.slick-dots li{position:relative;display:inline-block;height:10px;width:10px;margin:0 8px;padding:0;cursor:pointer;background-color:#BFBFBF;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}
.slick-dots li button{border:0;background:0 0;display:block;height:20px;width:20px;padding:5px;cursor:pointer}
.slick-dots li button:focus{outline:0}
.slick-dots li.slick-active{background-color:#0A948C}
.grey{color:#3e5059}
.dark-grey{color:#242E33;font-weight:300}h2.dark-grey{font-size:35px}
.white{color:#FFF}
.grey-white{color:#58A2B3}
.container{max-width:1200px}
.footer{padding-top:40px;padding-bottom:40px;margin-top:40px;border-top:1px solid #eee}#btn-account-header{display:inline-block;vertical-align:top;margin-top:14px}
.notification-content,.notification-icon{vertical-align:middle}#btn-account-header.icon-menu-mobile:hover:before,#btn-account-header:hover,#btn-inscription-header:hover,.cart-information:hover{background:#363636!important;text-decoration:none;color:#fff}

/*
.blog-content h3 a,.blog-content strong a,.btn-orange,.mybutton{background:#f5a415;background-image:-webkit-linear-gradient(top,#f5a415,#f65916);background-image:-moz-linear-gradient(top,#f5a415,#f65916);background-image:-ms-linear-gradient(top,#f5a415,#f65916);background-image:-o-linear-gradient(top,#f5a415,#f65916);background-image:linear-gradient(to bottom,#f5a415,#f65916);display:block;text-align:center;color:#fff}

.blog-content h3 a,.blog-content strong a{display:inline-block;height:40px;padding-left:25px;padding-right:25px;line-height:40px;margin-left:auto;margin-right:auto;font-size:18px}

 */
.btn-orange-inline{background:#f5a415;background-image:-webkit-linear-gradient(top,#f5a415,#f65916);background-image:-moz-linear-gradient(top,#f5a415,#f65916);background-image:-ms-linear-gradient(top,#f5a415,#f65916);background-image:-o-linear-gradient(top,#f5a415,#f65916);background-image:linear-gradient(to bottom,#f5a415,#f65916);color:#fff}
/*
.blog-content h3 a:hover,.blog-content strong a:hover,.btn-orange-inline:hover,.btn-orange:hover,.mybutton:hover{background:#f5a800;background:-moz-linear-gradient(top,rgba(245,168,0,1) 22%,rgba(245,115,0,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(22%,rgba(245,168,0,1)),color-stop(100%,rgba(245,115,0,1)));background:-webkit-linear-gradient(top,rgba(245,168,0,1) 22%,rgba(245,115,0,1) 100%);background:-o-linear-gradient(top,rgba(245,168,0,1) 22%,rgba(245,115,0,1) 100%);background:-ms-linear-gradient(top,rgba(245,168,0,1) 22%,rgba(245,115,0,1) 100%);background:linear-gradient(to bottom,rgba(245,168,0,1) 22%,rgba(245,115,0,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5a800', endColorstr='#f57300', GradientType=0);color:#fff;text-decoration:none}
 */
.btn-grey-account.loupe:before,.btn-grey-account.time:before{background-image:url(/images/csg-54b795ddcc68e.png);position:absolute;left:7px;content:'';top:7px}
.green-bar{margin:0;padding:10px;color:#fff;font-size:18px}
.notification-box{width:420px}
.btn-notification{border-radius:5px;width:150px;height:32px;background-color:#006153;border:none;display:inline-block;margin-right:25px;font-weight:700;color:#fff;line-height:32px;cursor:pointer}
.btn-notification:hover{background-color:#005447}
.btn-notification:last-child{margin-right:0}
.notification-content{display:inline-block;font-size:15px;padding:35px 0 20px 15px;width:330px}
.btn-grey-account.time:before{background-position:-196px -324px;width:16px;height:22px}
.btn-grey-account.loupe:before{background-repeat:no-repeat;background-position:0 -1292px;height:18px;width:18px}
.btn-green-account.print:before{background:url(/images/csg-54b795ddcc68e.png) -196px -178px no-repeat;width:20px;height:18px}
.btn-grey-account{position:relative}
.btn-grey-account.notif:after{content:'';background:url(/images/csg-54b795ddcc68e.png) 0 -1940px no-repeat;width:20px;height:20px;position:absolute;right:10px;top:7px}
.formulaire label{position:relative}
.notification-icon{display:inline-block;background:url(/images/csg-54b795ddcc68e.png) -196px -1416px no-repeat;width:45px;height:46px;margin-right:10px;margin-left:25px}
.degrade-vert{background:#0f907e;background:-moz-linear-gradient(top,rgba(15,144,126,1) 0,rgba(12,128,111,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(15,144,126,1)),color-stop(100%,rgba(12,128,111,1)));background:-webkit-linear-gradient(top,rgba(15,144,126,1) 0,rgba(12,128,111,1) 100%);background:-o-linear-gradient(top,rgba(15,144,126,1) 0,rgba(12,128,111,1) 100%);background:-ms-linear-gradient(top,rgba(15,144,126,1) 0,rgba(12,128,111,1) 100%);background:linear-gradient(to bottom,rgba(15,144,126,1) 0,rgba(12,128,111,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f907e', endColorstr='#0c806f', GradientType=0)}
.formulaire .label{display:block;position:absolute;left:0;top:7px;background:url(/images/csg-54b795ddcc68e.png) 0 -1940px no-repeat;z-index:2;width:32px;height:32px}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset}
.formulaire label.required:after{content:"*";color:red;position:absolute;right:3px;top:5px}
.formulaire label input.error{border-color:#ee9c1c}ul.sub-menu{display:none;z-index:2000}ul.sub-menu li{background-image:none}#navigation ul{margin:0;padding:0}#navigation ul li{display:inline-block;position:relative}#navigation li ul{background:#000000;position:absolute;left:-8px;top:40px;width:225px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px;padding-bottom:5px}

html body .sub-menu-account{top:46px!important;width:165px!important;padding-top:2px;
    z-index: 100;
    position: absolute;
    background: #000000;
    padding: 0px;
    list-style-type: none;
    border-radius: 5px;
}

.normal-sub-menu-account .sub-menu-account{top:40px!important}#navigation li li:first-child a{border:none}#navigation li ul a{color:#c7c9c9;font-size:14px;padding:0 0 0 6px;margin-left:18px;margin-right:18px;line-height:35px;font-weight:400;background-repeat:no-repeat;display:block}
.grey-row,.slick-slider{padding-bottom:30px}
.dropdown-item,.menu-item{line-height:40px;display:block}#navigation li ul a:hover{color:#fff;text-decoration:none}#navigation li li{position:relative;margin:0;display:block}#navigation li li a{border-top:1px solid #474747}#navigation li li ul{position:absolute;top:0;left:200px;margin:0}
.menu-item{padding-left:16px;padding-right:16px;font-size:15px}#navigation a{color:#c7c9c9;font-weight:400;font-family:'Open Sans',sans-serif}
.content-feedback,.menu-footer-line h2,.menu-footer-line h3,.tools-line h2,.tools-line li a,p{font-family:'Open sans'}#navigation li a:hover{color:#fff;text-decoration:none}
.dropdown-item{padding-left:15px;padding-right:15px}
.nav .active a{color:#fff}
.header{background-color:#000000}
.header-blur{height:60px}
.first-line,.grey-row,.slider-line{position:relative}
.first-line{min-height:335px}
.first-line p{font-size:20px;margin-top:20px;line-height:30px}
.grey-row{border-top:1px solid #f6f8fa}
.slider-line{background-color:#fff;border-bottom:1px solid #E2E3EF;padding-bottom:45px}
.menu-footer-line h2,.tools-line h2,h2{text-align:center}
.btn-grey-account.download{font-weight:700}
.slider-line h2{margin-top:45px;margin-bottom:20px;font-size:30px}
.slick-slide img.slick-loading{border:0}
.slick-slider{margin:12px auto 50px}h2{font-size:24px}p{font-size:15px;color:#3E5059;line-height:28px}h3{font-size:22px}
.link-ref{margin-top:3px;margin-left:0;padding-left:0;margin-bottom:42px}
.link-ref a{color:#0A948C;padding-left:24px;position:relative;font-size:15px}
.link-ref a:hover{text-decoration:none;color:#076661}
.link-ref li{height:38px}
.link-ref a:before{background-image:url(/images/indeximg/petite-fleche.png);content:'';position:absolute;top:4px;left:0;width:14px;height:13px}
.link-ref a:hover:before{left:4px}
.see-all-article:before{left:0;margin-right:10px;color:#CED3D9}
.see-all-article:hover:before{color:#fff;left:4px}
.see-all{margin-bottom:65px;margin-top:0}
.see-all-article{position:relative;padding-left:0;font-size:15px;color:#CED3D9;text-transform:uppercase}
.tools-line li a{color:#B6BABF;font-size:15px}
.tools-line a:hover{text-decoration:none;color:#fff}
.slick-next,.slick-prev{width:36px;height:54px}
.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:1}
.slider .image h3{margin-bottom:20px;margin-top:25px}
.slick-slide{width:260px;position:relative;left:-10px;}
.slick-slide .image{margin-left:28px;padding-bottom:5px;}
.btn-green-account,.btn-grey-account{display:block;height:35px;line-height:35px;margin-bottom:10px}
.btn-green-account{width:280px;color:#fff;padding-left:40px;background:#0ca18d;background:-moz-linear-gradient(top,rgba(12,161,141,1) 0,rgba(11,139,123,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(12,161,141,1)),color-stop(100%,rgba(11,139,123,1)));background:-webkit-linear-gradient(top,rgba(12,161,141,1) 0,rgba(11,139,123,1) 100%);background:-o-linear-gradient(top,rgba(12,161,141,1) 0,rgba(11,139,123,1) 100%);background:-ms-linear-gradient(top,rgba(12,161,141,1) 0,rgba(11,139,123,1) 100%);background:linear-gradient(to bottom,rgba(12,161,141,1) 0,rgba(11,139,123,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0ca18d', endColorstr='#0b8b7b', GradientType=0);position:relative}
.btn-green-account:before,.btn-grey-account.download:before{content:'';top:7px;left:7px;position:absolute}
.btn-green-account:hover{background:#00b89f;background:-moz-linear-gradient(top,rgba(0,184,159,1) 0,rgba(11,145,128,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,184,159,1)),color-stop(100%,rgba(11,145,128,1)));background:-webkit-linear-gradient(top,rgba(0,184,159,1) 0,rgba(11,145,128,1) 100%);background:-o-linear-gradient(top,rgba(0,184,159,1) 0,rgba(11,145,128,1) 100%);background:-ms-linear-gradient(top,rgba(0,184,159,1) 0,rgba(11,145,128,1) 100%);background:linear-gradient(to bottom,rgba(0,184,159,1) 0,rgba(11,145,128,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b89f', endColorstr='#0b9180', GradientType=0);text-decoration:none}
.btn-grey-account{background-color:#f2f3f5;color:#35393A;background-repeat:no-repeat}
.btn-green-account:before{width:25px;height:25px;background-repeat:no-repeat}
.btn-green-account.vectorisation:before{background:url(/images/csg-54b795ddcc68e.png) -196px -595px no-repeat;width:24px;height:20px}
.btn-green-account.icon-buy:before{background:url(/images/csg-54b795ddcc68e.png) 0 -1466px no-repeat;width:20px;height:20px}
.btn-green-account.exclu:before{background:url(/images/csg-54b795ddcc68e.png) 0 -1725px no-repeat;width:22px;height:21px}
.btn-grey-account.download:before{background:url(/images/csg-54b795ddcc68e.png) 0 -1674px no-repeat;width:17px;height:21px}
.btn-grey-account.vectorisation:before{background:url(/images/csg-54b795ddcc68e.png) -196px -544px no-repeat;width:24px;height:21px;content:'';top:7px;left:7px;position:absolute}
.btn-grey-account.modify:before,.btn-grey-account.product:before,.btn-grey-account.products:before{width:20px;height:20px;content:'';top:7px;left:7px;position:absolute}
.btn-grey-account.product:before,.btn-grey-account.products:before{background:url(/images/csg-54b795ddcc68e.png) 0 -1567px no-repeat}
.btn-grey-account.modify:before{background:url(/images/csg-54b795ddcc68e.png) 0 -1890px no-repeat}
.tools-line{position:relative}
.cart-information,.nav-menu{vertical-align:top;display:block;margin-top:14px;}

.sub-menu-account.sub-menu{
    padding-left:20px;
    padding-right:20px;
}
.sub-menu-account .menu-item{
    color:#c7c9c9;
    border-bottom:1px solid #333333;

}

.sub-menu-account.sub-menu .menu-item{
    padding-left:0px;
    padding-right:0px;
}

.sub-menu-account.sub-menu{
    padding-bottom: 15px !important;
}
.menu-footer-line .facebook,.menu-footer-line .twitter,.menu-footer-line .youtube{padding-left:30px;display:block}
.menu-footer-line .facebook{background:url(/images/csg-54b795ddcc68e.png) 0 -1776px no-repeat;width:20px;height:21px}
.menu-footer-line .youtube{background:url(/images/csg-54b795ddcc68e.png) -196px -645px no-repeat;width:20px;height:21px}
.menu-footer-line .twitter{background:url(/images/csg-54b795ddcc68e.png) -196px -376px no-repeat;width:20px;height:21px}
.tools-line{background:#22272E}
.tools-line h2{margin-top:65px;margin-bottom:48px;font-weight:bold;font-size:35px;color:#DADFE6}
.tools-line ul li:not(:last-child){border-bottom:1px solid #47494D}
.tools-line ul li{padding:10px 0;font-size:15px;color:#FFF}
.tools-line ul{margin:0}
.headline.sur-mesure{padding-top:70px}
.grey-row{background-color:#f0f3f5}
.circle{border-radius:50%;width:8px;height:8px;background-color:#c9c9c9;display:inline-block;margin-right:10px}
.no-padding{padding:0!important}
.white-bulle .btn-green-v2{width:380px;text-transform:none;font-size:20px;height:45px;line-height:45px;text-align:center;padding:0}
.menu-footer-line{color:#CFD3D7;background-color:#14171A;position:relative;border-top:1px solid #2F3133}
.menu-footer-line a{color:#7D7E80}
.menu-footer-line a:hover{color:#AEAFB3;text-decoration:none}
.menu-footer-line h2{margin-top:37px;font-size:24px;color:#CFD3D7;font-weight:300}
.menu-footer-line h3{margin-top:56px;padding:8px 0 27px;color:#DADFE6;font-weight:300}
.menu-footer-line h3.logo-footer{padding:8px 0 15px}
.menu-footer-line ul li{list-style-type:none;font-size:15px;height:30px;background-color:#14171a}
.menu-footer-line ul li a{padding:3px 0}
.menu-footer-line ul{padding-left:0}
.menu-footer-line .col-xs-3{padding:0}p.light-grey{line-height:30px}
.author-name{font-style:italic;margin-top:10px;color:#242E33;font-weight:bold;font-size:16px;text-align:left;margin-left:25px;margin-bottom:10px;}
.content-feedback{text-align:left;margin-left:25px;margin-right:25px;padding-top:17px;overflow:hidden;height:132px;display:block;color:#3E5059;font-size:16px;line-height:28px;border-top:1px solid #e8e8ee}
.notification-error-adresse{margin-top:15px;padding-left:25px;color:#E42522;position:relative}
.notification-error-adresse:before{content:'';left:0;top:0;position:absolute;background:url(/images/csg-54b795ddcc68e.png) 0 -1940px no-repeat;width:20px;height:20px}
.btn-article,.img,.img:hover,.input-home{outline:0}
.footer-line{background-color:#0A6882;padding:15px 0}
.faq-txt,.welcome{margin-bottom:10px}
.btn-grey{display:block;height:35px;line-height:35px;background-color:#f2f3f5;width:192px;color:#35393A;padding-left:40px;position:relative}
.btn-grey.delete-icon:before,.btn-grey.delete:before,.btn-grey.duplicate:before,.btn-grey.modify:before{position:absolute;left:10px;content:''}
.btn-grey.delete-icon:before,.btn-grey.delete:before{top:10px;background:url(/images/csg-54b795ddcc68e.png) -196px -1615px no-repeat;width:14px;height:15px}
.btn-grey.modify:before{top:8px;background:url(/images/csg-54b795ddcc68e.png) -196px -1713px no-repeat;width:20px;height:20px}
.btn-grey.duplicate:before{top:7px;background:url(/images/csg-54b795ddcc68e.png) -196px -1660px no-repeat;width:18px;height:23px}
.btn-transparent{padding-left:28px;position:relative}
.btn-transparent:hover,.btn-transparent:hover:before{color:#0BA69D!important;text-decoration:none}
.cart-icon,.cart-information a,.nav-menu a,.welcome{color:#fff}
.btn-transparent.modify:before{content:'';position:absolute;left:0;top:0;background:url(/images/csg-54b795ddcc68e.png) -196px -1713px no-repeat;width:20px;height:20px}
.btn-transparent.duplicate:before{content:'';position:absolute;left:0;top:3px;background:url(/images/csg-54b795ddcc68e.png) -196px -1660px no-repeat;width:18px;height:23px}
.btn-transparent.delete-icon:before,.btn-transparent.delete:before{content:'';position:absolute;left:0;top:3px;background:url(/images/csg-54b795ddcc68e.png) -196px -1615px no-repeat;width:14px;height:15px}
.logout{height:18px;padding-left:20px;display:inline-block}
.nav-menu{position:absolute;right:110px}
.logout{background:url(/images/csg-54b795ddcc68e.png) 0 -443px no-repeat}
.nav-menu{top:49px;width:381px;text-align:right}
.cart-information{margin-left:10px;padding-left:10px;padding-right:10px;color:#fff;background-color:#2E2E2E;line-height:32px;height:32px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;cursor:pointer}.welcome{padding-right:15px;font-weight:700}
.welcome{text-align:right;background:url(/images/csg-54b795ddcc68e.png) -392px -1639px no-repeat;width:279px;height:29px;line-height:29px}
.btn-orange,.btn-webgenie:hover,.menu-footer-line ul.nav-lang li a,.nav-lang a,.nav-lang a:hover{text-decoration:none}
.cart-icon{display:inline-block}
.cart-icon{vertical-align:top;background:url(/images/icon-cart-v2.png) no-repeat;width:21px;height:20px;padding-left:25px;line-height:25px;margin-top:5px;font-weight:700;font-size:14px;margin-left:auto;margin-right:auto}
.btn-orange{font-family:Tahoma,Geneva,sans-serif;background:#f5a415;background-image:-webkit-linear-gradient(top,#f5a415,#f65916);background-image:-moz-linear-gradient(top,#f5a415,#f65916);background-image:-ms-linear-gradient(top,#f5a415,#f65916);background-image:-o-linear-gradient(top,#f5a415,#f65916);background-image:linear-gradient(to bottom,#f5a415,#f65916);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border:none;color:#fff;font-weight:700;font-size:16px;line-height:40px;padding-left:20px;padding-right:20px;height:40px;width:300px;cursor:pointer}
.btn-orange:hover{background:#f5a800;background:-moz-linear-gradient(top,rgba(245,168,0,1) 22%,rgba(245,115,0,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(22%,rgba(245,168,0,1)),color-stop(100%,rgba(245,115,0,1)));background:-webkit-linear-gradient(top,rgba(245,168,0,1) 22%,rgba(245,115,0,1) 100%);background:-o-linear-gradient(top,rgba(245,168,0,1) 22%,rgba(245,115,0,1) 100%);background:-ms-linear-gradient(top,rgba(245,168,0,1) 22%,rgba(245,115,0,1) 100%);background:linear-gradient(to bottom,rgba(245,168,0,1) 22%,rgba(245,115,0,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5a800', endColorstr='#f57300', GradientType=0);color:#fff}
.or{display:inline-block;width:25px;height:30px;position:absolute;right:-9px;top:44%;background-color:#fff;font-size:24px;z-index:1;line-height:30px;color:#35393A}ul.faq li{position:relative;padding-left:30px;height:40px;line-height:40px;font-size:18px;border-bottom:1px solid #cdd4d2}ul.faq li.open:before,ul.faq li:before{content:'';position:absolute;width:0;height:0;border-style:solid;left:0}ul.faq li:before{border-width:7px 0 7px 8px;border-color:transparent transparent transparent #0da392;top:13px}ul.faq li.open:before{border-width:8px 7px 0;border-color:#0da392 transparent transparent;top:16px}ul.faq li a{color:#0da392;display:block}
.faq-content{margin-top:10px}
.faq-title{font-size:16px}
.faq-txt{margin-top:5px}
.img{max-height:80px}
.img{display:block;max-width:130px}
.v2{top:55px;left:18px}
.icon-contrat:before,.icon-pdf-mini:before,.icon-pdf:before,h3.icon-factures:before,h3.icon-perso:before{content:'';left:0}
.icon-contrat,.icon-pdf,.icon-pdf-mini{margin-bottom:5px;display:inline-block}
.help{background:url(/images/csg-54b795ddcc68e.png) -196px -696px no-repeat;display:inline-block;width:20px;height:21px;margin-left:5px}h3.icon-factures,h3.icon-perso{padding-left:50px;padding-top:6px}h3.icon-perso{height:45px;position:relative}h3.icon-perso:before{position:absolute;top:0;background:url(/images/csg-54b795ddcc68e.png) -196px -103px no-repeat;width:40px;height:45px}h3.icon-factures{height:45px;position:relative}h3.icon-factures:before{position:absolute;top:0;background:url(/images/csg-54b795ddcc68e.png) 0 -1827px no-repeat;width:33px;height:33px}
.icon-pdf{height:27px;padding-left:35px;padding-top:5px;color:#333;position:relative}
.icon-pdf:before{position:absolute;top:0;background:url(/images/csg-54b795ddcc68e.png) -196px -46px no-repeat;width:21px;height:27px}
.icon-pdf-mini{height:27px;padding-left:25px;color:#087d6d;position:relative}
.icon-pdf-mini:before{position:absolute;top:0;background:url(/images/csg-54b795ddcc68e.png) -196px 0 no-repeat;width:16px;height:16px}
.icon-contrat{height:21px;padding-left:35px;position:relative;color:#333}
.icon-contrat:before{background:url(/images/csg-54b795ddcc68e.png) 0 -1516px no-repeat;width:21px;height:21px;position:absolute;top:0}
.arrow-hover:before{content:""}
.footer-row{position:relative;padding-bottom:30px}
.footer-lang,.footer-lang a{color:#bdf1ff}
.footer-row p{color:#7D7E80}
.btn-webgenie{height:45px;color:#fff}
.webgenie-line{padding-top:65px;padding-bottom:75px;background:url(/images/encart-webgenie-1920.webp) center top no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;text-align:center;position:relative;color:#fff}
.headline-get-started{background:url(/images/slider/texture-bg.webp) center top repeat;text-align:center;position:relative;color:#fff}


.btn-webgenie{margin-top:25px;margin-left:auto;margin-right:auto;background-color:#FFA20D;display:inline-block;line-height:45px;text-align:center;font-size:20px;position:relative;border-radius:6px;z-index:100;font-weight:400px;padding-left:25px;padding-right:25px;}
.btn-webgenie:hover{background-color:#F2990C}
.btn-shadow{position:relative;margin:auto;width:295px;height:5px;box-shadow:0 1px 6px 3px rgba(5,79,89,.16);-moz-box-shadow:0 1px 6px 3px rgba(5,79,89,.16);-webkit-box-shadow:0 1px 6px 3px rgba(5,79,89,.16);top:-6px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;z-index:1}
.webgenie-first-line{margin-top:0px;margin-bottom:0;font-size:45px;font-weight:bold;}
.webgenie-second-line{margin-bottom:40px;margin-top:20px;font-size:30px;line-height:45px;font-weight:normal}
.slider-line{z-index:10}
@media screen and (max-width:1200px){.blog-menu{display:none}}
@media screen and (min-width:768px){.footer,.marketing{padding-right:0;padding-left:0} }

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

    #navigation .logo {
        margin-left: 0px !important;
    }

    .headline .container {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    .headline .cartouche-information {
        margin-right: 0px !important;
    }

    h2 {
        margin-left: 0px !important;
    }

    html body .pl-100 {
        padding-left: 0px !important;
    }

    .logo-exemple:nth-of-type(n+5) {
        display: none;
    }

    .connexion-modal {
        padding-left: 30px;
        padding-right: 30px;
    }

    .connexion-modal .connexion-overlay-v2 {
        margin-top: 80px !important;

    }

    #fancybox-wrap {
        width: 400px !important;
        margin-left: 20px;
    }

    #fancybox-content {
        width: 400px !important;
    }

    .responsive {
        width: 100% !important;
    }

    .no-responsive {
        display: none;
    }

    .main-block-header-left {
        padding: 0px !important;
        margin-top: 0px !important;
    }

    .headline-responsive {
        padding-left: 25px;
        padding-right: 25px;
    }

    .reponsive.btn-webgenie {
        width: auto !important;
        font-size: 20px !important;
        display: inline-block !important;
        margin-top: 35px;
        margin-bottom: 20px
    }

    .headline.first-line {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .footer, .marketing {
        padding-right: 0;
        padding-left: 0
    }

    .col-lecture-1, .col-lecture-2, .col-lecture-3 {
        padding-left: 25px !important;
        padding-right: 25px !important
    }

    .col-xs-3, .col-xs-4, .col-xs-6, .col-xs-8, .col-xs-9 {
        width: 100%
    }

    .col-xs-4 img {
        width: 100%;
        margin-top: 15px; /*margin-bottom:15px*/
    }

    .sub-title-klasic {
        display: none
    }

    .main-title-klasic {
        font-size: 50px !important;
        text-align: center !important;
    }

    .row {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .slider-container-home {
        padding: 0 !important
    }

    .btn-webgenie {
        width: 100% !important;
        font-size: 15px !important;
        display: inline-block !important
    }

    .btn-webgenie-container .btn-shadow {
        display: none
    }

    .slick-slide img {
        width: 95% !important;
        height: auto !important
    }

    .slick-list {
        padding-left: 15px !important
    }

    .slick-slider {
        overflow: hidden
    }

    .logo {
        display: inline-block !important
    }

    .new-title-home.bloc-1, .new-title-home.bloc-3, .new-title-home.bloc-2 {
        margin-top: 45px !important;
    }

    .hide-responsive {
        display: none !important;
    }

    .slick-slider {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    .logo-exemple > div:first-child
    {
        height:auto !important;
    }
    html body .sub-menu-account {
        left: -88px;
    }


    .nb-article-cart{
        display:none !important;
    }
    html body .cartouche-information-container {
        padding-right: 0px !important;
    }

    .btn-orange-v2 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .service-description{

        width:320px !important;
    }

    .mt35-responsive{
        margin-top: 35px !important;
    }
    html body .faq-block{

        padding-left:0px !important;
        padding-right:0px !important;
    }
    .sub-menu-categorie{
        width:100% !important;
        margin-left:0px !important;
     }
    .image-3-index{
        margin-top:30px;
    }

    .no-addping-responsive{
        padding-left:0px !important;
        padding-right: 0px !important;
    }
    .sub-title-home {
        margin-top: 25px !important;
    }

    .satisfaction-list{
        margin-top: 40px !important;
    }

    .new-title-home{
        font-size:30px !important;
    }

    #mobile-nav{
        position: relative;

    }
    .cartouche-information-container{
        position: absolute;
        right: 15px;
        z-index:1000;
    }
    .nav-lang li:hover ul{left:-47px !important}
    #navigation {
        z-index:1000;
        position:absolute;
        left:50%;
        margin-left:-76px;
        top:1px;

    }

    /*.headline .cartouche-information{position:absolute;right:65px;top:0}

    .headline .nav-lang.header-lang{position:absolute;right:10px;top:0}

    .headline .nav-lang.header-lang li:hover ul { left:-43px;}

*/
    /*
    #navigation {

        display: inline;
    }
    .cartouche-information-container{
        color:red;
        display: inline;
    }*/

    .sub-menu.sub-menu-categorie {
        width:290px !important;
        padding-top:0px !important;
    }
    .slicknav_menu{
        padding-bottom:20px !important;
    }

    .menu-item{line-height:30px!important}#txt-btn-inscription{display:none}#btn-inscription-header:before{top:2px;content:"\e948";color:#c7c9c9;font-size:18px}#btn-inscription-header{display:inline-block;width:auto;height:auto;background-color:transparent!important}
    html body .slicknav_nav{ position:relative; margin-top: 10px !important; /*display:block !important;*/}
    .arrow-hover{display:none!important}
    html body .btn-article{font-size:15px !important; width:100%;text-align:center !important}
    .button-go{display:none}}
.btn-round,.tooltip-error .qtip-content{text-align:center}
.main-title-klasic,.sub-title-klasic{color:#FFF;letter-spacing:0;}
.main-title-klasic{font-size:42px;font-weight:bolder;margin-top:-30px;margin-bottom:0;line-height:58px;}
.sub-title-klasic{font-size:25px;margin-top:20px;font-weight:normal;line-height:38px;text-align:left;margin-bottom:10px;}
.sub-title-klasic.dynamic-keyword-content,
.sub-title-klasic.dynamic-keyword-content p{color:#FFFFFF;}
.arrow-home-down{cursor:pointer;position:absolute;margin-left:-26px;bottom:25px;left:50%;font-size:32px}#navigation .navigation .active a{color:#fff}
.arrow-home-down:hover{bottom:18px}
.headline.first-line{padding-top:60px;padding-bottom:38px}#btn-account-header,#btn-inscription-header,.btn-orange-v2,.btn-webgenie,.link-ref a,.link-ref a:before,.menu-footer-line a,.menu-item,.see-all-article,.see-all-article:before,.sub-menu li a,.tools-line li a,.start-now:after{-webkit-transition:all .6s cubic-bezier(.1,.875,.23,.98);-moz-transition:all .6s cubic-bezier(.1,.875,.23,.98);-o-transition:all .6s cubic-bezier(.1,.875,.23,.98);transition:all .6s cubic-bezier(.1,.875,.23,.98);-webkit-transition-timing-function:cubic-bezier(.1,.875,.23,.98);-moz-transition-timing-function:cubic-bezier(.1,.875,.23,.98);-o-transition-timing-function:cubic-bezier(.1,.875,.23,.98);transition-timing-function:cubic-bezier(.1,.875,.23,.98)}
.headline .menu{float:right;margin-top:8px}
.headline .cartouche-information{float:right;padding-left:25px;margin-right:0px;}
.input-home{font-family:'Open sans'}
.button-go{margin-top:35px;margin-bottom:16px}
.input-home{width:340px; height:58px;line-height:58px;border-radius:6px 0 0 6px;border-right:none;border-left:1px solid #009990;border-top:1px solid #009990;border-bottom:1px solid #009990;background:url(/images/indeximg/crayon.png) 22px 12px no-repeat #FFF;font-size:20px;padding:0 0 0 70px;position:relative;z-index:100;-webkit-transition:all 125ms ease-out;-moz-transition:all 125ms ease-out;-o-transition:all 125ms ease-out;transition:all 125ms ease-out}
.button-go:focus,.button-go:hover .input-btn-go,.button-go:hover .input-home{border-color:#FFA20D; }
.input-btn-go:hover{background-color:#F2990C;border-color:#F2990C!important}
.arrow-hover{display:inline-block;position:relative;vertical-align:top}
.arrow-hover:before{display:inline-block;position:absolute;z-index:105;top:21px;left:-8px;width:0;height:0;border-style:solid;border-width:8px 0 8px 8px;border-color:transparent transparent transparent #fff;-webkit-transition:left 125ms ease-out;-moz-transition:left 125ms ease-out;-o-transition:left 125ms ease-out;transition:left 125ms ease-out}
.box-shadow-go,.input-btn-go{position:relative;font-family:'Open sans'}
.arrow-hover:hover:before{left:0}
.input-btn-go{font-weight:bold;height:58px;border-radius:0 6px 6px 0;color:#FFF;background-color:#FFA20D;font-size:20px;border-left:none;border-right:1px solid #009990;border-top:1px solid #009990;border-bottom:1px solid #009990;width:180px;z-index:102;outline:0;-webkit-transition:all 125ms ease-out;-moz-transition:all 125ms ease-out;-o-transition:all 125ms ease-out;transition:all 125ms ease-out}
.input-home{color:#26A5AA;font-weight:bold;}
.input-home::-webkit-input-placeholder{color:#7bb7bc;font-family:'Open sans'}
.input-home:-moz-placeholder{color:#7bb7bc;opacity:1;font-family:'Open sans'}
.input-home::-moz-placeholder{color:#7bb7bc;opacity:1;font-family:'Open sans'}
.input-home:-ms-input-placeholder{color:#7bb7bc;font-family:'Open sans'}
.box-shadow-go{margin:auto;width:510px;height:6px;box-shadow:0 1px 0 3px rgba(5,79,89,.16);-moz-box-shadow:0 1px 0 3px rgba(5,79,89,.16);-webkit-box-shadow:0 1px 0 3px rgba(5,79,89,.16);top:-6px;z-index:10;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}
.tooltip-error{background-color:rgba(16,21,26,.85);color:#fff;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;line-height:20px;line-height:45px;font-size:18px;width:400px;display:none;margin-right:auto;position:absolute;top:-58px;left:50%;margin-left:-258px;margin-bottom:15px}
.tooltip-error:after{right:50%;top:44px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(16,21,26,0);border-right-color:rgba(16,21,26,.85);border-width:5px;margin-top:0;transform:rotate(-90deg)}
.tooltip-error .qtip-content{position:relative;padding:0 9px;word-wrap:break-word;color:#EAEDF0;font-weight:300;font-size:17px}html body .col-lecture-1{padding-left:0;padding-right:80px}html body .col-lecture-2{padding-left:40px;padding-right:40px}html body .col-lecture-3{padding-left:80px;padding-right:0}@media (min-width:1200px){html .container{width:1200px}}
.btn-round{border:2px solid #22A49B;width:70px;height:70px;font-size:35px;color:#22A49B;border-radius:50%;background-color:transparent}
.visit-cart{padding-top:55px;background:url(/images/cartes-de-visite.jpg) bottom no-repeat;text-align:left;padding-bottom:15px}
.visit-cart h3{font-size:25px;text-align:left;margin-top:48px;margin-bottom:12px}
.visit-cart h3:after{content:"";display:block;width:75px;height:2px;background-color:#22A49B;margin-top:27px}
.visit-cart .link-ref{margin-top:34px}
.visit-cart .link-ref li{margin-top:14px}
.visit-cart p{padding-top:12px}
.container-etape-bar{display:inline-block;margin:7px auto 0}
.btn-arrow-right:after{font-family:icomoon!important;position:relative;top:1px;font-size:15px}
.btn-arrow-right{padding-left:30px;padding-right:35px}
.btn-arrow-right:after{content:"\e936";left:14px}
.grey-light{color:#3E5059}
.border-radius{border-radius:4px}
.btn-order-green{height:45px;line-height:45px;width:300px;font-size:20px;padding:0;text-align:center}
.btn-order-green:before{margin-right:15px}
.btn-transparent{color:#3E5059}
.fancybox.icon-loupe2:before,.icon-croix2:before,.icon-duplicate:before,.icon-gear2:before,.icon-recto-verso:before{color:#3E5059;text-decoration:none;font-size:15px;position:absolute;top:2px;left:0}
.icon-croix2:before{font-size:13px}
.fancybox.icon-loupe2:before,.icon-gear:before{font-size:16px}
.icon-duplicate:before{font-size:17px}
.nav-lang{display:inline-block}
.footer-copy{margin:20px 0 25px}

.nav-lang{font-weight:700;margin-bottom:10px;margin-left:10px}
.nav-lang li{float:left;position:relative}
.nav-lang a{width:96px;display:block;padding:5px;color:#6B6B6E;background-color:transparent;border:1px solid #2F2F36}
.nav-lang a:hover{color:#AEAFB3}
.nav-lang ul{background-color:#fff;background:rgba(255,255,255,0);position:absolute;left:-9999px;z-index:10}
.nav-lang li ul li a{border-top:none}
.grey-offre,.start-now-logo-container{border-top:1px solid #daeaf2}
.nav-lang ul li{float:none;height:auto}
.nav-lang ul li:first{margin-top:2px}
.menu-footer-line ul.nav-lang li a{padding:3px 10px;font-weight:400}
.nav-lang ul a{white-space:nowrap}
.nav-lang li:hover ul{top:29px;left:0;padding:0}
.nav-lang li:hover a{text-decoration:underline}

.btn-article:hover,.btn-green-engine:hover,.btn-grey-v2:hover,.fancybox-media:hover,.nav-lang li:hover ul a{text-decoration:none}
.grey-offre{background-color:#F4F6F7}
.start-now-logo{height:40px;display:inline-block}
.start-now-logo-container{text-align:center}
.start-now-logo{line-height:40px;border-radius:4px;color:#fff;padding-left:20px;padding-right:20px;margin-top:25px;margin-bottom:55px}
.btn-green-engine{border-radius:4px;color:#fff;background:#0ba69d;background:-moz-linear-gradient(top,#0ba69d 0,#0a948c 100%);background:-webkit-linear-gradient(top,#0ba69d 0,#0a948c 100%);background:linear-gradient(to bottom,#0ba69d 0,#0a948c 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ba69d', endColorstr='#0a948c', GradientType=0 )}
.btn-green-engine:hover{background:#0cb3a9;background:-moz-linear-gradient(top,#0cb3a9 0,#0a9e95 100%);background:-webkit-linear-gradient(top,#0cb3a9 0,#0a9e95 100%);background:linear-gradient(to bottom,#0cb3a9 0,#0a9e95 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0cb3a9', endColorstr='#0a9e95', GradientType=0 )}
.home-subline-logo{font-size:18px;color:#fff;font-weight:300;text-align: center;}
.fancybox-media{color:#fff;vertical-align:top}
.icon-impression-en-cours:before{font-size:18px;top:2px}
.btn-grey-account.icon-panier2,.btn-grey-account.icon-telecharger2{color:#fff;padding-left:20px;padding-right:20px;text-transform:none;width:auto;border:none}
.btn-grey-account.icon-panier2:hover:before,.btn-grey-account.icon-telecharger2:hover:before{color:#fff}
.btn-grey-account.icon-panier2:before,.btn-grey-account.icon-telecharger2:before{margin-right:10px}
.btn-grey-account.icon-panier2:before{font-size:17px}
.btn-grey-account.modify{width:150px}
.btn-grey-account.products{width:200px}
.btn-grey-account{width:auto;padding-left:20px;padding-right:20px;border:1px solid #e6e9eb;border-radius:4px}
.btn-grey-v2{background:#fcfcfc;background:-moz-linear-gradient(top,#fcfcfc 0,#f5f5f5 100%);background:-webkit-linear-gradient(top,#fcfcfc 0,#f5f5f5 100%);background:linear-gradient(to bottom,#fcfcfc 0,#f5f5f5 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f5f5f5', GradientType=0 )}
.btn-grey-v2:hover{background:#fafafa;background:-moz-linear-gradient(top,#fafafa 0,#e6e6e6 100%);background:-webkit-linear-gradient(top,#fafafa 0,#e6e6e6 100%);background:linear-gradient(to bottom,#fafafa 0,#e6e6e6 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e6e6e6', GradientType=0 )}
.btn-grey-v2:before,.btn-grey-v2:hover:before{color:grey}
.container-logo-unpaid .btn-grey-account{width:215px}
.footer-article-ref .col-xs-4.lh25,.footer-article-ref .col-xs-4.lh25>div{margin-bottom:15px}
.btn-article{display:inline-block;text-align:left;padding-left:30px;padding-right:30px;font-size:20px!important;border-radius:4px;height:45px;line-height:45px;color:#fff;background:-moz-linear-gradient(top,#0ba69d 0,#0a948c 100%)!important;background:-webkit-linear-gradient(top,#0ba69d 0,#0a948c 100%)!important;background:linear-gradient(to bottom,#0ba69d 0,#0a948c 100%)!important;filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ba69d', endColorstr='#0a948c', GradientType=0 );position:relative;border:none}
.btn-article:hover{background:#0cb3a9!important;background:-moz-linear-gradient(top,#0cb3a9 0,#0a9e95 100%)!important;background:-webkit-linear-gradient(top,#0cb3a9 0,#0a9e95 100%)!important;background:linear-gradient(to bottom,#0cb3a9 0,#0a9e95 100%)!important;filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0cb3a9', endColorstr='#0a9e95', GradientType=0 )}
.tooltip-follow{width: 335px;color: #3E5059;border-radius: 2px;border: 1px solid #cdcdcd;background-color:#fbfbfb;margin-left:30px !important; margin-top:22px !important}

.nav-lang.header-lang a{
    width:auto;

    display:inline-block;
}
.nav-lang.header-lang{ margin-left:0;    margin-top: 14px;padding-left:8px}

.nav-lang.header-lang ul{ background: #000000;}
.nav-lang.header-lang a {border:none; color:#c7c9c9;font-weight:normal;font-size:14px}
.nav-lang.header-lang a:hover {color:#fff;}



.lang-selector-header li{ padding-left:10px; padding-right:10px;}

.lang-selector-header { padding-bottom:10px;}


.lang-selector-header a { height: 28px; }
.flag-lang-selector{
    position:relative;

    border: none;
    color: #c7c9c9;
    font-weight: normal;
    font-size: 14px;
    width: auto;
    display: inline-block;
    padding: 5px;
    color: #6B6B6E;
    background-color: transparent;
}

.nav-lang.header-lang li:hover ul
{
    padding-top:10px;
}

.flag-lang-selector:after{
    content:"";
    position:relative;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #c7c9c9 transparent transparent transparent;
    top: 15px;
    left: 6px;
}

.flag-lang-selector:hover:after{
    border-color: #fff transparent transparent transparent;
}

.slicknav_icon.slicknav_no-text{
    margin-left:20px !important;;
}
.headline.header .container{
    padding:0px !important;
}
.nav-lang.header-lang li:hover ul { padding-bottom:8px;border-radius: 4px;}

/*!
 * SlickNav Responsive Mobile Menu v1.0.3
 * (c) 2015 Josh Cope
 * licensed under MIT
 */.slicknav_menu:after,.slicknav_menu:before{display:table;content:" "}.slicknav_btn,.slicknav_nav .slicknav_item{cursor:pointer}.slicknav_menu,.slicknav_menu *{box-sizing:border-box}.slicknav_nav,.slicknav_nav ul{padding:0;list-style:none;overflow:hidden}.slicknav_btn{position:relative;display:block;line-height:1.125em}.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar{margin-top:4px}.slicknav_menu .slicknav_menutxt,.slicknav_menutxt{display:block;line-height:1.188em;float:left;color:#fff;font-weight:700;text-shadow:0 1px 3px #000}.slicknav_icon,.slicknav_menu .slicknav_icon{float:left;margin:.188em 0 0 .438em}.slicknav_menu .slicknav_no-text,.slicknav_no-text{margin:0}.slicknav_icon-bar,.slicknav_menu .slicknav_icon-bar{display:block;width:21px;height:2px;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.25);-moz-box-shadow:0 1px 0 rgba(0,0,0,.25);box-shadow:0 1px 0 rgba(0,0,0,.25)}.slicknav_menu:after{clear:both}.slicknav_nav li,.slicknav_nav ul{display:block}.slicknav_nav .slicknav_arrow{font-size:.8em;margin:0 0 0 .4em}.slicknav_nav .slicknav_item a{display:inline}.slicknav_nav .slicknav_row,.slicknav_nav a{display:block}.slicknav_nav .slicknav_parent-link a{display:inline}.slicknav_menu{font-size:16px;padding:0}.slicknav_menu .slicknav_icon-bar{background-color:#e2e4e6}.slicknav_btn{height:14px;margin-top:24px;text-decoration:none;text-shadow:0 1px 1px rgba(255,255,255,.75);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:0}.slicknav_nav{clear:both;color:#fff;margin:0;font-size:.875em}.slicknav_nav ul{margin:0 0 0 20px}.slicknav_nav .slicknav_row,.slicknav_nav a{padding:5px 10px;margin:2px 5px}.slicknav_nav .slicknav_row:hover{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;color:#fff}.slicknav_nav a{text-decoration:none;color:#fff}.slicknav_nav a:hover{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}.slicknav_nav .slicknav_txtnode{margin-left:15px}.slicknav_nav .slicknav_item a,.slicknav_nav .slicknav_parent-link a{padding:0;margin:0}.slicknav_brand{float:left;color:#fff;font-size:18px;line-height:30px;padding:7px 12px;height:44px}#mobile-nav,#slick-navigation{display:none}#btn-inscription-header{z-index:1000;position:relative;display:block}@media screen and (max-width:40em){.navigation.nav-bar.topnav{display:none !important;} #btn-account-header{ overflow: hidden;width:40px; }

    #btn-account-header:before{

        content: "\e948";
        color: #c7c9c9;
        position: relative;
        display: inline-block;
        width: 40px;
        top: 2px;
        font-size: 18px;

    }
    .icon-menu-mobile:before{
        content: "\e948" !important;
    }

    #btn-account-header:before{
        width:25px !important
    }

    .cart-information, #btn-account-header{
        padding-left:0px !important;
        padding-right:0px !important;
        background:none !important;
    }
    .cart-information:hover, #btn-account-header:hover, #btn-account-header.icon-menu-mobile:hover:before{
        background:none !important;
    }

    #btn-account-header{
        width:25px !important
    }
    .slicknav_menu{
        background:#000;
    }
    .headline .menu{margin-top:-30px !important; } #mobile-nav,#slick-navigation{display:block}}

/*!
* Qtip
*/
.qtip{position:absolute;left:-28000px;top:-28000px;display:none;max-width:480px;min-width:50px;font-size:14px;line-height:14px;direction:ltr;box-shadow:none;padding:5px 10px;margin-left:15px}.topStyle{margin-left:0;margin-top:-15px}.topStyle:after{right:50%;top:100%;border:solid;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(20,23,23,0);border-right-color:#14171A;border-width:5px;margin-top:0;transform:rotate(-90deg)}.rightStyle:after{right:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(136,183,213,0);border-right-color:#3f3e3e;border-width:5px;margin-top:-5px}.qtip-content{position:relative;padding:5px 9px;overflow:hidden;text-align:left;word-wrap:break-word}.qtip-titlebar{position:relative;padding:5px 35px 5px 10px;overflow:hidden;border-width:0 0 1px;font-weight:700}.qtip-titlebar+.qtip-content{border-top-width:0!important}.qtip-close{position:absolute;right:-9px;top:-9px;z-index:11;cursor:pointer;outline:0;border:1px solid transparent}.qtip-titlebar .qtip-close{right:4px;top:50%;margin-top:-9px}* html .qtip-titlebar .qtip-close{top:16px}.qtip-icon .ui-icon,.qtip-titlebar .ui-icon{display:block;text-indent:-1000em;direction:ltr}.qtip-icon,.qtip-icon .ui-icon{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-decoration:none}.qtip-icon .ui-icon{width:18px;height:14px;line-height:14px;text-align:center;text-indent:0;font:400 bold 10px/13px Tahoma,sans-serif;color:inherit;background:-100em -100em no-repeat}.qtip-default{background-color:rgba(20,23,26,1);color:#e6e6e6;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;line-height:20px}.qtip-default .qtip-titlebar{background-color:#FFEF93}.qtip-default .qtip-icon{border-color:#CCC;background:#F1F1F1;color:#777}.qtip-default .qtip-titlebar .qtip-close{border-color:#AAA;color:#111}

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


    .headline.header .container{
        max-width:100% !important;
        width:100% !important;
    }

    .btn-notification{
        width:100px !important;
    }
    .notification-icon{
        display:none !important;
    }

    .notification-content{
        width:100% !important;
        padding:25px 0 20px 15px !important;
    }

    .notification-box{
        width:100% !important;
    }
}
@media screen and (max-width:375px) {

    .btn-green-v2{
        padding-left:20px !important;
        padding-right:20px !important;
    }

    .keyword-box .title a{
        /*white-space: normal !important;*/
        font-size:16px !important;
    }

}

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

    #navigation li ul{
        left:-60px !important;
    }
    .cart-information{
        margin-left:7px;
    }
    .white-bulle .btn-green-v2{

        display:none;
    }
    .sign-in-right-img{
        display:none;
    }
}

@media screen and (max-width:991px) {
    .sign-in-right-img{
        display:none;
    }
}

.keyword{
    padding-left:10px;

    vertical-align:top;
}

.keyword:before{
    left:0;top:0;position:absolute;content:'';display:block;background:url(/images/csg-54b795ddcc68e.png) -682px -539px no-repeat;width:37px;height:52px
}

.keyword-box{
    padding:7px;
    padding-left:40px;
    height:105px;
    overflow:hidden;
    margin-top:10px;;padding-right:12px;
    margin-bottom:10px;
}

.keyword-box .title{
    font-weight:400;
    font-size:20px;
    margin-bottom:10px;
}

.keyword-box .title a{
    white-space: nowrap;
    text-decoration:none;
    color:#3E5059;
}
.keyword-box .title a:hover{
    color:#3E5059;

}

.keyword-box .description{
    font-weight:400;
    line-height:20px;
    font-style:italic;
    color:#818889;
}

.description:first-letter {
    text-transform:uppercase;
}

.keyword-box .title a:hover{
    color:#19958E;
}

.btn-google-connect, .btn-facebook-connect{
    background-color:#f2f3f5;
    border:1px solid #e2e3ef;
    line-height:40px;
    height:40px;
    border-radius: 4px;
    padding-left:50px;
    position: relative;
    text-align: left;
    cursor:pointer;
}

.btn-google-connect:before, .btn-facebook-connect:before{
    content:"";
    display: block;
    height:19px;
    width:19px;
    position: absolute;
    left:10px;
    top:10px;
    background-repeat: no-repeat;
}

.btn-google-connect{
    margin-top:20px;
    margin-bottom:15px;
}

.btn-google-connect:before
{
    background-image:url('/images/icons/google-sign-in-icon.png');

}

.btn-facebook-connect:before{
    background-image:url('/images/icons/facebook-sign-in-icon.png');
}

.left-sign-in{
    padding: 30px !important;

}

.left-sign-in .btn-connect-frm{
    background-color:#f2f3f5;
    border-radius:25px;
    padding-left:5px;
    padding-right:5px;
    height:25px;
    line-height:25px;
    padding-left:13px;
    padding-right: 14px;
    text-transform:none;
}
.left-sign-in .btn-connect-frm a{
    color:#3E5059;
}

.sign-in-right-img{
    position: relative;
    width:100%;
    height:556px;
    background-image:url('/images/window-sign-up.jpg');
    background-repeat: no-repeat;
    border-radius: inherit;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.or-signin{

    text-align:center;
    position: relative;
    margin-top:20px;
    margin-bottom:10px;


}
.or-signin:before{
    content: "";
    position: absolute;
    border-bottom: 1px solid #e2e3ef;
    width: 100%;
    display: block;
    top: 10px;
}

.or-span{
    background-color:#fff;
    position: relative;
    padding-left:15px;
    padding-right:15px;
}


/* Style pour la modal */
.connexion-modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(16,21,26,0.65); /* Fond gris transparent */
    cursor: pointer;
}

.or-span{
    text-transform: uppercase;
}

.connexion-overlay-v2 {
    background-color: #fff;
    margin: 150px auto;
    width:768px;
    max-width:100%;
    height:556px;
    padding: 0px;
    position:relative;
    z-index:1001;
    border-radius:10px;
    cursor: default;
}

.connexion-overlay-v2  .btn-connect-frm{
    font-size:12px;
}

.sign-in-to-manage{
    margin-bottom:25px;
}

.left-sign-in .lost-password-overlay{
    margin-left:0px;
    margin-right:0px;
    margin-bottom:20px;
    padding-top:25px;
    margin-top:0px;
    border:none;
}

.left-sign-in .input-text-overlay, .left-sign-in .btn-connexion-overlay{
    height:40px;
    line-height: 40px;
}

.md-content  .close{
    position:absolute;
    right:10px;
    top:5px;
    opacity: 0.7;
    z-index: 5;
    font-size: 18px;
    cursor:pointer;
}

.md-content  .close:hover{
    opacity: 0.9 !important;
}

#login-frm #message.error{
    color: red;
    top: -3px;
    font-size: 13px;
}

.twitter-footer:hover svg *, .youtube-footer:hover svg *,.facebook-footer:hover svg *  {
    fill: #b6babf;
}

svg.icon-footer {
    fill: #797c80;
    height: 20px;
    width: 20px;
}

.logo-exemple{
    margin-bottom:45px;
}

.logo-exemple > div:first-child {
    height: 252px;
}

.synonyme-box{
    height: 40px;
    line-height: 40px;
    border: 1px solid #dfe5eb;
    border-radius: 4px;
    text-align: center;
    padding-left: 16px;
    padding-right: 16px;
    margin-right: 10px;
    background-color: #fff;
    display: inline-block;
    cursor: pointer;
    margin-bottom: 12px;
    transition: all 150ms ease-out;
}
.synonyme-box:hover{
    border-color: #05A59B;
    background-color: #05A59B;

}
.synonyme-box:hover a{
    color: #fff !important;
    text-decoration: none;
}
.synonyme-box a{
    color: #3E5059 !important;
    text-decoration: none;
}
/* Figma Implementation: Static Hero Image */
.hero-static-container {
    position: relative;
    width: 100%;
    /* height: 500px; Maintains hero section height */
}

.hero-static-placeholder {
    position: absolute;
    /* Figma Dimensions */
    width: 430px;
    height: 344px;
    top: 67px;      /* Adjusted from 142px to account for header offset */
    left: 100px;    /* Adjusted for relative positioning within col-md-6 */
    
    /* Figma Visuals */
    background: white;
    border-radius: 10px;
    opacity: 1;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}

.hero-static-img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Mobile Responsiveness */
@media screen and (max-width: 768px) {
    .hero-static-placeholder {
        position: relative;
        width: 100%;
        height: auto;
        top: 0;
        left: 0;
        margin: 20px 0;
    }
}
/* Figma Implementation: Right Hero Section */

/* Main Box Layout Container */
.main-block-header-left {
    width: 540px;
    height: 341px;
    margin-top: 95px; 
    padding-left: 0;
    padding-right: 0;
    text-align: left;
}

/* Heading Typography */
.main-title-klasic {
    width: 540px;
    height: 52px;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 40px !important;
    line-height: 52px !important;
    color: #FFFFFF !important;
    margin-bottom: 27px; /* Gap between top 144px and sub-title 218px */
    letter-spacing: 0%;
    text-transform: none;
}

/* Paragraph/Sub-title Typography */
.sub-title-klasic {
    width: 540px;
    height: 120px;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 20px !important;
    line-height: 30px !important;
    color: #FFFFFF !important;
    margin-top: 0;
    margin-bottom: 22px;
    letter-spacing: 0%;
    opacity: 1;
}

/* Mobile Adjustments */
@media screen and (max-width: 768px) {
    .main-block-header-left, 
    .main-title-klasic, 
    .sub-title-klasic {
        width: 100% !important;
        height: auto !important;
        margin-top: 20px !important;
        text-align: center !important;
    }
    .main-title-klasic {
        font-size: 30px !important;
        line-height: 40px !important;
    }
}
/* Figma Implementation: Input Section */
.hero-input-bar {
    display: flex;
    align-items: center;
    width: 660px;
    height: 60px;
    background: #FFFFFF;
    border-radius: 40px; /* Aligns with button pill shape */
    padding: 3px; /* Creates inner spacing for the button */
    position: relative;
    margin-top: 37px; /* Spacing from paragraph above */
    box-shadow: 0 6px 16px rgba(62, 80, 89, 0.30);
    border: 1px solid transparent;
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.hero-input-bar:hover {
    border-color: #FFA20D;
}

.split-footer-cta .hero-input-bar {
    width: 590px;
}

.input-wrapper {
    flex-grow: 1;
    display: flex;
    align-items: center;
    padding-left: 20px;
}

.input-icon {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.input-home-new {
    border: none;
    background: transparent;
    min-width: 0;
    width: 248px;
    height: 22px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #26A5AA;
    outline: none;
}

.input-home-new::placeholder {
    color: #26A5AA;
    opacity: 0.7;
}

/* Figma Implementation: Orange Button */
.btn-get-started {
    width: auto;
    padding: 0 24px;
    height: 54px;
    background: #FFA20C;
    border-radius: 40px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    cursor: pointer;
    transition: background 0.2s ease;
}

.btn-get-started:hover {
    background: #F2990C;
}

.btn-get-started span {
    width: auto;
    height: auto;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
    white-space: nowrap;
}

/* Responsive Mobile Handling */
@media screen and (max-width: 768px) {
    .hero-input-bar {
        width: 100%;
        flex-direction: column;
        height: auto;
        border-radius: 10px;
        padding: 15px;
    }
    .btn-get-started {
        width: 100%;
        margin-top: 15px;
    }
}
/* Figma Implementation: Trustpilot & User Count Section */
.hero-stats-container {
    display: flex;
    align-items: center;
    width: 660px; /* Match .hero-input-bar so stats center under the form */
    max-width: 100%;
    height: 25px;
    margin: 25px 0 0; /* Align with left edge of input bar above */
    justify-content: center;
    background: transparent;
    opacity: 1;
    gap: 14px; /* Gap between labels and stars */
}

.stats-label {
    height: 25px;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    line-height: 25px !important;
    color: #FFFFFF !important;
    white-space: nowrap;
    letter-spacing: 0%;
}

.stats-stars {
    display: flex;
    align-items: center;
    width: 107.98px;
    height: 16px;
    /* padding-top: 5px; Aligns stars (Top 465px) with text (Top 460px) */
}

.stats-users {
    width: auto;
}

/* Mobile Responsiveness */
@media screen and (max-width: 768px) {
    .hero-stats-container {
        width: 100%;
        margin-left: 0;
        flex-direction: column;
        height: auto;
        gap: 10px;
        text-align: center;
        justify-content: center;
    }
}
/* Figma Header Implementation */

/* Global 1200px rail for all page sections */
.info-split-section > .container,
.info-details-section > .container,
.branding-tools-section > .container,
.testimonials-section > .container,
.faq-section > .container,
.industry-grid-section > .container,
.headline.headline-get-started.split-footer-cta > .container {
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}

.info-split-section,
.info-details-section,
.branding-tools-section,
.testimonials-section,
.faq-section,
.industry-grid-section {
    overflow-x: clip;
}

.inspiration-section {
    padding-top: 50px;
    background-color: #FFFFFF;
}

.headline-inspiration > .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.headline-inspiration > .container > .row {
    width: 100% !important;
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.headline-inspiration > .container > .row > .col-md-12 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.header-text-wrapper {
    margin-bottom: 34px;
}

.inspiration-title {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 9px auto !important; /* 28px gap to subtitle */
    
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 35px !important;
    line-height: 48px !important; 
    color: #363F5A !important; /* The dark blue from Figma */
    text-align: center;
    text-transform: none; /* Ensures it doesn't go All Caps */
}

.inspiration-subtitle {
    width: 100%;
    max-width: 928px;
    margin: 0 auto !important;
    
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 20px !important;
    line-height: 27px !important;
    color: #363F5A !important;
    text-align: center;
    opacity: 1;
}

.headline-inspiration .inspiration-title,
.headline-inspiration .inspiration-subtitle {
    color: #363F5A !important;
}

/* Logo grid cards — Figma (282×240, radius 20, #FFF) */
.inspiration-section .logo-exemple {
    display: flex;
    justify-content: center;
    align-items: stretch;
    margin-bottom: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    flex: none !important;
}

.inspiration-section .logo-examples-grid .logo-exemple:nth-last-child(-n+4) {
    margin-bottom: 0;
}

.inspiration-section .logo-examples-grid {
    margin-top: 40px;
    margin-bottom: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.inspiration-section .logo-examples-grid::after {
    display: none;
}

@media screen and (min-width: 769px) {
    .inspiration-section .logo-examples-grid {
        display: grid;
        grid-template-columns: repeat(4, 264px);
        justify-content: center;
        gap: 40px;
    }

    .inspiration-section .figma-logo-card {
        width: 264px !important;
        max-width: 264px !important;
        min-width: 264px;
    }
}

.inspiration-section .figma-logo-card {
    height: 240px !important;
    border-radius: 20px !important;
    background: #FFFFFF !important;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-sizing: border-box;
    border: none;
    box-shadow: 0 4px 15px rgba(62, 80, 89, 0.10);
}

.inspiration-section .figma-logo-card .figma-logo-thumb {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    /* padding: 20px; */
    box-sizing: border-box;
}

.inspiration-section .figma-logo-card img.responsive {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    transform: scale(1);
    transform-origin: center center;
}

.inspiration-section .figma-logo-card,
.inspiration-section .figma-logo-card .figma-logo-thumb,
.inspiration-section .figma-logo-card img.responsive {
    cursor: default !important;
}

/* Static exemple PNG fallback (no keyword icons). Keep Figma card proportions
   (425×345 hero, 282×240 grid) — only fix legacy height clash that clipped images. */
.inspiration-section.industry-exemple-logos .logo-exemple > div:first-child {
    height: auto !important;
}

.inspiration-section.industry-exemple-logos .figma-logo-card .figma-logo-thumb {
    min-height: 0;
}

@media screen and (max-width: 768px) {
    .inspiration-section .logo-examples-grid {
        display: grid;
        padding-left: 16px !important;
        padding-right: 16px !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        justify-content: stretch;
        gap: 16px;
    }

    .inspiration-section .logo-exemple {
        width: 100% !important;
        max-width: none !important;
        flex: none !important;
    }

    .inspiration-section .logo-examples-grid .logo-exemple:nth-last-child(-n+4) {
        margin-bottom: 24px;
    }

    .inspiration-section .logo-examples-grid .logo-exemple:nth-last-child(-n+2) {
        margin-bottom: 0;
    }

    .inspiration-section .figma-logo-card {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: 240px;
    }
}

/* Fix for standard Bootstrap centering if needed */
.center {
    text-align: center;
    float: none;
    margin-left: auto;
    margin-right: auto;
}
/* Figma Implementation: User Counter Section */

.user-counter-section {
    width: 100%;
    clear: both;
    padding: 38px 0px 70px 0px;
    background-color: #FFFFFF;
}

.counter-main-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 1063px; /* Figma Total Width */
    margin: 0 auto;
    gap: 14px;
}

.counter-prefix, .counter-suffix {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 30px !important;
    line-height: 41px !important;
    color: #363F5A !important; /* Figma Dark Blue */
    text-align: center;
}

.counter-box-container {
    display: flex;
    gap: 5px; /* Gap between individual digit boxes */
}

.counter-digit-box {
    width: 30px;  /* Figma Digit Width */
    height: 45px; /* Figma Digit Height */
    background: #363F5A; /* Figma Box Color */
    color: #FFFFFF;
    border-radius: 3.75px; /* Figma Radius */
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 24px; /* Scaled to fit 45px height */
}

/* Mobile Responsiveness */
@media screen and (max-width: 768px) {
    .counter-main-wrapper {
        flex-direction: column;
        gap: 20px;
    }
    .counter-prefix {
        font-size: 24px !important;
    }
}
/* Figma Implementation: Two Column Split Section */

.info-split-section {
    padding: 0 0 72px;
    background-color: #F7F9FC;
    border-top: none !important;
}

.info-split-section .header-text-wrapper {
    margin-top: 62px;
    margin-bottom: 60px;
}

.info-split-section .inspiration-title {
    margin: 0 auto 9px auto !important;
}

.info-split-section .inspiration-subtitle {
    margin: 0 auto !important;
}

.split-content-wrapper {
    margin-top: 50px;
    display: flex;
    align-items: center; /* Vertically centers content in the columns */
}

.info-split-section .split-content-wrapper {
    margin-top: 0;
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    column-gap: 80px;
}

.info-split-section .split-text {
    flex: 0 0 454px;
    max-width: 454px;
}

.info-split-section .split-visual {
    flex: 0 0 668px;
    max-width: 668px;
}

.split-visual img {
    /* width: 100%; */
    height: auto;
    display: block;
}

/* Mobile Adjustments */
@media screen and (max-width: 991px) {
    .split-content-wrapper {
        flex-direction: column;
        text-align: center;
    }
    .split-visual {
        margin-bottom: 30px;
    }
}
/* Figma Implementation: Step Heading and Span Number */

.step-heading {
    width: 442px;
    height: 41px;
    margin: 0 0 8px 0;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 30px !important;
    line-height: 41px !important;
    color: #363F5A !important;
    letter-spacing: 0%;
    display: flex; /* Ensures the span and text align perfectly */
    align-items: center;
}

.step-number {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 700 !important;
    font-style: normal;
    font-size: 30px !important;
    line-height: 100% !important;
    color: #26A5AA !important;
    margin-right: 12px; /* Spacing between "01." and "Select a template" */
    display: inline-block;
}

.step-description {
    width: 442px;
    /* height: 54px; Remove fixed height to allow for responsive text wrapping */
    margin: 0;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 27px !important;
    color: #3E5059 !important;
    letter-spacing: 0%;
}

/* Mobile Adjustments — industry page only */
@media screen and (max-width: 768px) {
    body.page-industry .step-heading {
        justify-content: center;
        width: 100% !important;
        font-size: 24px !important;
        line-height: 32px !important;
        height: auto !important;
        align-items: flex-start !important;
    }
    body.page-industry .step-number {
        font-size: 24px !important;
        line-height: inherit !important;
        color: #363F5A !important;
        flex-shrink: 0;
    }
}
/* Figma Implementation: Vertical Spacing */

.step-box {
    width: 100%;
    max-width: 442px;
    height: 103px;
    margin-bottom: 40px; /* The exact 40px gap between boxes */
    opacity: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

/* Remove margin from the last box to avoid extra whitespace at the bottom of the section */
.step-box:last-child {
    margin-bottom: 0;
}

.step-heading {
    margin-bottom: 8px !important; /* Gap between "01." and the paragraph */
}

.info-split-section .step-heading,
.info-split-section .step-description,
.info-split-section .step-box {
    width: 454px;
    max-width: 454px;
}

.info-split-section .step-heading {
    margin-bottom: 9px !important;
}

.info-split-section .step-box {
    margin-bottom: 58px;
}

.info-split-section .step-box:last-child {
    margin-bottom: 0;
}
/* Figma Implementation: Right Side Video Visual */

.video-preview-wrapper {
    position: relative;
    border-radius: 20px;
    border: 6px solid #FFFFFF;
    overflow: hidden;
    background-color: #f0f0f0;
    box-shadow: 0 6px 16px rgba(62, 80, 89, 0.30);
    cursor: pointer;
    margin-left: auto; /* Aligns to the right side of the container */
    box-sizing: border-box;
}

.info-split-section .video-preview-wrapper {
    width: 668px;
    height: 406px;
}

.video-poster {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.video-iframe {
    display: none;
    width: 100%;
    height: 100%;
    border: 0;
}

.video-preview-wrapper.is-playing .video-poster,
.video-preview-wrapper.is-playing .play-button-outer {
    display: none;
}

.video-preview-wrapper.is-playing .video-iframe {
    display: block;
}

/* Play Button Section (98x98) */
.play-button-outer {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 98px;
    height: 98px;
    background: transparent;
    border: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s ease;
}

.play-button-inner img {
    width: 98px;
    height: 98px;
    display: block;
}

.video-preview-wrapper:hover .play-button-outer {
    transform: translate(-50%, -50%) scale(1.1);
}

/* Mobile Responsiveness */
@media screen and (max-width: 1200px) {
    .info-split-section .video-preview-wrapper {
        width: 100%;
        height: auto;
        aspect-ratio: 668 / 406;
    }
}
/* Figma Implementation: Expert Content Section */

.info-details-section {
    padding: 62px 0px 58px 0px;
    background-color: #FFFFFF;
}

.info-details-section .header-text-wrapper {
    margin-bottom: 65px;
}

.info-details-section .inspiration-title {
    margin: 0 auto 9px auto !important;
}

.info-details-section .inspiration-subtitle {
    margin: 0 auto !important;
}

.info-details-section .split-content-wrapper {
    margin-top: 0;
}

.visual-container-simple {
    width: 100%;
    max-width: 550px;
    height: auto;
    /* display: flex;
    justify-content: center; */
}

.logo-tips-visual .logo-tips-mockup {
    position: relative;
    width: 100%;
    max-width: 542px;
}

.logo-tips-visual .logo-tips-mockup-base {
    width: 100%;
    height: auto;
    display: block;
}

.logo-tips-visual .logo-tips-mockup-base-mobile {
    display: none;
}

.logo-tips-visual .logo-tips-dynamic {
    position: absolute;
    width: 300px;
    height: 240px;
    object-fit: contain;
    z-index: 2;
}

.logo-tips-visual .logo-tips-dynamic-1 {
    top: 22px;
    left: 31px;
}

.logo-tips-visual .logo-tips-dynamic-2 {
    top: 232px;
    left: 211px;
}

.expert-content-text {
    width: 100%;
    max-width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    opacity: 1;
}

.info-details-section .split-content-wrapper > .col-md-6:last-child {
    flex: 0 0 calc((100% - 100px) / 2) !important;
    max-width: calc((100% - 100px) / 2) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.expert-content-text p {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 28px !important;
    color: #363F5A !important;
    margin-bottom: 25px; /* Spacing between paragraphs */
    letter-spacing: 0%;
    text-align: left;
}

/* Mobile Responsiveness */
@media screen and (max-width: 991px) {
    .info-details-section .split-content-wrapper {
        flex-direction: column-reverse; /* Text first on mobile for better SEO/UX */
    }
    .expert-content-text {
        width: 100%;
        max-width: 100%;
        text-align: center;
        padding: 0;
    }
    .expert-content-text p {
        text-align: center;
    }
    .logo-tips-visual .logo-tips-dynamic {
        width: 55.4%;
        height: 47.3%;
    }
    .logo-tips-visual .logo-tips-dynamic-1 {
        top: 4.3%;
        left: 5.7%;
    }
    .logo-tips-visual .logo-tips-dynamic-2 {
        top: 45.8%;
        left: 39.0%;
    }
}
/* Figma Implementation: Footer CTA */

.footer-cta-section {
    background-color: #26A5AA; /* Figma Teal */
    background-image: url('/images/background-texture.webp');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    padding: 20px 0px 50px 0px;
}



.footer-cta-title {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 35px !important;
    line-height: 48px !important;
    color: #FFFFFF !important;
    margin-bottom: 8px !important; /* Spacing from sub-heading */
    text-align: center;
}

.footer-cta-subtitle {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 20px !important;
    line-height: 27px !important;
    color: #FFFFFF !important;
    text-align: center;
}

/* Subline Spacing (Top 3731px - Input 3671px = 60px gap) */
.footer-subline-wrapper {
    margin-top: 30px;
}

.footer-tick-container {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 16px; /* Spacing between tick and text */
}

.footer-tick-container svg {
    width: 22px;
    height: 17px;
}

.footer-subline-text {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 25px !important;
    color: #FFFFFF !important;
}

/* Ensure the pill-shape input centers correctly */
.flex-center {
    display: flex;
    justify-content: center;
}

/* .footer-cta-section #input-home-frm-footer.hero-input-bar {
    width: 550px;
} */
/* Figma Implementation: Branding Package Section */

.branding-tools-section {
    padding: 0 0 36px 0;
    background-color: #FFFFFF;
}

.branding-tools-section .header-text-wrapper {
    margin-bottom: 62px;
}

.branding-tools-section .inspiration-title {
    margin: 0 auto 9px auto !important;
}

.branding-tools-section .inspiration-subtitle {
    margin: 0 auto !important;
}

.branding-tools-section .versatile-design-section > .container:first-child .split-content-wrapper {
    margin-top: 0 !important;
}

.branding-tools-section .versatile-design-section .split-content-wrapper {
    margin-top: 0 !important;
}

.branding-tools-section .versatile-design-section {
    display: flex;
    flex-direction: column;
    row-gap: 60px;
}

.branding-visual-side .visual-container-simple {
    border-radius: 20px;
    overflow: hidden;
    /* Optional: shadow to match previous sections */
    box-shadow: 0 10px 40px rgba(0,0,0,0.05); 
}

.first-layout-mockups {
    position: relative;
    max-width: 520px;
    min-height: 390px;
}

.first-layout-mockups .layout-mockup-primary {
    position: absolute;
    top: 6px;
    left: 48px;
    width: 410px;
    max-width: none;
    z-index: 1;
}

.first-layout-mockups .layout-mockup-primary-mobile,
.first-layout-mockups .layout-mockup-secondary-mobile {
    display: none;
}

.first-layout-mockups .layout-mockup-secondary {
    position: absolute;
    left: 12px;
    bottom: 18px;
    width: 250px;
    max-width: none;
    z-index: 3;
}

.first-layout-mockups .layout-mockup-logo {
    position: absolute;
    z-index: 2;
    object-fit: contain;
}

.first-layout-mockups .layout-mockup-logo-primary {
    top: 80px;
    left: 100px;
    width: 312px;
    height: 190px;
    z-index: 2;
}

.first-layout-mockups .layout-mockup-logo-secondary {
    left: 20px;
    bottom: 60px;
    width: 105px;
    height: 78px;
    z-index: 4;
}

.color-scheme-mockups {
    position: relative;
    max-width: 520px;
    min-height: 360px;
}

.color-scheme-mockups .color-scheme-mockup-primary {
    position: absolute;
    top: 6px;
    right: 24px;
    width: 380px;
    max-width: none;
    z-index: 1;
}

.color-scheme-mockups .color-scheme-mockup-secondary {
    position: absolute;
    right: -10px;
    bottom: 8px;
    width: 260px;
    max-width: none;
    z-index: 3;
}

.color-scheme-mockups .color-scheme-mockup-logo {
    position: absolute;
    object-fit: contain;
}

.color-scheme-mockups .color-scheme-mockup-logo-primary {
    top: 60px;
    right: 20px;
    width: 400px;
    height: 200px;
    z-index: 2;
}


/* Ensure vertical centering on desktop and stacking on mobile */
@media screen and (max-width: 991px) {
    .branding-tools-section .split-content-wrapper {
        flex-direction: column;
        text-align: center;
    }
    .branding-text-side {
        margin-bottom: 40px;
    }
    .branding-text-side .content-placeholder {
        max-width: 100%;
    }
    .first-layout-mockups {
        min-height: 320px;
        margin: 0 auto;
    }
    .first-layout-mockups .layout-mockup-primary {
        left: 50%;
        transform: translateX(-40%);
        width: 340px;
    }
    .first-layout-mockups .layout-mockup-secondary {
        left: 50%;
        transform: translateX(-110%);
        width: 170px;
        bottom: 10px;
    }
    .first-layout-mockups .layout-mockup-logo-primary {
        top: 84px;
        left: 50%;
        transform: translateX(-41%);
        width: 112px;
        height: 112px;
    }
    .first-layout-mockups .layout-mockup-logo-secondary {
        left: 50%;
        transform: translateX(-122%);
        bottom: 30px;
        width: 88px;
        height: 64px;
    }
    .color-scheme-mockups {
        min-height: 300px;
        margin: 0 auto;
    }
    .color-scheme-mockups .color-scheme-mockup-primary {
        right: 50%;
        transform: translateX(55%);
        width: 330px;
    }
    .color-scheme-mockups .color-scheme-mockup-secondary {
        right: 50%;
        transform: translateX(88%);
        bottom: 4px;
        width: 225px;
    }
    .color-scheme-mockups .color-scheme-mockup-logo-primary {
        right: 50%;
        transform: translateX(58%);
        top: 66px;
        width: 165px;
        height: 114px;
    }
}
/* Figma Implementation: Versatile Design Section */

.versatile-design-section {
    /* padding: 80px 0; */
    background-color: #FFFFFF;
}

.design-content-wrapper {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
}

.design-content-title {
    width: 100%;
    height: 41px;
    margin: 0 0 28px 0; /* Creates the 69px vertical offset from paragraph top */
    
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 30px !important;
    line-height: 41px !important; /* 100% leading */
    color: #363F5A !important;
    letter-spacing: 0%;
}

.branding-tools-section .design-content-title {
    margin-bottom: 29px;
}

.design-content-description p {
    width: 100%;
    margin-bottom: 20px;
    
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 28px !important;
    color: #363F5A !important;
    letter-spacing: 0%;
}

/* Responsive Mobile Handling */
@media screen and (max-width: 991px) {
    .versatile-design-section .split-content-wrapper {
        flex-direction: column;
    }
    .design-content-wrapper, 
    .design-content-title, 
    .design-content-description p {
        width: 100% !important;
        max-width: 100%;
        text-align: center;
    }
    .split-visual {
        margin-bottom: 40px;
    }
}
/* Figma Implementation: Testimonials Section */

.testimonials-section {
    padding: 62px 0px 75px 0px;
    background-color: #FFFFFF;
}

/* When Key elements section is present it supplies the gap above (its own
   padding-bottom), so keep testimonials flush. On fallback pages KE is hidden,
   so the base padding-top above provides the missing top spacing. */
.branding-tools-section + .testimonials-section {
    padding-top: 0px;
}

/* .testimonials-section .header-text-wrapper {
    margin-bottom: 80px;
} */

.testimonials-section .inspiration-title {
    margin-bottom: 30px !important;
}

.testimonials-wrapper {
    /* margin-top: 60px; */
    display: flex;
    gap: 30px;
    margin-bottom: 56px;
}

.testimonials-slider {
    overflow: visible;
    position: relative;
}

.testimonials-slider .testimonials-motion-viewport {
    position: relative;
    overflow: hidden;
    padding: 10px 0 14px;
    box-sizing: border-box;
    min-height: 361px;
}

.testimonials-slider .testimonials-wrapper {
    position: relative;
    max-width: 100%;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    justify-content: flex-start;
}

/* Bootstrap .row adds negative margins; neutralize for animation viewport */
.testimonials-slider .testimonials-wrapper.row {
    margin-left: 0;
    margin-right: 0;
}

.testimonials-track {
    display: flex;
    transition: transform 0.6s ease;
    will-change: transform;
}

.testimonials-slide {
    min-width: 50%;
    padding: 0 15px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
}

.testimonial-card {
    position: relative;
    width: 580px;
    height: 341px;
    background: #F7F9FC; /* Figma Background */
    border-radius: 20px;
    padding: 40px;
    text-align: center;
    box-shadow: 0px 3px 15px 0px rgba(62, 80, 89, 0.1); /* #3E50591A shadow */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.quote-icon {
    position: absolute;
    top: 28px;
    left: 28px;
    opacity: 1;
}

.testimonial-title {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    line-height: 27px !important;
    color: #363F5A !important;
    margin-bottom: 23px;
}

.testimonial-comment {
    width: 476px;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 27px !important;
    color: #363F5A !important;
    margin-bottom: 36px;
}

.testimonial-author {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 700 !important; /* Bold for name */
    font-size: 16px !important;
    line-height: 27px !important;
    color: #363F5A !important;
    margin-bottom: 9px;
}

.testimonial-stars {
    width: 132px;
    height: 19px;
}

/* Mobile Responsiveness */
@media screen and (max-width: 1200px) {
    .testimonial-card {
        width: 100%;
        height: auto;
        padding: 60px 20px 40px 20px;
    }
    .testimonial-comment {
        width: 100%;
    }
}
/* Figma Implementation: Testimonial Pagination */

.testimonial-navigation {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    gap: 12px; /* Gap between dots to reach 24px center-to-center spacing */
}

.dot {
    width: 12px;
    height: 12px;
    background-color: #363F5A; /* Figma Non-selected color */
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
    transition: background-color 0.3s ease;
    opacity: 1;
}

.dot.active {
    background-color: #26A5AA; /* Figma Selected color */
}

.dot:hover {
    background-color: #26A5AA;
    opacity: 0.7;
}
/* Figma Implementation: FAQ Accordion */

.faq-section {
    padding: 62px 0px 80px 0px;
    background-color: #F7F9FC;
}

.faq-section .header-text-wrapper {
    margin-bottom: 70px;
}

.faq-section .inspiration-title {
    margin-bottom: 0 !important;
}

.industry-grid-section .header-text-wrapper {
    margin-bottom: 0;
}

.industry-grid-section .inspiration-title {
    margin-bottom: 36px !important;
}

.accordion-item {
    width: 1000px;
    max-width: 100%;
    background: #FFFFFF;
    border: 1px solid #DFE5EE;
    border-radius: 12px;
    margin-bottom: 16px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.faq-section .accordion-item:last-child {
    margin-bottom: 0;
}

.accordion-header {
    width: 100%;
    min-height: 67px;
    padding: 20px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

button.accordion-header {
    border: none;
    background: transparent;
    text-align: left;
    font: inherit;
    color: inherit;
    appearance: none;
    -webkit-appearance: none;
    box-sizing: border-box;
}

.accordion-question {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    line-height: 100% !important;
    color: #363F5A !important;
}

.accordion-icon {
    transition: transform 0.3s ease;
    display: flex;
    align-items: center;
}

/* Accordion Open State Logic */
.accordion-content {
    max-height: 0;
    padding: 0 24px;
    transition: all 0.3s ease;
    opacity: 0;
}

.accordion-item.active .accordion-content {
    max-height: 200px; /* Adjust based on content length */
    padding-bottom: 24px;
    opacity: 1;
}

.accordion-item.active .accordion-content p {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 26px;
    color: #3E5059;
    margin: 0;
}

/* Rotate Plus to Minus/Cross effect */
.accordion-item.active .accordion-icon {
    transform: rotate(45deg);
}

/* Mobile Responsiveness */
@media screen and (max-width: 1024px) {
    .accordion-item {
        width: 95%;
    }
    .accordion-question {
        font-size: 18px !important;
    }
}
/* Figma Implementation: Industry Grid Section */

.industry-grid-section {
    padding: 60px 0px 60px 0px;
    background-color: #FFFFFF;
}

/* Breadcrumb bar: thin white strip above the hero. The site header is position:fixed;top:0,
   so the breadcrumb (first body element) needs top clearance or it hides behind the header
   and peeks out on scroll. Match the hero's header clearance (60px desktop / 75px mobile). */
.industry-breadcrumb {
    background-color: #FFFFFF;
    margin-top: 60px;
    padding: 14px 0;
    border-bottom: 1px solid #E2E3EF;
}

.industry-breadcrumb-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 1.4;
}

.industry-breadcrumb-item {
    display: inline-flex;
    align-items: center;
    color: #6B7280;
}

.industry-breadcrumb-item + .industry-breadcrumb-item::before {
    content: "/";
    margin: 0 8px;
    color: #B7BCC8;
}

.industry-breadcrumb-item a {
    color: #363F5A;
    text-decoration: none;
}

.industry-breadcrumb-item a:hover {
    color: #26A5AA;
    text-decoration: underline;
}

.industry-breadcrumb-item [aria-current="page"] {
    color: #6B7280;
}

/* Desktop: 5-column grid of plain text links, held inside the 1200px content width.
   5 cols + 4×28px gaps inside 1200px → each column ≈217.6px (Figma layout, fitted to 1200). */
.industry-link-grid {
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    column-gap: 28px;
    row-gap: 24px;
    align-items: start;
}

.industry-grid-item {
    display: block;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400;
    font-size: 16px;
    color: #363F5A;
    /* padding: 8px 8px; */
    text-decoration: none;
    transition: color 0.2s ease;
    /* text-align: center; */
    line-height: 1.4;
    /* border: 1px solid #DFE5EB;
        border-radius: 4px; */
    word-break: break-word;
    overflow-wrap: anywhere;
}

.industry-grid-item:hover {
    color: #26A5AA;
    text-decoration: none;
}

/* Tablet: fewer columns, full width. */
@media screen and (max-width: 1240px) {
    .industry-link-grid {
        width: 100%;
        grid-template-columns: repeat(4, 1fr);
        padding: 0 20px;
    }
}

@media screen and (max-width: 1024px) {
    .industry-link-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Mobile: no dedicated Figma yet — keep the existing chip/pill look.
   Switch the grid back to a centered flex wrap and re-apply pill styling to the items
   (the desktop base above is plain text, so the pill must be restated here). */
@media screen and (max-width: 768px) {
    .industry-breadcrumb {
        margin-top: 75px;
    }
    .industry-link-grid {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        column-gap: 6px;
        row-gap: 6px;
        width: 100%;
        padding: 0;
    }
    .industry-grid-item {
        width: auto;
        min-width: 110px;
        min-height: 40px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 8px 8px;
        background: #FFFFFF;
        border: 1px solid #DFE5EB;
        border-radius: 4px;
        text-align: center;
        line-height: 1.2;
    }
    .industry-grid-item:hover {
        border-color: #26A5AA;
        color: #26A5AA;
        text-decoration: none;
        box-shadow: 0 2px 8px rgba(38, 165, 170, 0.1);
    }
}
/* Figma Implementation: Blog Section */

/* Container for the 3-column grid */

/* Button Positioning (Outside Columns) */

.btn-blog-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 130px;
    height: 42px;
    background-color: #26A5AA;
    border-radius: 24px;
    padding: 10px 20px;
    gap: 8px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.btn-blog-more span {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    color: #FFFFFF !important;
}

.btn-blog-more svg {
    width: 7px;
    height: 10px;
}

.btn-blog-more:hover {
    background-color: #363F5A;
    transform: translateY(-2px);
    text-decoration: none;
}

/* Mobile Responsiveness */
/* --- Split Footer CTA Styling --- */

.split-footer-cta {
    background-color: #26A5AA;
    background-image: url('/images/background-texture.webp');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    padding: 60px 0;
}

.split-flex-wrapper {
    display: flex;
    align-items: center;
    /* background-color: #26A5AA; The Teal Box */
    /* border-radius: 20px; */
    overflow: hidden;
    width: 1118px; 
    height: 325px; 
    margin: 0 auto;
}

.cta-left-image {
    width: 474px;
    height: 100%;
    flex-shrink: 0;
}

.cta-left-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Right Content: 553px wide */
.cta-right-content {
    /* width: 553px; */
    padding: 0 40px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cta-split-heading {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 700;
    font-size: 35px;
    line-height: 100%;
    color: #FFFFFF;
    margin-bottom: 15px;
}

.cta-split-subheading {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    color: #FFFFFF;
    margin-bottom: 25px;
}

/* Input Bar Section */

/* Force the placeholder text color to Teal */

.btn-generate-split {
    width: 220px;
    height: 54px;
    background-color: #FFA20C; /* Orange */
    border-radius: 40px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    cursor: pointer;
}

.btn-generate-split span {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #FFFFFF;
}

.cta-split-footer-note {
    display: flex;
    align-items: center;
    justify-content: center; /* Center horizontally in the right column */
    gap: 16px; /* Spacing between tick and text (1240px - 1202px - 22px) */
    margin-top: 26px; /* Gap from input bar to text (8265px - 8179px - 60px) */
    width: 100%;
}

.cta-split-footer-note svg {
    width: 22px;
    height: 17px;
    flex-shrink: 0;
}

.cta-split-footer-note span {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    color: #FFFFFF;
    white-space: nowrap;
}

/* Mobile Adjustments */
@media screen and (max-width: 768px) {
    .cta-split-footer-note {
        flex-direction: row;
        font-size: 14px;
    }
}

/* Page-specific overrides migrated from index-2024-industry.php */
html{height:100%;overscroll-behavior:none}
body{height:100%;overscroll-behavior:none}
.arrow-hover-responsive{
    display:none;
}
.input-home{
    width:380px;
}
.box-shadow-go{
    width:550px;
}
.headline.first-line{
    padding-top: 61px !important;
    padding-bottom: 75px !important;
}

@media screen and (max-width:768px){
    .js-company-name-form{
        display:block;
    }
    .box-shadow-go{
        display:none;
    }
    .arrow-hover{
        display:none;
    }

    .arrow-hover-responsive{
        display:inline-block !important;
    }
    .input-btn-go{
        width:100%  !important;
        padding-left:10px;
        padding-right:10px;
        overflow:hidden;
        vertical-align:top;
    }

    .button-go{
        margin-top:30px;
        margin-bottom: 30px;
    }

    .input-home {
        width:80% !important;
        vertical-align:top;
        background:none !important;
        background-color:#fff !important;
        padding-left:20px;
        font-size:18px;
    }

    .headline.first-line{
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }
}

.star-animation {
    display: inline-block;
    overflow: visible;
    width: 28px;
    height: 30px;
}

.star-animation .star-1,
.star-animation .star-2,
.star-animation .star-3 {
    opacity: 1;
    transform: scale(1);
}

.btn-get-started:hover .star-animation .star-1,
.btn-generate-split:hover .star-animation .star-1 {
    animation: starScaleSequence 0.6s ease-in-out;
    animation-delay: 0s;
}

.btn-get-started:hover .star-animation .star-2,
.btn-generate-split:hover .star-animation .star-2 {
    animation: starScaleSequence 0.6s ease-in-out;
    animation-delay: 0.2s;
}

.btn-get-started:hover .star-animation .star-3,
.btn-generate-split:hover .star-animation .star-3 {
    animation: starScaleSequence 0.6s ease-in-out;
    animation-delay: 0.4s;
}

@keyframes starScaleSequence {
    0% { transform: scale(1); }
    25% { transform: scale(1.25); }
    100% { transform: scale(1); }
}

.star-animation .star-3 { transform-origin: center; }
.star-animation .star-2 { transform-origin: center; }
.star-animation .star-1 { transform-origin: top; }

.btn-blog-more .arrow-icon {
    transition: transform 0.3s ease;
}

.btn-blog-more {
    display: inline-flex;
    height: 42px;
    padding: 18px 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    border-radius: 24px;
    background: #26A5AA;
    color: #fff;
    border: none;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.3s ease;
    font-family: 'Open Sans', sans-serif;
}

.btn-blog-more span {
    color: #fff;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
}

.btn-blog-more:hover .arrow-icon {
    transform: translateX(2.5px) !important;
}

.btn-blog-more:hover {
    background-color: #26A5AA;
    text-decoration: none;
}

/* Legacy centered flex variant — superseded by the grid layout above, kept commented for reference.
.industry-link-grid.industry-link-grid-centered {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
}
*/

.hero-static-placeholder {
    position: relative;
    top: 0 !important;
    left: 0 !important;
    margin: 0 auto;
}

.headline.first-line .main-block-header-left {
    margin-top: 0 !important;
    height: auto !important;
    min-height: 0 !important;
}

.headline.first-line .main-title-klasic {
    height: auto !important;
    margin-top: 0 !important;
}

.headline.first-line .sub-title-klasic {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    white-space: normal !important;
    word-break: break-word;
}

.headline.first-line > .container.no-padding {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 80px;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.headline.first-line > .container.no-padding > .col-md-6.no-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.info-split-section > .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.info-split-section .split-content-wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    justify-content: center !important;
    column-gap: 80px !important;
}

.info-split-section .split-content-wrapper > .col-md-6 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.info-details-section > .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.info-details-section .split-content-wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    column-gap: 100px !important;
}

.info-details-section .split-content-wrapper > .col-md-6 {
    flex: 0 0 calc((100% - 100px) / 2);
    max-width: calc((100% - 100px) / 2);
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.branding-tools-section > .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.branding-tools-section .versatile-design-section > .container {
    width: 100% !important;
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box;
}

.branding-tools-section .split-content-wrapper {
    width: 100% !important;
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    column-gap: 70px !important;
}

.branding-tools-section .split-content-wrapper > .col-md-6 {
    flex: 0 0 calc((100% - 80px) / 2);
    max-width: calc((100% - 80px) / 2);
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.testimonials-section > .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.testimonials-section > .container > .row {
    width: 100% !important;
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.testimonials-section > .container > .row > .col-md-12,
.testimonials-section > .container > .row > .col-md-6 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.testimonials-section .testimonials-wrapper {
    display: flex;
    justify-content: center;
    column-gap: 30px;
}

.testimonials-section .testimonials-wrapper > .col-md-6 {
    width: auto !important;
    /* flex: 0 0 auto !important; */
    max-width: none !important;
}

.headline.first-line > .container.no-padding > .col-md-6.no-padding.no-responsive {
    flex: 0 0 425px !important;
    width: 425px !important;
    max-width: 425px !important;
    display: flex;
    justify-content: center;
}

.headline.first-line > .container.no-padding > .col-md-6.no-padding:not(.no-responsive) {
    flex: 0 0 705px !important;
    width: 705px !important;
    max-width: 705px !important;
}

.headline.first-line .hero-static-placeholder {
    width: 425px;
    height: 345px;
    border-radius: 10px;
    box-shadow: 0 6px 16px rgba(62, 80, 89, 0.30);
}

.headline.first-line .main-block-header-left,
.headline.first-line .main-title-klasic,
.headline.first-line .sub-title-klasic {
    width: 705px !important;
    max-width: 705px !important;
}

.hero-slide-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
}

.hero-slide-img.active {
    opacity: 1;
}

/* =============================================================
   Industry Page — Mobile Responsive Styles
   Covers: 320px, 375px, 393px (Figma), 425px
   ============================================================= */

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

    /* ── Hero: hide slideshow column ──────────────────────────
       Desktop rule (line ~4555) applies display:flex with
       3-class specificity. Match it here to force display:none. */
    .headline.first-line > .container.no-padding > .col-md-6.no-padding.no-responsive {
        display: none !important;
    }

    /* style-2024.css hides .sub-title-klasic on mobile globally;
       restore it for the industry hero with higher specificity */
    .headline.first-line .sub-title-klasic {
        display: block !important;
        font-size: 20px !important;
        line-height: 30px !important;
        width: 100% !important;
        max-width: 100% !important;
        text-align: center !important;
    }

    .headline.first-line .sub-title-klasic.dynamic-keyword-content,
    .headline.first-line .sub-title-klasic.dynamic-keyword-content p {
        font-family: 'Open Sans', sans-serif !important;
        font-weight: 400 !important;
        font-style: normal !important;
        font-size: 20px !important;
        line-height: 30px !important;
        letter-spacing: 0 !important;
        text-align: center !important;
        color: #FFFFFF !important;
    }

    body.page-industry .headline.first-line {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    body.page-industry .headline.first-line .dynamic-keyword-content--desktop {
        display: none !important;
    }

    body.page-industry .headline.first-line .dynamic-keyword-content--mobile {
        display: block !important;
    }

    /* style-2024.css sets 50px !important; higher specificity wins */
    .headline.first-line .main-title-klasic {
        font-family: 'Open Sans', sans-serif !important;
        font-weight: 700 !important;
        font-style: normal !important;
        font-size: 30px !important;
        line-height: 42px !important;
        letter-spacing: 0 !important;
        text-align: center !important;
        color: #FFFFFF !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .headline.first-line .main-block-header-left {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Stack hero columns vertically; 25px matches homepage standard */
    .headline.first-line > .container.no-padding {
        flex-direction: column !important;
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    /* Text/form column full width */
    .headline.first-line > .container.no-padding > .col-md-6.no-padding:not(.no-responsive) {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* ── Industry mobile CTAs: split pills (hero, mid, footer) ───
       Same layout + input/button styling; scoped by form ID so
       nothing else on the page picks this up. */
    body.page-industry #company-name-form-industry-hero,
    body.page-industry #company-name-form-industry-mid,
    body.page-industry #company-name-form-industry-footer {
        background: transparent !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        border: none !important;
        padding: 0 !important;
        flex-direction: column !important;
        width: 100% !important;
        height: auto !important;
        gap: 12px !important;
        margin-top: 24px !important;
    }

    body.page-industry #company-name-form-industry-hero .input-wrapper,
    body.page-industry #company-name-form-industry-mid .input-wrapper,
    body.page-industry #company-name-form-industry-footer .input-wrapper {
        width: 100% !important;
        height: 60px !important;
        background: #FFFFFF !important;
        border-radius: 40px !important;
        box-shadow: 0 6px 16px rgba(62, 80, 89, 0.30) !important;
        padding-left: 20px !important;
        box-sizing: border-box !important;
        display: flex !important;
        align-items: center !important;
        margin-bottom: 17px;
    }

    /* Button: dark pill, white text + stars (Figma mobile) */
    body.page-industry #company-name-form-industry-hero .btn-get-started,
    body.page-industry #company-name-form-industry-mid .btn-get-started,
    body.page-industry #company-name-form-industry-footer .btn-get-started {
        width: 100% !important;
        margin-top: 0 !important;
        justify-content: center !important;
        background: #08090B !important;
        color: #FFFFFF !important;
    }

    body.page-industry #company-name-form-industry-hero .btn-get-started:hover,
    body.page-industry #company-name-form-industry-mid .btn-get-started:hover,
    body.page-industry #company-name-form-industry-footer .btn-get-started:hover {
        background: #08090B !important;
    }

    body.page-industry #company-name-form-industry-hero .btn-get-started span,
    body.page-industry #company-name-form-industry-mid .btn-get-started span,
    body.page-industry #company-name-form-industry-footer .btn-get-started span {
        color: #FFFFFF !important;
    }

    body.page-industry #company-name-form-industry-hero .btn-get-started .star-animation path,
    body.page-industry #company-name-form-industry-mid .btn-get-started .star-animation path,
    body.page-industry #company-name-form-industry-footer .btn-get-started .star-animation path {
        fill: #FFFFFF !important;
    }

    body.page-industry #company-name-form-industry-hero .input-home-new,
    body.page-industry #company-name-form-industry-hero .input-home-new::placeholder,
    body.page-industry #company-name-form-industry-mid .input-home-new,
    body.page-industry #company-name-form-industry-mid .input-home-new::placeholder,
    body.page-industry #company-name-form-industry-footer .input-home-new,
    body.page-industry #company-name-form-industry-footer .input-home-new::placeholder {
        color: #115A5C !important;
        opacity: 1 !important;
    }

    body.page-industry #company-name-form-industry-hero .input-home-new:-webkit-autofill,
    body.page-industry #company-name-form-industry-hero .input-home-new:-webkit-autofill:hover,
    body.page-industry #company-name-form-industry-hero .input-home-new:-webkit-autofill:focus,
    body.page-industry #company-name-form-industry-mid .input-home-new:-webkit-autofill,
    body.page-industry #company-name-form-industry-mid .input-home-new:-webkit-autofill:hover,
    body.page-industry #company-name-form-industry-mid .input-home-new:-webkit-autofill:focus,
    body.page-industry #company-name-form-industry-footer .input-home-new:-webkit-autofill,
    body.page-industry #company-name-form-industry-footer .input-home-new:-webkit-autofill:hover,
    body.page-industry #company-name-form-industry-footer .input-home-new:-webkit-autofill:focus {
        -webkit-text-fill-color: #115A5C !important;
    }

    /* ── Stats row: Trustpilot+stars on line 1, users on line 2 */
    .hero-stats-container {
        width: 100% !important;
        height: auto !important;
        display: grid !important;
        grid-template-columns: auto auto !important;
        justify-content: center !important;
        align-items: center !important;
        column-gap: 8px !important;
        gap: 8px !important;
        margin-top: 16px !important;
    }

    .hero-stats-container .stats-label {
        font-family: 'Open Sans', sans-serif !important;
        font-weight: 700 !important;
        font-style: normal !important;
        font-size: 18px !important;
        line-height: 100% !important;
        letter-spacing: 0 !important;
        color: #FFFFFF !important;
    }

    .hero-stats-container .stats-label:not(.stats-users) {
        grid-column: 1 !important;
        grid-row: 1 !important;
        display: inline-flex !important;
        align-items: center !important;
        white-space: nowrap !important;
    }

    .hero-stats-container .stats-stars {
        grid-column: 2 !important;
        grid-row: 1 !important;
        justify-self: start !important;
        display: inline-flex !important;
        align-items: center !important;
        min-height: 16px !important;
    }

    .hero-stats-container .stats-stars svg {
        display: block !important;
    }

    .hero-stats-container .stats-stars:empty::before {
        content: "★★★★★";
        color: #FFFFFF;
        font-family: 'Open Sans', sans-serif;
        font-weight: 700;
        font-size: 16px;
        line-height: 1;
        letter-spacing: 1px;
    }

    .hero-stats-container .stats-users {
        grid-column: 1 / span 2 !important;
        grid-row: 2 !important;
        width: 100% !important;
        white-space: nowrap !important;
        text-align: center !important;
    }

    /* ── Section headings ──────────────────────────────────── */

    .inspiration-title {
        font-size: 26px !important;
        line-height: 36px !important;
    }

    /* Ticket: remove all section subtitles on mobile only (hero description kept) */
    .inspiration-subtitle {
        display: none !important;
    }

    /* ── Logo grid: 2-col, max 6, Figma card + image dimensions  */

    /* Desktop rule at ~line 2758 zeroes out this container's padding
       with (0,2,0) !important. This rule appears later in the same
       file so it wins the cascade and restores the 25px margin. */
    .headline-inspiration > .container {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    .inspiration-section {
        padding-bottom: 50px !important;
    }

    .inspiration-section:not(.industry-assigned-icons) .logo-examples-grid .logo-exemple:nth-child(n + 7) {
        display: none !important;
    }

    .inspiration-section .logo-examples-grid {
        display: grid !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        justify-content: stretch !important;
        gap: 14px 13.43px !important;
    }

    .inspiration-section .logo-exemple {
        width: 100% !important;
        max-width: none !important;
        flex: none !important;
    }

    /* Card box: exact Figma dimensions */
    .inspiration-section .figma-logo-card {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: 134.29px !important;
        border-radius: 11.19px !important;
    }

    /* Image area: Figma padding derived from card/image offsets
       top: 23.5px, sides: ~17px, bottom: ~24px */
    .inspiration-section .figma-logo-card .figma-logo-thumb {
        padding: 23.5px 17px 24px 17px !important;
        box-sizing: border-box !important;
        width: 100% !important;
        height: 100% !important;
    }

    .inspiration-section .figma-logo-card img.responsive {
        max-width: 100% !important;
        max-height: 100% !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
    }

    /* ── Steps section: 25px margins + video above 3 steps ─── */

    .info-split-section {
        padding-left: 25px !important;
        padding-right: 25px !important;
        box-sizing: border-box;
    }

    /* column-reverse: split-visual (DOM 2nd) rises to top.
       Override 991px rule that sets text-align:center on all .split-content-wrapper */
    .info-split-section .split-content-wrapper {
        flex-direction: column-reverse !important;
        text-align: left !important;
    }

    .info-split-section .split-text,
    .info-split-section .split-visual {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box;
    }

    .info-split-section .step-heading,
    .info-split-section .step-description,
    .info-split-section .step-box {
        width: 100% !important;
        max-width: 100% !important;
        text-align: left !important;
    }

    /* .step-heading is display:flex; the 768px rule sets justify-content:center.
       Must override with flex-start to left-align the number + text. */
    body.page-industry .info-split-section .step-heading {
        justify-content: flex-start !important;
        line-height: 32px !important;
        height: auto !important;
        margin-bottom: 12px !important;
        align-items: flex-start !important;
    }

    body.page-industry .info-split-section .step-number {
        color: #363F5A !important;
    }

    body.page-industry .info-split-section .step-box {
        height: auto !important;
        min-height: 0 !important;
    }

    /* ── Design tips: 25px margins + visual above text ──────── */

    .info-details-section {
        padding-left: 25px !important;
        padding-right: 25px !important;
        box-sizing: border-box;
    }

    /* column: split-visual is DOM-1st so it stays on top */
    .info-details-section .split-content-wrapper {
        flex-direction: column !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .info-details-section .split-content-wrapper > .col-md-6 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    /* Desktop rule at line ~3294 uses :last-child → specificity (0,4,0) !important.
       Must match that specificity to win on mobile. */
    .info-details-section .split-content-wrapper > .col-md-6:last-child {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    /* 991px rule sets text-align:center; override to left on mobile */
    .expert-content-text,
    .expert-content-text p {
        text-align: left !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    /* Visual column: constrain logo-tips mockup to mobile width */
    .logo-tips-visual,
    .visual-container-simple {
        width: 100% !important;
        max-width: 100% !important;
    }

    .logo-tips-visual .logo-tips-mockup {
        width: 100% !important;
        max-width: 100% !important;
    }

    .logo-tips-visual .logo-tips-mockup-base-desktop {
        display: none !important;
    }

    .logo-tips-visual .logo-tips-mockup-base-mobile {
        display: block !important;
    }

    .logo-tips-visual .logo-tips-dynamic {
        width: 71.05% !important;
        height: auto !important;
        max-width: none !important;
    }

    .logo-tips-visual .logo-tips-dynamic-1 {
        display: none !important;
    }

    .logo-tips-visual .logo-tips-dynamic-2 {
        display: block !important;
        top: 20.84% !important;
        left: 9% !important;
    }

    /* ── Key elements: 25px margins + visual above text ──────── */

    .branding-tools-section {
        padding-left: 25px !important;
        padding-right: 25px !important;
        box-sizing: border-box;
    }

    .branding-tools-section .versatile-design-section {
        row-gap: 0 !important;
        gap: 0 !important;
    }

    .branding-tools-section .versatile-design-section > .container {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .branding-tools-section .versatile-design-section .split-content-wrapper {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        row-gap: 0 !important;
        gap: 0 !important;
    }

    /* Layout (1st) and Fonts (3rd): visual is DOM-1st → column keeps it on top */
    .branding-tools-section .split-content-wrapper {
        flex-direction: column !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Color Schemes (2nd container): text is DOM-1st →
       column-reverse puts the visual (DOM-2nd) on top */
    .branding-tools-section .versatile-design-section > .container:nth-child(2) .split-content-wrapper {
        flex-direction: column-reverse !important;
    }

    .branding-tools-section .split-content-wrapper > .col-md-6 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    /* Scale absolute-positioned mockup images for narrow mobile container.
       991px rule uses left:50% + translateX(%) centering — we keep that
       approach and only scale pixel widths down by ~0.69 (343px / 500px). */
    .first-layout-mockups {
        width: 100% !important;
        max-width: 100% !important;
        min-height: clamp(200px, 60vw, 280px) !important;
    }

    .first-layout-mockups .layout-mockup-primary {
        top: -6% !important;
        left: 14% !important;
        transform: none !important;
        width: 78% !important;
        max-width: 298px !important;
    }

    .first-layout-mockups .layout-mockup-secondary {
        left: 2% !important;
        top: 56% !important;
        transform: none !important;
        width: 46% !important;
        max-width: 180px !important;
    }

    .first-layout-mockups .layout-mockup-primary-desktop,
    .first-layout-mockups .layout-mockup-secondary-desktop {
        display: none !important;
    }

    .first-layout-mockups .layout-mockup-primary-mobile,
    .first-layout-mockups .layout-mockup-secondary-mobile {
        display: block !important;
    }

    .first-layout-mockups .layout-mockup-logo-primary {
        top: 12% !important;
        left: 23% !important;
        transform: none !important;
        width: 63% !important;
        max-width: 240px !important;
        height: auto !important;
    }

    .first-layout-mockups .layout-mockup-logo-secondary {
        left: 2% !important;
        top: 69% !important;
        transform: none !important;
        width: 26% !important;
        max-width: 96px !important;
        height: auto !important;
    }

    .color-scheme-mockups {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 245px !important;
    }

    .color-scheme-mockups .color-scheme-mockup-primary {
        right: auto !important;
        left: 8.53% !important;
        top: 0 !important;
        transform: none !important;
        width: 77.29% !important;
        max-width: 289.851px !important;
        height: auto !important;
    }

    .color-scheme-mockups .color-scheme-mockup-secondary {
        right: auto !important;
        left: 57.5% !important;
        top: 69% !important;
        bottom: auto !important;
        transform: none !important;
        width: 29.33% !important;
        /* max-width: 110px !important; */
        height: auto !important;
    }

    .color-scheme-mockups .color-scheme-mockup-logo-primary {
        right: auto !important;
        left: 17.77% !important;
        top: 17.35% !important;
        transform: none !important;
        width: 58.42% !important;
        max-width: 219.082px !important;
        height: auto !important;
    }

    body.page-industry .design-content-title,
    body.page-industry .design-content-description p {
        text-align: center !important;
    }

    body.page-industry .design-content-title {
        height: auto !important;
        line-height: 32px !important;
        margin-bottom: 16px !important;
    }

    body.page-industry .design-content-description {
        margin-top: 0 !important;
    }

    .branding-text-side {
        margin-bottom: 0 !important;
    }

    /* ── Mid CTA section ───────────────────────────────────── */

    .footer-cta-title {
        font-size: 26px !important;
        line-height: 36px !important;
    }

    .footer-cta-subtitle {
        font-size: 16px !important;
    }

    .footer-subline-wrapper {
        display: none !important;
    }

    /* ── Counter section: hidden on mobile ─────────────────── */

    .user-counter-section {
        display: none !important;
    }

    /* ── Testimonials: 25px margins; JS shows 1 card ─────────── */

    .testimonials-section {
        padding-left: 25px !important;
        padding-right: 25px !important;
        box-sizing: border-box;
    }

    .js-testimonial-slot-right {
        display: none !important;
    }

    .js-testimonial-slot-left {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box;
    }

    .testimonials-section .testimonials-wrapper {
        justify-content: flex-start !important;
        column-gap: 0 !important;
    }

    .testimonials-section .testimonials-wrapper > .col-md-6 {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .js-testimonial-slot-ghost {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    .testimonials-slider .testimonials-motion-viewport {
        overflow: visible !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    /* Desktop card has width:580px — overflows the slot and gets clipped */
    .testimonial-card {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        box-sizing: border-box !important;
    }

    .testimonial-comment {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .testimonials-section > .container > .row {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* ── FAQ: 25px margins ─────────────────────────────────── */

    .faq-section {
        padding-left: 25px !important;
        padding-right: 25px !important;
        box-sizing: border-box;
    }

    .accordion-item {
        width: 100% !important;
    }

    .faq-section > .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* ── Industry chips grid: 25px margins ─────────────────── */

    .industry-grid-section {
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box;
    }

    .industry-grid-section > .container {
        /* width: 300px !important; */
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .industry-link-grid {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: flex-start !important;
        column-gap: 6px !important;
        row-gap: 6px !important;
        width: 100% !important;
        padding: 0 !important;
    }

    .industry-grid-item {
        width: auto !important;
    }

    /* ── Footer CTA split: image hidden, form full-width ───── */

    .cta-left-image {
        display: none !important;
    }

    .split-flex-wrapper {
        flex-direction: column !important;
        width: 100% !important;
        height: auto !important;
        padding: 0 !important;
        box-sizing: border-box;
    }

    .cta-right-content {
        width: 100% !important;
        padding: 0 !important;
    }

    .split-footer-cta .hero-input-bar {
        width: 100% !important;
    }

    .cta-split-heading {
        font-size: 26px !important;
        line-height: 1.3 !important;
    }

    .cta-split-subheading {
        font-size: 16px !important;
    }

    .cta-split-footer-note {
        display: none !important;
    }
}

/* Extra-small phones (≤425px) */
@media screen and (max-width: 425px) {

    .accordion-question {
        font-size: 16px !important;
    }

    .first-layout-mockups {
        min-height: 240px !important;
    }

    .first-layout-mockups .layout-mockup-primary {
        top: -2% !important;
        left: 13% !important;
        width: 80% !important;
    }

    .first-layout-mockups .layout-mockup-secondary {
        left: 1% !important;
        top: 58% !important;
        width: 48% !important;
    }

    .first-layout-mockups .layout-mockup-logo-primary {
        top: 16% !important;
        left: 20% !important;
        width: 64% !important;
    }

    .first-layout-mockups .layout-mockup-logo-secondary {
        left: 1% !important;
        top: 70% !important;
        width: 22.5% !important;
    }

    .color-scheme-mockups {
        min-height: 232px !important;
    }

    .color-scheme-mockups .color-scheme-mockup-primary {
        left: 7.8% !important;
        width: 78.5% !important;
    }

    .color-scheme-mockups .color-scheme-mockup-logo-primary {
        left: 17.5% !important;
        top: 18.2% !important;
        width: 59% !important;
    }

    .color-scheme-mockups .color-scheme-mockup-secondary {
        left: 50% !important;
        top: 70.2% !important;
        width: 50% !important;
    }
}

/* Small phones (≤375px) */
@media screen and (max-width: 375px) {
    .first-layout-mockups {
        min-height: 225px !important;
    }

    .first-layout-mockups .layout-mockup-primary {
        left: 12.5% !important;
        width: 81% !important;
    }

    .first-layout-mockups .layout-mockup-secondary {
        left: 0.5% !important;
        top: 59% !important;
        width: 49% !important;
    }

    .first-layout-mockups .layout-mockup-logo-primary {
        left: 23% !important;
        width: 65% !important;
    }

    .first-layout-mockups .layout-mockup-logo-secondary {
        left: 1.5% !important;
        top: 71% !important;
        width: 28% !important;
    }

    .color-scheme-mockups {
        min-height: 220px !important;
    }

    .color-scheme-mockups .color-scheme-mockup-primary {
        left: 7% !important;
        width: 79% !important;
    }

    .color-scheme-mockups .color-scheme-mockup-logo-primary {
        left: 17% !important;
        top: 18.8% !important;
        width: 59.5% !important;
    }

    .color-scheme-mockups .color-scheme-mockup-secondary {
        left: 56.2% !important;
        top: 70.8% !important;
        width: 30.5% !important;
    }
}

/* Very small phones (≤320px) */
@media screen and (max-width: 320px) {
    .first-layout-mockups {
        min-height: 210px !important;
    }
}

/* Mobile testimonial scroll-snap track */
.js-testimonials-track-mobile {
    display: flex;
    overflow-x: scroll;
    overflow-y: visible;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    width: 100%;
    /* Keep horizontal padding off the track so JS scroll math stays exact. */
    padding: 12px 0 18px;
    box-sizing: border-box;
}

.js-testimonials-track-mobile::-webkit-scrollbar {
    display: none;
}

.js-testimonials-slide-mobile {
    flex: 0 0 100%;
    width: 100%;
    scroll-snap-align: start;
    /* Side gutters belong on each slide, not on the scroll track. */
    padding: 0 10px;
    box-sizing: border-box;
}

/* Industry hero: desktop shows full copy, mobile shows first paragraph only */
@media screen and (min-width: 769px) {
    body.page-industry .headline.first-line .dynamic-keyword-content--mobile {
        display: none !important;
    }
}

/* Industry page — mobile header (Figma comments 1–3) */
body.page-industry .industry-header-logo-svg {
    display: none;
}

@media screen and (max-width: 768px) {
    body.page-industry .headline.header .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body.page-industry .headline.header {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        z-index: 1000;
    }

    body.page-industry .header-blur {
        display: block;
        position: relative;
        margin-left: 0;
        margin-right: 0;
    }

    body.page-industry .logo-container-home {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-width: 0;
        width: 100%;
    }

    body.page-industry #navigation {
        position: static !important;
        left: auto !important;
        margin-left: 0 !important;
        top: auto !important;
        z-index: auto;
        flex: 0 0 auto;
        padding-left: 24px !important;
        width: auto !important;
        display: flex !important;
        align-items: center !important;
        align-self: stretch;
        height: 60px;
    }

    body.page-industry #navigation .logo.industry-header-logo {
        top: 0 !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
        width: 138px !important;
        height: 29px !important;
        background: none !important;
        text-indent: 0 !important;
        display: flex !important;
        align-items: center !important;
        overflow: visible;
    }

    body.page-industry .industry-header-logo-svg {
        display: block;
        width: 138px;
        height: 29px;
    }

    body.page-industry .cartouche-information-container {
        position: static !important;
        right: auto !important;
        display: flex !important;
        align-items: center;
        flex: 0 0 auto;
        padding-right: 65px !important;
        z-index: auto;
    }

    body.page-industry .cartouche-information,
    body.page-industry #btn-inscription-header,
    body.page-industry #btn-account-header,
    body.page-industry .cart-information {
        display: none !important;
    }

    body.page-industry #mobile-nav {
        position: absolute !important;
        top: 0 !important;
        right: 24px !important;
        left: auto !important;
        display: flex !important;
        align-items: center !important;
        width: 25px !important;
        height: 60px !important;
        padding-right: 0 !important;
        z-index: 1002;
    }

    body.page-industry .nav-lang.header-lang {
        float: none !important;
        margin: 0;
    }

    body.page-industry .slicknav_menu {
        background: transparent !important;
        padding: 0 !important;
    }

    body.page-industry .slicknav_btn {
        margin-top: 0 !important;
        height: 20px;
        padding: 0;
        float: none;
    }

    body.page-industry .slicknav_icon,
    body.page-industry .slicknav_menu .slicknav_icon {
        float: none !important;
        margin: 0 !important;
        width: 25px !important;
        height: 20px !important;
    }

    body.page-industry .slicknav_icon-bar,
    body.page-industry .slicknav_menu .slicknav_icon-bar {
        width: 25px !important;
        height: 3px !important;
        margin-top: 0 !important;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        border-radius: 0;
        background-color: #fff !important;
    }

    body.page-industry .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
        margin-top: 5px !important;
    }

    body.page-industry .slicknav_icon.slicknav_no-text {
        margin-left: 0 !important;
    }

    html body.page-industry .slicknav_nav,
    body.page-industry .slicknav_nav {
        position: fixed !important;
        top: 60px !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        margin-top: 0 !important;
        background: #000 !important;
        padding-bottom: 20px !important;
        z-index: 1001 !important;
        box-sizing: border-box;
    }

    body.page-industry .industry-mobile-auth-item a {
        font-weight: 600;
    }
}

/* Logo Design Articles grid (same as homepage helpful-resources-section) */
body.page-industry .helpful-resources-section {
    padding-top: 20px;
    padding-bottom: 80px;
    background-color: #ffffff;
}

@media screen and (min-width: 769px) {
    body.page-industry .helpful-resources-section .new-title-home.center {
        color: #363f5a;
        margin-top: 48px !important;
        margin-bottom: 34px !important;
    }
}

body.page-industry .helpful-resources-section .resources-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 70px;
    margin-bottom: 40px;
    margin-top: 62px;
}

body.page-industry .helpful-resources-section .resource-item {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: inherit;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

body.page-industry .helpful-resources-section .home-resource-card:hover {
    transform: translateY(-5px);
}

body.page-industry .helpful-resources-section .home-resource-card:hover .resource-image {
    box-shadow: 0 6px 25px rgba(62, 80, 89, 0.15);
}

body.page-industry .helpful-resources-section .resource-image {
    width: 100%;
    max-width: 356px;
    height: 216px;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 3px 15px rgba(62, 80, 89, 0.1);
    transition: box-shadow 0.3s ease;
}

body.page-industry .helpful-resources-section .resource-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    display: block;
}

body.page-industry .helpful-resources-section .resource-category {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    color: #26A5AA;
    margin-top: 22px;
}

body.page-industry .helpful-resources-section .resource-category + .resource-title {
    margin-top: 14px !important;
}

body.page-industry .helpful-resources-section .resource-title {
    color: #363f5a;
    font-family: "Open Sans", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.35;
    margin-top: 25px !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

body.page-industry .helpful-resources-section .industry-footer {
    text-align: center;
    margin-top: 40px;
    padding-bottom: 36px;
    display: block;
}

body.page-industry .helpful-resources-section .see-all-btn {
    display: inline-flex;
    height: 42px;
    padding: 18px 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    border-radius: 24px;
    background: #26a5aa;
    color: #ffffff;
    border: none;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: "Open Sans", sans-serif;
    text-decoration: none;
}

body.page-industry .helpful-resources-section .see-all-btn:hover {
    background-color: #26a5aa;
    color: #ffffff;
    text-decoration: none;
}

body.page-industry .helpful-resources-section .see-all-btn svg {
    width: 7px;
    height: 10px;
    flex-shrink: 0;
}

body.page-industry .helpful-resources-section .start-free-btn:hover .arrow-icon {
    transform: translateX(2.5px) !important;
}

@media screen and (max-width: 992px) {
    body.page-industry .helpful-resources-section .resources-grid {
        grid-template-columns: 1fr;
        gap: 40px;
        margin-top: 40px;
    }

    body.page-industry .helpful-resources-section .resource-image {
        max-width: 100%;
    }
}

@media screen and (max-width: 768px) {
    body.page-industry .helpful-resources-section {
        padding-top: 0;
        padding-bottom: 43px;
    }

    body.page-industry .helpful-resources-section .container {
        padding-left: 32px !important;
        padding-right: 32px !important;
    }

    body.page-industry .helpful-resources-section .new-title-home.center {
        font-size: 24px !important;
        width: 329px;
        max-width: 100%;
        min-height: 33px;
        line-height: 33px !important;
        margin: 0px auto 41px !important;
        text-align: center !important;
    }

    body.page-industry .helpful-resources-section .resources-grid {
        margin-top: 0;
        gap: 40px;
        justify-items: center;
    }

    body.page-industry .helpful-resources-section .resource-item {
        width: 329px;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    body.page-industry .helpful-resources-section .resource-image {
        width: 329px;
        max-width: 100%;
        height: 200px;
        border-radius: 12px;
        margin-left: auto;
        margin-right: auto;
    }

    body.page-industry .helpful-resources-section .resource-image img {
        border-radius: 12px !important;
    }

    body.page-industry .helpful-resources-section .resource-category {
        font-family: "Open Sans", sans-serif;
        font-weight: 700;
        font-size: 16px;
        color: #26A5AA;
        line-height: 100%;
        letter-spacing: 0;
        margin-top: 16px;
        text-align: left;
    }

    body.page-industry .helpful-resources-section .resource-category + .resource-title {
        margin-top: 10px !important;
    }

    body.page-industry .helpful-resources-section .resource-title {
        font-family: "Open Sans", sans-serif;
        font-weight: 700;
        font-size: 16px;
        line-height: 1.35;
        letter-spacing: 0;
        margin-top: 16px !important;
        text-align: left;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    body.page-industry .helpful-resources-section .industry-footer {
        text-align: center;
    }
}