/* Styles pour la navigation (initialement inline) */
body { opacity: 1 !important; }
html { margin: 0 !important; } /* Potentiellement redondant si reset/normalize.css utilisé */
.crosss { position: absolute; top: 0; right: 30px; margin: auto; bottom: 0; }
.topfix { display: none; }
/* Styles pour .headerTopjw retirés car liés à un élément non présent dans la structure simplifiée */
.aligncenter { align-items: center !important; }
ul.menuPds1 { position: absolute; background: #ffffff; -webkit-box-shadow: 0px 54px 50px rgb(67 67 68 / 7%); box-shadow: 0px 54px 50px rgb(67 67 68 / 7%); border-radius: 10px; display: none; margin: 0px; height: auto; left:0px; }
.Ashnoohead li.item-hasChildern .nameMenujwn.subsecan { color: #323B4B; padding: 15px 0px 5px; font-weight: 600; line-height: 1.55; font-size: 16px; }
ul.secMiSol { background: #fff; position: absolute; padding: 15px; -webkit-box-shadow: 0px 54px 50px rgb(67 67 68 / 7%); box-shadow: 0px 54px 50px rgb(67 67 68 / 7%); border-radius: 15px; left: -300px; display: none; margin: 0px; height: auto; }
.common_nav_top.Ashnoonav ul.secMiSol.therowSet { left: 0px; width: 660px; }
ul.secMiSol li a { line-height: 1.22222; font-weight: 500; color: #1D1D1B; display: block; border-bottom: 1px solid #FAFBFC; transition: 0.4s; font-size: 16px; padding: 15px 0px; }
.common_nav_top ul.secMiSol li a { font-size: 14px; padding: 12px 0px; } /* Spécificité plus faible, à vérifier si nécessaire */
ul.secMiSol.theBythes { width: 600px; }
ul.secMiSol.theBythes li { width: 50% !important; display: block; }
.common_nav_top.Ashnoonav ul.menuPds1.icMenuSol { width: 660px; left: 0px; }
ul.menuPds1.icMenuSol { width: 645px; left: -372px; } /* Moins spécifique, à vérifier */
.common_nav_top ul.menuPds1.icMenuSol li { width: 50%; }
.common_nav_top.Ashnoonav ul.secMiSol.oneByones { width: 260px; left:0px; }
ul.secMiSol.oneByones { width: 235px; left: -145px; } /* Moins spécifique */
ul.secMiSol.oneByones li { width: 100%; display: block; margin: 0px; }
ul.secMiSol.oneByones li a { padding: 15px 0px 15px 40px !important; position: relative; }
ul.secMiSol.oneByones li a:hover { border-bottom: 1px solid #46ae4d; }
.Ashnoohead li.item-hasChildern .nameMenujwn.subsecan:hover, ul.secMiSol li a:hover { color: #46ae4d; }
ul.menuPds1 li { padding: 0px 15px; display: block; max-width: 100%; width: 320px; position: relative; } /* Width combinée */
.common_nav_top ul.menuPds1 li a { text-align: left; color: #323B4B; font-size: 16px; font-weight: 600; transition: 0.4s; display: block; padding: 15px 15px 15px 40px; border-bottom: 2px solid #fafbfc; line-height: 1.35; }
.common_nav_top ul.menuPds1 li a span { display: block !important; margin: 0px !important; padding: 2px 0 0px !important; font-size: 12px !important; line-height: 1.22222; font-weight: 400; color: #1D1D1B; } /* Span styles combinés */
.common_nav_top.Ashnoonav ul.menuPds1 li a span { font-size: 14px; margin-left: 10px; position: relative; padding-left: 10px; }
.common_nav_top ul.menuPds1 li a:hover { color:#46ae4d; border-color:#46ae4d; border-radius:6px; }
ul.menuPds1 li ul.menuPdsprt2 { position: relative; background: #ffffff; top: 0px; padding: 0px; z-index: 99999; margin: 0px; display: flex; flex-wrap: wrap; align-items: center; border-bottom: 2px solid #FAFBFC; }
.Ashnoohead .menuPds1 .nameMenujwn:before { display:none; }
.common_nav_top.Ashnoonav ul.menuPds1 li ul.menuPdsprt2 { right: auto; }
ul.menuPds1 li ul.menuPdsprt2 li { padding: 15px; width: 50% !important; }
ul.menuPds1 li ul.menuPdsprt2 li a { display: block; color: #323b4b; font-size: 16px; line-height: 1.2345; transition: 0.4s; font-weight: 600; position: relative; padding: 0px 0px 0px 30px; border-bottom: 0px !important; }
ul.menuPds1 li ul.menuPdsprt2 li a:hover { color: #46ae4d; }
ul.menuPds1 li ul.menuPdsprt2 li a span { font-size: 14px !important; padding: 0px !important; margin: 10px 0px 0px -30px !important; border-left: none !important; display: block !important; }
ul.menuPds1 li a:before, ul.menuPds1.icMenuSol li a:before, ul.secMiSol.oneByones li a:before { background: url(../images/HeaderJW_imgs.png) no-repeat; background-size: 30px; }
a.AshnooIcon:before {background-position-y: -66px !important;}
/* ... autres styles d'icônes ... */
a.bulbulIconBg:before {background-position-y: -174px !important;}
img.burgerset { display: inline-block; position: absolute; z-index: 9; top: 0px; bottom: 0px; margin: auto; left: 15px; width: 40px; display:none; }
.Ashnoohead li.item-hasChildern .nameMenujwn.subsecan:hover:before {transform: rotate(-90deg);}
li.item-hasChildern:hover .menuMainSub {display: flex;}
li.item-hasChildern:hover .menuMainSub2 {display:block;}

@media(max-width:991px) {
    ul.secMiSol.oneByones, ul.menuPds1.icMenuSol, .common_nav_top.Ashnoonav ul.menuPds1.icMenuSol,
    .common_nav_top.Ashnoonav ul.secMiSol.therowSet, .common_nav_top.Ashnoonav ul.secMiSol.oneByones,
    ul.secMiSol.theBythes { width: 100%; left:0px; }
    ul.menuPds1 { position: relative; border-radius: 8px; margin: 0px 0px 15px; background: #ffffff; -webkit-box-shadow: 0px 54px 50px rgb(67 67 68 / 7%); box-shadow: 0px 54px 50px rgb(67 67 68 / 7%); height: 120px; overflow-y: scroll; }
    .common_nav_top ul.menuPds1 li a { padding: 10px 15px 10px 40px; }
    /* Icon positions for mobile */
    a.AshnooIcon:before{background-position-y: -70px !important;} a.tookanIconBg:before{background-position-y: -555px !important;} a.pantherIconBg:before{background-position-y: -344px !important;} a.hippoIconBg:before{background-position-y: -486px !important;}
    .common_nav_top.Ashnoonav ul.menuPds1 li ul.menuPdsprt2 { right: 0px; }
    ul.menuPds1 li ul.menuPdsprt2 li a { font-size: 16px; }
    ul.menuPds1 li { padding: 0px; display: block; width: 100% !important; }
    img.burgerset { left: 15px; width: 30px; }
    .Ashnoohead li.item-hasChildern .nameMenujwn.subsecan { padding: 15px 20px 20px 40px; font-size: 16px; }
    ul.menuPds1 li a span { font-size: 14px; }
    ul.menuPds1 li ul.menuPdsprt2 { right: 0px; position: relative; display: block; box-shadow: none; border-radius: 0px; padding: 0px; border-bottom:0px !important; }
    ul.menuPds1 li ul.menuPdsprt2 li { padding: 10px 15px; width: 100% !important; }
    ul.secMiSol { position: relative; border-radius: 8px; }
    ul.secMiSol.theBythes { height: 218px; overflow-y: scroll; }
    ul.secMiSol li a { font-size: 14px; }
    ul.secMiSol.oneByones li, ul.secMiSol.theBythes li { width: 100%; margin: 0px; }
    .cntJw a { margin: 5px 5px 5px 0px; }
    li.item-hasChildern ul.menuPds1, li.item-hasChildern:hover .menuMainSub2, li.item-hasChildern:hover .menuMainSub, .Ashnoohead li.item-hasChildern .nameMenujwn.subsecan, img.burgerset {display:none;}
    li.item-hasChildern.mobshowmen ul.menuPds1, li.item-hasChildern.mobshowmen .menuMainSub2, li.item-hasChildern.mobshowmen .menuMainSub {display:block;}
}
.common_nav_top.Ashnoonav .Ashnoohead.headJwfixed, .common_nav_top.Ashnoonav .Ashnoohead {position:fixed;background: #fff;top:15px !important;}
.common_nav_top .Ashnoohead, .common_nav_top .Ashnoohead.headJwfixed {position: relative; /* background: #46ae4d; */ } /* Original background-color commentée, Ashnoohead a déjà un fond blanc fixe */
.fix_nav_top.top_nav_fixed{position: fixed;top: 15px !important;left: 0px;right: 0px;margin: auto;z-index: 99999;background: #fff;box-shadow: 0px 0px 22px 1px rgb(205 205 205 / 62%);}

li { list-style-type: none; }
ul, ol { padding: 0px; }
.logosIstVals a img { width: 130px; }
.common_nav_top.Ashnoonav .Ashnoohead ul.mainMenuJw li.logoJw { width: 130px; }
.common_nav_top.Ashnoonav .Ashnoohead ul.mainMenuJw li.logoJw .logosIstVals a:nth-child(1) { display: block; }
.common_nav_top.Ashnoonav .Ashnoohead ul.mainMenuJw li.logoJw .logosIstVals a:nth-child(2) { display: none; }
.nonne { display: none !important; }
.common_nav_top.Ashnoonav .Ashnoohead ul.mainMenuJw li.Ashnoolist { width: calc(100% - 520px); padding: 0px 0px 0px 5px; } /* Ajusté pour une seule langue */
.common_nav_top.Ashnoonav .Ashnoohead .cntJw { display: block; text-align: right; }
.Ashnoohead li.item-hasChildern { position: relative; display: inline-block; margin: 0px 5px; }
.Ashnoohead li.item-hasChildern .nameMenujwn { padding: 19px 15px 19px 15px; } /* Padding ajusté pour le .drpdwnarw */
.Ashnoohead li.itemOnly a, .Ashnoohead li.item-hasChildern .nameMenujwn { cursor: pointer; font-size: 18px; font-weight: 600; line-height: 2.43; color: #1D1D1B; position: relative; padding: 15px 3px; transition: 0.4s; display: block; }
.Ashnoohead { transition: 0.4s; position: fixed; left: 0px; right: 0px; margin: auto; z-index: 99; width: 100%; top: 0px !important; }
a,a:hover{ color:unset; text-decoration:none; }
.Ashnoohead .mainMenuJw{ justify-content: space-between; margin: 0px; display:flex; }
.togglejwM{ display: none; }
@keyframes shake { 0% { opacity: 0; -webkit-transform: translate3d(0, 80%, 0) !important; transform: translate3d(0, 80%, 0) !important; } 100% { opacity: 1; -webkit-transform: none; transform: none; } }
.drpdwnarw{ position: relative; font-weight:600; padding-right: 20px; /* Espace pour la flèche */ }
.drpdwnarw:before { content: ""; position: absolute; background-image: url(../images/chevron-down.svg); width: 12px; height: 7px; background-position: center; background-size: contain; right: 0px; top: 50%; transform: translateY(-50%); }

@media (max-width: 1240px){
    .Ashnoohead li.itemOnly a, .Ashnoohead li.item-hasChildern .nameMenujwn{ font-size:13px; }
    a.btn_nrml,.btn{ font-size:12px; }
    .common_nav_top.Ashnoonav .Ashnoohead ul.mainMenuJw li.Ashnoolist{ width: calc(100% - 460px); } /* Ajusté */
}
@media (max-width: 991px){
    .common_nav_top.Ashnoonav .Ashnoohead ul.mainMenuJw li.Ashnoolist { width: 100% !important; padding: 0px; display: none; }
    ul.insideAshnoolist.showOptionBs { display: block !important; border-top: 1px solid #eee; padding: 10px 0px 0px; }
    li.cntJw.mainlists:not(:has(ul.insideAshnoolist)).showOptionBs { display:block !important; text-align: left; }
    .Ashnoohead ul.insideAshnoolist { border-top: 1px solid #eee; padding: 10px 0px 0px; }
    .Ashnoohead li.item-hasChildern, .Ashnoohead li.itemOnly { width: 100%; }
    .Ashnoohead li.itemOnly a, .Ashnoohead li.item-hasChildern .nameMenujwn { display: block; padding: 10px 15px !important; font-size: 16px; }
    li.togglejwM span.half_brdr{ width: 17px; margin: 0 8px; }
    a.btn_nrml.brr{ margin:0px 15px 0 0; }
    .cntJw .btn_nrml,.cntJw .btn{ max-width: 180px; padding: 8px 10px; }
    .cntJw, .common_nav_top.Ashnoonav .Ashnoohead .cntJw { width: 100%; display: none; text-align: left; }
    .cntJw.showOptionBs { display: block !important; }
    .cntJw a { margin: 5px 5px 5px 0px; }
    .cntJw a, .cntJw button { margin-left: 0px; margin-right: 5px; }
    .common_nav_top.Ashnoonav li.togglejwM { margin-top: 8px; }
    li.togglejwM { width: 40px; position: absolute; top: 0px; right: 0px; transition: 0.4s; cursor:pointer; }
    li.togglejwM span { width: 25px; height: 2px; display: block; margin: 5px 0px; transition: 0.4s; background: #46ae4d; } /* Background color pour les spans du burger */
    .togglejwM { display: block !important; }
    li.item-hasChildern ul.menuPds1, li.item-hasChildern:hover .menuMainSub2, li.item-hasChildern:hover .menuMainSub, .Ashnoohead li.item-hasChildern .nameMenujwn.subsecan, img.burgerset {display: none;}
    ul.menuPds1 { position: relative; left: 0px; border-radius: 8px; margin: 0px 0px 15px; background: #ffffff; -webkit-box-shadow: 0px 54px 50px rgb(67 67 68 / 7%); box-shadow: 0px 54px 50px rgb(67 67 68 / 7%); height:auto; overflow-y: scroll; }
    .common_nav_top.Ashnoonav .Ashnoohead, .common_nav_top.Ashnoonav .Ashnoohead.headJwfixed { padding: 10px 0px 0px; }
    .Ashnoohead ul.mainMenuJw { position: relative; z-index: 9999999; width: calc(100% - 30px); margin: 0px 15px; background: #fff; display: block; }
    .logosIstVals a img{ width:105px; height: 40px; }
    .togglejwM svg{ display: block !important; padding: 5px 0px 10px 0; }
}
@media (max-width: 767px){
    .crosss { top: 11px; right: 6px; margin: auto; bottom:unset; }
    .Ashnoohead .container { width: 100% !important; }
    li.item-hasChildern:hover .menuPds1 { animation: none !important; }
}
@media(max-width:420px){
    ul.menuPds1.menuMainSub2.intSubMenu, ul.menuPds1.menuMainSub2.resSubMenu { height: 300px; overflow-y: scroll; }
}

/* Styles liés à la localisation retirés car langue unique (Anglais) */
/* .laoctionsetting.AshnooNA.AshnooBS .Ashnoo_ltn, ... etc. */
/* .laoctionsetting.AshnooAE ... direction: rtl ; ... etc. */

.ar_trial_btn{display: none!important;}
a.AshnooIcon.default .newBadgeGrn, a.AshnooIcon .newBadgeGrn { /* Simplifié pour .newBadgeGrn */
    font-style: normal; background: #46ae4d; display: inline-block !important; width: 40px; height: 18px;
    border-radius: 4px; font-size: 12px !important; line-height: 18px; margin-left: 2px !important; text-align: center;
}
@media(max-width:500px){
    .menuPds1.menuMainSub2.feature-submenu-item,
    .menuPds1.menuMainSub2.solutions-submenu-item,
    .menuPds1.menuMainSub2.intSubMenu.integrations-submenu-item,
    .menuPds1.menuMainSub2.resSubMenu { /* resSubMenu ajouté ici */
        height: 300px; overflow-y: scroll;
    }
}

/* Styles pour la mise en page principale de la Landing Page */
img { max-width: 100%; }
section{ padding-bottom: 60px; padding-top: 60px; }
.winning-content.row { margin-bottom: 3rem; align-items: center; }
h1.h1{font-size: 50px; font-weight: 700; line-height: 60px;}
h2.h2{font-size: 36px; font-weight: 600; line-height: 42px;}
h3.h3{font-size: 28px; font-weight: 600; line-height: 40px;}
h4.h4{font-size: 20px; font-weight: 500; line-height: 25px;}
h5.h5{font-size: 14px; font-weight: 500; line-height: 20px;}
p{font-size: 18px; font-weight:400;}
#Ashnooclients { padding: 10px 0; }
#ssm-slider-wrap { background: #E3F5FF; padding-top: 2rem; padding-bottom: 40px; }
#Ashnoo-for-sales-slider p { padding-bottom: 2rem; }
#winning h3 { font-weight: 600; }
#ssm-slider-wrap .owl-carousel .owl-item img { height: 40px !important; object-fit: contain; width: 150px; }
#ssm-banner .shoutout.engg::before { background-image: url(../images/shout-whatsapp.svg)!important; }
#ssm-banner .use-case-cta { width: 200px; border: 3px solid #1d1d1d; height: 41px; display: inline-block; vertical-align: top; text-align: center; line-height: 34px; font-size: 16px; font-weight: 600; border-radius: 12px; margin-left: 9px; position: relative; top: -3px; }
#ssm-banner .btn.brdr.green { width: 200px; height: 41px; line-height: 22px; border-radius: 12px; }
#ssm-banner { padding-bottom: 60px !important; }
#ssm-banner h1 span { color: #46ae4d; display: inline; }
#watch-now { padding-top: 60px; margin-top: 60px; background: #fff6da; }
#watch-now h2 { font-weight: 600; line-height: 49px; font-size: 36px; padding-left: 2rem; }
#workflow { padding-top: 60px; }
#workflow img { width: 800px; height: auto; margin: 0 auto; display: block; } /* Centrage de l'image workflow */
.workflow-image.text-center { text-align: center; margin-top: 2.5rem; }
#winning .container { background: #E3F5FF; border-radius: 20px; border-right: 5px solid #4FC3FF; border-bottom: 5px solid #4FC3FF; padding: 2rem 3rem; }
#winning h2 { padding-bottom: 3rem; }
.winning-content-col { padding: 0 3rem; }
.ai-with-human-image.text-center { margin-top: 2rem; }
.Ashnoo_blg { display: block; position: relative; border-bottom-right-radius: 20px; border-bottom-left-radius: 15px; padding: 0px; border-top-right-radius: 15px; }
.blogim { max-width: 100%; width: 100%; border-radius: 10px; }
#workflow-sec .container { background: #E3F5FF; border-radius: 22.57px; position: relative; padding: 1rem 2rem 3rem; }
#workflow-sec .container::before { content: ""; background: #0000; width: 100%; height: 100%; position: absolute; top: -15px; bottom: 0; left: -15px; right: 0; margin: auto; border-radius: 22px; z-index: 0; border: 3px solid; }
#workflow-sec p { font-size: 22px; line-height: 32px; font-weight: 400; }
.workflow-cta { margin-top: 3rem; }
.workflow-cta .blue { width: 180px; }
.col-md-6.col-sm-12.col-xs-12.winning-content-col p { line-height: 31px; font-weight: 300; }
.col-md-6.col-sm-12.col-xs-12.winning-content-col.even-col p { padding-right: 2rem; }
.Ashnoosingle .h4 { line-height: 25px; margin-top: 1.5rem; }
.adjustbxflex.blog-row2 li { padding-top: 0; margin-top: 0; }
.workflow-sec-heading.h2 { font-weight: 600; }
#bblogg { padding: 0; }
#ssm-testimonial { background: #FFF6DA; padding: 40px 0; }
.ssm-testimonial-heading.text-center { margin-bottom: 3rem; }
.ssm-testimonial-btn { text-align: center; margin-top: 3rem; }
.ssm-testimonial-btn a { width: 360px; }
#ssm-testimonial .ssm-testimonial-content::before { content: ""; background: #0000; width: 100%; height: 100%; position: absolute; top: -15px; bottom: 0; left: -15px; right: 0; margin: auto; border-radius: 22px; z-index: 0; border: 3px solid; }
#ssm-testimonial .ssm-testimonial-content { width: 70%; background: #fff; border-radius: 18px; margin: 0 auto; position: relative; padding: 1rem 4.5rem 2rem; }
.ssm-testimonial-content p:nth-of-type(2) { margin-top: 1.6rem; }
.ssm-testimonial-head { display: flex; align-items: center; margin-top: 2rem; gap: 1.4rem; }
#ssm-testimonial-slider.owl-carousel .owl-stage-outer { margin: -25px; padding: 25px; }
.ssm-testiminial-head-image img { width: 75px; height: 75px; object-fit: contain; }
#ssm-banner h1 { font-size: 38px; font-weight: 700; line-height: 52px; }
#ssm-banner p { font-size: 18px; font-weight: 300; padding-right: 4rem; }
.ssm-badge-icons { display: flex; align-items: center; gap: 13px; margin-top: 1.8rem; }
.ssm-badge-icons img { height: 23px; width: 23px; object-fit: contain; margin-right: 3px; }
.ssm-badge-icons div { display: flex; align-items: center; gap: 4px; font-size: 14px; font-weight: 500; color: #1D1D1B; }
.ssm-badge-icons span { width: 2px; height: 15px; background: #1d1d1d; }
.image-wrap { position: relative; }
.image-wrap::after { content: ""; width: 35px; height: 85px; right: 4px; top: -21px; background-image: url(../images/sht.svg); background-position: center; background-repeat: no-repeat; background-size: contain; transition: 0.4s ease-in-out; display: block; position: absolute; transform: rotate(140deg); }
.ssm-testimonial-rating img { height: 20px; margin-top: 4rem; width: auto !important; }
.ssm-testimonial-additional-info { display: flex; align-content: center; justify-content: space-between; }
.Ashnoohead .cntJw.Ashnoolist.mainlists { visibility: hidden !important; display:none !important; } /* Cache le menu principal du site pour cette LP */
.Ashnoohead .cntJw.mainlists .btn_nrml.brr { display: none; } /* Cache le bouton "Book demo" générique du header si présent */
.info-box h4 { margin-top: 1.5rem; }
.waf4.paddwat60 p { font-weight: 300; }
a.ssm-lp-header-links { font-size: 18px; font-weight: 600; margin-right: 2rem; transition: all .3s; }
a.ssm-lp-header-links:hover { color: #46ae4d; transition: all .3s; }
#ssm-slider-wrap .owl-carousel #tradeTribeImg{ height: 60px !important; object-fit: contain; }

@media(min-width:768px) and (max-width:991px){
    img { max-width: 80% !important; }
    #ssm-banner p { font-size: 20px; padding-right: 0rem; margin-bottom: 2rem; }
    .ssm-badge-icons { justify-content: center; margin-bottom: 1rem; }
    #ssm-banner { padding-bottom: 30px !important; }
    #watch-now { padding-top: 30px; margin-top: 30px; padding-bottom: 30px; text-align: center; }
    #watch-now img { max-width: 80%; margin-bottom: 1rem; cursor: pointer; }
    #watch-now h2 { line-height: 40px; font-size: 30px; padding-left: 0rem; }
    #workflow { padding-top: 30px; padding-bottom: 30px; }
    .winning-content-col { padding: 0 0rem; text-align: center; }
    .winning-content.row.adjustbxflex:nth-child(2n) { flex-direction: column-reverse; }
    .col-md-6.col-sm-12.col-xs-12.winning-image-col { text-align: center; }
    .col-md-6.col-sm-12.col-xs-12.winning-content-col.even-col p { padding-right: 0rem; }
    #ssm-banner .use-case-cta { margin-left: 0; margin-top: 0rem; }
    section { padding-bottom: 30px; }
    #ssm-testimonial { background: #FFF6DA; padding: 30px 0; }
    #ssm-testimonial .ssm-testimonial-content { width: 95%; padding: 1rem 2rem 2rem; }
    #bblogg li { text-align: center; margin-bottom: 0; }
    .info-box { text-align: center; margin-bottom: 2rem; }
    .adjustbxflex.blog-row2 li { margin-bottom: 2rem !important; }
    .adjustbxflex.blog-row2 { margin-top: 2rem; }
    #workflow-sec { padding-left: unset; text-align: center; padding-right: unset; }
    .winning-content.row.adjustbxflex:nth-last-child(1) { margin-bottom: 10px; }
    .waf4.paddwat60 .row.adjustbxflex.flxx { justify-content: center; }
}

@media(max-width:767px){
    #ssm-banner p { font-size: 20px; padding-right: 0rem; margin-bottom: 2rem; }
    .ssm-badge-icons { justify-content: center; margin-bottom: 1rem; }
    #ssm-banner { padding-bottom: 30px !important; }
    #watch-now { padding-top: 30px; margin-top: 30px; padding-bottom: 30px; text-align: center; }
    #watch-now img { max-width: 80%; margin-bottom: 1rem; cursor: pointer; }
    #watch-now h2 { line-height: 40px; font-size: 30px; padding-left: 0rem; }
    #workflow { padding-top: 30px; padding-bottom: 30px; }
    .winning-content-col { padding: 0 0rem; text-align: center; }
    .winning-content.row.adjustbxflex:nth-child(2n) { flex-direction: column-reverse; }
    .col-md-6.col-sm-12.col-xs-12.winning-image-col { text-align: center; }
    .col-md-6.col-sm-12.col-xs-12.winning-content-col.even-col p { padding-right: 0rem; }
    #ssm-banner .use-case-cta { margin-left: 0; margin-top: 1rem; }
    section { padding-bottom: 30px; }
    #ssm-testimonial { background: #FFF6DA; padding: 30px 0; }
    #ssm-testimonial .ssm-testimonial-content { width: 95%; padding: 1rem 2rem 2rem; }
    #bblogg li { text-align: center; margin-bottom: 0; }
    .info-box { text-align: center; margin-bottom: 2rem; }
    .adjustbxflex.blog-row2 li { margin-bottom: 2rem !important; }
    .adjustbxflex.blog-row2 { margin-top: 2rem; }
    #workflow-sec { padding-left: 2rem; text-align: center; padding-right: 2rem; }
    .winning-content.row.adjustbxflex:nth-last-child(1) { margin-bottom: 10px; }
    .waf4.paddwat60 .row.adjustbxflex.flxx { justify-content: center; }
}

@media(max-width:600px){
    .ssm-testimonial-additional-info { flex-wrap: wrap; }
    .ssm-testimonial-rating img { height: 18px; margin-top: 1rem; }
    .ssm-testimonial-rating { display: block; width: 100%; }
}
@media(max-width:500px){
    img { max-width: 100% !important; }
}

@media(min-width:993px){
    .footer-wat-competitor-list{ padding-left: 1rem!important; }
}
@media(max-width:600px){
    .copy.tc-menu { margin-left:7px; }
    #gdpr-badge-footer { padding-top: 1.2rem !important; }
}

/* Styles pour le footer */
.btm_brdr{padding: 12px;margin-bottom: 10px;width: 40px;}
.blclor{border-bottom: 1px solid #4FC3FF;}
.yelw_br{border-bottom: 1px solid #FFE96E;}
.beu{color: #4FC3FF}.pnk{color: #EAA9F0}.yelw{color: #FFE96E}
.grn{color: #46ae4d}.hd{font-size:21px;font-weight:500;}
.main-footer{background:#1D1D1B;}
.footer-list li{padding: 8px 0;}
.nopaidng{padding: 0px;}
.footer-list a{font-size:17px;color: #fff;font-weight:400;display: block;text-decoration:none;transition:0.4s;cursor: pointer;}
.footer-list a:hover, .copy:hover{color: #46ae4d;}
/* .chek class for language switcher column removed as switcher is removed */
.footer__link img.lazy_a {width: 30px;margin: 3px;border-radius:7px;transition:0.4s;}
.footer__link img.lazy_a:hover {transform: scale(1.1);transition:0.4s;}
.ri{text-align:right;}

@media only screen and (max-width: 991px) {
    .footer-logo-gird .img-logo-footer, .footer-logo-gird .g2-badge1 { height: 70px !important; margin: 5px auto !important; display: block; }
    .footer-logo-gird { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
    .footer-logo-gird img { flex: 1 1 100px; max-width: 120px; }
    .col-6 { width: auto; float: none; } /* Pour les logos de store */
    .left { justify-content: center !important; }
    .meta img,.gp img,.ap img { width: 100px !important; height: auto; }
}
@media only screen and (max-width: 767px) {
    .space { padding: 14px 0 0; }
    .meta,.gp,.ap{display: block;}
    .meta img,.gp img,.ap img{width: 100px;height: 50px;}
    .nopaidng{padding: 10px;}
}
@media(max-width:500px){ 
    .footer-logo-gird .g2-badge1{ height: 45px !important; }
}

/* Style pour le Ashnoo Chat Box (popup) */
.wa-chat-box {
    max-width: 360px !important;
}

/* Styles pour les listes à puces de la section Features (utilisant tickk.svg) */
.feature-bullets {
    list-style: none;
    padding-left: 0;
    margin-top: 15px;
    margin-bottom: 25px;
}

.feature-bullets li {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.6;    /* Ajustez si besoin pour l'alignement vertical avec la puce */
    color: #1D1D1B;
    margin-bottom: 12px;
    padding-left: 30px;  /* Espace pour la puce (12px de décalage + 14px largeur puce + qlq px marge) */
    position: relative;
}

.feature-bullets li:before {
    content: "";                          /* Important pour afficher le background-image */
    display: inline-block;                /* Permet de définir width/height */
    position: absolute;
    left: 0px;                            /* Positionne la puce au début du padding */
    top: 50%;                             /* Début du centrage vertical */
    transform: translateY(-50%);         /* Fin du centrage vertical */

    width: 16px;                          /* Largeur de votre image tickk.svg (ajustez si l'image a une autre taille) */
    height: 16px;                         /* Hauteur de votre image tickk.svg (ajustez) */
    background-image: url("../images/tickk.svg"); /* CHEMIN VERS VOTRE IMAGE */
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;             /* Ou 'cover' ou une taille spécifique si besoin */
}

/* Styles pour les boutons dans la section Features */
#winning .btns { /* L'ID winning est conservé pour le conteneur de la section */
    margin-top: 20px; 
    text-align: left; 
}
#winning .btns a.btn.brdr.green { /* S'assure que le style de bouton est cohérent */
    /* Vos styles de boutons existants devraient s'appliquer,
       sinon ajoutez/ajustez des propriétés ici. Par exemple: */
    /* width: auto; 
       padding: 10px 25px; */
}

/* Styles pour l'animation du titre Hero */
.home-banner-left-text span.typing-text {
    position: relative; /* Nécessaire pour positionner le SVG absolument */
    display: inline-block; /* Permet au SVG de prendre la largeur du mot "WhatsApp" */
}

/* Style pour la couleur verte du mot (si non déjà géré par #ssm-banner h1 span) */
/* Si votre mot "WhatsApp" est déjà vert grâce à une règle existante, cette règle .color n'est peut-être pas nécessaire. */
/* Sinon, décommentez-la ou assurez-vous que #ssm-banner h1 span.color fonctionne. */
/*
.home-banner-left-text span.color {
    color: #46ae4d; 
}
*/

.home-banner-left-text span.typing-text svg {
    position: absolute;
    left: 0;
    width: 100%; /* Le SVG prendra la largeur du mot "WhatsApp" */
    height: auto; /* Conserver le ratio du SVG, ou fixer une hauteur ex: 10px */
    bottom: -16px; /* Ajustez cette valeur pour positionner le soulignement correctement sous le mot. Testez avec des valeurs comme -2px, -5px, 0px etc. */
    pointer-events: none; /* Empêche le SVG de gêner la sélection du texte */
}

.home-banner-left-text span.typing-text .stroke {
    stroke: #46ae4d;     /* Couleur du soulignement (vert Ashnoo) */
    stroke-width: 5;     /* Épaisseur du trait. Ajustez si besoin. L'original utilisait 0.10em et une font-size de 30px sur .stroke */
    stroke-dasharray: 822; /* Longueur du chemin SVG. Cette valeur est spécifique au chemin SVG utilisé. */
    stroke-dashoffset: 822;/* Point de départ de l'animation (trait invisible) */
    animation: underlineAnimation 1.8s 1s linear forwards; /* Applique l'animation */
    /* La font-size:30px originale sur .stroke n'est probablement plus nécessaire si stroke-width est fixe */
}

/* Définition de l'animation du soulignement */
@keyframes underlineAnimation {
    from {
        stroke-dashoffset: 822; /* Le trait est "enroulé", donc invisible */
    }
    to {
        stroke-dashoffset: 0;   /* Le trait est "déroulé", donc visible */
    }
}

/* Préfixes pour navigateurs plus anciens si besoin (généralement plus nécessaire pour @keyframes) */
@-webkit-keyframes underlineAnimation {
    from {
        stroke-dashoffset: 822;
    }
    to {
        stroke-dashoffset: 0;
    }
}

/* Style pour le bandeau supérieur de 15px */
#notification-bar {
    position: fixed; /* Fixe en haut de la page */
    top: 0;
    left: 0;
    right: 0; /* Prend toute la largeur */
    height: 15px; /* La hauteur de l'espace que vous voulez */
    background-color: #fff; /* Couleur de fond, ici blanc pour correspondre au header */
    z-index: 1000; /* Doit être au-dessus du contenu de la page, et potentiellement au-dessus du .watihead si ce dernier n'a pas de bordure supérieure à cacher */
    border: none; /* Assurez-vous qu'il n'y a pas de bordures inattendues */
}

/* ============================================= */
/* == STYLES POUR POPUP CONFIRMATION FORMULAIRE == */
/* ============================================= */

.form-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* Fond noir semi-transparent */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* Classe ajoutée par JS pour afficher le popup */
.form-popup-overlay.visible {
    opacity: 1;
    visibility: visible;
}

.form-popup-container {
    background-color: #ffffff;
    padding: 30px 40px;
    border-radius: 8px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.25);
    text-align: center;
    position: relative;
    max-width: 90%;
    width: 480px;
    transform: scale(0.95);
    transition: transform 0.3s ease;
}

.form-popup-overlay.visible .form-popup-container {
    transform: scale(1);
}

.form-popup-close {
    position: absolute;
    top: 10px;
    right: 15px;
    background: none;
    border: none;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    color: #aaaaaa;
    padding: 5px;
}

.form-popup-close:hover {
    color: #333333;
}

.form-popup-content {
    font-size: 1.1rem;
    line-height: 1.6;
    color: #333333;
    padding-top: 20px;
}

/* Style spécifique pour les messages de succès */
.form-popup-content.success {
    color: #28a745; /* Vert */
    font-weight: 500;
}

/* Style spécifique pour les messages d'erreur */
.form-popup-content.error {
    color: #dc3545; /* Rouge */
    font-weight: 500;
}