.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;line-height: 1.8;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: 80px;
padding-right: 40px;
padding-bottom: 80px;
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;
				}
			}
.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://wp-staging.makethings.cloud/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 {
 width:45%;
 position:relative;
animation: floatY 3.5s ease-in-out infinite; will-change: transform;
}
@media (max-width: 1120px) {
.floaty {
 width:100%;
}
}

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

.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: 75px;
padding-bottom: 102px;
}
.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;
gap:10px;
}
.drift {
}
.card-orbit {
}
.ring {
}
.shake {
}
.ambient {
}
.ambient-a {
}
.js-drag {
}
.pulse-strong {
}
.ambient-b {
}
.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);}
/* --- 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 .2s ease; } /* L'image hover est au-dessus mais invisible */ .swap-image img:last-child { position: absolute; inset: 0; opacity: 0; } /* Au survol : l'image hover apparaît */ .swap-image:hover img:last-child { opacity: 1; } /* Au survol : l'image normale disparaît */ .swap-image:hover img:first-child { opacity: 0; }