/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 16 2025 | 13:39:44 */
/******** Custom-Variables  ********/
:root {
    --c-pad: 30px 0px;
    --hero-pad: 20px 0px 0px 0px;
    --f-pad: 85px 0px 8px 0px;
    --hero-title: clamp(2rem, 1.4671rem + 2.3684vw, 3.125rem);
    --hero-line-height: clamp(45px, 6vw, 60px);
    --footer-title: clamp(1rem, 0.9408rem + 0.2632vw, 1.125rem);
    --sub-title: clamp(1rem, 0.9408rem + 0.2632vw, 1.125rem);
    --border-radius-c: 12px;
    --main-title: clamp(1.8125rem, 1.25rem + 2.5vw, 3rem);
    --main-title-height: clamp(35px, 6vw, 58px);
    --border-radius-card: 20px;
    --form-title: clamp(1.625rem, 1.0625rem + 2.5vw, 2.8125rem);
	--form-title-height: clamp(35px, 6vw, 58px);
	--full-pad:padding:0px;
	--solution-title-fs:clamp(1.5rem, 0.9671rem + 2.3684vw, 2.625rem);
	--solution-title-lh:clamp(33px, 6vw, 50px);
	--flex-reverse-wrap:wrap-reverse;
}


body {
    overflow-x: hidden !important;
}

.accent {
    color: var(--e-global-color-primary);
}

.hero-pad {
    padding: var(--hero-pad);
}

.c-pad {
    padding: var(--c-pad);
}

.dark-green {
    background-image: url('https://apixel.webmasterrm.com/wp-content/uploads/2024/11/Apixel-Patten-v3.svg');
    background-color: var(--e-global-color-f44e2e6);
    background-repeat: no-repeat;
    background-size: cover;
}

.hero-title h1 {
    font-size: var(--hero-title) !important;
    line-height: var(--hero-line-height) !important;
}

.sub-title p {
    font-size: var(--sub-title) !important;
    line-height: 29px !important;
	padding: 0px 10px;
}

.main-title h2 {
    font-size: var(--main-title) !important;
    line-height: var(--main-title-height) !important;
}

.desktop-only {
    display: inline;
}

.hero img {
		 width: 85%;
		 object-fit: contain;
	}

/* Laptop */ 

@media (min-width: 1024px) and (max-width: 1366px) {
	.hero img {
		width:72%;
	}
}


@media (max-width: 767px) {
	.sub-title-2 {
		padding: 0px 10px;
	}
	.hero-button a{
		width:100%;
	}
    .desktop-only {
        display: none;
    }
	
	.hero-reverse .e-con-inner{
		flex-wrap:var(--flex-reverse-wrap)!important;
	}
}


@media (min-width: 1025px) {
	.subtitle-pad p{
		padding:0px 15%;
	}
	
	.full-pad{
		padding:var(--full-pad);
	}
}
@media (max-width: 1024px) {
	.subtitle-pad p{
		padding:0px 10px;
	}
}

/******** Reset ********/

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0 !important;
}



/******** Header ********/

.logo-wrapper {}


.header-apixel img,
.logo-white img {
    height: 84px !important;
    width: auto !important;
}

.nav-wrapper {}

/** Nav **/

.apixel-nav	nav ul li img {
	height:32px!important;
	margin-right: 15px !important;
}

@media (min-width: 1025px) {
	.apixel-nav	.elementor-nav-menu--dropdown a {
		padding-left: 35px!important;
		padding-right: 100px!important;
		padding-top: 20px!important;
		padding-bottom: 20px!important;
	}
}

.apixel-nav ul li:last-child a {
    padding-right: 0px !important;
}

.apixel-nav ul {
	cursor:pointer;
}

.active-parent {
	color:var(--e-global-color-primary)!important;
}

.sub-arrow {
    display: none !important;
}

@media (max-width: 1024px) {
	body {
		padding-top:120px!important;
	}
    .header-apixel {
		top:0px;
		position:fixed!important;
		width:100%;
		z-index:99999!important;
		background-color:white!important;
	}

	
    .header-apixel-active {
        background-color: var(--e-global-color-a0e0d6a) !important;
        transition: background-color 0.3s ease !important;
    }

    .apixel-nav nav {
        border-radius: 0px 0px 20px 20px !important;
		height:100vh!important;
		z-index:9999!important;
    }

    .apixel-nav nav ul {
        border-top: 1px solid var(--e-global-color-a7640ac) !important;
	
    }
}



/******** Footer ********/
.footer-apixel-v1 {
    padding: var(--f-pad);
}

.footer-apixel-v1 a:not(.footer-btn a), .footer-apixel-v2 a {
    color: var(--e-global-color-a95aad8) !important;
    transition: all 0.3s ease;
}

.footer-apixel-v1 a:hover:not(.footer-btn a), .footer-apixel-v2 a:hover {
    color: var(--e-global-color-primary) !important;
}

.footer-title h5 {
    font-size: var(--footer-title) !important;
}

.any-download {
    background-color: var(--e-global-color-4765ab3);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 27px;
    border-radius: var(--border-radius-c);
    transition: all 0.3s ease;
}

.any-download svg {
    height: 21px;
    fill: var(--e-global-color-primary);

}

.any-download:hover {
    background-color: #EF443B;
}

.any-download:hover svg {
    fill: #fff;
}


/******** Apixel Cards ********/

.card-border {
	border:2px solid var(--e-global-color-ffcd98e);
}
.apixel-card {
    border-radius: var(--border-radius-card);
}

.apixel-card-icon .elementor-icon {
    border: none;
    transition: all 0.3s ease !important;
}

.apixel-card > .decouv a {
    color: var(--e-global-color-3af4208) !important;
    transition: all 0.3s ease !important;
}

.apixel-card > .decouv a:hover {
    color: var(--e-global-color-primary) !important;
    transition: all 0.3s ease !important;
}

.apixel-card:hover .apixel-card-icon .elementor-icon svg {
    transition: all 0.3s ease !important;
    fill: white !important;
}

.apixel-card:hover .apixel-card-icon .elementor-icon {
    transition: all 0.3s ease !important;
    background-color: var(--e-global-color-primary) !important;
}

/****** Form-Apixel ********/

.form-title h2 {
    font-size: var(--form-title) !important;
	line-height:var(--form-title-height) !important;
}

.apixel-form-img-wrapper .e-con-inner {
    padding-left: 10px !important;
    padding-right: 10px !important;

}

@media (min-width: 1025px) {
    max-width: 1120px !important;
    min-width: 1120px !important;
    overflow: hidden !important;
}

@media (max-width: 1024px) {
    .apixel-form-img-wrapper .e-con-inner {
        flex-direction: column !important;
    }
}


.apixel-form-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.apixel-form-control {
    background-color: var(--e-global-color-24e1769) !important;
    border: none !important;
    border-radius: 8px !important;
    height: 50px;
    color: var(--e-global-color-e8f186d) !important;
}

.apixel-form-control:not(.apixel-submit):hover,
.apixel-form-control:not(.apixel-submit):focus,
.apixel-form-control:not(.apixel-submit):focus-visible,
.wpcf7-form-control:not(.apixel-submit):hover,
.wpcf7-form-control:not(.apixel-submit):focus,
.wpcf7-form-control:not(.apixel-submit):focus-visible,
.wpcf7-form-control-wrap input:not(.apixel-submit):focus,
.wpcf7-form-control-wrap textarea:not(.apixel-submit):focus,
.wpcf7-form-control-wrap select:not(.apixel-submit):focus {
    border: 2px solid var(--e-global-color-primary) !important;
    outline: none !important;
}

.apixel-form-control::placeholder {
    color: var(--e-global-color-e8f186d);
    opacity: 1;
}

.apixel-form-control option:first-child {
    color: var(--e-global-color-e8f186d);
}

.apixel-form-control select {
    color: #000;
}

.apixel-form-control select:invalid {
    color: var(--e-global-color-e8f186d);
}


.apixel-form-wrapper textarea {
    height: 100px;
}

.input-wrapper {
    display: flex;
    align-items: center;
    gap: 20px;
}

.input-d input {
    width: 100% !important;
}

.apixel-submit {
    background-color: var(--e-global-color-primary);
    border: none;
    display: flex;
    align-items: center;
    gap: 5px;
    color: white;
    font-weight: 600;
    transition: all 0.3s ease !important;
    height: 45px;
    outline: none !important;
	border-radius:8px;
}

.apixel-submit:hover,
.apixel-submit:focus {
    background-color: var(--e-global-color-363eff9);
    color: var(--e-global-color-primary);
    border: none;
    outline: none !important;
}



.form-side-wrapper {
    border-radius: 20px 0px 0px 20px;
}

.form-side-image {
    border-radius: 0px 20px 20px 0px;
}

@media (max-width: 1024px) {
    .form-side-wrapper {
        border-radius: 20px 20px 0px 0px;
    }

    .form-side-image {
        border-radius: 0px 00px 20px 20px;
        height: 435px;
    }
}

@media (max-width: 767px) {
    .form-side-wrapper {
        border-radius: 20px 20px 0px 0px;
        padding: 60px 20px;
    }

    .input-wrapper {
        flex-wrap: wrap;
    }

    .apixel-form-wrapper,
    .input-wrapper {
        gap: 10px;
    }

    .apixel-submit {
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    .form-title-spacer {
        display: none;
    }
}



/****** Apixel-Feedback ********/

.apixel-feedback .elementor-testimonial {
    display: flex;
    flex-direction: column-reverse;
    padding: 40px 20px;
    gap: 35px;
}

.apixel-feedback .elementor-testimonial__header {
    align-items: center;
}

.apixel-feedback .elementor-testimonial__name {
    margin-bottom: -3px;
}

.apixel-feedback .elementor-testimonial__text {
   display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/****** Apixel-Number ********/

.apixel-number {
    border-radius: var(--border-radius-card);
}

/****** Apixel-Prestation ********/
.apixel-prestation-card {
    border-radius: var(--border-radius-card);
    border: 2px solid var(--e-global-color-ffcd98e);
    padding: 40px 25px;
}

.presta-img-holder {
    height: 155px;
    border-radius: var(--border-radius-card);

}


/****** Apixel-Custom ********/
::selection {
    background: var(--e-global-color-primary);
    color: #ffffff;
}

::-moz-selection {
    background: var(--e-global-color-primary);
    color: #ffffff;

}

select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 20px;
    background: url("https://apixel.webmasterrm.com/wp-content/uploads/2024/11/caret-select.svg") no-repeat 95% center;
}

select:focus {
    outline: none;
}


select::after {
    content: "";
    position: absolute;
    right: 20px;
}

/****** Apixel-Scroll-Top ********/

.scroll-top-wrapper {}

.scroll-top-button {}

/****** Apixel-call-btn ********/
@media (max-width: 767px) {
    .apixel-call-btn {
        display: none;
    }
}

.apixel-call-btn .elementor-button-text {
    margin-right: 12px;
}

.apixel-call-btn {
    transform: translateX(calc(-100% + 56px));
    transition: transform 0.5s ease;
}

.apixel-call-btn .elementor-button-content-wrapper {
    flex-direction: row-reverse !important;
}

.apixel-call-btn:hover {
    transform: translateX(0);
}

.apixel-call-btn:hover .elementor-button-content-wrapper {
    flex-direction: inherit !important;

}

.apixel-call-btn .elementor-button-icon {
    width: 24px;
    height: 24px;
    font-size: 20px;
    text-align: center;
}

.apixel-call-btn .elementor-button-text {
    margin-left: 4px;
    white-space: nowrap;
}

/******** Solutions De Caisses Enregistreuses ********/

.solutions-caisses-img img {
	height:520px;
	width:100%;
	border-radius: var(--border-radius-card);
	object-fit: fill;
}

.custom-h img {
	height:390px;
	width:auto;
	object-fit: fill;
}
.other-product img {
	height:auto;
	width:auto;
	border-radius: var(--border-radius-card);
}

@media (max-width: 1024px) {
	.solutions-caisses-img img {
		min-height:auto;
		height:auto;
	}
}
.solution-title h3{
	font-size:var(--solution-title-fs);
	line-height:var(--solution-title-lh);
	
}

.solution-check {
	width:10%!important;
}

@media (max-width: 767px) {
	.flex-reverse {
		flex-wrap:var(--flex-reverse-wrap);
	}
}

/***** Map ********/

.map-holder {
	overflow:hidden;
	display:block!important;
}

#map {
    height: 400px;
    width: 100%;
    display: block;
    margin: 0 auto;  
    box-sizing: border-box;
	border-radius: var(--border-radius-card);
}

.leaflet-bottom {
    display: none!important;
}