/*
Theme Name: Kkiapay
Theme URI: http://opensi.co
Author: Intside
Author URI: http://opensi.co
Description: Bootship is a startup theme for Advanced user who want to build professional WordPress theme based on Bootstrap
Version: 0.1
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: blue, black, white, light, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: Kkiapay

This theme is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/* @import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap'); */
/* @import url("https://use.typekit.net/fbv1xsk.css"); */
@import url('https://fonts.cdnfonts.com/css/source-sans-pro?styles=14484,14489,14486,14490,14491,14485,14483,14482,14488,14487,14493,14492&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

/**
 * Table of Contents:
 *
 * 1.0 - Basic Structure
 * 2.0 - Media Queries
 * ----------------------------------------------------------------------------
 */


/**
 * 1.0 Basic Structure
 * ----------------------------------------------------------------------------
 */
:root {
	--primary-color: #222F5A;
	--primary-color-dark: #172444;
	--secondary-color: #f11c33;
	--secondary-color-dark: #e30000;
	/* --bs-table-striped-bg: #F6F9FF; */
	--table-striped-bg: #F6F9FF;
}

body {
	background-color: #fff;
	font-family: 'Source Sans Pro';
	font-size: 1rem;
	font-weight: 400;
	font-style: normal;
	color: var(--primary-color);
	line-height: 140%;
}

body div,
body span {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

header {
	margin-bottom: 3rem;
}

#primary #content article {
	margin: 0;
}

.entry-meta {
	display: none;
}

/* image */
img {
	width: 100%;
	max-width: 100%;
	vertical-align: middle;
}

ul {
	list-style: none;
	padding: 0;
}

/* Link style */
a,
a:hover {
	color: #000;
}

.dropdown-toggle::after {
	display: none;
}

.btn-primary,
.btn-secondary,
.btn-noback-primary,
.btn-noback-secondary,
.btn-noback-white,
.btn-primary-no-back,
.integration .buttons .btn-secondary {
	/* font-weight: 600; */
	font-weight: 400;
	text-decoration: none;
	border-radius: 0.25rem;
	font-size: 1.125rem;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 0.75rem 1.25rem;
	line-height: 1.125rem;
	letter-spacing: -0.00625rem;
}


/* .btn-primary {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}

.btn-secondary {
	background-color: var(--secondary-color);
	border-color: var(--secondary-color);
	color: var(--secondary-color);
} */

.btn-noback-primary {
	background-color: #FFF;
	border-color: var(--primary-color);
	color: var(--primary-color);
}

.btn-noback-primary:hover {
	background-color: #c6d6ec;
	border-color: var(--primary-color);
	color: var(--primary-color);
}

.btn-noback-secondary {
	background-color: #FFF;
	border-color: var(--secondary-color);
	color: var(--secondary-color);
}

.btn-noback-white {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}

.btn:hover,
.btn:focus-visible,
.btn-check:focus+.btn,
.btn:focus,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
	box-shadow: none;
	transition: .5s ease-in-out;
}

/* .btn:hover.btn-primary,
.btn:focus-visible.btn-primary,
.btn-check:focus+.btn.btn-primary,
.btn:focus.btn-primary,
.btn:first-child:active.btn-primary,
:not(.btn-check)+.btn:active.btn-primary {
	background-color: var(--secondary-color-dark);
	border-color: var(--secondary-color-dark);
} */

/* start */


.integration .home .btn-secondary,
.integration .home .btn-primary-no-back {
	padding: 1rem 1.25rem;
	font-size: 20px;
}

.direct .home .btn-secondary,
.direct .home .btn-primary {
	padding: 1rem 0.25rem;
	font-size: 17px;
}

.btn-primary {
	color: #FFF;
	background-color: #F11C33 !important;
	border-color: #F11C33 !important;
}

.btn-secondary {
	color: #FFF;
	/* border: 1.5px solid var(--Greyscales-White, #FFF); */
	background: var(--primary-color);
	border-color: var(--primary-color);
}

.btn-primary-no-back {
	color: #F11C33 !important;
	background-color: #FFF !important;
	border-color: #F11C33 !important;
}

.btn-primary:hover {
	color: #FFF;
	background-color: #e30000 !important;
	border-color: #e30000 !important;
	cursor: pointer;
}

.btn-secondary:hover {
	color: #FFF;
	cursor: pointer;
	background: var(--primary-color);
	border: 1.5px solid var(--Greyscales-White, #FFF);
}

.btn-primary-no-back:hover {
	background-color: #fef5f6 !important;
	border-color: #e30000 !important;
	cursor: pointer;
}

.btn-sign-mobile {
	font-size: 14px;
	height: 32px;
	align-items: center;
	line-height: 0;
	padding: 0.75rem 0.375rem;
}

/* end */

.kkp-banner {
	padding: 0.9375rem 1.125rem;
	background: var(--primary-color);
	color: #FFF;
	height: 3rem;
}

/* new menu*/
.logo img {
	width: 110px;
}

.main-navigation .offcanvas-title .menu-langue-container #menu-langue li {
	font-size: 0.875rem;
	padding: 0rem;
}

#menu-langue .menu-item-has-children::after {
	display: none;
}

.main-navigation .offcanvas-body {
	background-color: #F5F6F6;
}

.main-navigation .offcanvas-body .menu-main-container #menu-main,
.main-navigation .offcanvas-body .menu-main-anglais-container #menu-main-anglais {
	padding-top: 0rem;
	gap: 1.5rem;
}

.navbar-nav li a {
	color: var(--primary-color);
	font-weight: 600;
	font-size: 1.125rem;
}

.navbar-nav li .sub-menu li {
	padding: 0.5rem 0rem 1.5rem 0;
}

.navbar-nav li .sub-menu li img {
	/* width: auto; */
	width: 38px;
	height: 38px;
}

.navbar-toggler:focus {
	box-shadow: none;
}


/** menu **/
.navbar-nav {
	margin: 0;
}

.navbar-nav .nav-link.active {
	font-weight: 400;
}

.navbar-nav .sub-menu li {
	border-bottom: none;
}

#menu-main li[id^="menu-item-"] a,
#menu-main-anglais li[id^="menu-item-"] a {
	display: block;
}

/* .navbar-nav li .sub-menu {
	display: none;
	position: absolute;
	width: 17rem;
	background-color: #fff;
	color: #000;
	padding: 0.5rem 1rem;
	padding: 1rem 0;
	margin: 0;
	z-index: 999;
	border-radius: 0.25rem;
	border: 1px solid var(--Brand-Blue-Tint70, #C6D6EC);
	background: var(--WHITE, #FFF);
	box-shadow: 0px 16px 32px 0px rgba(112, 144, 176, 0.20);
} */

.navbar-nav li .sub-menu {
	display: none;
	position: absolute;
	padding: 1rem 0 0;
}

#menu-main li .sub-menu,
#menu-main-anglais li .sub-menu {
	display: block;
	position: relative;
}

.navbar-nav li .sub-menu li a {
	display: block;
}

.navbar-nav li .sub-menu li:hover {
	background-color: #F1F1F1;
}

.navbar-nav li .sub-menu li a:hover {
	/* color: #000; */
}

.menu-item-has-children {
	position: relative;
	padding: 0;
}

.menu-item-has-children::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 15px;
	height: 8px;
	background-size: 1rem;
	background-image: url(images/down-arrow.svg);
	background-position: center;
	background-repeat: no-repeat;
	transition: transform 0.6s;
}

.menu-item-has-children:hover .sub-menu {
	display: block;
}

a {
	display: inline-block;
	text-decoration: none;
	color: var(--primary-color);
}

a:hover {
	text-decoration: none !important;
}

.header-container {
	/* margin: 1rem auto !important; */
	/* padding: 0.6875rem 3rem!important;*/
}

footer {
	background-color: var(--primary-color-dark);
	color: #fff;
}

.footer-container {
	padding: 2.2rem 2.13rem;
	/* margin: 0 0 1.5rem; */
}

.footer-container a {
	color: #fff !important;
}

.footer-container .row {
	border-bottom: solid 1px #314482;
}

.footer-container h4 {
	color: #A5BCE0;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.125rem;
	letter-spacing: -0.00625rem;
}

footer .navbar-nav li a,
.footer-container .email {
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.125rem;
	letter-spacing: -0.00625rem;
	margin-bottom: .8rem;
}

.copyright {
	padding-bottom: 1rem;
}

.copyright p {
	margin: 0;
	opacity: 0.5;
	font-weight: 600;
	font-size: 1.125rem;
}

.main-bloc-home .home {
	padding-bottom: 0rem;
}

.main-bloc-home .cover-image img {
	height: auto;
}

.main-bloc-home .cover img {
	width: 100%;
}

.main-bloc-home .main-bloc-title {
	color: var(--secondary-color);
	font-size: 28px;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.03125rem;
}

.main-bloc-home .main-bloc-description {
	color: #333;
	font-size: 1rem;
	line-height: 24px;
	letter-spacing: -.2px;
}

.main-bloc-home .main-bloc-required-items {
	/* padding-top: 16px; */
	padding-bottom: 16px;
}

.main-bloc-home .countries-container .item-icon {
	width: 1.25025rem;
	height: 0.8205rem;
}

.main-bloc-home .countries-container {
	display: flex;
	align-items: center;
	gap: 7px;
	flex-wrap: wrap;
}

.main-bloc-home .country-container {
	display: flex;
	align-items: center;
	gap: 4px;
}

.main-bloc-home .trust {
	background: #ECEFF8;
	padding: 1.5rem 0;
}

.main-bloc-home .trust .title {
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 1.375rem;
	letter-spacing: -0.025rem;
}

.main-bloc-home .trust .trusted {
	margin-left: 2rem;
	margin-right: 2rem;
}

.main-bloc-home .trust .trusted .slick-prev,
.main-bloc-home .trust .trusted .slick-next {
	width: 2.625rem;
	height: 2.625rem;
}

.main-bloc-home .trust .trusted .slick-prev {
	background-image: url(images/left.svg);
	background-position: center;
	background-size: contain;
}

.main-bloc-home .trust .trusted .slick-next {
	background-image: url(images/Right.svg);
	background-position: center;
	background-size: contain;
}

.main-bloc-home .trust .trusted .slick-prev:before,
.main-bloc-home .trust .trusted .slick-next:before {
	content: '';
	opacity: -1.25;
}

/* .main-bloc-home .trust .trusted .draggable {
	margin: 0 5rem;
} */

.main-bloc-home .trust .partner {
	cursor: pointer;
	margin-right: 1rem;
}

.main-bloc-home .trust .partner img {
	width: 80px;
	height: 40px;
}

.main-bloc-home .trust .partner img {
	transition: filter .3s;
	filter: grayscale(1);
}

.main-bloc-home .trust .partner:active img,
.main-bloc-home .trust .partner:focus img,
.main-bloc-home .trust .partner:hover img {
	filter: grayscale(0)
}

.main-bloc-home .how {
	background: #C6D6EC;
	padding: 3.31rem 0 2.5rem;
}

.main-bloc-home .how .demo {
	padding: 0;
}

.main-bloc-home .how .title {
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 1.625rem;
	letter-spacing: -0.03125rem;
}

.main-bloc-home .how .text {
	font-size: 1.875rem;
	font-weight: 600;
	line-height: 2rem;
	letter-spacing: -0.05rem;
}

.main-bloc-home .how .legend {
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 1.375rem;
	letter-spacing: -0.025rem;
}

.main-bloc-home .how .video-container {
	height: 670px;
	width: 359px;
	margin: auto;
}

.main-bloc-home .how .video {
	position: relative;
	top: 75px;
	border-radius: 12px;
	max-width: 260px;
}

.main-bloc-home .how .demo .player {
	display: block;
	top: 60%;
	left: 40%;
}

.main-bloc-home .how .demo .player:before {
	top: -25%;
	left: -25%;
}

.main-bloc-home .section-refund-module .cover {
	width: 42rem;
	height: 28rem;
}

.main-bloc-home .section-refund-module h3 {
	font-size: 18px;
	line-height: 26px;
	font-weight: 700;
}

.main-bloc-home .section-refund-module .marketing p.text {
	font-size: 18px;
	line-height: 27px;
}

.main-bloc-home .tools {
	background: #4661B9;
	padding: 3.75rem 0;
	color: #FFF;
}

.main-bloc-home .tools .tools-item {
	justify-content: center;
}

.main-bloc-home .tools .tools-item .cover {
	/* width: 18rem; */
	height: 20.8125rem;
	border-radius: 0.5rem .5rem 0rem 0rem;
}

.main-bloc-home .tools .tools-item .data {
	background: #FFF;
	border-radius: 0rem 0rem 0.5rem 0.5rem;
	padding: 4rem 2rem;
	margin-bottom: 3rem;
}

.main-bloc-home .tools .tools-item .title {
	color: #F11C33;
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.625rem;
	letter-spacing: -0.03125rem;
}

.main-bloc-home .tools .tools-item .data-description {
	color: #333;
	font-size: 1.125rem;
	line-height: 1.5rem;
	letter-spacing: -0.0125rem;
}

.main-bloc-home .tools .tools-item .more {
	font-size: 18px;
	color: #1e87f0;
	text-decoration: none;
	cursor: pointer;
	font-weight: 600;
}

.main-bloc-home .testimonials {
	background: #FEFBEC;
	padding: 3.4rem 0;
}

.main-bloc-home .testimonials .trusted {
	margin-bottom: 2rem;
}

.main-bloc-home .testimonials .trusted .title {
	color: var(--primary-color);
	font-size: 1.875rem;
	font-weight: 600;
	line-height: 2rem;
	letter-spacing: -0.05rem;
}

.main-bloc-home .testimonials .trusted .text {
	color: var(--primary-color);
	font-size: 1.125rem;
	line-height: 1.5rem;
	letter-spacing: -0.0125rem;
}

.main-bloc-home .testimonials .trusted .num-trans {
	color: #000;
	font-size: 30px;
	font-weight: 600;
	line-height: 2rem;
	letter-spacing: -0.05rem;
}

.main-bloc-home .testimonials .trusted .label {
	color: #000;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.625rem;
	letter-spacing: -0.03125rem;
}

.testimonials .testimonial {
	border-radius: 0.25rem;
	background: #FFF;
	box-shadow: 0px 10px 30px 0px rgba(39, 48, 57, 0.15);
	padding: 1.20rem;
	/* height: 13.5rem; */
}

.testimonials .testimonial .text {
	color: var(--primary-color);
	line-height: 1.375rem;
	letter-spacing: -0.00625rem;
}

.testimonials .testimonial .merchant {
	align-items: center;
	margin-top: 1.5rem;
}

.testimonials .testimonial .avatar {
	width: 5rem;
	border-radius: 4.25rem;
}

.testimonials .slick-dots {
	bottom: -35px;
}

.testimonials .slick-dots li button:before {
	font-size: 10px;
}

.testimonials .slick-dots li.slick-active button:before {
	opacity: .5;
}

.testimonials .slick-dots li:not(.slick-active) button:before {
	content: "\25CB";
}

.testimonials .slick-dots li.slick-active button:before {
	content: "\25CF";
}

.testimonials .testimonial .name {
	color: var(--primary-color);
	line-height: 1.125rem;
	letter-spacing: -0.00625rem;
}

.testimonials .testimonial .post {
	color: var(--primary-color);
	font-size: 0.75rem;
	line-height: 1rem;
	letter-spacing: -0.00625rem;
}

.btn span.btn-text {
	margin-left: 5px;
}

.faq {
	padding: 2.5rem 1rem;
}

.faq .faq-title {
	color: #F11C33;
	text-align: center;
	font-size: 24px;
	line-height: 24px;
	font-weight: 700;
	letter-spacing: -0.1rem;
}

.faq .faq-desc {
	font-size: 1.125rem;
	letter-spacing: -0.00625rem;
	color: #000;
}

.faq-response {
	background-color: #FFF;
	color: #000;
}

.faq .accordion-button:focus {
	border-color: none;
	/* box-shadow: 0 0 0 0; */
}

.faq .accordion-button:not(.collapsed) {
	color: #000;
	background-color: #fff;
	box-shadow: none;
}

.faq .accordion-header:hover {
	background-color: #fff;
}

.faq .accordion-container {
	background: #F4F4F4;
}

.faq .accordion-flush .accordion-item {
	border-radius: 0.25rem;
}

.faq .accordion-flush .accordion-item .accordion-header {
	padding: 1.5rem 1rem;
}

.accordion-flush .accordion-item .accordion-button {
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 130%;
	letter-spacing: -0.00625rem;
}

.accordion-flush .accordion-item .accordion-button.collapsed:hover {
	background-color: #fff;
	color: #000;
}

.accordion-button:focus {
	box-shadow: none;
}

.faq .accordion-body {
	padding: 0 1.25rem 1.25rem;
	line-height: 24px;
	letter-spacing: -.1px;
}

.faq .accordion-body ul {
	list-style-type: disc !important;
	padding: inherit !important;
	margin: 0 !important;
}

.faq .accordion-body a {
	color: #1e87f0;
	cursor: pointer;
}

/* .faq .accordion-button::after {
	background-image: url("images/faq-cross.svg");
	width: 2.75rem;
	height: 2.75rem;
	background-size: contain;
}

.faq .accordion-button:not(.collapsed)::after {
	background-image: url("images/faq-close.svg");
}
*/

.ask-question .cover {
	width: 17.68606rem;
	height: 14.4375rem;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.ask-question .text h1 {
	color: #F11C33;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: -0.1rem;
}

.ask-question .text p {
	line-height: 130%;
	letter-spacing: -0.00625rem;
}

.documentation .cover {
	width: 100%;
	height: 7.4375rem;
}

.documentation .main {
	background-color: #F2C94C;
}

.documentation .main .title {
	font-size: 24px;
	font-weight: 700;
	line-height: 3.4375rem;
	letter-spacing: -0.1rem;
	padding: 1.5rem 0 0;
}

.documentation .main .card .card-cover {
	width: 4.83881rem;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.documentation .main .card .card-info {
	text-align: start;
	margin-left: 1rem;
}

.documentation .main .card .card-title {
	font-size: 1.375rem;
	font-weight: 700;
	line-height: 1.625rem;
	letter-spacing: -0.03125rem;
}

.documentation .main .card .card-text {
	font-size: 1.125rem;
	line-height: 1.25rem;
	letter-spacing: -0.0125rem;
}

.ready-for-paiement {
	background: var(--primary-color);
	padding: 2rem;
}

.ready-for-paiement .title {
	color: var(--Greyscales-White, #FFF);
	text-align: center;
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.625rem;
	letter-spacing: -0.03125rem;
	margin-bottom: .88rem;
}

.ready-for-paiement .text {
	color: var(--Greyscales-White, #FFF);
	text-align: center;
	font-size: 1.125rem;
	line-height: 1.25rem;
	letter-spacing: -0.0125rem;
	margin-bottom: 1rem;
}

.ready-for-paiement .buttons div {
	margin-bottom: 1rem;
}

.ready-for-paiement .buttons div.btn-secondary {
	border-color: #FFF;
}

.tpe .cover {
	/* width: 4.83881rem; */
	/* height: 100%; */
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.tpe .main .title {
	font-weight: 700;
	font-size: 30px;
	line-height: 32px;
	letter-spacing: -1.6px;
	color: #f11c33;
}

.tpe .main .text {
	line-height: 24px;
	font-size: 18px;
	color: #333;
}

.tpe .main a.text {
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 18px;
	color: #f11c33;
	font-weight: 700 !important;
}

.tpe .main .subtitle {
	color: #333;
	letter-spacing: -.2px;
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
}

.tpe .main .compliance-logo {
	width: 117px;
	height: 43px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.tpe .main .providers {
	gap: 2.5rem;
}

.tpe .main .provider-container {
	display: flex;
	gap: 40px;
}

.tpe .main .provider-title {
	font-size: 14px;
	margin-bottom: 10px;
}

.tpe .tarification {
	background: #F8F9FC;
	padding: 5.75rem 0
}

.tpe .tarification .content {
	padding-left: 15px;
	padding-right: 15px;
	display: flow-root;
	box-sizing: content-box;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.tpe .tarification .title {
	font-size: 24px;
	line-height: 32px;
	font-weight: 600;
	letter-spacing: -.04em;
	margin-bottom: 40px;
	text-align: center;
	color: #222f5a;
}

.tpe .tarification table {
	background-color: #fff;
	border-collapse: collapse;
}

.tpe .tarification table tr {
	border-bottom: 1px solid #e6eaf1;
}

.tpe .tarification table th,
.tpe .tarification table td {
	padding: 16px;
	display: table-cell;
	text-align: left;
	border: none;
}

.tpe .tarification table th div {
	font-weight: 700;
	color: #394452;
	display: flex;
	align-items: center;
	grid-gap: 24px;
	gap: 24px;
	font-size: 18px;
	line-height: 22.63px;
}

.tpe .tarification table th div img {
	width: 20px;
}

.tpe .tarification table th div p {
	margin: 0;
	text-transform: capitalize;
	font-size: 15px;
	line-height: 20px;
}

.tpe .tarification table td {
	color: #333;
	font-size: 18px;
	line-height: 22.63px;
	font-size: 15px;
	line-height: 20px;
}

.main-bloc-home .provider,
.tpe .main .provider,
.confirmite .provider {
	display: flex;
	margin: auto;
	width: fit-content;
	/* padding-right: 16px; */
}

.main-bloc-home .provider div,
.confirmite .provider div {
	margin-right: -16px;
	width: 3.7rem;
	height: 3.5rem;
	max-width: 100%;
	box-sizing: border-box;
	vertical-align: middle;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.tpe .main .provider div {
	margin-right: -16px;
	width: 2.5rem;
	height: 2.7rem;
	max-width: 100%;
	box-sizing: border-box;
	vertical-align: middle;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}



.integration .home .title,
.direct .home .title,
.pos .home .title,
.sbee .home .title {
	font-weight: 700 !important;
	font-size: 24px;
	line-height: 26px;
	letter-spacing: -1.6px;
	color: #f11c33;
}

.integration .home .text,
.direct .home .text,
.pos .home .text,
.sbee .home .text {
	line-height: 24px;
	font-size: 18px;
	color: #333;
}

.integration .cover {
	/* width: 4.83881rem; */
	/* height: 100%; */
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.compliant {
	width: 112px;
	height: 43px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.payment-mean {
	padding-top: 24px;
	padding-bottom: 24px;
	background: #eceff8;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	/* display: flex; */
	font-size: 1.125rem;
}

.payment-mean h3 {
	font-size: 18px;
	/* margin-right: 25px; */
	margin-bottom: 0;
	line-height: 26px;
	font-weight: 600;
}

.payment-mean .provider {
	display: flex;
	/* margin: auto; */
	width: fit-content;
}

.payment-mean .provider div {
	margin-right: -16px;
	width: 3rem;
	height: 3rem;
	max-width: 100%;
	box-sizing: border-box;
	vertical-align: middle;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.usage .title {
	font-weight: 600 !important;
	font-size: 24px;
	line-height: 26px;
	letter-spacing: -.5px;
	margin-bottom: 2rem;
}

.usage .content {
	justify-content: center;
	display: flex;
	flex-direction: column;
}

.usage .content img {
	max-width: 100%;
	height: auto;
	box-sizing: border-box;
	vertical-align: middle;
	margin-bottom: 1rem;
}

.usage .content p {
	line-height: 20px;
	font-size: 18px;
	font-weight: 400;
	padding: 0 1rem;
}

.api-module .api-section {
	background: #f2f6fb;
}

.api-module .api-section .title,
.api-module .module-section .title {
	line-height: 26px;
	font-size: 24px;
	font-weight: 600;
}

.api-module .api-section .text,
.api-module .module-section .text {
	line-height: 24px;
	font-size: 18px;
}

.api-module .module-section a {
	color: #FFF !important;
	text-decoration: underline !important;
}

.api-module .api-section .doc-link {
	color: #f11c33;
	cursor: pointer;
	text-decoration: none;
	font-size: 18px;
}

.api-module .api-section .code-section #myTab {
	background: #172444;
	border: none;
}

.api-module .api-section .code-section #myTab li a {
	border-radius: 0;
	color: #FFF;
	font-size: 16px;
	text-transform: none;
}

.api-module .api-section .code-section #myTab li a:hover {
	text-decoration: none;
	cursor: pointer;
	border-color: #172444;
}

.api-module .api-section .code-section #myTab li a[aria-selected=true] {
	background: var(--primary-color);
	border-color: var(--primary-color);
}

.api-module .api-section .code-section,
.api-module .api-section .code-section pre,
.api-module .api-section .code-section code {
	background: var(--primary-color);
	font-family: 'Source sans pro';
}

.api-module .api-section .code-section pre {
	border-radius: unset !important;
	display: flex;
	min-height: 230px;
	overflow-y: scroll;
	text-align: left;
	border: 1px solid var(--primary-color);
	border-radius: 3px;
	background: var(--primary-color) !important;
	border-radius: 4px;
	font-size: 14px !important;
	/* font: 0.875rem / 1.5 Consolas, monaco, monospace; */
	color: #666;
	padding: 0.7rem 0.4rem;
	line-height: 1.5;
	font-family: 'Source sans pro';
}

.api-module .module-section {
	background-color: var(--primary-color);
}

.hljs-tag {
	color: #7ba7f9 !important;
}

.hljs-name {
	color: #7ba7f9 !important;
}

.hljs-attr {
	color: #f2a152 !important;
}

.hljs-string {
	color: #85e0aa !important;
}

.hljs-comment {
	color: #85e0aa !important;
}

.hljs-built_in {
	color: #0086b3;
}

.hljs-keyword {
	color: #85e0aa !important;
}

.hljs-type {
	color: #85e0aa !important;
}

.hljs-literal {
	color: #85e0aa !important;
}

.hljs-meta {
	color: #999;
	font-weight: 700;
}

.api-module .module-section .module-icon-group {
	margin-top: 4rem;
	margin: 5.5rem 0 3.5rem;
	justify-content: center;
}

.api-module .module-section .plateform-icon-group {
	display: flex;
	justify-content: center;
	justify-content: space-evenly;
	margin-top: 2rem;
	padding: 0 3rem;
}

.integration .how-integration {
	background-color: #314482;
	padding: 60px 0;
}

.integration .how-integration .title {
	padding-bottom: 25px;
	color: #fff;
	text-align: center;
	font-size: 1.5rem;
	line-height: 1.4;
}

.integration .how-integration img {
	max-width: 100%;
	height: auto;
	box-sizing: border-box;
}

.integration .how-integration .step {
	font-size: 40px;
	line-height: 40px;
	margin-top: 15px;
	margin-bottom: 15px;
	color: #fff;
	font-weight: 700;
}

.integration .how-integration p {
	margin-top: 5px;
	line-height: 18px;
	color: #fff;
	text-align: center;
}

.integration .how-integration p a {
	color: #fff;
	text-decoration: underline;
}

.multiple-usage {
	background: #eceff8;
	padding-top: 70px;
	padding-bottom: 70px;
}

.multiple-usage .title {
	color: var(--primary-color);
	font-weight: 600;
	font-size: 24px;
	line-height: 26px;
	letter-spacing: -.5px;
	text-align: center;
}

.card-container {
	padding-top: 25px;
}

.multiple-usage .card {
	box-shadow: 0 4px 6px rgba(0, 0, 0, .06);
	border-radius: 8px;
	border: none;
	color: var(--primary-color);
}

.multiple-usage .card .card-body {
	padding: 20px;
}

.multiple-usage .card .card-cover {
	width: 4.83881rem;
	height: 3.75rem;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.multiple-usage .card .card-info {
	text-align: start;
	margin-left: .5rem;
}

.multiple-usage .card .card-title {
	font-size: 1.375rem;
	font-weight: 700;
	line-height: 1.625rem;
	letter-spacing: -0.03125rem;
}

.multiple-usage .card .card-text {
	font-size: 1.125rem;
	line-height: 1.25rem;
	letter-spacing: -0.0125rem;
}

.taux {
	background: #f2c94c;
	padding-top: 40px;
	padding-bottom: 40px;
	box-sizing: border-box;
}

.taux .content {
	/* display: flex; */
	gap: 1rem;
	justify-content: center;
	align-items: center;
}

.taux .taux-info {
	box-shadow: 0 15px 20px rgba(0, 0, 0, .05);
	border-radius: 4px;
	background: #fff;
	padding: 20px;
	margin-right: 25px;
}

.taux .text {
	font-size: 24px;
	font-weight: 600;
	color: var(--primary-color);
}

.taux .text .red {
	color: #f11c33;
}

.taux .description {
	font-size: 18px;
	line-height: 26px;
	font-weight: 600;
	margin-bottom: 2rem;
}

.direct .testimonial {
	background: #fefbec;
	padding: 2.5rem 0rem;
}

.direct .testimonial .content {
	font-size: 24px;
	line-height: 32px;
	color: #000;
	align-items: center;
}

.demo {
	margin-bottom: 4rem;
	padding: 0;
}

.demo .video {
	border-radius: 20px;
	max-width: 100%;
	height: auto;
	box-sizing: border-box;
	vertical-align: middle;
}

.demo .player {
	display: block;
	top: 30%;
	left: 38%;
	position: absolute;
	z-index: 800;
	text-decoration: none !important;
	width: 80px;
	height: 80px;
	background: rgba(241, 28, 51, .8);
	border-radius: 50%;
	display: block;
	box-shadow: 0 0 10px 3px rgba(241, 28, 51, .8);
	cursor: pointer;
}

.demo .player:before {
	content: "";
	position: absolute;
	width: 150%;
	height: 150%;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation: pulsate1 2s;
	animation: pulsate1 2s;
	-webkit-animation-direction: forwards;
	animation-direction: forwards;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: steps;
	animation-timing-function: steps;
	opacity: 1;
	border-radius: 50%;
	border: 5px solid rgba(241, 28, 51, .75);
	top: -30%;
	left: -30%;
	background: rgba(198, 16, 0, 0);
	cursor: pointer;
}

.player:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-40%) translateY(-50%);
	transform-origin: center center;
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 25px solid #fff;
	z-index: 100;
	transition: all .4s cubic-bezier(.55, .055, .675, .19);
	cursor: pointer;
}

@keyframes pulsate1 {
	0% {
		transform: scale(.6);
		opacity: 1;
		box-shadow: inset 0 0 25px 3px hsla(0, 0%, 100%, .75), 0 0 25px 10px hsla(0, 0%, 100%, .75);
	}

	100% {
		transform: scale(1);
		opacity: 0;
		box-shadow: none;
	}
}

.service-plus {
	background-color: #eceff8;
	padding-bottom: 40px;
}

.service-plus h1 {
	font-weight: 700;
	font-size: 50px;
	line-height: 55px;
	letter-spacing: -1.6px;
	color: #f11c33;
	margin-bottom: 20px;
}

.service-plus .description {
	font-size: 18px;
	color: var(--primary-color);
	font-weight: 700 !important;
	margin-bottom: 20px;
}

.service-plus .recharge {
	box-shadow: 0 15px 20px rgba(0, 0, 0, .05);
	border-radius: 8px 0 0 8px;
	margin-left: 2rem;
	margin-right: 2rem;
}

.service-plus .icon-container {
	border-radius: 8px 0 0 8px;
	box-shadow: 0 15px 20px rgba(0, 0, 0, .05);
	padding: 1rem 4rem 0;
}

.service-plus .mockup {
	max-width: 268px;
	width: 100%;
	height: 322px;
	margin: auto;
	position: relative;
}

.service-plus .icon {
	margin-top: auto;
	position: absolute;
	left: 33px;
	width: 199px;
	height: 275px;
	/* z-index: 10; */
	top: 3rem;
}

.service-plus .data {
	text-align: left;
	padding: 4rem;
	border-radius: 0 8px 8px 0;
	background: #FFF;
	box-shadow: 0 15px 20px rgba(0, 0, 0, .05);
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.service-plus .data .title {
	font-weight: 700;
	font-size: 24px;
}

.service-plus .data .description {
	/* font-size: 18px; */
}

.service-plus .data .more {
	font-size: 18px;
	color: #1e87f0;
	text-decoration: none;
	cursor: pointer;
	font-weight: 700;
}

.entreprise .main {
	background-color: #FFF;
	padding-bottom: 95px;
}

.entreprise .main .title {
	color: #F11C33;
	font-size: 3.125rem;
	font-weight: 700;
	line-height: 3.125rem;
	letter-spacing: -0.1rem;
	padding: 0 16rem;
}

.entreprise .main .description {
	color: #333;
	font-size: 1.125rem;
	line-height: 1.5rem;
	letter-spacing: -0.0125rem;
	padding: 0 23rem;
}

.entreprise .trademark {
	background: #ECEFF8;
	padding-top: 70px;
	padding-bottom: 70px;
}

.entreprise .trademark-container {
	padding-left: 70px;
	padding-right: 70px;
}

.entreprise .trademark .title {
	font-size: 2.125rem;
	font-weight: 600;
	line-height: 2.5rem;
	letter-spacing: -0.05rem;
	margin-bottom: 1.5rem;
}

.entreprise .trademark .text {
	font-size: 1rem;
	line-height: 1.375rem;
	letter-spacing: -0.00625rem;
	margin-bottom: 1.4rem;
}

.entreprise .trademark .team-cover {
	width: 45%;
	/* height: 29.0625rem; */
}

.entreprise .the-team {
	padding-top: 70px;
	padding-bottom: 70px;
}

.entreprise .the-team .title {
	font-size: 3.125rem;
	font-weight: 700;
	line-height: 3.125rem;
	letter-spacing: -0.1rem;
}

.entreprise .the-team .text {
	text-align: center;
	font-size: 1.25rem;
	line-height: 1.875rem;
	letter-spacing: -0.01563rem;
	padding: 0 22rem;
}

.entreprise .the-team img {
	width: 10rem;
	height: 10rem;
	margin-top: 3rem;
}

.entreprise .the-team .name {
	padding-top: 1rem;
	text-align: center;
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 1.375rem;
	letter-spacing: -0.025rem;
}

.entreprise .the-team .post {
	color: #566C80;
	text-align: center;
	font-size: 1rem;
	line-height: 1.125rem;
	letter-spacing: -0.00625rem;
}

.confirmite .title {
	color: #F11C33;
	font-size: 3.125rem;
	font-weight: 700;
	line-height: 3.4375rem;
	letter-spacing: -0.1rem;
}

.confirmite .text {
	color: #333;
	font-size: 1.125rem;
	line-height: 1.5rem;
	letter-spacing: -0.0125rem;
	margin: 1rem 22rem 1.5rem;
}

.confirmite .cover {
	width: 34.67769rem;
	height: 20.625rem;
	margin: auto;
}

.confirmite .big-text {
	color: #000;
	font-size: 1.125rem;
	line-height: 1.5rem;
	letter-spacing: -0.0125rem;
}

.condition .cover {
	width: 100%;
	height: 18rem;
}

.condition .bigtitle {
	color: #F11C33;
	font-size: 3.125rem;
	font-weight: 700;
	line-height: 3.4375rem;
	letter-spacing: -0.1rem;
	padding-top: 60px;
	padding-bottom: 35px;
}

.condition .content {
	color: var(--primary-color);
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5rem;
	text-align: left;
	padding-left: 11rem;
	padding-right: 11rem;
	padding-bottom: 4rem;
	padding: 0;
}

.condition .content ul {
	list-style-type: disc !important;
	padding: inherit !important;
	margin: 0 !important;
}

.condition .content ul li {
	text-decoration: underline;
}

.condition .content .title {
	font-size: 18px;
	line-height: 26px;
	color: var(--primary-color);
	font-weight: 600;
	text-align: left;
}

.tarif .title {
	color: #F11C33;
	font-size: 1.5rem;
	line-height: 3.4375rem;
	font-weight: 700;
	letter-spacing: -0.1rem;
}

.tarif .country-contain {
	/* display: flex;
	justify-content: center;
	align-items: center; */
	/* margin-bottom: 1rem; */
}

.tarif .country-flag {
	/* width: 30px;
	height: 20px; */
	width: 0.93769rem;
	height: 0.61538rem;
	margin: auto;
}

.tarif .description {
	color: #000;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.6875rem;
	letter-spacing: -0.0125rem;
}

.tarif .category-nav {
	border-radius: 1rem;
	background: #E4ECF6;
	padding: 0.375rem;
	display: inline-flex;
}

/* .category-nav ul {
} */

.tarif .category-nav .nav-item {
	padding: 0.5rem 0.75rem;
	margin-right: .1rem;
	/* display: flex; */
	/* justify-content: center;
	align-items: flex-start; */
	border-radius: 0.75rem;
}

.tarif .category-nav .nav-item:hover,
.tarif .category-nav .nav-item:focus,
.tarif .category-nav .nav-item.active {
	border-radius: 0.75rem;
	background: #FFF;
	box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.10);
	/* line-height: normal; */
}

.tarif .category-nav .nav-item.active a {
	font-weight: 700;
	color: #000;
}

.tarif .category-nav .nav-item:hover a,
.tarif .category-nav .nav-item:focus a {
	color: #000;
}

.tarif .category-nav .nav-item a {
	font-size: 0.75rem;
	color: var(--gray-color);
}

.tarif .transaction-fee {
	margin-top: 16px;
}

.tarif .transaction-fee .fee {
	padding: 12px 16px 12px 0;
}

.tarif .transaction-fee .fee div {
	font-weight: 600;
	font-size: 20px;
	line-height: 20px;
	color: #000;
}

.tarif .payment-mean {
	padding-top: 10px;
	padding-bottom: 0px;
	background: #FFF;
	color: #000;
}

.tarif .merchant {
	background: #eceff8;
	padding: 70px 0 124px;
}

.tarif table th,
.tarif table td,
.tarif table .wp-block-table th,
.tarif table .wp-block-table td {
	text-align: center;
	color: var(--primary-color);
	line-height: 1.2;
}

.tarif table a {
	color: var(--secondary-color);
	text-decoration: underline;
}

.tarif table a:hover {
	color: var(--secondary-color);
}

.tarif .table tr {
	vertical-align: middle;
}

.tarif .table thead th {
	font-size: 30px;
	line-height: 38px;
	font-weight: 600;
	width: 15rem;
}

.tarif .table th {
	text-transform: unset;
}

.tarif .table th {
	padding: 16px 12px;
}

.tarif .pricing-table-container {
	margin-bottom: 3.5rem;
}

.tarif .pricing-table-container table .table-title,
.tarif .price-table-container-mobile table .table-title {
	color: #222F5A;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.00625rem;
}

.tarif .pricing-table-container table .no-border,
.tarif .price-table-container-mobile table .no-border {
	border: none;
}

.tarif .pricing-table-container table tbody .service,
.tarif .price-table-container-mobile table tbody .service {
	border-left: 4px solid #DBBF60;
}

.tarif .pricing-table-container table tbody .service th,
.tarif .pricing-table-container table tbody .service td,
.tarif .price-table-container-mobile table tbody .service th,
.tarif .price-table-container-mobile table tbody .service td {
	background: rgba(253, 246, 226, 0.50) !important;
}

.tarif .pricing-table-container table tbody .service th,
.tarif .price-table-container-mobile table tbody .service th {
	font-size: 1.125rem;
}

.tarif .pricing-table-container table tbody tr th,
.tarif .price-table-container-mobile table tbody tr th {
	color: #222F5A;
	font-size: 1rem;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.00625rem;
	padding: 1rem;
	text-align: start;
}

.tarif .price-table-container-mobile table {
	margin-bottom: 3rem;
}

.tarif .price-table-container-mobile thead th {
	background: #F6F9FF;
	border-radius: 0.375rem;
}

.tarif .price-table-container-mobile tr td,
.tarif .price-table-container-mobile tr th.blued {
	background: #F6F9FF;
}

.tarif .provider {
	display: flex;
	margin: 0.625rem 0 0;
	width: fit-content;
}

.tarif .provider div {
	margin-right: -10px;
	width: 2rem;
	height: 2rem;
	max-width: 100%;
	box-sizing: border-box;
	vertical-align: middle;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.pushup .main .head {
	padding: 0;
}

.pushup .main-container {
	background: var(--blue-linear, linear-gradient(0deg, #DDEAFF 0.34%, #FFF 51.31%));
	padding-bottom: 4rem;
}

.pushup .main .title {
	font-size: 1.875rem;
	color: var(--primary-color);
	font-weight: 700;
	line-height: 100%;
	margin-bottom: 1.5rem;
}

.pushup .main .text {
	color: #000;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5rem;
}

.pushup .main .buttons .btn {
	padding: 0.75rem 0rem;
	font-weight: 700;
	line-height: 1.75rem;
}

.pushup .main .buttons .btn.btn-secondary {
	border: 2px solid #000;
	background-color: #FFF;
	color: #000;
}

.pushup .main .interface {
	margin: 2.5rem 0;
	border-radius: 0.54756rem;
	border: 1.095px solid #F3F3F3;
	width: 100%;
	height: 43.29606rem;
	box-shadow: 0px 17.523px 35.045px 0px rgba(112, 144, 176, 0.20);
}

.pushup .banner {
	padding-top: 3.75rem;
	padding-bottom: 3.75rem;
}

.pushup .banner .title-container {
	padding: 0;
	margin-bottom: 2.5rem;
}

.pushup .banner .title {
	color: var(--primary-color);
	text-align: center;
	font-size: 1rem;
	font-weight: 700;
	line-height: 120%;
}

.pushup .banner .content {
	padding: 1.5rem;
	border-radius: 1.5rem;
	/* width: 31%; */
	margin-bottom: 1.2rem;
}

.pushup .slick-arrow {
	display: none !important;
}

.pushup .banner .content .entete {
	margin-top: 1.5rem;
	color: #4D4C4C;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 120%;
}

.pushup .banner .content .description {
	color: #000;
	font-size: 1rem;
	font-weight: 400;
	line-height: 140%;
}

.pushup .banner .content.purple {
	background: #E7E3FC;
}

.pushup .banner .content.green {
	background: #E6FAEE;
}

.pushup .banner .content.red {
	background: #FAE8E8;
}

.pushup .how {
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
	background: linear-gradient(90deg, #F11C33 -48.59%, #E51B3A -31.24%, #3E0897 199.18%);
	color: #FFF;
}

.pushup .how .title {
	color: #FFF;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 120%;
	margin-bottom: 3.75rem;
}

.pushup .how .step-container {
	/* padding: 1.5rem; */
}

.pushup .how .step-container .step-number {
	color: #FFF;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 120%;
}

.pushup .how .step-container .step-title {
	color: #FFF;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 120%;
}

.pushup .how .step-container .step-content {
	color: #FFF;
	font-family: Roboto;
	font-size: 1.125rem;
	font-weight: 300;
	line-height: 130%;
}

.pushup .how .step-container .cover {
	background-size: contain !important;
	background-repeat: no-repeat !important;
}

.pushup .how .step-container h4,
.pushup .how .step-container h2,
.pushup .how .step-container p {
	margin-bottom: 1rem;
}

.pushup .manage {
	padding: 3.75rem 1.5rem;
	background: #F1F2F6;
}

.pushup .manage .title {
	color: var(--primary-color);
	font-size: 1rem;
	font-weight: 700;
	line-height: 120%;
	margin-bottom: 2.5rem;
}

.pushup .manage .content {
	padding: 1.5rem;
	border-radius: 0.5rem;
	border: 1px solid #F7F7F7;
	background: #FFF;
	box-shadow: 0px 3px 6px 0px rgba(112, 144, 176, 0.40);
	margin-bottom: 1rem;
	width: 100%;
}

.pushup .manage .content .offer-name {
	color: #000;
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 120%;
	letter-spacing: -0.0375rem;
}

.pushup .manage .content .offer-price {
	color: #09101D;
	font-size: 2rem;
	font-weight: 700;
	line-height: 100%;
	letter-spacing: -0.06rem;
}

.pushup .manage .content .offer-validity {
	color: #6D7580;
	font-family: Lato;
	font-size: 0.875rem;
	font-weight: 700;
	line-height: 1.75rem;
	letter-spacing: -0.02625rem;
}

.pushup .manage .content .transaction {
	color: #4661B9;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 120%;
	letter-spacing: -0.045rem;
}

.pushup .testimonials {
	padding: 2.5rem 0rem;
}

.pushup .testimonials .trusted .title {
	color: var(--primary-color);
	font-size: 1.3rem;
	font-weight: 600;
	line-height: 2rem;
	letter-spacing: -0.05rem;
}

.pushup .testimonials .trusted .text {
	color: var(--primary-color);
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.5rem;
	letter-spacing: -0.0125rem;
}

/* .pushup .testimonials .testimonials-container {
	margin-top: 2.5rem;
} */

.pushup .testimonials .testimonial {
	height: auto;
}

.pushup .how .slider .btn-wrap .prev-btn,
.pushup .how .slider .btn-wrap .next-btn {
	display: flex;
	padding: 0.5rem;
	border-radius: 3.75rem;
	background: #FFF;
}

.pushup .how .slider .btn-wrap .prev-btn.disabled,
.pushup .how .slider .btn-wrap .next-btn.disabled {
	opacity: .5;
}

.tarif .pricing-by-c {
	display: none;
}

.tarif .pricing-by-c:first-child {
	display: block;
}


.tpe form input {
	height: 55px;
	border: 2px solid #c6d6ec;
	box-sizing: border-box;
	border-radius: 4px;
	/* width: 100%; */
}

.pos .buttons .btn-secondary {
	padding: .8rem 1.25rem;
}

.rec-pushup .red {
	color: var(--secondary-color);
}

.rec-pushup .title {
	color: var(--secondary-color);
	text-align: center;
	font-size: 3.125rem;
	font-weight: 700;
	line-height: 120%;
	letter-spacing: -0.1rem;
}

.rec-pushup .form-title {
	color: #000;
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 120%;
}

.rec-pushup .cover {
	width: 30rem;
}

.rec-pushup input#mobile {
	width: 16.5rem;
}

.rec-pushup input {
	height: 2.625rem;
	border-radius: 0.25rem;
	border: 1.5px solid var(--Brand-Blue-Tint70, #C6D6EC);
	background: var(--Neutral-No-Color, rgba(255, 255, 255, 0.01));
}

.onboarding .title {
	font-size: 24px;
	line-height: 26px;
	letter-spacing: -0.5px;
	color: var(--secondary-color);
	font-weight: 700;
}

/**
 * 2.0 Media Queries
 * ----------------------------------------------------------------------------
 */

/* WordPress Media Queries */
@media (max-width: 600.98px) {
	.main-bloc-home .trust .trusted {
		padding: 0px 2rem;
	}

	.main-bloc-home .how .text {
		font-size: 1.5rem;
	}

	.main-bloc-home .section-refund-module .cover {
		width: auto;
		height: auto;
	}

	.main-bloc-home .row,
	.integration .row,
	.direct .row {
		margin-left: 0;
	}

}

@media (min-width: 601px) and (max-width: 782.98px) {}

@media (min-width: 783px) {}

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {}

/* Small devices (landscape phones, 576px, up to 768px) */
@media (min-width: 576px) and (max-width: 767.98px) {
	.main-bloc-home .countries-container {
		flex-wrap: wrap;
	}
}

/* Medium devices (tablets, 768px, up to 992px) */
@media (min-width: 768px) and (max-width: 991.98px) {}

/* Large devices (desktops, 992px, up to max) */
@media (min-width: 992px) {

	header {
		margin-bottom: 3rem;
	}

	.header-container {
		margin: 1rem auto !important;
		/* padding: 0.6875rem 3rem!important; */
	}

	.header-container.container {
		/* max-width: 1400px; */
		max-width: 1480px;
	}

	.logo img {
		width: 10.5rem;
		height: 2rem;
	}

	#menu-langue li {
		padding-top: 0.75rem;
	}

	#menu-langue .menu-item-has-children::after {
		display: block;
	}

	.menu-main-container,
	.menu-main-anglais-container {
		display: flex;
		align-items: center;
		color: var(--primary-color);
	}

	.main-navigation .offcanvas-body {
		background-color: #FFF;
	}

	.main-navigation .offcanvas-body .menu-main-container,
	.main-navigation .offcanvas-body .menu-main-anglais-container {
		margin-left: 8.5rem;
	}

	.menu-item-has-children::after {
		top: 50%;
		left: 98%;
		transform: translate(-50%, -50%);
	}

	.navbar-nav li .sub-menu {
		display: none;
		position: absolute;
		width: 17rem;
		background-color: #fff;
		color: #000;
		padding: 0.5rem 1rem;
		padding: 1rem 0;
		margin: 0;
		z-index: 999;
		border-radius: 0.25rem;
		border: 1px solid var(--Brand-Blue-Tint70, #C6D6EC);
		background: var(--WHITE, #FFF);
		box-shadow: 0px 16px 32px 0px rgba(112, 144, 176, 0.20);
	}

	#menu-main li .sub-menu,
	#menu-main-anglais li .sub-menu {
		display: none;
		position: absolute;
	}

	#menu-main .menu-item-has-children:hover .sub-menu,
	#menu-main-anglais .menu-item-has-children:hover .sub-menu {
		display: block;
	}

	.navbar-nav li a {
		font-size: 1.125rem;
	}

	.navbar-nav li .sub-menu li {
		margin: 0;
		padding: 0.75rem 1rem;
	}

	.menu-item-has-children {
		padding-right: 1rem !important;
	}

	.footer-container {
		padding: 2.2rem 6.13rem;
		/* margin: 0 0 1.5rem; */
	}

	.main-bloc-home .main-bloc-description {
		padding-right: 9rem;
	}

	.main-bloc-home .main-bloc-required-items {
		padding-top: 16px;
		padding-bottom: 16px;
	}

	.main-bloc-home .main-bloc-title {
		font-size: 49px;
		line-height: 55px;
	}

	.main-bloc-home .trust .trusted {
		margin-left: 8rem;
		margin-right: 8rem;
	}

	.main-bloc-home .trust .trusted .draggable {
		margin: 0 5rem;
	}

	.main-bloc-home .trust .partner {
		margin-right: none;
	}

	.main-bloc-home .trust .partner img {
		width: 280px;
		height: 93px
	}

	.main-bloc-home .trust {
		padding: 2.5rem 0;
	}

	.main-bloc-home .how {
		padding: 3.31rem 18.8rem 2.5rem;
	}

	.main-bloc-home .section-refund-module h3 {
		font-size: 28px;
		line-height: 120%;
	}

	#menu-main .menu-faq,
	#menu-main-anglais .menu-faq {
		border: 1px solid #f11c33 !important;
		border-radius: 40px;
		padding: 0 10px;
	}

	.main-bloc-home .home {
		/* padding-bottom: 10rem; */
		padding: 5rem 0 10rem;
	}

	.main-bloc-home .countries-container {
		gap: 15px;
	}

	.testimonials .slick-slide {
		/* margin-right: 2rem; */
	}

	.testimonials .slick-slide.slick-active:last-child {
		margin-right: 0;
		display: none;
	}

	.main-bloc-home .tools .tools-item .cover {
		/*width: 18rem;*/
		/* height: 20.8125rem; */
		border-radius: 0.5rem 0rem 0rem 0.5rem;
	}

	.main-bloc-home .tools .tools-item .data {
		border-radius: 0rem 0.5rem 0.5rem 0rem;
		text-align: left;
		margin-bottom: 0;
	}

	.integration .home .title,
	.direct .home .title,
	.pos .home .title,
	.sbee .home .title {
		font-size: 50px;
		line-height: 55px;
	}

	.payment-mean h3 {
		font-size: 24px;
	}

	.payment-mean .provider div {
		width: 3.75rem;
		height: 3.75rem;
	}

	.usage .title {
		font-size: 30px;
		line-height: 32px;
		letter-spacing: -1px;
	}

	.multiple-usage .title {
		font-size: 30px;
		line-height: 32px;
		letter-spacing: -1px;
	}

	.multiple-usage .card .card-info {
		margin-left: 1rem;
	}

	.taux {
		padding-top: 70px;
		padding-bottom: 70px;
	}

	.taux .description {
		font-size: 24px;
		margin-bottom: 0;
	}

	.multiple-usage .card {
		height: 9rem;
	}

	.direct .multiple-usage .card {
		height: 8rem;
	}

	.direct .testimonial {
		padding: 4.375rem 10rem;
	}

	.faq .accordion-container {
		padding: 3.75rem 13.75rem;
	}

	.tpe .main .title {
		font-size: 50px;
		line-height: 55px;
	}

	.tpe .main .provider div {
		width: 3.7rem;
		height: 3.5rem;
	}

	.tpe .tarification .title {
		font-size: 36px;
		line-height: 44px;
	}

	.tpe .tarification .content {
		padding-left: 40px;
		padding-right: 40px;
	}

	.tpe .tarification table th div p {
		font-size: 18px;
		line-height: 22.63px;
	}

	.tpe .tarification table th,
	.tpe .tarification table td {
		padding: 24px 40px;
	}

	.tpe .tarification table th div img {
		width: 40px;
	}

	.tpe .tarification table td {
		font-size: 18px;
		line-height: 22.63px;
	}

	.demo {
		padding: 0 10rem;
	}

	.demo .player {
		top: 40%;
		left: 45%;
	}

	.pushup .main .title {
		font-size: 3.75rem;
	}

	.pushup .main .text {
		font-size: 1.25rem;
	}

	.pushup .main .head {
		padding: 0 9rem;
	}

	.pushup .main .text {
		padding: 1.5rem 11rem;
	}

	.pushup .main .buttons .btn {
		/* width: 13.75rem; */
	}

	.pushup .banner .title-container {
		padding: 0 18.91rem;
		margin-bottom: 3.75rem;
	}

	.pushup .how {
		padding-top: 5rem;
		padding-bottom: 5rem;
	}

	.pushup .how .title {
		font-size: 2rem;
	}

	.pushup .banner .title {
		font-size: 2rem;
	}

	.pushup .how .step-container .step-title {
		font-size: 2.5rem;
	}

	.pushup .banner .content {
		padding: 1.5rem;
		border-radius: 1.5rem;
		width: 31%;
		margin-bottom: 0;
	}

	.pushup .how .step-container {
		padding: 1.5rem;
	}

	.pushup .how .step-container .cover {
		width: 31.25rem;
		/* height: 25rem; */
	}

	.pushup .manage .title {
		font-size: 2rem;
		padding: 0px 18rem;
	}

	.pushup .manage .content {
		width: 24%;
	}

	.pushup .testimonials {
		padding: 5rem 0rem;
	}

	.pushup .testimonials .trusted .title {
		font-size: 1.875rem;
	}

	.pushup .testimonials .trusted .text {
		font-size: 1.125rem;
	}

	.pushup .testimonials .testimonials-container {
		margin-top: 2.5rem;
	}

	.pushup .testimonials .testimonial {
		height: 13rem;
	}

	.ask-question {
		display: flex;
		justify-content: space-between;
		padding: 1.5rem 13.75rem;
		align-items: center;
	}

	.documentation .cover {
		height: 18.4375rem;
	}

	.documentation .main .title {
		font-size: 3.125rem;
		padding: 1.5rem 0;
	}

	.documentation .card-body {
		padding: 1.5rem;
	}

	.ready-for-paiement {
		padding: 4rem;
	}

	.ready-for-paiement .buttons div {
		margin-right: 2rem;
	}

	.faq .faq-title {
		font-size: 3.125rem;
		line-height: 3.4375rem;
	}

	.tarif .title {
		font-size: 3.125rem;
		line-height: 3.4375rem;
	}

	.tarif .description {
		font-size: 1.125rem;
	}

	.tarif .category-nav .nav-item {
		padding: 0.75rem 1rem;
		margin-right: .5rem;
	}

	.tarif .category-nav .nav-item a {
		font-size: 0.875rem;
	}

	.tarif .category-nav .nav-item {
		margin-right: .5rem;
		display: flex;
		justify-content: center;
		align-items: flex-start;
	}

	.tarif .country-contain {
		display: flex;
		justify-content: center;
		align-items: center;
		/* margin-bottom: 1rem; */
	}

	.tarif .country-flag {
		margin: 0;
	}

	.main-bloc-home .testimonials .trusted .num-trans {
		font-size: 2.125rem;
	}

	.main-bloc-home .testimonials .trusted .label {
		font-size: 1.5rem;
	}

	.testimonials .slick-dots li button:before {
		font-size: 15px;
	}

	.tpe .iti.iti--allow-dropdown.iti--show-flags.iti--inline-dropdown {
		width: 59%;
	}

	.testimonials .testimonial {
		height: 13.5rem;
	}

	.tarif .table thead th:not(:first-child) {
		position: sticky;
		top: 0;
		z-index: 1;
	}

	.onboarding .title{
		font-size: 50px;
		line-height: 55px;
		letter-spacing: -1.6px;
	}

}

/* Large devices (desktops, 992px, up to 1200px) */
@media (min-width: 992px) and (max-width: 1199.98px) {}

/* X-Large devices (large desktops, 1200px, up to 1400px) */
@media (min-width: 1200px) and (max-width: 1399.98px) {}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {}