@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Fraunces:ital,wght@0,500;0,600;0,700;1,600&display=swap');

body {
    margin: 0;
    padding: 0;
    font-family: "DM Sans", sans-serif;
    background-color: #050924;
}

.body-frame {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 10px;
    height: min-content;
    justify-content: center; /* Modifier pour centrer le contenu verticalement */
    align-items: center; /* Centrer le contenu horizontalement */
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 1200px; /* Assurez-vous que cette largeur convient */
    margin: auto; /* Ajout pour le centrage */
}

/* Pour tablettes */
@media (max-width: 1024px) {
    .body-frame {
        width: 80%; /* Ajustez la largeur à 80% de l'écran */
        gap: 8px; /* Ajustez l'espacement si nécessaire */
        padding: 0 20px; /* Ajoutez un padding pour ne pas coller aux bords */
    }
}

/* Pour mobiles */
@media (max-width: 768px) {
    .body-frame {
        width: 90%; /* Ajustez la largeur à 90% de l'écran */
        gap: 5px; /* Réduisez l'espacement */
        padding: 0 15px; /* Ajustez le padding pour un meilleur rendu sur petits écrans */
    }
}

/*START header*/
.global-header {
	height: 60px;
}

.header-container {
	width: 100%;
	height: 100%;
	max-width: 996px;
	margin: 0 auto;
}

.main-nav {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	list-style: none;
	justify-content: space-between;
}

.nav-list {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	list-style: none;
	justify-content: center;
	margin: 0;
	padding: 0px 17px;
}

.nav-list.icons-list {
	max-width: 64px;
	justify-content: end;
}

.nav-list.icons-list li {
	height: 100%;
	padding: 0px 10px;
	cursor: pointer;
}

.nav-list.icons-list .burger-icon-item {
	padding: 0px;
	position: relative;
	z-index: 99;
	display: none;
	padding-left: 10px;
}

.subnav-list {
	list-style: none;
}

.nav-list .nav-item {
	height: 100%;
	display: flex;
	align-items: center;
	cursor: pointer;
	padding: 0px 10px;
}

.nav-list .nav-item .nav-link {
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	font-weight: 400;
	transition: color 0.5s linear;
}

.nav-list .nav-item:hover .nav-link {
	color: #b1b7db;
}

.contact-btn {
	color: #fff;
	background-color: rgba(235, 236, 255, .1);
	border: 1px solid rgba(134, 134, 255, .3);
	border-radius: 20px;
	text-decoration: none;
	font-size: 14px;
	font-weight: 400;
	transition: color 0.5s linear;
	flex-shrink: 0;
	padding: 6px 16px;
}

.contact-btn:hover {
	box-shadow: 0 0 8px 0 #a695fb;
	background-color: rgba(235, 236, 255, .2);
	border-color: #8686ff;
}

.webweldmedia-logo {
	height: 100%;
	display: flex;
	align-items: center;
	padding: 0 10px 0px 20px;
}

.nav-dropdown .dropdownbtn {
	display: flex;
}

.header-bg {
	background-color: #050924 !important;
}

.nav-dropdown .dropdown-section {
	position: absolute;
	left: 0;
	background-color: #050924;
	width: 100%;
	overflow: hidden;
	z-index: 1000;
	margin-top: 12px;
	max-height: 0;
	transition: max-height 0.15s ease-out;
}

.nav-item-agency:hover .dropdown-section.agency {
	max-height: 422px;
	transition: max-height 0.25s ease-in;
}

.nav-item-projects:hover .dropdown-section.projects {
	max-height: 422px;
	transition: max-height 0.25s ease-in;
}

.dropdown-content {
	max-width: 996px;
	margin: 0 auto;
	display: flex;
	padding: 30px 50px;
	gap: 80px;
	color: #b1b7db;
}

.dropdown-content .dropdown-heading {
	font-size: 14px;
	line-height: 1.33;
	font-weight: 400;
	color: #b1b7db;
	text-transform: capitalize;
	margin-top: 0;
	margin-bottom: 0;
	padding: 7px 11px;
}

.dropdown-content .dropdwon-sub-link {
	font-size: 24px;
	line-height: 1.166;
	font-weight: SF-Pro-Semibold;
	margin-top: 0;
	margin-bottom: 0;
	color: #fff;
	padding: 7px 11px;
	display: block;
	text-decoration: none;
}

.dropdown-content .sublinks {
	font-size: 14px;
	line-height: 1.33;
}

.nav-item-agency:hover .global-header {
	background-color: #050924 !important;
}

.burger-icon {
	display: none;
	background: none;
	border: none;
	padding: 0px;
}

.nav-toggle {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 30px;
	width: 30px;
	position: relative;
	cursor: pointer;
}

.nav-toggle .bar-three {
	top: 22px;
	width: 12.75px;
	border-radius: 3px;
}

.nav-toggle .bar-two {
	top: 12px;
	width: 24px;
	border-radius: 3px
}

.nav-toggle .bar-first {
	top: 2px;
	width: 24px;
	border-radius: 3px
}

.nav-toggle .bar {
	height: 3.33px;
	background-color: #fff;
	position: absolute;
	border-radius: 2px;
	transition: all 350ms ease-in-out;
}

.x:nth-of-type(1) {
	transition: all 350ms ease-in-out;
	transform: rotate(45deg);
	transform-origin: top left;
	width: 30px;
	top: 2px;
}

.x:nth-of-type(2) {
	display: none;
}

.x:nth-of-type(3) {
	transition: all 350ms ease-in-out;
	transform: rotate(-45deg);
	transform-origin: bottom left;
	width: 30px;
	top: 22px;
}

.blur-container {
	position: fixed;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	transition: filter 0.3s ease-in-out;
	z-index: 9;
	display: none;
}

.blur {
	filter: blur(5px);
	/* Adjust the blur intensity as needed */
	backdrop-filter: blur(5px);
}

.blur-container.blur {
	display: block;
}

/* The Modal (background) */
#mobile-nav {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #050924;
	animation: fadeInBottom 0.3s forwards;
	overflow: auto;
	z-index: 9;
}

@keyframes fadeInBottom {
	from {
		opacity: 0;
		transform: translateY(-100%);
	}

	to {
		transform: translateY(0%);
		opacity: 1;
	}
}

#mobile-nav .list-item {
	margin-bottom: 10px;
	opacity: 0;
	transform: translateX(-50px);
	animation: fadeInLeft 0.75s forwards;
	animation-delay: 0.2s;
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-50px);
	}

	20% {
		opacity: 0.2;
	}

	40% {
		opacity: 0.4;
	}

	60% {
		opacity: 0.6;
	}

	80% {
		opacity: 0.8;
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.list-item:nth-child(1) {
	animation-delay: 0.5s;
}

.list-item:nth-child(2) {
	animation-delay: 1s;
}

.list-item:nth-child(3) {
	animation-delay: 1.5s;
}

.list-item:nth-child(4) {
	animation-delay: 2s;
}

.list-item:nth-child(5) {
	animation-delay: 2.5s;
}

.list-item:nth-child(6) {
	animation-delay: 3s;
}

.list-item:nth-child(7) {
	animation-delay: 3.5s;
}

.list-item:nth-child(8) {
	animation-delay: 4s;
}

#mobile-nav .mobile-nav-list {
	list-style: none;
	padding: 50px 48px;
}

#mobile-nav .mobile-nav-list .list-item .link {
	font-size: 28px;
	font-weight: 400;
	/*600*/
	color: #fff;
	margin-bottom: 8px;
	text-decoration: none;
}

.active-sub-items .mobile-nav-list {
	display: none;
}

.subItems-back {
	display: none;
	width: 60px;
	height: 60px;
	justify-content: center;
	align-items: center;
}

.active-sub-items .subItems-back {
	display: flex;
}

.mobile-nav-sub-list.active {
	display: block;
	opacity: 0;
	transform: translateY(-50px);
	animation: fadeInRight 1s forwards;
	padding: 16px 48px;
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(50px);
	}

	20% {
		opacity: 0.2;
	}

	40% {
		opacity: 0.4;
	}

	60% {
		opacity: 0.6;
	}

	80% {
		opacity: 0.8;
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.mobile-nav-sub-list {
	display: none;
}

.mobile-nav-sub-list .mobile-links {
	display: block;
	font-size: 28px;
	line-height: 1.14;
	font-weight: 400;
	/*600*/
	color: #fff;
	padding: 7px 11px;
	text-decoration: none;
}

.mobile-nav-sub-list .mobile-sublinks {
	margin-top: 52px;
}

.mobile-nav-sub-list .mobile-sublinks .sublinks-heading {
	margin-top: 0;
	margin-bottom: 14px;
	font-size: 17px;
	padding: 0 7px;
	color: #b1b7db;
}

.mobile-nav-sub-list .mobile-sublinks .mobile-link {
	font-size: 17px;
	line-height: 1.47;
}

.nav-list .nav-item .nav-dropdown .nav-link {
	position: relative;
	top: -1px !important;
}

.dropdown-content .dropdwon-links.second-submenu .dropdwon-sub-link.sublinks {
	padding-top: 5px;
	padding-bottom: 5px;
}

.dropdown-content .dropdwon-links.third-submenu .dropdwon-sub-link.sublinks {
	padding-top: 4px;
	padding-bottom: 4px;
}

@media (max-width: 1280px) {
	.nav-list.icons-list {
		padding: 0 20px 0px 10px;
	}

	.nav-list {
		padding: 0px 8px;
	}
}

@media (max-width: 992px) {
	.nav-list .nav-item {
		padding: 5px;
	}
}

@media (max-width: 834px) {
	.contact-btn {
		display: none;
	}

	.nav-list.links {
		display: none;
	}

	.nav-list.icons-list .burger-icon-item {
		display: flex;
		align-items: center;
	}

	.nav-list.icons-list {
		max-width: 85px;
	}

	.blur-container {
		display: none;
	}
}

@media (min-width: 835px) {
	#mobile-nav {
		display: none !important;
	}
}

@media (max-width: 576px) {
	.mobile-nav-sub-list .mobile-links {
		padding: 7px;
	}
}

/*END header*/

/*START section1*/
.hero-home-section h1 {
	letter-spacing: -.03em;
	margin-top: 0;
	margin-bottom: 24px;
	font-size: 72px;
	font-weight: 500;
	line-height: 1.2;
}

.hero-home-section h4 {
	letter-spacing: -.02em;
	margin-top: 0;
	margin-bottom: 16px;
	font-size: 32px;
	font-weight: 500;
	line-height: 1.2;
}

.hero-home-section p {
	margin-top: 0;
	margin-bottom: 0;
}

.hero-home-section .text-underline {
	color: #000;
	background-image: url("https://assets-global.website-files.com/65b2d5bfa97b84e5e441e466/65b2d5bfa97b84e5e441e4ba_Underline.svg");
	background-position: 50% 110%;
	background-repeat: no-repeat;
	background-size: contain;
	margin-top: -8px;
	margin-bottom: -8px;
	padding-top: 8px;
	padding-bottom: 8px;
	display: inline-block;
	filter: invert(100%);
}

.section-hero {
	position: relative;
	color: #fff;
	background: rgb(177, 183, 219);
	background: radial-gradient(circle, rgba(177, 183, 219, 1) 0%, #050924 30%);
}

.section-hero .container1 {
	width: 90vw;
	max-width: 1360px;
	margin-left: auto;
	margin-right: auto;
}

.section-hero .padding-vertical-xxlarge {
	padding-top: 160px;
	padding-bottom: 160px;
}

.section-hero .timeline-hero_heading-wrapper {
	max-width: 640px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.section-hero .margin-bottom-medium {
	margin-bottom: 32px;
}

.section-hero .paragraph-large {
	letter-spacing: -.02em;
	font-size: 20px;
}

@media screen and (max-width: 991px) {
	.hero-home-section h1 {
		font-size: 64px;
	}
}

@media screen and (max-width: 767px) {
	.hero-home-section h1 {
		font-size: 48px;
	}

	.hero-home-section h4 {
		font-size: 24px;
	}

	.hero-home-section .paragraph-large {
		font-size: 18px;
	}

	.section-hero .padding-vertical-xxlarge {
		padding-top: 120px;
		padding-bottom: 120px;
	}
}

@media screen and (max-width: 479px) {
	.hero-home-section h1 {
		font-size: 40px;
	}

	.hero-home-section h4 {
		font-size: 22px;
	}

	.hero-home-section .paragraph-large {
		font-size: 16px;
	}

	.section-hero .margin-bottom-medium {
		margin-bottom: 24px;
	}
}

/*END section1*/

/*START scroll*/

.scroll {
	position: relative;
	width: 100%;
	height: 460px;
	background-color: transparent;
	mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 12.5%, rgb(0, 0, 0) 87.5%, rgba(0, 0, 0, 0) 100%);
	overflow: hidden;
	z-index: 1;
	margin: 0;
	padding: 0;
}

.scroll img {
	height: 460px;
	border-radius: 20px;
	/* Add border-radius */
	opacity: 1;
	/* Ensure opacity is 1 */
}

.scroll .m-scroll {
	overflow: hidden;
	white-space: nowrap;
	animation: scrollText 30s infinite linear;
	margin: 0;
	font-size: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: fit-content;
	height: 460px;
}

.scroll span {
	display: inline-block;
	width: fit-content;
	margin: 0 20px;
	padding: 0;
	color: white;
}

@keyframes scrollText {
	from {
		transform: translateX(0%);
	}

	to {
		transform: translateX(-50%);
	}
}

@media (max-width: 1200px) {
	.scroll {
		height: 240px;
	}

	.scroll img {
		height: 240px;
	}

	.scroll .m-scroll {
		height: 240px;
	}
}

/*END scroll*/

/* START section2 */
.optimize-payments-section {
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	padding: 120px 0px;
}

.payments-content {
	width: 50%;
}

.payments-content-element {
	padding: 40px 24px;
}

.stripe-logo {
	display: flex;
	align-items: center;
	gap: 10px;
}

.stripe-logo img {
	height: 20px;
	width: 20px;
}

.main-heading {
	font-size: 18px;
	line-height: 28px;
	font-weight: 600;
	color: #b1b7db;
	margin: 0px;
}

.main-heading-accept-payment {
	max-width: 460px;
	width: 100%;
	font-size: 38px;
	line-height: 48px;
	font-weight: bold;
	letter-spacing: -0.2px;
	color: #fff;
	margin: 18px 0px;
}

.increse-authorization-para {
	max-width: 460px;
	width: 100%;
	font-size: 18px;
	line-height: 28px;
	font-weight: normal;
	letter-spacing: 0.2px;
	color: #fff;
	margin: 0px;
	padding-top: 4px;
}

.stripe-button {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 2px;
	width: 184px;
	background-color: #6c7af7;
	border-radius: 80px;
	border: none;
	cursor: pointer;
	padding: 5px 0px;
	margin: 25px 0px;
}

.text-section .stripe-button {
	width: 140px;
}

.start-btn-text {
	color: #fff;
	letter-spacing: 0.2px;
	font-size: 15px;
	line-height: 24px;
	font-weight: 600;
	margin: 0px;
}

.see-also-text {
	margin: 0px;
	padding-top: 29px;
	color: #fff;
	letter-spacing: -0.2px;
	font-size: 15px;
	line-height: 24px;
	font-weight: 600;
}

.see-also-para {
	color: #fff;
	letter-spacing: 0.2px;
	font-size: 15px;
	line-height: 24px;
	margin: 5px 0px;
}

.see-also-span {
	color: #b1b7db;
	letter-spacing: 0.2px;
	font-size: 15px;
	line-height: 24px;
	font-weight: 600;
	cursor: pointer;
	text-decoration: none;
}

.payments-images-section {
	width: 50%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0px 16px;
}

.stripe-right-icons {
	width: 16%;
	margin-right: 15px;
	margin-left: 15px;
}

.stripe-image {
	margin-top: 150px;
	width: 42px;
	height: 42px;
	border: 1px solid gainsboro;
	border-radius: 6px;
	text-align: center;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.3s;
}

.stripe-image:hover {
	border: 1px solid white;
	background: white;
	transform: scale(1.1);
	box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1),
		0 8px 10px -6px rgb(0 0 0 / 0.1);
	transition: all 0.3s;
}

#srtipe-right-image {
	margin-top: 25px !important;
}

.stripe-image img {
	width: 21px;
	height: 21px;
}

.left-mobile-image {
	background: #fcfcfc;
	box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1),
		0 8px 10px -6px rgb(0 0 0 / 0.1);
	padding: 6px;
	border-radius: 40px;
	width: 55%;
	/* margin-top: 20px; */
}

.mobile-section {
	border: 1px solid #f6f6f9;
	padding: 30px 15px;
	display: flex;
	flex-direction: column;
	align-items: center;
	background: white;
	border-radius: 40px;
}

.chair-name {
	color: #425466;
	letter-spacing: -0.7px;
	font-size: 14px;
	line-height: 24px;
	margin: 0px;
}

.chair-price {
	color: #0a2540;
	letter-spacing: -0.2px;
	font-size: 14px;
	line-height: 24px;
	font-weight: 600;
	margin-top: 0px;
}

.google-pay-btn {
	border-radius: 8px;
	width: 94%;
	margin: 0 auto;
	background-color: black;
	cursor: pointer;
}

.link-pay-btn {
	margin-top: 8px !important;
	border: none;
	border-radius: 8px;
	width: 94%;
	margin: 0 auto;
	color: #0a2540;
	background: #90e9ff;
}

.link-pay-faster {
	font-size: 12px;
	padding: 3px 0px;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: 0.2px;
	color: #0a2540;
	margin: 0px;
}

.link-pay-span {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	cursor: pointer;
}

.stripe-left-icons {
	width: 16%;
	display: flex;
	align-items: flex-end;
	flex-direction: column;
}

.stripe-left-image1 {
	margin-top: 146px;
}

.stripe-left-image2 {
	margin-top: 175px;
}

.chair-image img {
	width: 90px;
}

.pay-another-way {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pay-another-way-text {
	color: #425466;
	letter-spacing: 0.1px;
	font-size: 12px;
	line-height: 22px;
}

.line-1 {
	width: 25%;
}

.payment-details-section {
	width: 100%;
	margin: 0 auto;
}

.payment-details-section label,
::placeholder {
	color: #425466;
	letter-spacing: 0.1px;
	font-size: 12px;
	line-height: 22px;
}

.payment-details-section input {
	padding: 7px 25px;
	width: 80%;
	border: 1px solid rgb(235, 233, 233);
	border-radius: 8px;
	margin: 5px 0px;
}

.submit-btn {
	background: #425466;
	color: #fff;
	font-weight: 600;
	width: 100%;
	border: none;
	border-radius: 8px;
	padding: 8px 3px;
	cursor: pointer;
	margin-top: 30px;
}

/* media queries */

@media (max-width: 1023px) {
	.optimize-payments-section {
		flex-direction: column;
		border: unset;
		padding: 70px 0px;
	}

	.payments-content {
		width: 100%;
		padding: 0px;
	}

	.main-heading-accept-payment {
		max-width: 100%;
	}

	.payments-images-section {
		border: unset;
		width: 70%;
		padding-top: 50px;
		margin: 40px auto;
	}

	.see-also-text {
		padding-top: 10px;
	}
}

@media (max-width: 768px) {
	.payments-images-section {
		margin-top: 16px;
		width: 90%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.optimize-payments-section {
		padding: 40px 0px;
	}

	.stripe-right-icons {
		margin-right: 20px;
		width: 10%;
	}

	.stripe-left-icons {
		width: 10%;
		margin-left: 20px;
	}

	.payments-content-element {
		padding: 0px 16px;
	}
}

@media (max-width: 576px) {
	.left-mobile-image {
		width: 375px;
	}

	.main-heading-accept-payment {
		font-size: 30px;
	}

	.stripe-right-icons {
		display: none;
	}

	.stripe-left-icons {
		display: none;
	}
}

@media (max-width: 424px) {
	.left-mobile-image {
		width: 100%;
	}
}

/*END section2*/

/*START section3*/
.container2 {
	border: none;
}

.stripe-button {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 2px;
	width: 184px;
	background-color: #6c7af7;
	border-radius: 80px;
	border: none;
	cursor: pointer;
	padding: 5px 0px;
	margin: 25px 0px;
}

.start-btn-text {
	color: #fff;
	letter-spacing: 0.2px;
	font-size: 15px;
	line-height: 24px;
	font-weight: 600;
	margin: 0px;
}

.text-section .stripe-button {
	width: 140px;
}

.first-heading {
	font-size: 18px;
	line-height: 28px;
	font-weight: 600;
	color: #fff;
	margin: 0px;
}

.learn-more {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 30px;
}

.text-link {
	display: flex;
	align-items: center;
	gap: 10px;
}

/* slider css start*/

.slider-section {
	padding: 128px 0px;
	/*border: 1px solid rgb(235, 233, 233);*/
	max-width: 1080px;
	margin: 0 auto;
}

.slider-section .text-section {
	max-width: 810px;
	padding-left: 16px;
	padding-right: 16px;
}

.slider-section .reinventation {
	color: #6c7af7;
	font-weight: 600;
	font-size: 18px;
}

.agility-heading {
	color: #fff;
	font-size: 38px;
}

.agility-text {
	font-size: 18px;
	color: #fff;
}

.agility-text a {
	color: #6c7af7;
	text-decoration: none;
	cursor: pointer;
}

#main-slider {
	padding: 18px 0px 18px 0px;
}

.splide__list__Image {
	height: 410px;
	width: 810px;
	border-radius: 12px;
	background-position: center;
	background-size: 1138px;
	object-fit: cover;
	background-repeat: no-repeat;
	transition: background-size 0.2s linear;
	margin-top: 21px;
	overflow: hidden;
}

.splide__list__Image.bmw {
	width: 810px;
	margin-top: 21px;
	margin-left: 19px;
}

.splide__list__Image.twilio {
	width: 810px;
}

.splide__list__Image:hover {
	background-size: 1100px;
}

.read-story {
	align-items: center;
	gap: 8px;
	transform: translateY(80px);
	transition: transform;
}

.splide__list__Image:hover .read-story {
	display: flex;
	transform: translateY(0px);
}

.shadow-content {
	position: absolute;
	bottom: 1px;
	left: 23px;
	transition: bottom 0.2s linear;
}

.splide__list__Image:hover .shadow-content {
	bottom: 24px;
}

.slide-inner-content {
	position: relative;
	background: linear-gradient(360deg, #1f69ab, #1f69ab54);
	height: 100%;
	width: 100%;
	border-radius: 12px;
}

.read-story .extIcon {
	height: 10px;
	width: 10px;
}

.splide__list__Image img {
	height: 410px;
	width: 810px;
	border-radius: 8px;
}

.bmw-mobile {
	display: none;
}

.amazon-mobile {
	display: none;
}

.twilio-mobile {
	display: none;
}

.twilio-mobile-2 {
	display: none;
}

#amazon-section {
	background: linear-gradient(360deg, #e9a42e, #e9a42e33);
}

#mersik-section {
	background: linear-gradient(360deg, #45aacd, #45aacd42);
}

#twilio-section {
	background: linear-gradient(360deg, #b94343, #b943432b);
}

.slide-logo {
	display: flex;
	justify-content: space-between;
	padding: 24px;
	align-items: center;
}

.slide-logo .mersik-white {
	width: 200px;
	height: 40px;
}

.slide-logo .customer-white {
	width: 20px;
	height: 20px;
}

.shadow-para {
	max-width: 440px;
	width: 100%;
	font-size: 26px;
	font-weight: 600;
	line-height: 36px;
	word-spacing: 0;
	color: #fff;
	margin: 0px;
}

.read-story a {
	font-size: 16px;
	color: #fff;
	font-weight: normal;
	line-height: 22px;
	text-decoration: none;
	cursor: pointer;
	margin-top: 10px;
}

.splide-slider .text-container {
	max-width: 238px;
}

.splide-slider .text-container .heading {
	font-size: 24px;
	font-weight: 600;
	letter-spacing: 0.2px;
	margin-bottom: 0px;
	color: #fff;
	border-left: 1px solid #6c7af7;
	padding-left: 16px;
}

.splide__slide.is-active .fadeInRight {
	animation: FadeInRight 0.3s linear;
	position: relative;
}

@keyframes FadeInRight {
	from {
		right: -100px;
		opacity: 0;
	}

	to {
		opacity: 1;
		right: 0px;
	}
}

.product-heading {
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0.2;
	margin-bottom: 0px;
	color: #fff;
	border-left: 1px solid #6c7af7;
	padding-left: 16px;
	margin-bottom: 20px;
}

.splide-slider .text-container .network {
	margin-top: 42px;
}

.splide-slider .text-container .text {
	color: #fff;
	font-size: 15px;
	padding-right: 20px;
	padding-left: 16px;
}

.text-container .products-used {
	margin-top: 52px;
}

.text-container .products-used .paymets {
	color: #fff;
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 10px;
	margin-left: 16px;
}

.text-container .products-used .paymets p {
	margin: 0px;
}

.text-container .products-used .paymets img {
	height: 20px;
	width: 20px;
}

.splide-slider .splide__slide {
	display: flex;
	justify-content: space-between;
}

.splide__slide {
	animation: none !important;
	transition: none !important;
}

.splide__pagination {
	position: relative !important;
	margin-top: 40px !important;
}

.splide__pagination__page {
	width: 100% !important;
	border-radius: unset !important;
	height: 1px !important;
	margin: 0px !important;
}

.splide__pagination__page[aria-controls="main-slider-slide01"][aria-selected="true"] {
	background-color: #1f69ab !important;
}

.splide__pagination__page[aria-controls="main-slider-slide02"][aria-selected="true"] {
	background-color: #e9a42e !important;
	animation: progressBar 10s;
}

.splide__pagination__page[aria-controls="main-slider-slide03"][aria-selected="true"] {
	background-color: #45aacd !important;
	animation: progressBar 10s;
}

.splide__pagination__page[aria-controls="main-slider-slide04"][aria-selected="true"] {
	background-color: #b94343 !important;
	animation: progressBar 10s;
}

.splide__pagination__page.is-active {
	transform: unset !important;
}

.splide__pagination {
	padding: 0px !important;
}

.splide__pagination li {
	width: 25%;
}

@keyframes progressBar {
	from {
		width: 0% !important;
	}

	to {
		width: 100%;
	}
}

.thumbnails {
	display: flex;
	margin: 0rem auto 0;
	padding: 0;
	justify-content: space-between;
}

.thumbnail {
	width: 25%;
	height: 55px;
	overflow: hidden;
	list-style: none;
	cursor: pointer;
	opacity: 0.3;
	margin-top: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.thumbnail.is-active {
	opacity: 1;
}

.thumbnail img {
	width: 100%;
	height: auto;
}

/* slider css ends*/

/* media queries */
@media (max-width: 1279px) {
	.slider-section {
		padding: 128px 20px;
	}

	.splide__list__Image img {
		width: 744px;
		height: 410px;
	}
}

@media (max-width: 1023px) {
	.splide__list__Image {
		width: 100%;
	}

	.splide__list__Image.bmw {
		margin-left: 0px;
		width: 100%;
	}

	.splide__list__Image.twilio {
		width: 100%;
	}

	.splide-slider .text-container {
		max-width: 100%;
	}

	.splide-slider .splide__slide {
		flex-direction: column;
	}

	.products-used {
		display: none;
	}

	.text-container {
		display: flex;
		justify-content: space-between;
	}

	.splide-slider .text-container .network {
		margin-top: 0px;
		width: 50%;
	}

	.splide__list__Image img {
		width: 100%;
		height: 410px;
	}

	.slide-inner-content {
		border-radius: 8px;
	}

	.slider-section .reinventation {
		font-size: 16px;
	}

	.agility-heading {
		font-size: 34px;
	}

	.growth-container {
		padding: 121px 0px;
	}

	.growth-content-heading {
		font-size: 34px;
		line-height: 44px;
	}

	.splide__pagination li {
		width: 24px;
		margin-left: 2px !important;
		margin-right: 2px !important;
	}

	.splide__pagination__page {
		height: 2px !important;
	}
}

@media (max-width: 768px) {
	.learn-more {
		gap: 10px;
	}

	.slider-section {
		padding: 40px 20px;
	}

	#main-slider {
		padding: 15px 0px;
	}

	.splide__list__Image img {
		height: 350px;
	}
}

@media (max-width: 576px) {
	.agility-text {
		font-size: 16px;
	}

	.slider-section .text-section {
		padding: 0px;
	}

	.thumbnails {
		display: none;
	}

	.text-container {
		flex-wrap: wrap;
	}

	.splide-slider .text-container .network {
		width: 100%;
	}

	.splide__list__Image img {
		height: 260px;
	}

	.shadow-para {
		font-size: 18px;
		line-height: 28px;
	}

	.read-story a {
		font-size: 14px;
		line-height: 24px;
	}

	/* css for global section */
	.commerce-features-content {
		width: 100%;
	}

	.bmw-desktop {
		display: none;
	}

	.bmw-mobile {
		display: block;
	}

	.amazon-mobile {
		display: block;
	}

	.twilio-mobile {
		display: block;
	}

	.twilio-mobile-2 {
		display: block;
	}

	.twilio-2 {
		display: none;
	}

	.twilio-desktop {
		display: none;
	}

	.bmw-desktop {
		display: none;
	}

	.amazon-desktop {
		display: none;
	}
}

/*END section3*/

/*START footer*/

#wwm-globalfooter {
	font-family: "DM Sans", sans-serif;
	font-weight: normal;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%
}

#wwm-globalfooter,
#wwm-globalfooter:before,
#wwm-globalfooter:after,
#wwm-globalfooter *,
#wwm-globalfooter *:before,
#wwm-globalfooter *:after {
	box-sizing: content-box;
	margin: 0;
	padding: 0;
	float: initial;
	pointer-events: auto;
	letter-spacing: normal
}

#wwm-globalfooter *,
#wwm-globalfooter *:before,
#wwm-globalfooter *:after {
	float: inherit;
	font-size: 1em;
	font-weight: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	text-align: inherit
}

#wwm-globalfooter div,
#wwm-globalfooter main,
#wwm-globalfooter article,
#wwm-globalfooter aside,
#wwm-globalfooter details,
#wwm-globalfooter figcaption,
#wwm-globalfooter figure,
#wwm-globalfooter footer,
#wwm-globalfooter header,
#wwm-globalfooter nav,
#wwm-globalfooter section {
	display: block
}

#wwm-globalfooter img {
	border: 0;
	vertical-align: middle
}

#wwm-globalfooter ul {
	list-style: none
}

#wwm-globalfooter,
#wwm-globalfooter input,
#wwm-globalfooter textarea,
#wwm-globalfooter select,
#wwm-globalfooter button {
	font-synthesis: none;
	text-align: start
}

#wwm-globalfooter:not([dir=rtl]),
#wwm-globalfooter:not([dir=rtl]) input,
#wwm-globalfooter:not([dir=rtl]) textarea,
#wwm-globalfooter:not([dir=rtl]) select,
#wwm-globalfooter:not([dir=rtl]) button {
	direction: ltr
}

#wwm-globalfooter sup {
	font-size: .6em;
	vertical-align: top;
	position: relative;
	bottom: -0.2em
}

h1 #wwm-globalfooter sup,
h2 #wwm-globalfooter sup,
h3 #wwm-globalfooter sup {
	font-size: .4em
}

#wwm-globalfooter sup a {
	vertical-align: inherit;
	color: inherit
}

#wwm-globalfooter sup a:hover {
	color: #489f80;
	text-decoration: none
}

#wwm-globalfooter sub {
	font-size: smaller;
	vertical-align: sub;
	line-height: 1
}

#wwm-globalfooter {
	--footer-background: #050924;
	--footer-border-color: #fff;
	--footer-text-color: #fff;
	--footer-link-color: #fff;
	--footer-pipe-color: #fff;
	--footer-directory-title-color: #fff;
	--footer-directory-title-color-hover: #fff;
	--footer-directory-title-focus-offset: 4px;
	--footer-section-border-color: var(--footer-border-color);
	--footer-pipe-border: 1px solid var(--footer-pipe-color);
	font-size: 12px;
	line-height: 1.3333733333;
	font-weight: 400;
	letter-spacing: -0.01em;
	background: #050924;
	color: #fff;
	min-width: 1024px;
	overflow: hidden;
	position: relative;
	z-index: 1
}

@media screen and (max-width: 1044px) {
	#wwm-globalfooter {
		min-width: 320px
	}
}

#wwm-globalfooter a {
	text-decoration: none;
	color: #fff
}

#wwm-globalfooter a:hover {
	text-decoration: underline
}

#wwm-globalfooter .wwm-gf-content {
	margin: 0 auto;
	max-width: 980px;
	padding: 0 22px
}

#wwm-globalfooter:not([dir=rtl]) .wwm-gf-content {
	padding-inline-start: max(22px, env(safe-area-inset-left));
	padding-inline-end: max(22px, env(safe-area-inset-right))
}

@media only screen and (max-width: 833px) {
	#wwm-globalfooter:not([dir=rtl]) .wwm-gf-content {
		padding-inline-start: max(16px, env(safe-area-inset-left));
		padding-inline-end: max(16px, env(safe-area-inset-right))
	}
}

@media(prefers-contrast: more) {
	#wwm-globalfooter .wwm-gf-content a:link {
		text-decoration: underline
	}

	#wwm-globalfooter .wwm-gf-content a:link:hover {
		text-decoration: underline
	}
}

#wwm-globalfooter .wwm-gf-label {
	position: absolute;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(0 0 99.9% 99.9%);
	clip-path: inset(0 0 99.9% 99.9%);
	overflow: hidden;
	height: 1px;
	width: 1px;
	padding: 0;
	border: 0
}

#wwm-globalfooter .wwm-gf-sosumi {
	border-bottom: 1px solid var(--footer-section-border-color);
	padding: 17px 0 11px
}

#wwm-globalfooter .wwm-gf-sosumi a {
	text-decoration: underline
}

#wwm-globalfooter .wwm-gf-sosumi ol {
	list-style-position: outside;
	margin: 0;
	padding: 0 17px
}

#wwm-globalfooter .wwm-gf-sosumi ol li {
	list-style-type: decimal
}

#wwm-globalfooter .wwm-gf-sosumi ul {
	list-style: none;
	margin: 0
}

#wwm-globalfooter .wwm-gf-sosumi li {
	padding-bottom: .8em;
	font-size: 12px;
	line-height: 1.3333733333;
	font-weight: 400;
	letter-spacing: -0.01em;
}

#wwm-globalfooter .wwm-gf-sosumi .wwm-footer-question {
	font-weight: 600;
}

#wwm-globalfooter .wwm-gf-directory {
	font-size: 12px;
	line-height: 1.3333733333;
	font-weight: 400;
	letter-spacing: -0.01em;
	display: flex;
	flex-wrap: nowrap;
	padding-top: 20px;
	justify-content: space-between;
}

#wwm-globalfooter .wwm-gf-directory:last-child {
	padding-bottom: 28px
}

@media only screen and (max-width: 833px) {
	#wwm-globalfooter .wwm-gf-directory {
		flex-direction: column
	}
}

#wwm-globalfooter .wwm-gf-directory-column:first-child {
	flex-basis: 50%;
}

@media only screen and (max-width: 833px) {
	#wwm-globalfooter .wwm-gf-directory-column {
		flex-basis: auto
	}
}

#wwm-globalfooter .wwm-gf-directory-column-section {
	pointer-events: none
}

@media only screen and (max-width: 833px) {
	#wwm-globalfooter .wwm-gf-directory-column-section {
		position: relative;
		z-index: 1;
		overflow: hidden;
		pointer-events: auto;
		margin-inline-start: calc(var(--footer-directory-title-focus-offset)*-1);
		width: calc(100% + var(--footer-directory-title-focus-offset)*2);
		padding: 0 var(--footer-directory-title-focus-offset) 1px;
		box-sizing: border-box
	}

	#wwm-globalfooter .wwm-gf-directory-column-section::after {
		content: "";
		position: absolute;
		right: var(--footer-directory-title-focus-offset);
		left: var(--footer-directory-title-focus-offset);
		bottom: 0;
		height: 1px;
		background-color: var(--footer-section-border-color);
		z-index: 3
	}
}

#wwm-globalfooter .wwm-gf-directory-column-section .wwm-gf-directory-column-section {
	padding-top: 24px
}

@media only screen and (max-width: 833px) {
	#wwm-globalfooter .wwm-gf-directory-column-section .wwm-gf-directory-column-section {
		padding-top: 0
	}
}

#wwm-globalfooter .wwm-gf-directory-column-section-title-button,
#wwm-globalfooter .wwm-gf-directory-column-section-title>.wwm-gf-directory-column-section-title-text {
	font-size: 12px;
	line-height: 1.3333733333;
	letter-spacing: -0.01em;
	font-weight: 600;
	margin-bottom: .8em;
	margin-inline-end: 20px;
	outline: none
}

#wwm-globalfooter .wwm-gf-directory-column-section-title-button {
	border: none;
	display: none;
	text-align: start
}

@media only screen and (max-width: 833px) {
	#wwm-globalfooter .wwm-gf-directory-column-section-title-button {
		font-weight: 600;
		display: block;
		margin: 0;
		width: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
		background: #050924;
		color: #fff;
		cursor: pointer;
		position: relative;
		-webkit-user-select: none;
		user-select: none;
		z-index: 2
	}

	#wwm-globalfooter .wwm-gf-directory-column-section-title-button:hover {
		color: var(--footer-directory-title-color-hover)
	}

	#wwm-globalfooter .wwm-gf-directory-column-section-title-button::after {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		right: -4px;
		bottom: 0;
		left: -4px
	}

	#wwm-globalfooter .wwm-gf-directory-column-section-title-button:focus-visible::after {
		--sk-focus-offset: calc(var(--footer-directory-title-focus-offset) - 6px);
		outline: 2px solid var(--sk-focus-color, #0071E3);
		outline-offset: var(--sk-focus-offset, 1px)
	}
}

#wwm-globalfooter .wwm-gf-directory-column-section-title-icon {
	display: none
}

@media only screen and (max-width: 833px) {
	#wwm-globalfooter .wwm-gf-directory-column-section-title-icon {
		width: 11px;
		margin-top: 5px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 14px;
		font-weight: normal;
		color: var(--footer-directory-title-color);
		transition: transform .3s ease
	}

	#wwm-globalfooter:not([dir=rtl]) .wwm-gf-directory-column-section-title-icon {
		float: right
	}
}

#wwm-globalfooter .wwm-gf-directory-column-section-title>.wwm-gf-directory-column-section-title-text {
	display: block
}

@media only screen and (max-width: 833px) {
	#wwm-globalfooter .wwm-gf-directory-column-section-title>.wwm-gf-directory-column-section-title-text {
		display: none
	}
}

#wwm-globalfooter .wwm-gf-directory-column-section-list {
	margin-inline-end: 20px;
	list-style: none;
	padding: 0
}

@media only screen and (max-width: 833px) {
	#wwm-globalfooter .wwm-gf-directory-column-section-list {
		margin: 0;
		overflow: hidden;
		padding-top: 5px;
		padding-bottom: 16px;
		position: absolute;
		top: 100%;
		inset-inline-start: 0;
		width: 100%;
		visibility: hidden;
		z-index: -1;
		transform: translateY(-100px);
		will-change: transform
	}
}

#wwm-globalfooter .wwm-gf-directory-column-section-item {
	display: block;
	pointer-events: auto;
	margin-bottom: .8em
}

@media only screen and (max-width: 833px) {
	#wwm-globalfooter .wwm-gf-directory-column-section-item {
		margin-bottom: 0
	}
}

#wwm-globalfooter .wwm-gf-directory-column-section-item:last-child {
	margin-bottom: 0
}

@media only screen and (max-width: 833px) {
	#wwm-globalfooter .wwm-gf-directory-column-section-link {
		padding: 6px 14px;
		display: block
	}
}

@media only screen and (max-width: 833px) {
	#wwm-globalfooter .wwm-gf-directory-column-section.wwm-gf-directory-column-expanded .wwm-gf-directory-column-section-list {
		position: static;
		visibility: visible;
		transform: none;
		transition: transform 300ms ease
	}
}

#wwm-globalfooter .wwm-gf-footer {
	border-top: 1px solid var(--footer-section-border-color);
	padding: 17px 0 11px;
	padding-bottom: calc(11px + constant(safe-area-inset-bottom))
}

@supports(padding: calc(max(0px))) {
	#wwm-globalfooter .wwm-gf-footer {
		padding-bottom: max(11px, env(safe-area-inset-bottom))
	}
}

#wwm-globalfooter .wwm-gf-footer:nth-child(2) {
	border-top: none
}

@media only screen and (max-width: 833px) {
	#wwm-globalfooter .wwm-gf-footer {
		padding-bottom: 9px;
		padding-bottom: calc(9px + constant(safe-area-inset-bottom))
	}

	@supports(padding: calc(max(0px))) {
		#wwm-globalfooter .wwm-gf-footer {
			padding-bottom: max(9px, env(safe-area-inset-bottom))
		}
	}
}

#wwm-globalfooter .wwm-gf-footer-legal {
	position: relative;
	top: -3px;
	z-index: 1
}

#wwm-globalfooter .wwm-gf-footer-legal::before,
#wwm-globalfooter .wwm-gf-footer-legal::after {
	content: " ";
	display: table
}

#wwm-globalfooter .wwm-gf-footer-legal::after {
	clear: both
}

@media only screen and (max-width: 833px) {
	#wwm-globalfooter .wwm-gf-footer-legal {
		padding-top: 12px
	}
}

#wwm-globalfooter .wwm-gf-footer-legal-copyright,
#wwm-globalfooter .wwm-gf-footer-legal-links {
	margin-inline-end: 30px;
	margin-top: 5px;
	list-style-type: none
}

#wwm-globalfooter:not([dir=rtl]) .wwm-gf-footer-legal-copyright,
#wwm-globalfooter:not([dir=rtl]) .wwm-gf-footer-legal-links {
	float: left
}

@media screen and (max-width: 1023px) {

	#wwm-globalfooter:not([dir=rtl]) .wwm-gf-footer-legal-copyright,
	#wwm-globalfooter:not([dir=rtl]) .wwm-gf-footer-legal-links {
		float: none
	}
}

@media screen and (max-width: 1023px) {

	#wwm-globalfooter .wwm-gf-footer-legal-copyright,
	#wwm-globalfooter .wwm-gf-footer-legal-links {
		margin-inline-end: 0
	}
}

#wwm-globalfooter .wwm-gf-footer-legal-copyright {
	max-height: 9999px
}

#wwm-globalfooter .wwm-gf-footer-legal-links {
	position: relative;
	top: -5px;
	margin-inline-start: 0;
	z-index: 1
}

#wwm-globalfooter .wwm-gf-footer-legal-links-item {
	position: relative;
	margin-inline-end: 6px;
	display: inline-block;
	margin-top: 5px
}

#wwm-globalfooter .wwm-gf-footer-legal-links-item:before {
	content: "";
	position: absolute;
	top: 0;
	inset-inline-end: 9px;
	bottom: 0;
	inset-inline-start: 0;
	pointer-events: none
}

#wwm-globalfooter .wwm-gf-footer-legal-links-item:after {
	content: "";
	position: absolute;
	height: 10px;
	width: 1px;
	background-color: #fff;
	margin: 3px 0
}

#wwm-globalfooter .wwm-gf-footer-legal-links-item:last-child:after {
	display: none
}

@media screen and (max-width: 1023px) {
	#wwm-globalfooter .wwm-gf-footer-legal-links-item {
		margin-top: 4px
	}
}

@media only screen and (max-width: 833px) {
	#wwm-globalfooter .wwm-gf-footer-legal-links-item {
		margin-top: 5px
	}
}

#wwm-globalfooter .wwm-gf-footer-legal-link {
	padding-inline-end: 9px;
	display: inline-block;
	white-space: nowrap
}

#wwm-globalfooter .wwm-gf-sosumi+.wwm-gf-footer {
	border-top: none
}

#wwm-globalfooter .wwm-gf-directory+.wwm-gf-footer {
	padding-top: 37px;
	border-top: none
}

@media only screen and (max-width: 833px) {
	#wwm-globalfooter .wwm-gf-directory+.wwm-gf-footer {
		padding-top: 17px
	}
}

#wwm-globalfooter b,
#wwm-globalfooter strong {
	font-weight: 600
}

#wwm-globalfooter .nowrap {
	white-space: nowrap
}

#wwm-globalfooter .wwm-gf-footer-legal-links-item {
	float: none
}

/*END footer*/


/* Style */
.wwm-effect--31 {
    aspect-ratio: 1 / 1;
    bottom: -980px;
    flex: none;
    height: var(--auto, 1982px);
    opacity: .5;
    position: absolute;
    right: -1418px;
    width: 1982px;
    z-index: 0;
}

.wwm-effect--32 {
    aspect-ratio: 1 / 1;
    bottom: -1850px;
    flex: none;
    height: var(--auto, 1982px);
    opacity: .5;
    position: absolute;
    right: 950px;
    width: 1982px;
    z-index: 1;
}