.ct-section {
width:100%;
background-size:cover;
background-repeat:repeat;
}
.ct-section>.ct-section-inner-wrap {
display:flex;
flex-direction:column;
align-items:flex-start;
}
.ct-div-block {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.ct-new-columns {
display:flex;
width:100%;
flex-direction:row;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
}
.ct-link-text {
display:inline-block;
}
.ct-link {
display:flex;
flex-wrap:wrap;
text-align:center;
text-decoration:none;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-link-button {
display:inline-block;
text-align:center;
text-decoration:none;
}
.ct-link-button {
background-color: #1e73be;
border: 1px solid #1e73be;
color: #ffffff;
padding: 10px 16px;
}
.ct-image {
max-width:100%;
}
.ct-fancy-icon>svg {
width:55px;height:55px;}
.ct-inner-content {
width:100%;
}
.ct-slide {
display:flex;
flex-wrap:wrap;
text-align:center;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-nestable-shortcode {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-comments {
width:100%;
text-align:left;
}
.oxy-comment-form {
width:100%;
}
.oxy-login-form {
width:100%;
}
.oxy-search-form {
width:100%;
}
.oxy-tabs-contents {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab-content {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-testimonial {
width:100%;
}
.oxy-icon-box {
width:100%;
}
.oxy-pricing-box {
width:100%;
}
.oxy-posts-grid {
width:100%;
}
.oxy-gallery {
width:100%;
}
.ct-slider {
width:100%;
}
.oxy-tabs {
display:flex;
flex-wrap:nowrap;
flex-direction:row;
align-items:stretch;
}
.ct-modal {
flex-direction:column;
align-items:flex-start;
}
.ct-span {
display:inline-block;
text-decoration:inherit;
}
.ct-widget {
width:100%;
}
.oxy-dynamic-list {
width:100%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
			.ct-div-block,
			.oxy-post-content,
			.ct-text-block,
			.ct-headline,
			.oxy-rich-text,
			.ct-link-text { max-width: 100%; }
			img { flex-shrink: 0; }
			body * { min-height: 1px; }
		}            .oxy-testimonial {
                flex-direction: row;
                align-items: center;
            }
                        .oxy-testimonial .oxy-testimonial-photo-wrap {
                order: 1;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo {
                width: 125px;                height: 125px;                margin-right: 20px;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo-wrap, 
            .oxy-testimonial .oxy-testimonial-author-wrap, 
            .oxy-testimonial .oxy-testimonial-content-wrap {
                align-items: flex-start;                text-align: left;            }
            
                                                            .oxy-testimonial .oxy-testimonial-text {
                margin-bottom:8px;font-size: 21px;
line-height: 1.4;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
                                    .oxy-testimonial .oxy-testimonial-author {
                font-size: 18px;
-webkit-font-smoothing: subpixel-antialiased;
            }
                            

                                                .oxy-testimonial .oxy-testimonial-author-info {
                font-size: 12px;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
             
            
                        .oxy-icon-box {
                text-align: left;                flex-direction: column;            }
            
                        .oxy-icon-box .oxy-icon-box-icon {
                margin-bottom: 12px;
                align-self: flex-start;            }
            
                                                                        .oxy-icon-box .oxy-icon-box-heading {
                font-size: 21px;
margin-bottom: 12px;            }
            
                                                                                    .oxy-icon-box .oxy-icon-box-text {
                font-size: 16px;
margin-bottom: 12px;align-self: flex-start;            }
            
                        .oxy-icon-box .oxy-icon-box-link {
                margin-top: 20px;                            }
            
            
            /* GLOBALS */

                                                            .oxy-pricing-box .oxy-pricing-box-section {
                padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
text-align: center;            }
                        
                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                justify-content: center;            }
            
            /* IMAGE */
                                                                                    .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-graphic {
                justify-content: center;            }
            
            /* TITLE */
                                                            
                                    .oxy-pricing-box .oxy-pricing-box-title-title {
                font-size: 48px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-title-subtitle {
                font-size: 24px;
            }
            

            /* PRICE */
                                                .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                                                flex-direction: row;                                            }
            
                                    .oxy-pricing-box .oxy-pricing-box-currency {
                font-size: 28px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-main {
                font-size: 80px;
line-height: 0.7;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-decimal {
                font-size: 13px;
            }
                        
                                    .oxy-pricing-box .oxy-pricing-box-term {
                font-size: 16px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-sale-price {
                font-size: 12px;
color: rgba(0,0,0,0.5);
                margin-bottom: 20px;            }
            
            /* CONTENT */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-content {
                font-size: 16px;
color: rgba(0,0,0,0.5);
            }
            
            /* CTA */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-cta {
                justify-content: center;            }
            
        
                                .oxy-progress-bar .oxy-progress-bar-background {
            background-color: #000000;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);            animation: none 0s paused;        }
                
                .oxy-progress-bar .oxy-progress-bar-progress-wrap {
            width: 85%;        }
        
                                                        .oxy-progress-bar .oxy-progress-bar-progress {
            background-color: #66aaff;padding: 40px;animation: none 0s paused, none 0s paused;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);        
        }
                
                        .oxy-progress-bar .oxy-progress-bar-overlay-text {
            font-size: 30px;
font-weight: 900;
-webkit-font-smoothing: subpixel-antialiased;
        }
        
                        .oxy-progress-bar .oxy-progress-bar-overlay-percent {
            font-size: 12px;
        }
        
        .ct-slider .unslider-nav ol li {border-color: #ffffff; }.ct-slider .unslider-nav ol li.unslider-active {background-color: #ffffff; }.ct-slider .ct-slide {
				padding: 0px;			}
		
                        .oxy-superbox .oxy-superbox-secondary, 
            .oxy-superbox .oxy-superbox-primary {
                transition-duration: 0.5s;            }
            
            
            
            
            
        
        
        
        
            .oxy-shape-divider {
                width: 0px;
                height: 0px;
                
            }
            
            .oxy_shape_divider svg {
                width: 100%;
            }
            .oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu{
box-shadow:px px px px ;}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a div{
margin-left:0px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
width:30px;
height:30px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon{
padding-top:15px;
padding-right:15px;
padding-bottom:15px;
padding-left:15px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon, .oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon{
top:20px;
left:20px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
width:24px;
height:24px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon, .oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container{
background-color:#ffffff;
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-open-container{
background-image:url();
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item-has-children > a svg, .oxy-pro-menu .oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item-has-children > a svg{
font-size:24px;
}

.oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-open-container .menu-item-has-children ul, .oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item-has-children ul{
background-color:rgba(0,0,0,0.2);
border-top-style:solid;
}

.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .oxy-pro-menu-list{
                    flex-direction: row;
               }
.oxy-pro-menu .oxy-pro-menu-container .menu-item a{
                    text-align: left;
                    justify-content: flex-start;
                }
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .menu-item, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .menu-item{
                    align-items: flex-start;
                }

            .oxy-pro-menu .oxy-pro-menu-off-canvas-container{
                    top: 0;
                    bottom: 0;
                    right: auto;
                    left: 0;
               }
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item a, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item a{
                    text-align: left;
                    justify-content: flex-start;
                }

            .oxy-site-navigation {
--oxynav-brand-color:#4831B0;
--oxynav-neutral-color:#FFFFFF;
--oxynav-activehover-color:#EFEDF4;
--oxynav-background-color:#4831B0;
--oxynav-border-radius:0px;
--oxynav-other-spacing:8px;
--oxynav-transition-duration:0.3s;
--oxynav-transition-timing-function:cubic-bezier(.84,.05,.31,.93);
}

.oxy-site-navigation .oxy-site-navigation__mobile-close-wrapper{
text-align:left;
}

.oxy-site-navigation > ul{ left: 0; }
.oxy-site-navigation {
                        --oxynav-animation-name: none; 
                    }

                .oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1){ 
                    background-color: var(--oxynav-brand-color);
                    transition: var(--oxynav-transition-duration);
                    margin-left: var(--oxynav-other-spacing);
                    border: none;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2){ 
                    background: transparent;
                    border: 1px solid currentColor;
                    transition: var(--oxynav-transition-duration);
                    margin-left: var(--oxynav-other-spacing);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2):not(:hover) > img{
                    filter: invert(0) !important;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover{
                    background-color: var(--oxynav-activehover-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a{
                    color: var(--oxynav-neutral-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a{
                    color: var(--oxynav-brand-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a{
                    color: var(--oxynav-brand-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a::after{
                    color: var(--oxynav-neutral-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a::after{
                    color: var(--oxynav-brand-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a::after{
                    color: var(--oxynav-brand-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
                    display: none;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > button, .oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
                    display: none;
                }

                .ct-section-inner-wrap, .oxy-header-container{
  max-width: 1120px;
}
body {font-family: 'Inter';}body {line-height: 1.2;font-size: 14px;font-weight: 400;color: #1d293d;}.oxy-nav-menu-hamburger-line {background-color: #1d293d;}h1, h2, h3, h4, h5, h6 {font-family: 'Urbanist';font-size: 36px;font-weight: 700;}h2, h3, h4, h5, h6{font-size: 30px;line-height: 1.4;color: #1e184e;}h3, h4, h5, h6{font-size: 24px;font-weight: 500;line-height: 1.4;color: #1e184e;}h4, h5, h6{font-size: 20px;}h5, h6{font-size: 18px;}h6{font-size: 16px;}a {color: #605afa;text-decoration: none;}a:hover {color: #412bee;text-decoration: none;}.ct-link-text {color: #605afa;text-decoration: ;}.ct-link-text:hover {color: #412bee;}.ct-link {color: #605afa;text-decoration: ;}.ct-link:hover {color: #412bee;}.ct-link-button {border-radius: 3px;}.ct-section-inner-wrap {
padding-top: 140px;
padding-right: 40px;
padding-bottom: 140px;
padding-left: 40px;
}.ct-new-columns > .ct-div-block {
padding-top: 20px;
padding-right: 40px;
padding-bottom: 20px;
padding-left: 40px;
}.oxy-header-container {
padding-right: 40px;
padding-left: 40px;
}@media (max-width: 992px) {
				.ct-columns-inner-wrap {
					display: block !important;
				}
				.ct-columns-inner-wrap:after {
					display: table;
					clear: both;
					content: "";
				}
				.ct-column {
					width: 100% !important;
					margin: 0 !important;
				}
				.ct-columns-inner-wrap {
					margin: 0 !important;
				}
			}
.winery-logogrid-1-image {
 width:16.66%;
}
@media (max-width: 767px) {
.winery-logogrid-1-image {
 width:33.33%;
}
}

@media (max-width: 479px) {
.winery-logogrid-1-image {
 width:50%;
}
}

.saas-heading-two {
 font-family:Urbanist;
 color:color(3);
 font-size:48px;
 line-height:1.1;
 font-weight:700;
 margin-bottom:0px;
}
@media (max-width: 479px) {
.saas-heading-two {
 font-size:40px;
}
}

.saas-primary-button:hover{
transform:scale(1.05,1.05); background-color:color(13);
 box-shadow:0px 20px 40px rgba(0,0,0,0.1);
}
.saas-primary-button {
 font-family:Inter;
 background-color:color(13);
 color:#ffffff;
 font-size:16px;
 letter-spacing:1px;
 line-height:1.1;
 text-decoration:none;
 font-weight:700;
 text-align:center;
 padding-top:16px;
 padding-bottom:16px;
 padding-left:48px;
 padding-right:48px;
 border-radius:100px;
 transition-duration:0.2s;
 transition-timing-function:ease;
 transition-property:all;
 text-transform:uppercase;
 -webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale; border-top-style:none;
 border-right-style:none;
 border-bottom-style:none;
 border-left-style:none;
 margin-top:auto;
background-image: linear-gradient(-90deg, color(13) 0%, color(17) 98%);
}
.saas-slider-title {
 color:color(65);
 line-height:1.2;
}
.saas-slider-text {
 color:color(67);
 -webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale; text-align:left;
 margin-bottom:16px;
 max-width:360px;
}
@media (max-width: 991px) {
.saas-slider-text {
 text-align:center;
}
}

.saas-slider-text-column {
 text-align:left;
}
.saas-slider-text-column:not(.ct-section):not(.oxy-easy-posts),
.saas-slider-text-column.oxy-easy-posts .oxy-posts,
.saas-slider-text-column.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
}
@media (max-width: 991px) {
.saas-slider-text-column {
 text-align:center;
}
.saas-slider-text-column:not(.ct-section):not(.oxy-easy-posts),
.saas-slider-text-column.oxy-easy-posts .oxy-posts,
.saas-slider-text-column.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
}

.saas-slider-img-column {
}
@media (max-width: 991px) {
.saas-slider-img-column {
 text-align:center;
}
.saas-slider-img-column:not(.ct-section):not(.oxy-easy-posts),
.saas-slider-img-column.oxy-easy-posts .oxy-posts,
.saas-slider-img-column.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
}

.oxy-stock-content-styles {
 color:color(14);
 font-size:18px;
}
.atomic-primary-heading {
 color:color(53);
 font-size:64px;
 font-weight:400;
 line-height:1.1;
 margin-top:0px;
 -webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;}
@media (max-width: 767px) {
.atomic-primary-heading {
 font-size:56px;
}
}

@media (max-width: 479px) {
.atomic-primary-heading {
 font-size:44px;
}
}

.atomic-simple-article-content {
 -webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale; text-align:left;
}
.saas-heading-one {
background-image:url(http://laboitetech.fr/contenu/uploads/2025/11/Gradient.png); font-family:Urbanist;
 color:#1e184e;
 font-size:72px;
 font-weight:700;
 line-height:1.1;
}
@media (max-width: 767px) {
.saas-heading-one {
 font-size:64px;
}
}

@media (max-width: 479px) {
.saas-heading-one {
 font-size:48px;
}
}

.saas-body-text {
 font-family:Inter;
 color:color(8);
 font-size:16px;
 font-weight:300;
 line-height:1.6;
 max-width:640px;
}
.saas-other-single-content {
}
.saas-comments-list {
}
.saas-logo:hover{
transform:scale(1.05,1.05); opacity:0.8;
}
.saas-logo {
 padding-top:10px;
 padding-bottom:10px;
 transition-duration:0.2s;
 transition-timing-function:ease;
 transition-property:all;
}
@media (max-width: 1120px) {
.saas-logo {
}
}

@media (max-width: 991px) {
.saas-logo {
 margin-left:0px;
 margin-right:0px;
}
}

@media (max-width: 767px) {
.saas-logo {
 margin-left:0px;
}
}

@media (max-width: 479px) {
.saas-logo {
 overflow:visible;
 margin-right:0px;
 margin-left:0px;
}
}

.saas-contact-wrapper {
 margin-bottom:12px;
 text-align:left;
}
.saas-contact-wrapper:not(.ct-section):not(.oxy-easy-posts),
.saas-contact-wrapper.oxy-easy-posts .oxy-posts,
.saas-contact-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
align-items:flex-start;
justify-content:flex-start;
}
@media (max-width: 991px) {
.saas-contact-wrapper {
 text-align:left;
}
.saas-contact-wrapper:not(.ct-section):not(.oxy-easy-posts),
.saas-contact-wrapper.oxy-easy-posts .oxy-posts,
.saas-contact-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
align-items:flex-start;
justify-content:flex-start;
}
}

.saas-contact-icon {
color: color(15);}.saas-contact-icon 
>svg {width: 18px;height: 18px;}.saas-contact-icon {
 margin-right:12px;
 margin-top:5px;
}
.saas-contact-icon:not(.ct-section):not(.oxy-easy-posts),
.saas-contact-icon.oxy-easy-posts .oxy-posts,
.saas-contact-icon.ct-section .ct-section-inner-wrap{
flex-direction:unset;
}
.saas-contact-link:hover{
 text-decoration:underline;
}
.saas-contact-link {
 font-family:Inter;
 color:color(13);
 text-decoration:none;
 font-size:18px;
 font-weight:400;
 line-height:1.6;
}
.saas-contact-link:not(.ct-section):not(.oxy-easy-posts),
.saas-contact-link.oxy-easy-posts .oxy-posts,
.saas-contact-link.ct-section .ct-section-inner-wrap{
flex-direction:unset;
}
.saas-cases-wrapper {
 width:100%;
 background-color:#ffffff;
 border-radius:6px;
 padding-left:24px;
 padding-right:24px;
 padding-top:30px;
 padding-bottom:30px;
 height:100%;
 box-shadow:0px 20px 40px 0px box-shadow: rgba(0,0,0,0.05);
}
.saas-cases-image {
 margin-bottom:12px;
}
.saas-cases-text {
 line-height:1.6;
 font-style:italic;
 font-size:14px;
 color:color(12);
 text-align:left;
 font-weight:400;
 margin-bottom:24px;
}
.saas-cases-stars {
 width:120px;
 margin-bottom:24px;
 margin-top:auto;
}
.saas-cases-author-wrapper {
 width:100%;
 text-align:left;
}
.saas-cases-author-wrapper:not(.ct-section):not(.oxy-easy-posts),
.saas-cases-author-wrapper.oxy-easy-posts .oxy-posts,
.saas-cases-author-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:flex-start;
}
.saas-cases-avatar {
 width:48px;
 border-radius:100%;
 margin-right:12px;
}
.saas-cases-name {
 font-family:Urbanist;
 color:color(12);
 font-size:14px;
 font-weight:700;
 line-height:1.1;
 text-align:left;
}
.saas-divider {
 width:30px;
 background-color:color(15);
 min-width:30px;
 max-width:30px;
 height:5px;
 min-height:5px;
 max-height:5px;
 border-radius:100px;
}
.saas-about-column {
 text-align:center;
}
.saas-about-column:not(.ct-section):not(.oxy-easy-posts),
.saas-about-column.oxy-easy-posts .oxy-posts,
.saas-about-column.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.saas-about-icon {
background-color: transparent;
border: 1px solid transparent;
padding: 36px;color: #ffffff;}.saas-about-icon 
>svg {width: 42px;height: 42px;}.saas-about-icon {
background-image:url(http://saas2.oxy.host/wp-content/uploads/sites/8/2017/10/Group@2x.png);background-size: contain; margin-bottom:12px;
}
.saas-about-icon-title {
 font-family:Urbanist;
 color:color(12);
 font-size:18px;
 font-weight:700;
 line-height:1.1;
}
.saas-about-bullet-wrapper {
 width:100%;
}
.saas-about-bullet-wrapper:not(.ct-section):not(.oxy-easy-posts),
.saas-about-bullet-wrapper.oxy-easy-posts .oxy-posts,
.saas-about-bullet-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
.saas-about-bullet {
 font-family:Inter;
 color:color(15);
 font-size:18px;
 font-weight:700;
 line-height:1.5;
 margin-right:8px;
}
.saas-about-history-paragraph {
 font-family:Inter;
 font-size:18px;
 color:color(14);
 font-weight:400;
 text-align:left;
 line-height:1.6;
 margin-bottom:24px;
 width:100%;
}
.saas-about-history-paragraph:not(.ct-section):not(.oxy-easy-posts),
.saas-about-history-paragraph.oxy-easy-posts .oxy-posts,
.saas-about-history-paragraph.ct-section .ct-section-inner-wrap{
display:inline-flex;
flex-direction:unset;
}
.saas-pricing-wrapper {
 width:100%;
 padding-top:30px;
 padding-left:30px;
 padding-right:30px;
 padding-bottom:36px;
 background-color:#ffffff;
 border-radius:6px;
 text-align:center;
 height:100%;
 box-shadow:0px 20px 40px 0px box-shadow: rgba(0,0,0,0.05);
}
.saas-pricing-wrapper:not(.ct-section):not(.oxy-easy-posts),
.saas-pricing-wrapper.oxy-easy-posts .oxy-posts,
.saas-pricing-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.saas-pricing-icon {
color: color(15);}.saas-pricing-icon 
>svg {width: 42px;height: 42px;}.saas-pricing-icon {
 margin-bottom:12px;
}
.saas-pricing-title {
 color:color(12);
 font-size:18px;
 font-weight:700;
 line-height:1.1;
 margin-bottom:24px;
}
.saas-pricing-price {
 font-family:Urbanist;
 font-size:48px;
 font-weight:700;
 color:color(13);
 line-height:1.1;
 margin-bottom:6px;
}
.saas-pricing-small-text {
 font-size:12px;
 color:#b7bbcd;
 line-height:1.1;
 margin-bottom:24px;
}
.saas-secondary-button:hover{
 color:#ffffff;
 background-color:color(15);
}
.saas-secondary-button {
 font-family:Inter;
 color:color(15);
 font-size:16px;
 font-weight:400;
 text-decoration:none;
 line-height:1.1;
 letter-spacing:1px;
 background-color:transparent;
 border-radius:100px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 padding-top:15px;
 padding-bottom:15px;
 padding-left:47px;
 padding-right:47px;
 transition-duration:0.2s;
 transition-timing-function:ease;
 transition-property:all;
 border-top-color:color(2);
 border-right-color:color(2);
 border-bottom-color:color(2);
 border-left-color:color(2);
 text-transform:uppercase;
}
.saas-faq-column {
 text-align:left;
}
.saas-faq-column:not(.ct-section):not(.oxy-easy-posts),
.saas-faq-column.oxy-easy-posts .oxy-posts,
.saas-faq-column.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
.saas-faq-title {
 color:color(12);
 font-size:18px;
 font-weight:700;
 margin-bottom:12px;
 line-height:1.1;
}
.saas-features-column-row {
 margin-bottom:48px;
}
.saas-features-img {
 border-radius:6px;
}
.saas-learn-video {
 overflow:hidden;
 border-radius:6px;
 border-top-style:none;
 border-right-style:none;
 border-bottom-style:none;
 border-left-style:none;
 margin-bottom:12px;
}
.saas-learn-title {
 font-family:Urbanist;
 color:color(12);
 font-size:18px;
 font-weight:700;
 text-align:left;
 line-height:1.1;
 width:100%;
 margin-bottom:6px;
}
.saas-home-icon-column {
 text-align:center;
}
.saas-home-icon-column:not(.ct-section):not(.oxy-easy-posts),
.saas-home-icon-column.oxy-easy-posts .oxy-posts,
.saas-home-icon-column.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
}
.saas-home-icon {
background-color: transparent;
border: 1px solid transparent;
padding: 48px;color: #ffffff;}.saas-home-icon 
>svg {width: 42px;height: 42px;}.saas-home-icon {
background-image:url(http://saas2.oxy.host/wp-content/uploads/sites/8/2017/10/Group@2x.png);background-size: cover; background-repeat:no-repeat;
 margin-bottom:12px;
}
.saas-home-icon-title {
 font-family:Urbanist;
 line-height:1.3;
 font-size:18px;
 font-weight:700;
 color:color(12);
}
.saas-home-review-title {
 color:color(12);
 font-size:18px;
 font-weight:700;
 line-height:1.1;
 margin-left:20px;
 margin-right:20px;
}
.saas-home-review-image {
 opacity:0.2;
}
.saas-home-review-wrapper {
 width:100%;
 background-color:#ffffff;
 border-radius:6px;
 padding-top:24px;
 padding-bottom:24px;
 padding-left:24px;
 padding-right:24px;
 height:100%;
 box-shadow:0px 20px 40px 0px rgba(0,0,0,0.05);
z-index: 10;
}
.saas-home-user-wrapper {
 text-align:left;
 margin-bottom:12px;
}
.saas-home-user-wrapper:not(.ct-section):not(.oxy-easy-posts),
.saas-home-user-wrapper.oxy-easy-posts .oxy-posts,
.saas-home-user-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:flex-start;
}
.saas-home-review-avatar {
 width:48px;
 border-radius:100%;
 margin-right:12px;
}
.saas-home-review-stars {
 width:120px;
 margin-bottom:12px;
}
.saas-home-review-text {
 font-family:Inter;
 color:color(12);
 font-size:14px;
 text-align:left;
 line-height:1.6;
 font-weight:400;
 font-style:italic;
}
.saas-home-column-row {
 margin-bottom:30px;
}
.saas-home-features-image {
 border-radius:6px;
}
.oxy-superbox-primary {
}
.oxy-superbox-secondary {
}
.oxy-close-modal {
background-color: transparent;
border: 1px solid #1e73be;
color: #1e73be;
padding: 9px 15px;
}.oxy-close-modal {
}
@media (max-width: 767px) {
.oxy-close-modal {
background-color: transparent;
border: 1px solid #412bee;
color: #412bee;
}.oxy-close-modal {
 font-family:Urbanist;
 font-size:20px;
 font-weight:700;
 padding-left:8px;
 padding-top:5px;
 padding-right:8px;
 padding-bottom:5px;
 border-top-style:none;
 border-right-style:none;
 border-bottom-style:none;
 border-left-style:none;
}
}

.oxy-site-navigation__mobile-close-button {
}
@media (max-width: 767px) {
.oxy-site-navigation__mobile-close-button {
margin-top : -30px;
}
}

.open {
}
@media (max-width: 767px) {
.open {
}
}

.section-home-2 {
}
.floaty {
 position:relative;
 margin-top:101px;
animation: floatY 3.5s ease-in-out infinite; will-change: transform;
}
@media (max-width: 1120px) {
.floaty {
}
}

@media (max-width: 991px) {
.floaty {
transform:; margin-top:0px;
}
}

@media (max-width: 767px) {
.floaty {
}
}

.img-wrap {
position: relative; display: inline-block; animation: floatY 3.5s ease-in-out infinite;
}
.breathe {
}
@media (max-width: 767px) {
.breathe {
}
.breathe:not(.ct-section):not(.oxy-easy-posts),
.breathe.oxy-easy-posts .oxy-posts,
.breathe.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
}

.shimmer {
}
.grad-move {
 gap:10px;
}
.grad-move .ct-section-inner-wrap {
padding-top: 220px;
padding-bottom: 220px;
}
.grad-move:not(.ct-section):not(.oxy-easy-posts),
.grad-move.oxy-easy-posts .oxy-posts,
.grad-move.ct-section .ct-section-inner-wrap{
display:flex;
align-items:center;
gap:10px;
}
.drift {
}
.card-orbit {
}
.ring {
}
.shake {
}
.ambient {
}
.ambient-a {
}
.js-drag {
}
.pulse-strong {
}
.ambient-b {
}
.logo-marquee {
 margin-bottom:0px;
}
.logo-marquee:not(.ct-section):not(.oxy-easy-posts),
.logo-marquee.oxy-easy-posts .oxy-posts,
.logo-marquee.ct-section .ct-section-inner-wrap{
display:block;
}
@media (max-width: 767px) {
.logo-marquee {
}
.logo-marquee:not(.ct-section):not(.oxy-easy-posts),
.logo-marquee.oxy-easy-posts .oxy-posts,
.logo-marquee.ct-section .ct-section-inner-wrap{
align-items:center;
}
}

.logo-marquee-track {
 gap:20px;
}
.logo-marquee-track:not(.ct-section):not(.oxy-easy-posts),
.logo-marquee-track.oxy-easy-posts .oxy-posts,
.logo-marquee-track.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
justify-content:space-between;
gap:20px;
}
.hover-swap {
}
.swap-image {
transform:translate(-50px,66px);}
.my-accordio {
}
.my-accordion {
 padding-top:0px;
 padding-right:0px;
 padding-bottom:0px;
 padding-left:0px;
 border-top-style:none;
 border-right-style:none;
 border-bottom-style:none;
 border-left-style:none;
 gap:15px;
 width:100%;
}
.my-accordion:not(.ct-section):not(.oxy-easy-posts),
.my-accordion.oxy-easy-posts .oxy-posts,
.my-accordion.ct-section .ct-section-inner-wrap{
gap:15px;
}
.accordion-item:hover{
}
.accordion-item {
 width:100%;
 border-bottom-style:none;
}
.accordion-header:hover{
 opacity:0.7;
}
.accordion-header {
 border-top-style:none;
 border-right-style:none;
 border-bottom-style:none;
 border-left-style:none;
 margin-bottom:0px;
 transition-duration:0.2s;
}
.accordion-header:not(.ct-section):not(.oxy-easy-posts),
.accordion-header.oxy-easy-posts .oxy-posts,
.accordion-header.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
.accordion-content {
 width:100%;
}
.accordion-icon {
}
.cursor {
}
@media (max-width: 1120px) {
.cursor {
}
.cursor:not(.ct-section):not(.oxy-easy-posts),
.cursor.oxy-easy-posts .oxy-posts,
.cursor.ct-section .ct-section-inner-wrap{
display:none;
}
}

@media (max-width: 991px) {
.cursor {
}
.cursor:not(.ct-section):not(.oxy-easy-posts),
.cursor.oxy-easy-posts .oxy-posts,
.cursor.ct-section .ct-section-inner-wrap{
display:none;
}
}

.accordion-inner {
 margin-bottom:0px;
 font-size:15px;
}
.flip-title {
}
.footer-blobs {
}
@media (max-width: 767px) {
.footer-blobs {
}
}

.logo-track {
 gap:160px;
}
.logo-track:not(.ct-section):not(.oxy-easy-posts),
.logo-track.oxy-easy-posts .oxy-posts,
.logo-track.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
gap:160px;
}
@media (max-width: 991px) {
.logo-track {
 gap:120px;
}
.logo-track:not(.ct-section):not(.oxy-easy-posts),
.logo-track.oxy-easy-posts .oxy-posts,
.logo-track.ct-section .ct-section-inner-wrap{
gap:120px;
}
}

@media (max-width: 767px) {
.logo-track {
 gap:100px;
}
.logo-track:not(.ct-section):not(.oxy-easy-posts),
.logo-track.oxy-easy-posts .oxy-posts,
.logo-track.ct-section .ct-section-inner-wrap{
gap:100px;
}
}

@media (max-width: 479px) {
.logo-track {
 gap:60px;
}
.logo-track:not(.ct-section):not(.oxy-easy-posts),
.logo-track.oxy-easy-posts .oxy-posts,
.logo-track.ct-section .ct-section-inner-wrap{
gap:60px;
}
}

.logo-group {
 gap:160px;
}
.logo-group:not(.ct-section):not(.oxy-easy-posts),
.logo-group.oxy-easy-posts .oxy-posts,
.logo-group.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
gap:160px;
}
@media (max-width: 991px) {
.logo-group {
 gap:120px;
}
.logo-group:not(.ct-section):not(.oxy-easy-posts),
.logo-group.oxy-easy-posts .oxy-posts,
.logo-group.ct-section .ct-section-inner-wrap{
gap:120px;
}
}

@media (max-width: 767px) {
.logo-group {
 gap:100px;
}
.logo-group:not(.ct-section):not(.oxy-easy-posts),
.logo-group.oxy-easy-posts .oxy-posts,
.logo-group.ct-section .ct-section-inner-wrap{
gap:100px;
}
}

@media (max-width: 479px) {
.logo-group {
 gap:60px;
}
.logo-group:not(.ct-section):not(.oxy-easy-posts),
.logo-group.oxy-easy-posts .oxy-posts,
.logo-group.ct-section .ct-section-inner-wrap{
gap:60px;
}
}

.is-tall {
 height:20px;
}
.tech-marquee {
 gap:35px;
 width:100%;
}
.tech-marquee:not(.ct-section):not(.oxy-easy-posts),
.tech-marquee.oxy-easy-posts .oxy-posts,
.tech-marquee.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:stretch;
gap:35px;
}
.marquee-row-left {
}
.marquee-row-left:not(.ct-section):not(.oxy-easy-posts),
.marquee-row-left.oxy-easy-posts .oxy-posts,
.marquee-row-left.ct-section .ct-section-inner-wrap{
display:flex;
}
.tech-marquee-track {
 gap:35px;
 height:100%;
}
.tech-marquee-track:not(.ct-section):not(.oxy-easy-posts),
.tech-marquee-track.oxy-easy-posts .oxy-posts,
.tech-marquee-track.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
gap:35px;
}
.logo-card {
 width:150px;
}
.marquee-row-right {
}
/* --- Style pour le CODE EN LIGNE (dans un paragraphe) --- */
code,
.wp-block-code code {
    /* Fond foncé et texte clair */
    background-color: #1D293D !important; 
    color: #FFA1E1 !important;      
    
    /* Padding léger (espace autour du code) */
    padding: 2px 4px !important;
    
    /* Bord arrondi */
    border-radius: 4px !important;
    
    /* Assure que la police est monospace */
    font-family: monospace !important;
    font-size: 0.9em !important;
}

/* --- Style pour les BLOCS DE CODE MULTILIGNES (Bloc Code Gutenberg) --- */
.wp-block-code,
pre {
    /* Style du conteneur du bloc de code */
    background-color: #1D293D !important; /* Fond foncé */
    color: #FFA1E1 !important;          /* Texte clair */
    
    /* Padding et bord arrondi */
    padding: 15px !important;
    border-radius: 8px !important;
    
    /* Assure le défilement horizontal si le code est trop long */
    overflow-x: auto !important;
}

/* Force la couleur du texte à l'intérieur des blocs */
.wp-block-code pre {
    color: #FFA1E1 !important;
    background-color: transparent !important;
}

/* Fixe le problème si vous utilisez le bloc Préformaté (Preformatted) */
.wp-block-preformatted {
    background-color: #1D293D !important;
    color: #FFA1E1 !important;
    padding: 15px !important;
    border-radius: 8px !important;
}.has-primary-50-color { color: #EDF0FF !important; }
.has-primary-500-color { color: #605AFA !important; }
.has-primary-600-color { color: #412BEE !important; }
.has-primary-900-color { color: #312986 !important; }
.has-primary-950-color { color: #1E184E !important; }

.has-secondary-100-color { color: #FEE5F6 !important; }
.has-secondary-200-color { color: #FFCBF0 !important; }
.has-secondary-400-color { color: #FF81D3 !important; }
.has-secondary-500-color { color: #FA3AB2 !important; }

.has-gray-50-color { color: #F8FAFC !important; }
.has-gray-100-color { color: #F1F5F9 !important; }
.has-gray-500-color { color: #62748E !important; }
.has-gray-800-color { color: #1D293D !important; }

.has-blanc-color { color: #FFFFFF !important; }

.has-primary-50-background-color { background-color: #EDF0FF !important; }
.has-primary-500-background-color { background-color: #605AFA !important; }
.has-primary-600-background-color { background-color: #412BEE !important; }
.has-primary-900-background-color { background-color: #312986 !important; }
.has-primary-950-background-color { background-color: #1E184E !important; }

.has-secondary-100-background-color { background-color: #FEE5F6 !important; }
.has-secondary-200-background-color { background-color: #FFCBF0 !important; }
.has-secondary-400-background-color { background-color: #FF81D3 !important; }
.has-secondary-500-background-color { background-color: #FA3AB2 !important; }

.has-gray-50-background-color { background-color: #F8FAFC !important; }
.has-gray-100-background-color { background-color: #F1F5F9 !important; }
.has-gray-500-background-color { background-color: #62748E !important; }
.has-gray-800-background-color { background-color: #1D293D !important; }

.has-blanc-background-color { background-color: #FFFFFF !important; }

.has-primary-50-border-color { border-color: #EDF0FF !important; }
.has-primary-500-border-color { border-color: #605AFA !important; }
.has-primary-600-border-color { border-color: #412BEE !important; }
.has-primary-900-border-color { border-color: #312986 !important; }
.has-primary-950-border-color { border-color: #1E184E !important; }

.has-secondary-100-border-color { border-color: #FEE5F6 !important; }
.has-secondary-200-border-color { border-color: #FFCBF0 !important; }
.has-secondary-400-border-color { border-color: #FF81D3 !important; }
.has-secondary-500-border-color { border-color: #FA3AB2 !important; }

.has-gray-50-border-color { border-color: #F8FAFC !important; }
.has-gray-100-border-color { border-color: #F1F5F9 !important; }
.has-gray-500-border-color { border-color: #62748E !important; }
.has-gray-800-border-color { border-color: #1D293D !important; }

.has-blanc-border-color { border-color: #FFFFFF !important; }

::selection {
  background: #EA1890; /* couleur de fond */
  color: #ffffff;      /* couleur du texte sélectionné */
}

/* Pour Firefox (obligatoire) */
::-moz-selection {
  background: #EA1890;
  color: #ffffff;
}
/* --- Flottement dans l'espace avec la classe floaty --- */
@keyframes floatY{
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-10px); }
}

.floaty{
  animation: floatY 3.5s ease-in-out infinite;
  will-change: transform;
}

/* --- Pulsation avec la classe breathe --- */
@keyframes breathe {
  0%,100% { transform: scale(1); }
  50% { transform: scale(1.03); }
}
.breathe{ animation: breathe 3s ease-in-out infinite; will-change: transform; }

/* --- Pulsation plus prononcée avec la classe pulse-strong --- */

@keyframes pulseStrong {
  0%,100% { transform: scale(1); }
  50% { transform: scale(1.08); }
}

.pulse-strong{
  animation: pulseStrong 2.4s ease-in-out infinite;
  will-change: transform;
}

.pulse-strong:hover{
  animation-play-state: paused;
}

/* --- Effet de lumière avec la classe shimmer --- */

@keyframes shimmer {
  0% { transform: translateX(-120%) skewX(-15deg); }
  100% { transform: translateX(220%) skewX(-15deg); }
}
.shimmer{ position:relative; overflow:hidden; }
.shimmer:after{
  content:"";
  position:absolute; inset:-30% -60%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.35), transparent);
  animation: shimmer 2.8s ease-in-out infinite;
  pointer-events:none;
}

/* --- Flottement + micro rotation avec la classe drift --- */

@keyframes drift {
  0%,100% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-10px) rotate(1deg); }
}
.drift{ animation: drift 4.5s ease-in-out infinite; will-change: transform; }

@keyframes gradientMove{
  0%{ background-position: 0% 50%; }
  50%{ background-position: 100% 50%; }
  100%{ background-position: 0% 50%; }
}

/* --- Animer un gradient avec la classe grad-move --- */

.grad-move{ background-size: 200% 200%; animation: gradientMove 20s ease-in-out infinite; }

/* --- Mouvement gauche/droite avec la classe wiggle --- */

@keyframes wiggle {
  0%, 85%, 100% { transform: rotate(0deg); }
  90% { transform: rotate(-4deg); }
  95% { transform: rotate(4deg); }
}
.wiggle{ animation: wiggle 4s ease-in-out infinite; transform-origin: 50% 100%; }


/* --- Effet téléphone qui sonne avec la classe ring --- */

@keyframes ring {
  0% { transform: rotate(0deg); }
  2% { transform: rotate(12deg); }
  4% { transform: rotate(-12deg); }
  6% { transform: rotate(14deg); }
  8% { transform: rotate(-14deg); }
  10% { transform: rotate(10deg); }
  12% { transform: rotate(-10deg); }
  14% { transform: rotate(6deg); }
  16% { transform: rotate(-6deg); }
  18% { transform: rotate(0deg); }
  100% { transform: rotate(0deg); } /* pause jusqu'à la fin */
}

.ring{
  animation: ring 1.6s ease-in-out infinite;
  transform-origin: 50% 10%; /* comme un téléphone tenu en haut */
  will-change: transform;
}

/* --- Effet mouvement aléatoire avec la classe ambient --- */

@keyframes ambientDrift {
  0%   { transform: translate3d(0, 0, 0) rotate(0deg) scale(1); }
  25%  { transform: translate3d(10px, -14px, 0) rotate(2deg) scale(1.01); }
  50%  { transform: translate3d(-8px, -6px, 0) rotate(-1deg) scale(0.99); }
  75%  { transform: translate3d(-14px, 12px, 0) rotate(1.5deg) scale(1.01); }
  100% { transform: translate3d(0, 0, 0) rotate(0deg) scale(1); }
}

.ambient{
  animation: ambientDrift 14s ease-in-out infinite;
  will-change: transform;
}

/* --- Effet mouvement aléatoire 2 variations avec la classe ambient-a et ambient-b --- */

@keyframes ambientA {
  0%   { transform: translate3d(0, 0, 0) rotate(0deg) scale(1); }
  25%  { transform: translate3d(34px, -28px, 0) rotate(3deg) scale(1.02); }
  55%  { transform: translate3d(-46px, -10px, 0) rotate(-2deg) scale(0.99); }
  80%  { transform: translate3d(-22px, 40px, 0) rotate(2deg) scale(1.01); }
  100% { transform: translate3d(0, 0, 0) rotate(0deg) scale(1); }
}

@keyframes ambientB {
  0%   { transform: translate3d(0, 0, 0) rotate(0deg) scale(1); }
  20%  { transform: translate3d(-28px, -38px, 0) rotate(-3deg) scale(1.01); }
  50%  { transform: translate3d(44px, -16px, 0) rotate(2deg) scale(0.99); }
  75%  { transform: translate3d(18px, 42px, 0) rotate(-1.5deg) scale(1.02); }
  100% { transform: translate3d(0, 0, 0) rotate(0deg) scale(1); }
}

.ambient-a{ animation: ambientA 22s ease-in-out infinite; will-change: transform; }
.ambient-b{ animation: ambientB 27s ease-in-out infinite; will-change: transform; }

.ambient-d1{ animation-delay: -3s !important; }
.ambient-d2{ animation-delay: -9s !important; }
.ambient-d3{ animation-delay: -15s !important; }

.swap-image { position: relative; display: inline-block; }

.swap-image img{
  display:block;
  width:100%;
  height:auto;
  transition: opacity .45s ease;
  will-change: opacity;
}

/* hover au-dessus */
.swap-image img:last-child{
  position:absolute;
  inset:0;
  opacity:0;
}

/* fade */
.swap-image:hover img:last-child{ opacity:1; }
.swap-image:hover img:first-child{ opacity:0; }

/* petit délai pour que ça “glisse” au lieu de claquer */
.swap-image:hover img:last-child{ transition-delay: .06s; }
.swap-image:hover img:first-child{ transition-delay: 0s; }

/* ========== LOGO MARQUEE (JS-only) ========== */

.tech-marquee{
  display:grid;
  gap:20px;

  --speed-top: 26s;
  --speed-bottom: 30s;
}

.tech-marquee .marquee-row-left,
.tech-marquee .marquee-row-right{
  overflow:hidden;
  position:relative;
}

.tech-marquee .tech-marquee-track{
  display:flex;
  flex-wrap:nowrap;
  width:max-content;
  will-change: transform;
  transform: translate3d(0,0,0);
}

.logo-card {
  display: flex;
  align-items: center;
  justify-content: center;

  padding: 22px 28px;
  border-radius: 14px;

  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.25);

  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);

  transition: transform 0.3s ease, background 0.3s ease;
}

.logo-card img,
.logo-card svg {
  height: 28px;
  width: auto;
}

.marquee-row-left,
.marquee-row-right{
  overflow: hidden;

  -webkit-mask-image: linear-gradient(
    to right,
    transparent 0%,
    black 12%,
    black 88%,
    transparent 100%
  );

  mask-image: linear-gradient(
    to right,
    transparent 0%,
    black 12%,
    black 88%,
    transparent 100%
  );
}

@keyframes scroll-left{
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

@keyframes scroll-right{
  from { transform: translateX(-50%); }
  to   { transform: translateX(0); }
}

@media (prefers-reduced-motion: reduce){
  .tech-marquee .tech-marquee-track{ animation:none !important; }
}/* Header cliquable */
.my-accordion .accordion-header{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:transparent;
  border:0;
  padding:10px 0;
  margin-bottom:8px;
  cursor:pointer;
  color:inherit;
  text-align:left;
  appearance:none;
  -webkit-appearance:none;
}

/* Icône chevron */
.my-accordion .accordion-icon{
  display:inline-flex;
  transition: transform .28s ease;
  transform: rotate(0deg);
  color:inherit;
  fill: currentColor;
}

/* Rotation quand ouvert */
.my-accordion .accordion-header.is-open .accordion-icon{
  transform: rotate(180deg);
}

/* Zone dépliable */
.my-accordion .accordion-content{
  overflow:hidden;
  max-height:0;
  border-bottom:1px solid currentColor;
  transition: max-height .35s ease;
}

/* padding interne */
.my-accordion .accordion-inner{
  padding-top:0;
  padding-bottom:20px;
  color:inherit;
}

.my-accordion .accordion-inner > :first-child{ margin-top:0; }
.my-accordion .accordion-inner > :last-child{ margin-bottom:0; }.footer-blobs{
  position: relative;
  overflow: hidden;
}

/* 3 blobs au lieu de 2, plus vivant */
.footer-blobs::before,
.footer-blobs::after,
.footer-blobs .blob-3{
  content: "";
  position: absolute;
  border-radius: 999px;
  background: rgba(255,255,255,.10);
  filter: blur(42px);
  pointer-events: none;
  will-change: transform;
}

/* Blob 1 */
.footer-blobs::before{
  width: 320px;
  height: 320px;
  left: -140px;
  bottom: -160px;
  animation: blobWalk1 22s ease-in-out infinite;
}

/* Blob 2 */
.footer-blobs::after{
  width: 260px;
  height: 260px;
  right: -120px;
  bottom: -170px;
  opacity: .85;
  animation: blobWalk2 28s ease-in-out infinite;
}

/* Blob 3 (petit) -> nécessite 1 div dans le footer */
.footer-blobs .blob-3{
  width: 200px;
  height: 200px;
  left: 40%;
  bottom: -140px;
  opacity: .75;
  animation: blobWalk3 26s ease-in-out infinite;
}

/* Balade plus large (plusieurs étapes) */
@keyframes blobWalk1{
  0%   { transform: translate(0, 0) scale(1); }
  25%  { transform: translate(260px, -40px) scale(1.05); }
  55%  { transform: translate(520px, 10px) scale(.95); }
  80%  { transform: translate(180px, -25px) scale(1.03); }
  100% { transform: translate(0, 0) scale(1); }
}

@keyframes blobWalk2{
  0%   { transform: translate(0, 0) scale(1); }
  20%  { transform: translate(-220px, -30px) scale(1.06); }
  50%  { transform: translate(-520px, 15px) scale(.94); }
  75%  { transform: translate(-300px, -20px) scale(1.02); }
  100% { transform: translate(0, 0) scale(1); }
}

@keyframes blobWalk3{
  0%   { transform: translate(0, 0) scale(1); }
  30%  { transform: translate(-180px, -35px) scale(1.04); }
  60%  { transform: translate(220px, 5px) scale(.96); }
  85%  { transform: translate(80px, -25px) scale(1.03); }
  100% { transform: translate(0, 0) scale(1); }
}
/* =========================
   Layout des lignes inline
   ========================= */

.cf7-inline {
  display: flex;
  gap : 16px;
}

.cf7-field {
  flex: 1;
   font-weight: 600;
}

/* NE PAS mettre en gras les labels des checkbox / acceptance */
.wpcf7-form .wpcf7-list-item label,
.wpcf7-form .wpcf7-acceptance label {
  font-weight: 400;
 margin-top: 5px;
}

/* Texte d’acceptation CF7 */
.wpcf7-form .wpcf7-acceptance label {
  font-style: italic;
  font-size: 14px;   /* ajuste si besoin */
  line-height: 1.4;
  color: #5a5a7a;    /* optionnel, plus doux */
  margin-bottom: 10px;
}

/* Checkbox de l’acceptation uniquement */
.wpcf7-form .wpcf7-acceptance input[type="checkbox"] {
  width: 14px;
  height: 14px;
  transform: scale(0.9);
}


/* =========================
   Champs input / textarea
   ========================= */

.wpcf7-form input:not([type="checkbox"]):not([type="submit"]),
.wpcf7-form textarea,
.wpcf7-form select {
  width: 100%;
  margin-top: 10px;
}


/* =========================
   Inputs / textarea / select
   ========================= */

.wpcf7-form input:not([type="checkbox"]):not([type="submit"]),
.wpcf7-form textarea,
.wpcf7-form select {
  padding: 10px 12px; /* augmente la taille perçue */
  border-radius: 6px; /* ajuste si besoin */
  border: 1.5px solid #DEE4FF;
  font-size: 14px;
  line-height: 1.4;
  box-sizing: border-box;
margin-top: 10px;
}

.wpcf7-form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image:
    linear-gradient(45deg, transparent 50%, currentColor 50%),
    linear-gradient(135deg, currentColor 50%, transparent 50%);
  background-position:
    calc(100% - 18px) 50%,
    calc(100% - 12px) 50%;
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
}

/* Focus personnalisé – inputs / textarea / select */
.wpcf7-form input:not([type="checkbox"]):not([type="submit"]):focus,
.wpcf7-form textarea:focus,
.wpcf7-form select:focus {
  outline: none; /* enlève le noir natif */
  border-color: #605AFA; /* ta couleur */
  box-shadow: 0 0 0 2px rgba(96, 90, 250, 0.2);
}

/* =========================
   Checkbox
   ========================= */

.wpcf7-form input[type="checkbox"] {
  accent-color: #412BEE;
  width: 17px;
  height: 17px;
  cursor: pointer;
}

/* Une checkbox par ligne */
.wpcf7-form .wpcf7-list-item {
  display: block;
  margin-bottom: 8px;
  margin-left: 0px;
}

/* Alignement checkbox + texte */
.wpcf7-form .wpcf7-list-item label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

/* =========================
   Bouton submit CF7
   ========================= */

.wpcf7-form input.wpcf7-submit {
  background-image: linear-gradient(#dee4ff -50px, #412bee 50px);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  height: auto;
  border-radius: 8px;
  border: none;
  box-shadow: 0px 0px 7px 0px #9fabff;
  font-family: 'Urbanist', sans-serif;
  font-weight: 700;
  font-size: 14px;
  color: #fff;

  cursor: pointer;
  transition: all 0.4s linear !important;
}

/* Hover bouton */
.wpcf7-form input.wpcf7-submit:hover {
  background-image: linear-gradient(#412bee, #c3cdff 180px);
  opacity: 0.8;
}

/* Astérisque des champs requis */
.wpcf7-form .required {
  color: #e63946; /* rouge propre, change si besoin */
  font-weight: 700;
  margin-left: 2px; /* optionnel, aère un peu */
}

/* =========================
   Responsive (optionnel)
   ========================= */

@media (max-width: 640px) {
  .cf7-inline {
    flex-direction: column;
    gap: 0px;
    margin-bottom: 0px;
  }
}
html {
  overflow-x: hidden;
}